@charset "UTF-8";

@import url("standard.css");
@import url("content_base.css");
@import url("suche.css");

body {
	background: url(../images/bg-clinic.jpg) repeat-x #e9f4f0;
	text-align:center;
}

body#care {
	background: url(../images/bg-care.jpg) repeat-x #fef2e5;
	text-align:center;
}

#page {
	text-align:left;
	width:960px;
	height:auto;
	margin:0 auto;
	z-index:1000;
}

#header {
	float:left;
	width:100%;
	height:193px;
}

#footer {
	float:left;
	width:900px;
	height:10px;
	margin:80px 0 0 30px;
	background:url(../images/dotted.gif) top repeat-x;
	padding-top:5px;
	font-size:10px;
	color:#999;
}

#footer a {
	color:#999;
}

#header img  {
	float:left;
	margin:50px 0 0 0;
}


#header img.pic  {
	float:right;
	margin:40px 0 0 0;
}


#content {
	float:left;
	width:100%;
	height:auto;
	background:#fff;
	padding-bottom:30px;
	z-index:1000;
	position:relative;
}

#navi {
	position:relative;
	margin:0;
	float:left;
	width:600px;
}
  
#care #navi ul {
  	margin:74px 0 0 0;
	list-style:none;
  }
  
#care #navi ul li {
	list-style:none;
  }
  
#navi li {
	float:left;
 	background: url(../images/navi-bg-left.gif) no-repeat left top;
  	margin:0;
  	padding:0 0 0 6px;
  }
  
#navi a {
  	float:left;
  	display:block;
  	background: url(../images/navi-bg-right.gif) no-repeat right top;
  	padding:0 10px 0 5px;
	line-height:20px;
  	text-decoration:none;
  	color:#fff;
	margin:0 2px 0 0;
}

#care #navi a {
  	color:#fff;
}

#navi li a:hover {
  	color:#daffe6;
  }
  
#care #navi li a:hover {
  	color:#ffeeda;
  }
  
#navi li#active{
  	background: url(../images/navi-bg-left-active.gif) no-repeat left top;
  }
  
#navi #active a {
  	background: url(../images/navi-bg-right-active.gif) no-repeat right top;
  	color:#333;
  }
  
#care #navi li {
	float:left;
 	background: url(../images/care-navi-bg-left.gif) no-repeat left top;
  	margin:0;
  	padding:0 0 0 6px;
  }
  
#care #navi a {
  	background: url(../images/care-navi-bg-right.gif) no-repeat right top;
  }
  
#care #navi li#active{
  	background: url(../images/care-navi-bg-left-active.gif) no-repeat left top;
  }
  
#care #navi #active a {
  	background: url(../images/care-navi-bg-right-active.gif) no-repeat right top;
    color: #333;
  }
  
#primary_content {
	text-align:justify;
	float:left;
	width:675px;
	height:auto;
	z-index:2000;
	position:relative;
}

img.right{
	float:right;
	margin:0 0 10px 10px;
}

img.left{
	float:left;
	margin:0 10px 10px 0;
}

#secondary_content {
	float:right;
	width:210px;
	height:auto;
	background:url(../images/news-bg-clinic.gif) bottom left no-repeat;
	margin-top:20px;
	padding-bottom:20px;
}

#care #secondary_content {
	background:url(../images/news-bg-care.gif) bottom left no-repeat;
}

h1, h2, h3, h4, p, ul, ol, img {
	margin-left:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.heading {
	margin:20px 0 0 30px;
}

#clinic ul li {
	color:#489a75;
	font-weight:bold;
	list-style:url(../images/pfeil-clinic.png);
}

#care ul li {
	font-weight:bold;
	list-style:url(../images/pfeil-care.png);
}

ul li {
	margin-bottom:3px;
}

#care ul {
	color:#dd7f00;
}

h1 {
	color:#2ea98a;
	font-size:20px;
	margin-top:20px;
}

#care h1 {
	color:#dd7f00;
}

h2 {
	margin-top:10px;
	font-size:14px;
	color:#489a75;
}

#care h2 {
	color:#dd7f00;
}

h3 {
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
	color:#489a75;
}

#care h3 {
	color:#dd7f00;
}

h4 {
	margin-top:10px;
	font-size:11px;
	font-weight:bold;
	color:#489a75;
}

#care h4 {
	color:#dd7f00;
}

#primary_content h5 {
	position:relative;
	margin:10px 0 -10px 30px;
	font-size:14px;
	font-weight:bold;
	color:#489a75;
}

#care #primary_content h5 {
	color:#dd7f00;
}

p {
	margin-top:10px;
	font-size:11px;
	color:#34302c;
}

.prod-pics {
	float:left;
	margin-top:20px;
}

#secondary_content h3, #secondary_content h4, #secondary_content p, #secondary_content img {
	margin-left:10px;
}

#secondary_content h3, #secondary_content h4 {
	margin-top:22px;
	color:#489a75;
}

#care #secondary_content h3, #care #secondary_content h4 {
	color:#dd7f00;
}

#secondary_content h4 {
	margin-top:10px;
	font-size:11px;
}

#secondary_content p {
	margin-top:0;
}

#secondary_content ul  {
	background:#d4e9e0;
	padding:10px 0 10px 10px;
	margin:0 0 0 1px;
	list-style:url(../images/pfeil-clinic.png);
	border-top: 1px solid #499b77;
	border-bottom: 1px solid #499b77;
 }
 
#care #secondary_content ul  {
	background:#fde9d1;
	padding:10px 0 10px 10px;
	margin:0 0 0 1px;
	list-style:url(../images/pfeil-care.png);
	border-top: 1px solid #f08a01;
	border-bottom: 1px solid #f08a01;
 }


#secondary_content ul a {
	font-weight:bold;
 }

a {
	text-decoration:none;
	color:#489a75;
	font-weight:bold;
}

#care a {
	color:#dd7f00;
}

a:hover {
	text-decoration:underline;
}

#produkt-overview {
	margin-top:10px;
}

#produkt-overview a {
	color:#34302c;
}

#produkt-overview h4 {
	text-align:left;
	margin:0;
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	font-size:12px;
	width:195px;
	padding:0 20px 0 30px;
	background:#2ea98a  url(../images/corner.gif) right top no-repeat;
	color:#fff;
}

#care #produkt-overview h4 {
	background:#dd7f00  url(../images/corner-care.gif) right top no-repeat;
}

#produkt-overview p {
	text-align:left;
	position:relative;
	margin-top:-1px;
	float:left;
	width:700px;
	border:1px solid #2ea98a;
	list-style:none;
	padding:5px;
}

#care #produkt-overview ul {
	border:1px solid #dd7f00;
}

#produkt-overview ul li {
	float:left;
	margin:1px 5px 0 10px;
	width:auto;
	
}

#produkt-overview ul li a {
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color:#000;

}

#produkt-overview ul li a:hover {
	text-decoration:underline;
}

/* Tabelle Produktkatalog */

#produkt-overview .tabprodborder a {
	display:block;
	float:left;
	padding:2px 4px;
	background:#2ea98a;
	color:#fff;
	font-weight:bold;
}

#care .tabprodborder a {
	background:#dd7f00;
	color:#fff;
}

.tabprodborder {
	border: 1px solid #2ea98a;
	width:710px!important;
	margin-left:25px;
}

#care .tabprodborder {
	border: 1px solid #dd7f00;
}

.tabprodbez {
	padding: 4px 5px;
	background-color: #f7f7f7;
	font-weight: bold;
}

.tabprodhead {
	padding: 1px 0px 3px 5px;
	background-image:url(../images/table_head.gif);
	background-color: #afc5d5; /* Farbe muß noch gewählt werden */
	font-size:11px;
}


.tabprodzeilev1 {
	padding: 4px 5px;
	background-color: #eceded;
}	

.tabprodzeilev2 {
	padding: 4px 5px;
	background-color:#f7f7f7;
}

.table_bottom {
	background-color:#2ea98a;
	padding: 0 5px 5px 0;
	color: #FFF;
}

#care .table_bottom {
	background-color:#dd7f00;
}

.table_bottom a {
	font-weight:bold;
	color:#fff;
	padding-right: 2px;
}

.table_bottom a:hover {
	color: #FFF;
	text-decoration:underline;
}

.wechseln {
  margin-bottom: 23px;
}

/* Kontaktformular */

form {
	margin:0;
	padding:0;
	background:none;
}

.form input {
	height:10px;
	line-height:10px;
}
	
#care fieldset {
	margin:0.9em 0 0 30px;
	padding:1em;
	border:1px solid #f08a01;
	background-color:#fcf7f1;
	width:652px;
	color:#333;
}

legend {
	font-weight:bold;
	padding: 0 5px;
	color:#333;
}

label {
	display:block;
	float:left;
	width:100px;
	padding:0;
	margin:4px 0 0 0;
}

input  {
	width:200px;
	line-height:25px;
	height:25px;
	margin:4px 0 0 0;
}

select {
	padding:0;
	width:205px;
}

textarea {
	width:300px;
	height:100px;
	border:1px solid #ccc;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 3px;
	margin:4px 0 0 0;
}

input[type="text"] {
	width:200px;
	line-height:18px;
	height:18px;
	font-size:12px;
	padding:1px 3px;
	border:1px solid #ccc;
}

#submit {
	line-height:34px;
	height:34px;
	width:175px;
	margin-left:100px;
	background: url(../images/formular-senden-care.png);
	border:none;
}

.hinweis {	
	margin:3px 0 0 100px;
}

.star {
	margin:0 0 0 3px;
}

.imprint {
	margin: 0 0 0 25px;
}

.errEmail  {
	margin: 0 0 0 30px;
	color:#b10310;
}

.subaktiv {
	text-decoration:underline;
}

/* Ansprechpartner */


.ansprechpartner {
	width: 220px;
	margin: 0 15px 20px 0;
	float: left;
}

.ansprechpartner img{
	margin: 0 0 0 5px;;
}

.ansprechpartner p{
	margin: 5px 0 0 5px;;
}

#search {
	float:left;
	margin:-25px 0 0 138px;
	width:280px;
	height:30px;
}

#search form {
	float:left;
	width:280px;
}

#search label{
	float:left;
	height:20px;
	line-height:20px;
	color:#777;
	width:auto;
}


#search .input {
	display:block;
	float:left;
	width:160px;
	height:20px;
	line-height:20px;
	font-size:14px;
	color:#47647b;
	border: 1px dotted #094770;
	background:#f0faf6;
	margin-left:5px;
}

#search .submit {
	display:block;
	float:left;
	width:37px;
	height:26px;
	background:url(../images/go.gif) no-repeat;
	border:none;
	margin:5px 0 0 5px;
}

table img {
	margin:0 0 5px 0;
}

#search fieldset {
	margin:0;
	padding:0;
	border:none;
	background:none;
	width:auto;
}

.seitenindex {
	width:auto;
	float:right;
	margin-top:5px;
}

.ziffern {
	font-weight:bold;
	display:block;
	float:left;
	color:#fff;
	width:17px;
	height:17px;
	line-height:17px;
	text-align:center;
	text-decoration:underline;
}

.table_bottom p {
	color:#fff;
	font-weight:bold;
}

.prodgefunden {
	margin-left:25px;
	font-weight:normal;
}
	
#primary_bilderkatalog {
	text-align:left;
	float:left;
	width:675px;
	height:auto;
	z-index:2000;
	position:relative;
}

#primary_bilderkatalog .grouppic {
	float:right;
	margin:0 0 10px 10px;
}

#produkt-overview {
	margin:30px 28px 0 2px;
	border:1px solid #2ea98a;
	border-left:none;
	background:#e1f0eb;
}

.bilderkatalog-overview p {
	margin-right:20px;
}

.bilderkatalog-overview {
	margin-top:30px;
	width:670px;
	border: 1px solid #e78315;
	border-left:none;
	padding-bottom:20px;
}

#care .bilderkatalog-overview h4 {
	position:relative;
	text-align:left;
	margin:0;
	display:block;
	height:20px;
	line-height:20px;
	font-size:12px;
	width:440px;
	padding:0 20px 0 28px;
	background:#f08a00 url(../images/corner-care.gif) right top no-repeat;
	color:#fff;
	margin-top:-20px;
}

.bilderkatalog-overview h5 {
	margin-left:28px;
	color:#f08a00;
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
}

.bilderkatalog-overview .box {
	width:300px;
	height:154px;
	background:#feefd8;
	margin-left:28px;
	margin-top:10px;
	float:left;
	border: 1px solid #e78315;
}

.bilderkatalog-overview .box p {
	margin:0;
	padding:10px;	
	text-align:left;
	line-height:12px;
}

.bilderkatalog-overview .box img {
	float:right;
	margin:0;
}

.bilderkatalog-overview .extrabox {
	width:300px;
	height:154px;
	background:#fff;
	margin-left:18px;
	margin-top:10px;
	float:left;
}

.bilderkatalog-overview .extrabox p {
	margin:0;
	padding:10px;	
	text-align:left;
	line-height:16px;
}

.bilderkatalog-overview .slimbox {
	width:300px;
	height:154px;
	background:#feefd8;
	margin-left:28px;
	margin-top:10px;
	float:left;
	border: 1px solid #e78315;
}

.bilderkatalog-overview .slimbox p {
	margin:0;
	padding:10px;	
	text-align:left;
	line-height:12px;
}

.bilderkatalog-overview .slimbox img {
	float:right;
	margin:0;
}

.infobox {
	margin-top:30px;
	width:670px;
	border: 1px solid #e78315;
	border-left:none;
	padding-bottom:20px;
	height:auto;
	background:#fdeed7;
}

.infobox img {
	float:right;
	margin:20px 20px 10px 20px ;
}

.infobox ul li {
	font-size:11px;
	font-weight:normal;
	color:#222;
	line-height:13px;
	margin-right:20px;
}

.infobox h1 {
	text-align:left;
}

ul#bilderkatalog-navi {
	margin-top:20px;
	width:500px;
	height:15px;
	margin-left:31px;
}

ul#bilderkatalog-navi li {
	float:left;
	width:auto;
	height:15px;
	margin-right:35px;
	font-weight:bold;
	background:url(../images/pfeil-care.png) left no-repeat;
	padding-left:15px;
	list-style:none;
	margin-left:0;
}

ul#bilderkatalog-navi li a.aktiv{
	color:#333;
}