﻿/********************
Farben
*********************/
.orange_hell {color: #ec9427;}
.orange {color: #d98c2c;}
.gruen {color: #a3c438;}
.gruen2 {color: #849b2b;}
.gruen3 {color: #718527;}
.gruen_hell {color: #d1e29c;}

#mobile {background:#fff;width: 360px;
	 }

#mobilerand {background:#fff url(images/cms/wirbel.gif) repeat-y right;
	 }
#mobilerand {
	padding: 5px 40px 5px 5px;
}
#mobilerand .sideblock_txt_l {
    background: none;
    color: #718527;
    margin: 0 0 20px;
    padding: 0 10px 15px;
}
#mobilerand select {
    width: 270px;
}
#mobile img,  #mobile  table,  #mobile div{
     max-width: 240px;
} 
#mobile  table #Tabelle_Details{
     max-width: 240px;
} 

/********************
Content 528-3-3-19-19
*********************/
select {padding: 1px 3px 1px 3px; font-size: 1em; 
	background: #f9f9f9; border: 1px solid  #a3c438; color:#718527; }

.breadcrumbs {	
font-size: 0.8em;line-height: 1.0em;
width: 484px; color: #c5c5c7;
margin: 20px 3px 20px 3px; 
padding: 0px 0 5px 0px; border-bottom: 1px solid #c5c5c7;	
display: inline; float: left; 
}
.breadcrumbs a{color: #c5c5c7;}
.breadcrumbs span.lastitem {color: #d98c2c; } 

* html .breadcrumbs  { width:477px;	} 

#content {font-size: 1em; line-height: 1.4em; color: #000; padding: 0px 19px 1.4em 19px;}
 
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-weight:bold; font-style:normal;}

#content h1, #content h2 {font-size: 1.5em; line-height: 1.3em;}
#content h3, #content h4 {font-size: 1.3em; line-height: 1.4em;}
#content h5, #content h6 {font-size: 1.0em; line-height: 1.4em;}

#content h1, #content h2 {padding: 1.4em 0 0.7em 0;}
#content h3, #content h4, #content h5 {padding: 1em 0 0.5em 0;}
#content h6 {padding: 0em 0 0em 0;}

#content h1, #content h3 {color: #849b2b;}
#content h2, #content h2, #content h6 {color: #d98c2c;}
#content h5 {color: #000;}

#content li.ql_download {list-style-image: url(images/cms/pdf.gif);}

#content ul, #content ol, #content dl {font-size: 1.0em; line-height: 1.4em; 			
	list-style-image: url(images/cms/aufzaehlung.gif);margin: 0.4em 0 0.4em 0;}
#content ul li, #content ol li {margin: 0.4em 0 0em 2em;}
#content dl dt {font-weight: bold; margin: 0 0 0 1em;}
#content dl dd { margin: 0 0 1em 1em;}
#content dl { margin-bottom: 2em; padding-bottom: 1em; 
	border-bottom: 1px solid #c0c0c0;}
#content code, pre { color: #666;}

/********************
Themen
*********************/

* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }

#menu_vert ul li {list-style: none;margin: 0;display: block;
	border-top: 1px solid #e2e2e2; }
#menu_vert ul li ul li {border-top: none;}

/* erste ebene und folgende */
#menu_vert ul a { display: block; /* IE has problems with this, fixed above */
	color: #718527;	min-height:1em; /* Fixes IE7 whitespace bug */ 
	padding: 5px 5px 5px 20px; 
	background: url(images/cms/menu_off.gif) no-repeat 2px 0.5em; }
#menu_vert ul ul  a {color: #849b2b;
	padding: 5px 5px 5px 35px; background-position: 35px 0.75em;
	background: url(images/cms/menu_off.gif) no-repeat 17px 0.5em; }
#menu_vert ul ul ul  a {
	padding: 5px 5px 5px 50px; background-position: 50px 0.75em;
	background: url(images/cms/menu_off.gif) no-repeat 32px 0.5em; }

/* hover */
#menu_vert a:hover {}
#menu_vert a.activeparent:hover {}
#menu_vert ul a:hover { }
#menu_vert ul a.activeparent:hover {}
#menu_vert ul ul a:hover {}
#menu_vert ul ul a.activeparent:hover {}

/* active parent */
#menu_vert ul li a.activeparent {}
#menu_vert ul ul li a.activeparent {}
#menu_vert ul ul ul li a.activeparent {}

/* currentpage */
#menu_vert ul  h3 {display: block; color: #d98c2c;
	padding: 5px 5px 5px 20px; background-position: 20px 0.75em;
	background: url(images/cms/menu_on.gif) no-repeat 2px 0.5em; }
#menu_vert ul ul  h3 {
	padding: 5px 5px 5px 35px; background-position: 35px 0.75em;
	background: url(images/cms/menu_on.gif) no-repeat 17px 0.5em; }
#menu_vert ul ul ul h3 {
	padding: 5px 5px 5px 50px;  background-position: 50px 0.75em;
	background: url(images/cms/menu_on.gif) no-repeat 32px 0.5em; }

/* section header */
#menu_vert li.sectionheader {}

/* separator */
#menu_vert li.separator { height: 1px !important; margin-top: -1px; margin-bottom: 0; padding:2px 0 2px 0;  background-color: #000; overflow:hidden !important; line-height:1px !important; font-size:1px; /* for ie */}

/********************
News
*********************/

.NewsSummaryLink {padding: 10px 0px 5px 0px;}
.NewsSummaryLink a{color: #d98c2c;}

.NewsSummarySummary {color: #849b2b;}
.NewsSummarySummary a{color: #849b2b;}

.NewsSummaryMorelink {padding: 5px 0px 10px 0px; 
	border-bottom: 1px solid #e2e2e2; 		
	background: url(images/cms/weiterlesen.gif) no-repeat 85px 7px;}
.NewsSummaryMorelink a{color:#c5c5c7;}

/********************
Suche
*********************/
#search {padding: 15px 15px 45px 10px;}

.suche-i {display: inline; float: left; padding-top: 2px}
.suche-b {display: inline; float: right;}

.search-input {width: 130px;  font-size: 1em;padding: 1px 3px 1px 3px;
	border: 1px solid #a3c438; color:#718527; background: #f9f9f9;}

#sprache {margin: 0px 0px 15px 0px;padding: 0px 0px 15px 10px;background: #f9f9f9;}
#sprache img{padding: 15px 0px 5px 0px;}
#sprache a{color:#0285b8}

#sprache select{margin: 8px 0px 0px 0px; font-size: 1em; 
	width: 150px; border: 1px solid  #0285b8; 
	color:#0285b8; padding: 1px 3px 1px 3px; background: #f9f9f9;}


/********************
Produktsuche
*********************/

.produktsuche_side select{background: #fff; 
	margin: 10px 0px 0px 5px; width: 150px;}

/********************
Quicklinks
*********************/

.ql_link a{	border-top: 1px solid #e2e2e2;
	background: url(images/cms/menu_off.gif) no-repeat 2px 0.5em;}

.ql_link_noline a{border-top: none;background: none; }

.sideblock_txt_l li.ql_download a{ border-top: none;
	background: url(images/cms/pdf.gif) no-repeat 2px 0.5em;}

.sideblock_txt_l li {list-style: none; margin: 0; display: block;}

* html .sideblock_txt_l li a { height: 1%; } 
* html .sideblock_txt_l li hr { height: 1%; }

.sideblock_txt_l ul a {display: block; 
	padding: 5px 5px 5px 20px; color: #718527; min-height:1em;}


/********************
Footer
*********************/

#footer_inside {text-align: center; font-size: 0.8em; color:#c5c5c7; 
	padding: 5px 19px 10px 19px;clear: both; }

#footer_inside a{color:#c5c5c7;}
.nach_oben {text-align: left; font-size: 0.8em; color:#c5c5c7; 
	margin: 10px 0px 0px 0px;padding: 5px 19px 10px 0px;
	clear: both;border-top: 1px solid #c5c5c7; }

.nach_oben a{color:#c5c5c7;}

#footer_reihe {}

.footerreihe {display: inline; float: left; width: 178px; 
	border-left: 1px solid #b5d060; text-align: left; 
	color: #718527; padding: 0px 5px 0px 39px;}

.footerreihe h2{color: #d98c2c; font-size: 1.2em; line-height: 1.5em; 
	margin: 5px 0px 5px 0px; font-weight: normal; font-style:normal;}

.footerreihe a{text-decoration:none; color: #718527;font-size: 0.9em;}
.footerreihe a:hover {text-decoration:underline}
.footerreihe li{list-style:none;}
.footerreihe ul  h3{padding: 0px 5px 0px 0px;font-size: 0.9em;}

#footer_bottom {color:#ffffff; display:block; float: left; width: 894px;
	height: 20px; margin: 20px 0px 20px 0px; font-size: 0.9em;}

/********************
Formular
*********************/
.contactform {margin: 0px;0px;width: 480px;}

fieldset {padding: 5px 0px 0px 0px;background: #d1e29c;}

fieldset div{padding: 2px 10px 2px 10px; clear: left; display: block;
	width: 470px; border: 0;color: #002140;}

fieldset textarea{width: 465px; color:#849b2b; border: 0;
	margin: 0.2em 0px 0.2em 0px; padding: 2px; }

fieldset input{width: 465px;color:#849b2b; border: 0;
	margin: 0.2em 0px 0.2em 0px;padding: 2px;}

div.submit{width: 470px;}

.pflichtfeld{padding-top: 1em;font-size: 0.8em;}

.submit {clear: left; display: block; background: #a3c438; text-align: center;	
	margin-top:1px; padding: 10px 10px 10px 10px;}

.fbsubmit{background: url(images/cms/senden.gif) no-repeat 0px 0px;
	font-size: 0.8em; width: 94px; height:21px;	color:#fff; border: 0;
	cursor: pointer;}
.cms_submit{background: url(images/cms/senden.gif) no-repeat 0px 0px;
	font-size: 0.8em; width: 94px; height:21px;	color:#fff; border: 0;
	cursor: pointer;}

/********************
Tab
*********************/

.product_detail_field {display:none; padding:0.5em 1em;
	border-top:0px; height:auto; background-color:#edf3d7;
	font-size:0.9em;color: #849b2b;
	border-right:1px solid #d1e29c; border-bottom:1px solid #d1e29c;
	border-left:1px solid #d1e29c; }

table.groessentab {width: 465px; height: auto; border-width: 0px;
	margin: 10px 0px 10px 0px; color: #718527;
	border-style: none;border-collapse: collapse; }
table.groessentab2 {width: 465px; height: auto; border-width: 0px;
	margin: 10px 0px 10px 0px; color: #718527;
	border-style: none;border-collapse: collapse; }

table.groessentab th {padding: 4px 5px 4px 5px;}
table.groessentab2 th {padding: 4px 5px 4px 5px;}

table.groessentab td {padding: 4px 5px 4px 5px;}
table.groessentab2 td {padding: 4px 5px 4px 5px;}

.gerade{background: #d1e29c;color: #718527;}
.gerade_hell{background: #Fbfbea;color: #718527;}

.fett_zentriert{background: #d1e29c;color: #718527;
	font-weight:bold;text-align:center}

.zentriert{text-align:center}

td.groessentab2 img{border:1px solid #c0c0c0; margin: 10px 0px 10px 0px;}
tr.groessentab2  {border-bottom:1px solid #c0c0c0; }

/********************
Uebersicht Produkte
*********************/

.Sum_Produkt {display: inline; float: left; width: 490px;
	padding: 5px 0px 5px 0px; border-top: 1px solid #c5c5c7;}

.Sum_Produktname {display: inline; float: right; width: 390px; 
	margin: 10px 0px 10px 0; }

.Sum_Bild {display: inline; float: left; width: 100px; 
	margin: 10px 0px 10px 0; text-align: center;}

/********************
Text Aufklappen
*********************/

div.plusminus ul{display: none;}
div.plusminus table{display: none;}
div.plusminus p{display: none;}
div.plusminus h4{display: none;}
div.plusminus h5{display: none;}

div.plusminus .kopf {cursor: pointer; border-top: 1px solid #c0c0c0;
	background: transparent url('images/cms/aufklapp-plus.gif') no-repeat 0px 9px;
	padding: 4px 0px 4px 23px; margin: 0px 0px 0px 0px; 
	font-size: 1.3em; font-weight:bold; font-style:normal; 
	color:  #849b2b; line-height: 1.4em; display: block;}

div.plusminus .kopf:hover {text-decoration:underline}

/********************
Arzt Fachpartner Home
*********************/

#dreibilder {width: 490px; display: inline; float: left;}
#fachpartner_c{display: inline; float: left; padding: 0px 2px 0px 3px;}
#arzt_c{display: inline; float: left; padding: 0px 2px 0px 2px;}
#patient_c{display: inline; float: left; padding: 0px 2px 0px 2px;}

h2#produkt_suche_kopf {font-size: 1.1em; line-height: 32px; color:#fff;padding: 0px 0px 0px 10px; margin: 20px 0px 0px 0px;
	font-weight: bold; width:480px; background: #849b2b;}

h2#produktsuche_patient_kopf {font-size: 1.1em; line-height: 32px; color:#fff;
	font-weight: bold;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; width:224px; background: #849b2b;}

#produkt_suche {background: #d1e29c; padding: 5px 0px 0em 0px;
	width:490px; height:70px;}

#produktsuche_patient {background: #d1e29c; padding: 5px 0px 0em 0px;
	width:234px; height:70px;}

.indikation_suche, .hilfsm_nr_suche, .produktname_suche {
	padding: 8px 0px 0px 10px; display: inline; float: left; }

.indikation_suche select{width: 260px;}
.hilfsm_nr_suche select{width: 200px;}
.produktname_suche select{width: 214px;}

#suche_patient{display:inline; float:left; width:256px; 
	margin: 10px 0px 10px 0; }

#ratgeber{ display: inline; float: right; width: 234px; 
	margin: 10px 0px 10px 0; }

.oben_ratgeber{
	background: url(uploads/images/Elementebilder/ratkopf.gif) no-repeat 0px 0px;
	height: 184px; margin: 0px 0px 0px 0; }

.unten_ratgeber{
	background: url(uploads/images/Elementebilder/ratfuss.gif) no-repeat 0px 0px;
	height: 28px; margin: 0px 0px 20px 0px; 
}
.text_ratgeber{ background: #fef5e8;
	text-align: left; font-size: 1.15em; color: #d98c2c;
	line-height: 1.4em; margin: 0px 0px 0px 0; padding: 15px 15px 15px 15px;}

.text_ratgeber p{background: url(images/cms/weiterlesen.gif) no-repeat 0px 9px;
	padding: 5px 0px 5px 23px; }



/********************
Extra
*********************/

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {height: 1px;padding: 1em;border-top: 10px dotted black;margin: 1em;}
/* accessibility */
/* menu links accesskeys */
span.accesskey {text-decoration:none;}
/* accessibility divs are hidden by default text, screenreaders and such will show these */
.accessibility, hr {position: absolute; top: -999em; left: -999em;}
/* definition tags are also hidden these are also used for menu links    */
dfn { position: absolute;left: -1000px;top: -1000px;width: 0;height: 0;overflow: hidden;display: inline;}
/* end accessibility */

/********************
END Extra
*********************/


* html .threepxfix{margin-left: 3px;}

.expand ul {padding:0px 0 0px 20px;}

#news_indikationen p{margin: 0px 0px 10px 0px;}

#news_indikationen p a{
	background: url(images/cms/weiterlesen.gif) no-repeat 0px 3px; 
	padding: 0px 0px 0px 20px;}

#news_indikationen li{margin: 5px 0px 10px 0px;
	    list-style: none;}

#news_indikationen li a{
	background: url(images/cms/weiterlesen.gif) no-repeat 0px 3px; 
	padding: 0px 0px 0px 20px;}

.linie {height:1px; border-bottom: 1px solid #c0c0c0;
	margin-bottom: 0.3em;margin-top: 0.3em;}


#login {padding: 0px 0px 2em 0px;	
	background: url(images/cms/menukopf_r.gif) no-repeat 0px 0px;}

#login form{font-size: 0.9em;}

#log-in {padding: 10px 10px 0px 10px; color:#718527;
	background: #f9f9f9; text-align: right;}

#log-in p{padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px}
#log-in a{padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;color:#d98c2c;  }

#log-in input{margin: 5px 0px 0px 0px; font-size: 1em; 
	width: 60px; border: 1px solid  #a3c438; 
	color:#718527; padding: 1px 3px 1px 3px; background: #fff;}

#login-bild input{ width: auto; border: 0; background: #f9f9f9;}


