/* =========================================================
dermaplant.com - Stylesheet für Dermaplant
Datei: design.css
Media: screen
Datum: 8. Dezember 2008
Autor: Ulf Mayer
Mail: mayer@navigate.de
Web: http://navigate.de
========================================================== */

/* ===============================
   = General Definitions
=============================== */
*{
font-size: 1em; /* don't edit! */
}

html {
font-size: 62.51%; /* don't edit */
}

body {
	width: 100%;
	font-size: 1.2em; /* edit here to change font size globaly 1em = 10px */
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #000;
	background: #EFEBEF;

}

div {font-size: 1em;}

div#wBlockLeftInner div.elementPicture {
	line-height: 0;
}

address { font-style: normal; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
ul,ol { list-style:none }
:link,:visited { text-decoration:none }
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}
p {margin-bottom: 1em;}
ul {list-style: disc;}
ul li {margin: 0 0 1em 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: circle;}
ul li ol {margin: 1em 0 1em 1em;}

a img,:link img,:visited img { border:none }

.screenreader,
.hidden {
	display: none;
}
fieldset {
   border: none 0;
}
.clear {
	clear: both;
}

.screenreader {display: none;}

a {color: #84B210; text-decoration: underline!important;}

h2 {font-family: Arial; font-size: 22px;margin: 0 0 20px 0;}
h3 {font-size: 14px; margin: 20px 0 10px 0; color: #84B210;}

sup {font-size: 9px;}

#wBlockContent a img,
#wBlockRight a img {border: 1px solid #C6C7CE; padding: 1px; background: #fff; margin: 0 0 20px 0;}

.fragmentPictureFloatLeft {float: left; margin: 0 10px 20px 0; display: block;}
.fragmentPictureFloatRight {float: right; margin: 0 0 20px 10px; display: block;}

/* ===============================
   = Container
=============================== */

#wBlockMain {
	position: absolute;
	width: 996px;
	background: #fff url(/dermaplant-salbe/fachkreise/wLayout/design/img/backgrounds/bg_left.gif) repeat-y;	
}

#wBlockTop {
	background: url(/dermaplant-salbe/fachkreise/wLayout/design/img/backgrounds/bg.gif) repeat-x;
	height: 197px;
}

#wBlockLeft {
	float: left;
	width: 201px;
	margin: -29px 0 0 0;
}

#wBlockLeft .elementNavigation ul {background: url(/dermaplant-salbe/fachkreise/wLayout/design/img/backgrounds/bg_nav.gif) no-repeat;}
#wBlockLeft .elementNavigation ul ul {background: #CECFCE; width: 192px; padding: 10px 0 10px 0;}

#wBlockLeft .elementNavigation ul.level1 li a.image {height: auto!important;}

#wBlockLeft .elementNavigation ul ul li {background: none;}
#wBlockLeft .elementNavigation ul,
#wBlockLeft .elementNavigation ul li {list-style: none; margin: 0; padding: 0; background: none;}
#wBlockLeft .elementNavigation ul li a {display: block; color: #000; height: 38px; font-weight: bold; text-decoration: none!important; padding: 0; width: 192px; background: url(/dermaplant-salbe/fachkreise/wLayout/design/img/backgrounds/m_normal.gif) no-repeat;}
#wBlockLeft .elementNavigation ul li a.open,
#wBlockLeft .elementNavigation ul li a.openselected,
#wBlockLeft .elementNavigation ul li a.selected,
#wBlockLeft .elementNavigation ul li a:hover {background: url(/dermaplant-salbe/fachkreise/wLayout/design/img/backgrounds/m_active.gif) no-repeat; color: #fff; text-decoration: none;}
#wBlockLeft .elementNavigation ul li ul li a {background: none; height: auto;}
#wBlockLeft .elementNavigation ul li ul li a.openselected,
#wBlockLeft .elementNavigation ul li ul li a.selected,
#wBlockLeft .elementNavigation ul li ul li a:hover {background: #fff; height: auto;}

#wBlockContent {width: 490px; font-size: 14px; line-height: 20px; float: left; padding: 15px 30px 30px 50px; margin: 0px 0 0 0;}

#wBlockRight {width: 220px; float: right; margin: 35px 0 0 0;}

.metanav {position: absolute; top: 12px; right: 35px;}
.metanav ul,
.metanav ul li {list-style: none; margin: 0; padding: 0; display: inline;}
.metanav ul li a {display: block; float: left; margin: 0 0 0 10px;}

.elementSearch {position: absolute; top: 145px; left: 239px;}
.elementSearch input {width: 167px; height: 17px; padding: 1px 0 2px 5px; font: inherit; background: url(/dermaplant-salbe/fachkreise/wLayout/design/img/backgrounds/search_bg.gif) no-repeat; border: 0;}
.elementSearch button {border: 0; cursor: pointer; width: 36px; height: 13px; line-height: normal; padding: 0; background: url(/dermaplant-salbe/fachkreise/wLayout/design/img/backgrounds/search_button.gif) 0 3px no-repeat; border: 0; text-indent: -2000px;}

.blockBottom {clear: both; position: relative; background: url(/dermaplant-salbe/fachkreise/wLayout/design/img/backgrounds/bg_salbe.jpg) no-repeat; width: 192px; height: 249px; margin: 0 0 0 0;}
#homelink {position: absolute; top: 145px; left: 15px;}
#blockCurNavigation {display: none;}


#mandatory {
	margin: 20px 0 0 252px;
	font-size: 10px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	width: 700px;
	text-align: justify;
	color: #9F9F9F;
}

#pageswitcher {
	position: absolute;
	top: 139px;
	right: 35px;
}

#pageswitcher ul,
#pageswitcher ul li {list-style: none; margin: 0; padding: 0; background: none; display: inline;}
#pageswitcher ul li a {display: block; float: left; width: 102px; height: 27px; margin: 0 1px 0 0;}
#pageswitcher ul li.first a {width: 120px;}
#pageswitcher ul li.second a {width: 84px;}
#pageswitcher ul li a span {display: none;}

#pageswitcher ul.endverbraucher {
	background: url(/dermaplant-salbe/wLayout/design/img/endverbraucher.gif) 0 0 no-repeat;
	display: block;
	width: 207px;
	height: 27px;
}

#pageswitcher ul.fachkreise {
	background: url(/dermaplant-salbe/wLayout/design/img/fachkreise.gif) 0 0 no-repeat;
	display: block;
	width: 207px;
	height: 27px;
}

/* ===============================
   = sIFR
=============================== */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-active h2 {
  font-size: 22px;
  display: block;
}

/* ===============================
   = Formulare
=============================== */

#wFormular {margin:20px 0 0 0;}

#wFormular ol {position: relative;}

#wFormular ol,
#wFormular ol li {list-style: none; margin: 0; padding: 0;}
#wFormular ol li {margin: 0 0 1em 0;}

button,
input,
textarea,
select {font:inherit;}

label {cursor: pointer; width: 170px; display: block; float: left;}
label.radio {width: auto; display: inline; float: none; margin: 0 15px 0 5px;}

li.C input.C {margin: 0 0 0 170px;}
li.C img {display: block; margin: 10px 0 10px 170px; border: 1px solid #ccc;}

#wFormular input.button {margin: 0 0 0 170px;}

.wError {background: #FFEFEF; width: 350px; display: block; padding: 10px; color: #7F0707; font-weight: bold; border-top: 3px solid #7F0707; margin-bottom: 10px;}

input.C,
input.kontakt {width: 170px; padding: 2px;}
textarea.kontakt {width: 170px; height: 120px; padding: 2px;}

select {padding: 1px; width: 178px;}

/* ===============================
   = Contentelements
=============================== */

ul,
ul li ul {list-style: none; margin: 10px 0 0 0;}
ul li,
ul li ul li {background: url(/dermaplant-salbe/fachkreise/wLayout/design/img/list-style.gif) 0 3px no-repeat; display: block; margin: 0 0 5px 10px; padding: 2px 0 2px 22px;}

.documentLink {margin: 0 0 5px 0;}
.documentLink div {display: inline;}
.documentLink div.icon img {margin: 0 3px -3px 0;}


/* ===============================
   = Suchergebnisse
=============================== */

.searchNavi {text-align: center; margin-top: 20px;}
.searchNavi * {display: inline;}
.elementSearchButton {padding: 0; margin: 0; font: inherit; line-height: normal;}

ul.searchResultList {list-style: none; border-top: 1px solid #EFEBEF; padding-top: 15px;}
ul.searchResultList li {background: none; padding: 0; display: block; border-bottom: 1px solid #EFEBEF; margin: 0 0 20px 0;}

.searchResult p.text {background: #EFEBEF; margin: 0; padding: 2px 0 2px 5px;}

div.form form {margin-bottom: 20px;}
div.form form input {padding: 1px; margin: 0 3px 0 0;}
div.form form button {display: inline; margin: 0;}

/* ===============================
   = Splitpage
=============================== */

body#home {
	background: url(/dermaplant-salbe/fachkreise/wLayout/design/img/backgrounds/bg-start.gif) repeat-x;
}

body#home #wBlockMain {background: none; width: 881px; margin: 0 auto; position: relative; text-align: center;}
body#home #wBlockMain ul,
body#home #wBlockMain ul li {list-style: none; margin: 0; padding: 0; background: none;}
body#home #headline {text-indent: -5000px; margin: 50px 0 0 0; display: block; height: 154px; background: url(/dermaplant-salbe/fachkreise/wLayout/design/img/backgrounds/headline-dermaplant.gif) no-repeat;}
body#home #chooseSite {background: url(/dermaplant-salbe/fachkreise/wLayout/design/img/backgrounds/patienten-fachkreise.jpg) no-repeat; width: 821px; height: 430px; margin: 67px 0 0 0; position: relative;}
body#home #chooseSite a {outline: 0;}
body#home #chooseSite #patienten {text-indent: -5000px; display: block; width: 290px; height: 130px; position: absolute; top: 285px; left: 0;}
body#home #chooseSite #fachkreise {text-indent: -5000px; display: block; width: 290px; height: 130px; position: absolute; top: 285px; right: 0;}

/* ===============================
   = Patienten Under Construction
=============================== */

body#patienten {background: #fff;}
body#patienten #wBlockMain {background: none; width: 881px; margin: 0 auto; position: relative; text-align: center;}

/* ===============================
   = DocCheck
=============================== */
form#login{font-size:11px; color:#000000; font-family:Verdana,Arial,sans-serif; line-height:16px; margin:0; padding:0; }
form#login img.tinyarrow{width:3px; height:3px; position:relative; margin:0 5px 2px 0px; }
form#login input.dc_input{border:1px solid #d9d9d9; background-color:white; width:170px; height:18px; font-size:10px; }
form#login input.dcUsername{position:absolute; left:110px; top:0px; padding: 2px; height: 14px;}
form#login input.dcPassword{position:absolute; left:110px; top:28px; padding: 2px; height: 14px;}
form#login div.tickerText{color:#cc0033; height:16px; position:relative; font-weight:bold; left:10px; top:7px; }
form#login h3{font-size:11px!important; padding:0px; margin:0px 0px 7px 0px; color:black; }
form#login div.dcLoginLRedContainer{position:relative; width:425px; height:228px; }
form#login img.dcEumel{width:66px; height:100px; border:none; position:absolute; left:0px; top:0px; }
form#login a.greyLink{color:#666666!important; font-size:11px; }
form#login a.redlink{color:#cc0033!important; font-size:11px; }
form#login div.dcUserName{position:absolute; }
form#login input.dcContinueButton{width:97px; height:42px; position:absolute; bottom:0px; left:307px; }
form#login input.dcLoginButton{width:114px; height:42px; position:absolute; bottom:0px; left:297px; }
form#login img.dcQueryMark{background: none;width:18px; height:18px; position:absolute; left:397px; top:18px; z-index:2; border:none; }
form#login div.bgTop{width:358px; height:100px; background:white url("/dermaplant-salbe/fachkreise/wLayout/design/img/backgrounds/bg_top_l.gif"); position:absolute; left:66px; top:0px; }
form#login div.tickerRow{background-color:#d6e6b9; width:424px; height:30px; color:#cc0033; position:absolute; bottom:0px; left:0px; }
form#login div.choose {width:382px; background-color:#f0f0f0; position: absolute; top:100px; left: 0; padding: 0 0 0 40px; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; height: 20px;}
form#login div.choose input {display: inline; float: left; margin: 3px 3px 0 0;}
form#login div.choose label {font-size:10px; width: auto; margin: 0 10px 0 0; cursor: pointer;}
form#login div.contentBackground{width:422px; background-color:#f0f0f0; height:80px; position:absolute; top:120px; left:0px; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; }
form#login div.dcTextContainer{position:relative; left:45px; bottom:5px; }
form#login div.dcLabel{font-size:10px; color:black; }
form#login div.dcUserlabel{position:absolute; top:3px; left:40px; }
form#login div.dcPasslabel{position:absolute; top:29px; left:40px; }
form#login div.linkBar{position:absolute; top:55px; left:40px; }
form#login a.dcRedLink{color:#cc0033!important; font-weight:normal; text-decoration:none!important; }
form#login div.linkBar a{color:#666666 !important; font-size:10px !important; text-decoration:none; }
form#login div.dcErrorMessage{width:360px; height:58px; overflow:hidden; line-height:14px!important; }

.logoutbutton {display: block; width: 106px; height: 24px; position: absolute; top: 85px; right: 35px; background: url(/dermaplant-salbe/fachkreise/wLayout/design/img/logout.gif) no-repeat;}
.logoutbutton span {display: none;}

#wBlockLeft .elementNavigation {position: relative;}
#mandatorypopup {position: absolute; bottom: -40px; left: 190px; color: #9F9F9F; text-align: justify; border: 1px solid #9f9f9f; background: #fff; font-size: .8em; z-index: 500; padding: 10px; width: 350px;} 

#wBlockLeft .fachkreisepopup {bottom: -130px;}

#quizBox {margin: 20px 0 0 0;}
#quizBox .quiz {clear: both; margin: 0 0 20px 0; position: relative;}
#quizBox .quiz img {cursor: pointer; border: 0;}
#quizBox .solution { position: absolute; top: 0; right: -210px; background: #EFEBEF; width: 300px; padding: 10px;}

.hebammenspecial {position: absolute; top: 36px; right: 35px;}
.Ihre_Nachricht label {float: none; width: 350px; color: #84B210; margin: 20px 0 10px; font-weight: bold;}
.Ihre_Nachricht textarea {width: 400px;}
.einverstaendnis {font-size: .7em; font-weight: bold; line-height: 1em;}