@charset 'utf-8';
@import url(reset.css);
@import url(defaults.css);

/* CSS-Datei fr Augenkliniklohr - Gemeinschaftspraxis */

/* ----------------------------------------------------- Page layout */

body {
	background: url(../img/bgPage.png) repeat-x left top #FFF;
	font: 11px arial, helvetica, geneva, arial;
	margin: 0;
	text-align: center;
}

h1 {color: #8EAACC;font: 24px normal georgia,times,serif;margin: 0 0 10px 0}
h2 {color: #8EAACC;font-size: 16px;font-weight:bold;margin: 0 0 10px 0}
h3 {color: #8EAACC;font-size: 14px;font-weight:bold;margin: 0 0 5px 0}
h4 {color: #8EAACC;font-size: 12px;font-weight:bold;margin: 0 0 5px 0}
h5 {}
h6 {}
p, ul {margin: 0 0 10px 0;}
a	{outline:none;}
strong {background-color:#FFF;color: #333;font-weight:bold;}
.s {font-size:10px;}

a:link {background-color: transparent;color: #999;text-decoration: none;}
a:visited {background-color: transparent;color: #666;text-decoration: none;}
a:focus {background-color: transparent;color: #666;outline: 1px dotted #999;text-decoration: none;}
a:hover {background-color: transparent;color: #184972;text-decoration: none;}
a:active {background-color: transparent;color: #999;outline: 1px dotted #999;text-decoration: none;}

.mehrLink {background: url(../img/iconPfeil.png) no-repeat 2px 4px;padding: 0 0 0 11px;}
.leftAlign {float: left;margin: 0 5px 5px 0;}
.rightAlign {float: right;margin: 0 0 5px 5px;}
.right {text-align: right;}

#wrapper {
	background-color: #FFF;
	border: 1px solid #BCC4Cf;
	margin: 8px auto;
	text-align: left;
	width: 910px;
}

#header {margin-left: 10px;width: 890px;}
#headerdeko {background: url(../img/header.jpg) no-repeat top left transparent;border-bottom: 1px solid #FFF;height:233px;}
#headerdeko img {padding: 95px 0 0 15px;}

#topnav {font-size:10px;margin: 5px 0 0 0;text-transform: uppercase;}
#topnav a.current {font-weight: bold;color: #184972;}
#topnav #topnavLeft {float: left;}
#topnav #topnavLeft li {display: inline;padding: 0 10px 0 0;}
#topnav #topnavRight {float: right;}
#topnav #topnavRight li {display: inline;padding: 0 0 0 10px;}

#mainNav {background: url(../img/mainnavNormal.png) no-repeat 0 0;border-top: 3px solid #184972;height: 70px;width: 890px;}
#mainNav ul li {float: left;list-style-type: none;}
#mainNav ul li a {color:#A6A6A6;display: block;height: 70px;/*text-indent: -5000px;*/}
#mainNav ul li span {display: block;line-height:14px;position:relative;padding-top:32px}
#mainNav ul li#navGemeinschaftspraxis span {padding-left:10px;}
#mainNav ul li#navOPzentrum span           {padding-left:10px;}
#mainNav ul li#navKlinik span              {padding-left:10px;}
#mainNav ul li#navGemeinschaftspraxis a {width: 296px;padding-right:1px;color:#A6A6A6}
#mainNav ul li#navOPzentrum a           {width: 296px;padding-right:1px;}
#mainNav ul li#navKlinik a              {width: 295px;padding-right:1px;}
#mainNav ul li#navGemeinschaftspraxis a:hover {background: url(../img/mainnavHover.png) no-repeat 0 0;color:#696A6A}
#mainNav ul li#navOPzentrum a:hover           {background: url(../img/mainnavHover.png) no-repeat -297px 0;color:#696A6A }
#mainNav ul li#navKlinik a:hover              {background: url(../img/mainnavHover.png) no-repeat -594px 0;color:#696A6A }
#mainNav ul li#navGemeinschaftspraxis a#current {background: url(../img/mainnavCurrent.png) no-repeat 0 0;color:#696A6A}
#mainNav ul li#navOPzentrum a#current           {background: url(../img/mainnavCurrent.png) no-repeat -297px 0;color:#696A6A}
#mainNav ul li#navKlinik a#current              {background: url(../img/mainnavCurrent.png) no-repeat -594px 0;color:#696A6A}

#content {margin:1px 0 10px 10px;width: 890px;}
#content h3 {color: #184972;font-size: 12px;font-weight: bold;margin: 0 0 6px 0;}
#content a:hover {text-decoration: underline;}
#content .dekoIMG {float: left;margin: 3px 5px 0 0;}
#content .dekoIMG img {background-color: #F9F9F9;border: 1px solid #DDD;padding: 3px;}

#content ul.list li {background: url(../img/iconPfeil.png) no-repeat 0 6px;padding-left: 10px;}

/* 3-Spalten-Bereich */

#columAreaFirst {border-bottom:1px solid #DEE1E5;height:351px;padding-bottom:1px}
#columAreaFirst .col1 {border-right:1px solid #DEE1E5;float:left;overflow:auto;position:relative;height:350px;width:297px;}
#columAreaFirst .col2 {border-right:1px solid #DEE1E5;float:left;overflow:auto;position:relative;height:350px;width:296px; }
#columAreaFirst .col3 {margin-left:583px;overflow:auto;position:relative;height:350px;width:292px; }
#columAreaFirst .content {font-size:12px;line-height: 18px;color: #888;margin: 10px 0 0 10px;width: 250px;}

/* 5-Spalten-Bereich */

#columAreaSecond {height:221px;padding-top:1px}
#columAreaSecond .col1 {border-right:1px solid #DEE1E5;float:left;overflow:auto;position:relative;height:220px;width:176px; }
#columAreaSecond .col2 {border-right:1px solid #DEE1E5;float:left;overflow:auto;position:relative;height:220px;width:176px; }
#columAreaSecond .col3 {border-right:1px solid #DEE1E5;float:left;overflow:auto;position:relative;height:220px;width:176px; }
#columAreaSecond .col4 {border-right:1px solid #DEE1E5;float:left;overflow:auto;position:relative;height:220px;width:176px; }
#columAreaSecond .col5 {margin-left:704px;overflow:auto;position:relative;height:220px;width:170px; }
#columAreaSecond .content {font-size:11px;line-height: 15px;color: #888;margin: 10px 0 0 10px;width: 148px;}

/* Footer mit Abschlussbogen, Kontaktinfos und Printpage */

#footer {
	background: url(../img/bgFooter.png) no-repeat left bottom transparent;	
	border-top: 1px solid #E1E1E1;
	color: #A3A3A3;
	height: 90px;
	margin:3px 0 10px 10px;width: 890px;
}

#footer ul {margin: 10px 0 0 5px;}
#footer li {float: left;}
#footer li.fact_1 {border-right: 1px solid #E1E1E1;width: 137px;}
#footer li.fact_2 {border-right: 1px solid #E1E1E1;margin-left: 10px;width: 137px;}
#footer li.fact_3 {border-right: 1px solid #E1E1E1;margin-left: 10px;width: 175px;}
#footer li.printPage {background: url(../img/iconPrint.png) no-repeat 24px 0 transparent;margin-left: 10px;width: 175px;}

/* Seitenabschluss */

#eof {color: #A3A3A3;font-weight: bold;margin: 5px auto;padding-bottom: 15px;text-align: left;width: 890px;}
#eof p {background: url(../img/iconLogo.png) no-repeat 0 0 transparent;padding-left: 35px;}