﻿/* CSS Document */

body{
height:100%;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:0.75em; 
text-align: center;/*fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
line-height:1.5em;
background-color:#eae7e0;
}

p {margin:0; padding:0;line-height:1.5em;}

strong {color:#666;}

ol li { line-height:1.5em;}

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:10px;}

.small { font-size:0.8em;}

.top {
background: transparent url(images/icons/top.gif) left center no-repeat;
padding-left: 20px;
font-size:0.9em;
float:right;
}
.back {
background: transparent url(images/icons/back.gif) left center no-repeat;
padding-left: 18px;
font-size:1em;
}
.extern {
background: transparent url(images/icons/extern.gif) left top no-repeat;
padding-left: 18px;
font-size:1em;
}
.intern {
background: transparent url(images/icons/intern.gif) left center no-repeat;
padding-left: 20px;
font-size:1em;
}

.print {
background: transparent url(images/icons/print.gif) left center no-repeat;
padding-left: 20px;
font-size:1em;
}
.pdf {
background: transparent url(images/icons/pdf.gif) left center no-repeat;
padding-left:25px;
font-size:1em;
line-height:1.8em;
}
.word {
background: transparent url(images/icons/word.gif) left center no-repeat;
padding-left:25px; padding-top:5px; 
font-size:1em;
line-height:1.8em;
}
.excel {
background: transparent url(images/icons/excel.gif) left center no-repeat;
padding-left:25px; padding-top:5px; 
font-size:1em;
line-height:1.8em;
}
.zip {
background: transparent url(images/icons/zip.gif) left center no-repeat;
padding-left: 25px; padding-top:5px;
font-size:1em;
line-height:1.8em;
}


.box-left { width:160px; float:left; margin-right:9px; background-color:#e8e5e0; height:220px;}
.box-center { width:160px;float:left;margin-right:9px; background-color:#e8e5e0;  height:220px;}
.box-right { width:160px;float:left;  background-color:#e8e5e0; height:220px; }

.box-links-blank { margin-right:20px; float:left; width:300px;}
.box-rechts-blank { margin:0px; float:right; width:300px;}


.space-left { margin-left:160px;}
.space-left-200 { margin-left:200px;}
.space-left-320 { margin-left:320px;}
.space-left-350 { margin-left:350px;}
.space-right { width:140px; float:left;}

.breadcrumb {  padding-top:180px; text-align:right; padding-right:30px;}
.breadcrumb a { padding:0px 0px 0px 10px;}
.breadcrumb a:link { text-decoration:none; color:#699;}
.breadcrumb a:visited {text-decoration:none; color:#699;}
.breadcrumb a:hover { color:#699; text-decoration:underline;}
.breadcrumb a:focus { color:#699; text-decoration:none;}


.container-img-subtitle { width:200px; float:left; margin-right:20px; }
.container-img-subtitle p{ font-style:italic; font-size:0.9em;}

.container-img-subtitle-right { width:120px; float:right; margin-left:20px; }
.container-img-subtitle-right p{ font-style:italic; font-size:0.9em;}

.container-img-subtitle-right-200 { width:200px; float:right; margin-left:20px; }
.container-img-subtitle-right-200 p{ font-style:italic; font-size:0.9em;}

.container-img-text { width:98%; float:left;}
.container-img-text img {float:left; margin-right:20px;}


.subtitle { font-style:italic; font-size:0.9em;}


.box-bg { background-color:#f4f4f4; padding:10px;}
.box-bg-hellblau { background-color:#d9e2ea; padding:10px;}
.box-border { border:1px solid #669999; padding:10px;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


.suche { width:185px; background-color:#85b1b3; height:25px; padding:5px 5px 0px 10px; margin-top:20px;}
.suche input { border:1px solid #699; color:#666;}

/***************************************************** container ***********************************************************/

#wrapper { width:960px; margin:auto; margin-top:0px;}

#head-start { width:960px; background: transparent url(images/header/start.jpg) left top no-repeat; height:200px; border-bottom:1px solid #fff;}
/*** #head-start { width:960px; background: transparent url(images/header/start.jpg) left top no-repeat; height:200px; border-bottom:1px solid #fff; }  **/
#head-praxis { width:960px; background: transparent url(images/header/praxis.jpg) left top no-repeat; height:200px; border-bottom:1px solid #fff; }
#head-spektrum { width:960px; background: transparent url(images/header/spektrum.jpg) left top no-repeat; height:200px; border-bottom:1px solid #fff; }
#head-highlights { width:960px; background: transparent url(images/header/highlights.jpg) left top no-repeat; height:200px; border-bottom:1px solid #fff; }
#head-service { width:960px; background: transparent url(images/header/service.jpg) left top no-repeat; height:200px; border-bottom:1px solid #fff; }
#head-links { width:960px; background: transparent url(images/header/links.jpg) left top no-repeat; height:200px; border-bottom:1px solid #fff; }
#head-tests { width:960px; background: transparent url(images/header/tests.jpg) left top no-repeat; height:200px; border-bottom:1px solid #fff; }
#head-kontakt { width:960px; background: transparent url(images/header/kontakt.jpg) left top no-repeat; height:200px; border-bottom:1px solid #fff; }


#wrapper-content { 
	width:960px; 	
	text-align:left; 
	padding:0px; 
	margin-top:0px;	
	padding:0px 0px 10px 0px;
	border-bottom:1px dotted #ccc;
	background-color:#fff;
	}


/***************************************** Menue **************************************************************************************/
    
#menue { width:200px; float:left; top:-33px; border-left:1px solid #fff;border-right:1px solid #fff;  padding-bottom:500px; position:relative; z-index:1;}
/** #menue { width:200px; float:left; margin-top:-33px; border-left:1px solid #fff;border-right:1px solid #fff;  padding-bottom:500px;} **/

*html #menue{ margin-top:-1px;}

#menue ul { list-style:none; margin:0; padding:0;border-bottom:1px solid #fff;}
#menue ul li {	padding:5px 0px 5px 8px; border-top:1px solid #fff; background-color:#699;}
#menue ul li.active {padding:5px 0px 5px 4px; background-color:#85b1b3; border-left:6px solid #b4aa92;font-weight:normal;}

#menue ul li a { color:#fff; padding-left: 6px; text-decoration:none; font-size:1em; display:block;}
#menue ul li a:hover { color:#fff; }

#menue li:hover {border-left:6px solid #85b1b3; padding:5px 0px 5px 2px; background-color:#d2c9b4; color:#fff;}

#menue ul ul { margin-left:-5px; margin-top:3px;}
#menue ul ul li { background-color:#d2c9b4; font-weight:normal; padding-top:2px; padding-bottom:2px;}
#menue ul ul li a { padding-left:10px; font-weight:normal; color:#666; }
#menue ul ul li.active a { color:#fff; font-weight:bold;}
#menue ul ul li.active {padding:2px 0px 2px 3px; background-color:#85b1b3; border-left:6px solid #fff;}

#menue ul ul li:hover {border-left:6px solid #fff; padding:2px 0px 2px 3px; background-color:#85b1b3; color:#fff;}
#menue ul ul li:hover a { color:#fff; }
#menue ul ul li a:hover { color:#fff; }


#menue ul li.fontsize a { padding:5px 0px 5px 10px; display:inline; font-size:1.2em;}
#menue ul li.fontsize:hover {background-color:#699; border-left:6px solid #699;}

*html #menue ul li.fontsize a { padding:5px 0px 5px 10px; display:inline; font-size:1.2em;}

 /***************************************** aktuelles Bereich rechts*****************************************************************/

#right {
margin:0px 5px 0px 10px;
padding:30px 0px 0px 0px;
width:195px;
float:right;
color:#666;
}

*html #right { padding-top:50px;}

#right h2 { background-color:#699; color:#fff; padding:2px 0px 2px 5px; margin:0px; font-size:1em; font-weight:normal;}

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

#right a:link { text-decoration:none; color:#699;}
#right a:visited {text-decoration:none; color:#699;}
#right a:hover { color:#699; text-decoration:underline;}
#right a:focus { color:#699; text-decoration:none;}


/**************** aktuelles links unterhalb des Menues ****************************************/

.img-news-start { float:left; margin-top:-20px; margin-left:-20px; }

.content-aktuelles { padding:10px; color:#fff; background-color:#699;}
.content-aktuelles hr{ height: 1px;border: 0 none; border-top: 1px solid #fff; margin-top:5px;}

.content-aktuelles a:link { text-decoration:none; color:#fff; font-weight:bold;}
.content-aktuelles a:visited {text-decoration:none; color:#fff;}
.content-aktuelles a:hover { color:#fff; text-decoration:underline;}
.content-aktuelles a:focus { color:#fff; text-decoration:none;}

/****************************** Definitionen fuer den Inhaltsbereich ***************************************/


#story{
margin:0px 0px 0px 220px;
padding:30px 25px 0px 30px;
}
*html #story{
margin:0px 0px 0px 220px;
padding:30px 25px 0px 30px;
}

#story p {line-height:1.5em;}
#story h1 { font-size:1.2em; color:#699; padding-top:0px; text-decoration:underline}
#story h2 { font-size:1.1em; color:#699; margin:0px 0px 10px 0px; padding:0px; background: transparent url(images/bg-h2.gif) left bottom no-repeat;}
#story h3 { font-size:1.1em; color:#699; margin:0px 0px 10px 0px; padding:0px; }


#story a:link { text-decoration:none; color:#699;}
#story a:visited {text-decoration:none; color:#699;}
#story a:hover { color:#699; text-decoration:none;text-decoration:underline;}
#story a:focus { color:#699; text-decoration:none;}


#story img.right { float:right; margin:0px 5px 5px 15px;}
#story img.left { float:left; margin:0 20px 10px 0;}

#story .left { float:left;}
#story .right { float:right; margin-left:15px;}


#story ul.list { list-style:none; margin-left:0px;}
/*   *html #story ul.list { margin-left:5px;}
*+html #story ul.list { margin-left:10px;}
*/

#story ul.list li {
margin-left:0px;
background: transparent url(images/icons/bullet.gif) 0 6px no-repeat;
padding-left: 15px;
text-align: left;
line-height:1.6em;
}

#story ul.list li ul li{
background: transparent url(images/icons/bullet.gif) 0 6px no-repeat;
}

#story ul.list li ul li ul li{
background: transparent url(images/icons/bullet.gif) 0 6px no-repeat;
}



table,td {border: 1px solid #e3ddd4; border-collapse: collapse;}
table{border:none; border:1px solid #e3ddd4;}
caption { text-align:left; font-size:1.1em; color:#699; padding-bottom:15px; font-weight:bold; text-decoration:underline;}
thead th, tbody th {background:#85b1b3;padding: 5px 5px; border-left: 1px solid #e3ddd4; text-align: left;  color:#fff;}
tbody th{background: #85b1b3;border-top: 1px solid #e3ddd4;text-align: left; font-weight:bold;}
tbody tr td{padding: 7px 5px;color: #666; vertical-align:top;}
tbody tr.bg {vertical-align:top; background-color:#e8e5e0;}

table.ohne,td.ohne {border: none; border-collapse: collapse;padding:0px;}

.form fieldset { border:none; padding:5px;}
.form legend {color:#f60; font-weight:bold;}
.form label{width:14em; margin:0px 10px 0px 0px; float:left;}
.form input.textarea { border:1px solid #699;}
.form textarea.textarea { border:1px solid #699; margin-left:6px;}
.form select { border:1px solid #699; color:#666; font-size:1em;}
.form input.plz { width:6em;} 
.form input.enter { font-size:1em; color:#fff; background-color:#699; padding:2px; padding-left:5px;padding-right:5px; border:none;}
.form input button { border:none;}

/*************************************bildergalerien*************************************************************************/

#container {
position:relative;
width:98%;
height:230px;
margin:0px;
padding:0
}

#container img { border:1px solid #ffffff}

#container .thumbs {width:370px; position:absolute; left:0px; top:0px}

#container .thumbs a, a:visited {color:#ffffff} 
#container .thumbs a.gallery, a.gallery:visited {display:block; display:inline-block; color:#fff; text-decoration:none; width:50px; height:50px; float:left; margin:0px 6px 12px 6px;}

#container .view { width:250px; margin-left:400px; height:230px; font-size:0.9em}
#container .view img {border:0}

#container .view p {line-height:1.8em}

#container .view a:link { text-decoration:underline; color:#645427}
#container .view a:visited {text-decoration:underline; color:#645427}
#container .view a:hover { color:#645427; text-decoration:underline}
#container .view a:focus { color:#645427; text-decoration:underline}




/******************************************************** footer ****************************************************/

#footer {
clear:both; 
height:20px; 
padding:0px 0px 0px 0px;
margin:auto;
font-size:0.9em;
color:#666;
text-align:center;
margin:10px 0px 0px 20px;
}

#footer a:link { text-decoration:none; color:#699;}
#footer a:visited {text-decoration:none; color:#699;}
#footer a:hover { color:#699; text-decoration:underline;}
#footer a:focus { color:#699; text-decoration:none;}




/***************************************** nur Content *******************************************************************************/

#story-blank{
margin:0px 0px 0px 0px;
padding:20px 20px 0px 20px;
text-align:left;
background-color:#fff;
}

#story-blank p {line-height:1.5em;}
#story-blank h1 { font-size:1.2em; color:#699; padding-top:0px; text-decoration:underline}
#story-blank h2 { font-size:1.1em; color:#699; margin:0px; padding:0px;  background: transparent url(images/bg-h2.gif) left bottom no-repeat;}
#story-blank h3 { font-size:1.1em; color:#699; margin:0px; padding:0px; }

#story-blank a:link { text-decoration:none; color:#699;}
#story-blank a:visited {text-decoration:none; color:#699;}
#story-blank a:hover { color:#699; text-decoration:none;}
#story-blank a:focus { color:#699; text-decoration:none;}


/*****************************************suche werbung ausblendungen*******************************************************************************/



#top_ad_unit { display:none;}

#bottom_ad_unit { display:none;}


  #slideshow {
    margin:0px;
	padding:0px;   
    width: 300px;
    height: 210px;	
	z-index:100;	
	top:0px;
	border-left:1px solid #fff;	
  }

*+html #slideshow { float:left;}
    

