/* CSS-Datei von www.design-dreieck.de */
/* Diese Datei darf fnicht frei verwendet werden */

@import url(typography.css);

/* Normalisiert margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalisiert font-size für Überschriften */
h1, h2, h3, h4, h5, h6, 
{ font-size : 100%; }

/* Entfernt list-style aus Listen */
ol, ul
{ list-style : none; }

/* Normalisiert font-style und font-weight auf normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal, font-weight : normal; }

/* für Tabellen */
table
{ border-collapse : collapse; boder-spacing : 0;}

/* Entfernt border aus fieldset und img */
fieldset, img 
{ border : 0; }

/* Richtet Text in caption und th links aus */
caption, th
{ text-align : left; }

/* Entfernt Anführungszeichen aus q */
q:before, q:after
{ content : ''; }

/* Mittige Ausrichtung */
html {
text-align: center; 
background: #999999 url(images/background6.gif) repeat;
}

body {
position : relative; 
width : 750px;
margin : 50px auto;
text-align : left;
background-color : #ffffff;
padding-top : 30px;
padding-left : 60px;
padding-right : 60px;
}

div#content {
position : relative;
width : 100%;
margin-top: 10px;
}

div#content_main {
float: right;
left : 35;
width : 65%;
padding : 1em 0;
margin-top: 35px;
}

div#content_sub {
float: left;
left : 0;
width : 30%;
overflow: hidden;
padding : 1em 0; 
}

div#content_sub li{
padding : 0 0 5px 0; 
}

div#branding, div#nav_main, div#site_info, div#nav_sub {
width : 100%;
}

div#branding {
height : 100px;
background : transparent url(images/praxis9sw.gif) no-repeat 0 0;
}

h1 {
position : absolute;
text-indent : -9999px;
}

div#branding p {
position : absolute;
text-indent: -9999px;
}

div#nav_main {
position: relative;
height: 74px;
background-color: #ffffff;
text-align: right;
}

div#nav_main h2{
position: absolute;
text-indent: -9999px;
text-align: left;
}

ul#hauptnavi {
height: 22px;
background-color: #2a4879;
padding-top: 7px;
}

ul#hauptnavi li{
display : inline;
margin-right: 0px;
margin-top: 15px;
color: #ffffff;
}

ul#hauptnavi li a{
padding-left: 10px;
padding-right: 36px;
padding-top: 9px;
padding-bottom: 5px;
}

ul#hauptnavi li a:hover{
background-color: #e8ecf7;
color: #2a4879;
}

ul#hauptnavi li a:focus{
background-color: #ced8ee;
color: #2a4879;
}

ul#hauptnavi li a:active{
background-color: #ced8ee;
color: #2a4879;
}

ul#hauptnavi li a:current{
background-color: #ced8ee;
color: #2a4879;
}

#praxisact a, #teamact a, #leistungenact a, #vorsorgeact a, #erkrankungenact a, #impressumact a {
background-color: #ced8ee;
color: #2a4879;
}

ul#unternavi {
margin-top: 0px;
height: 20px;
background-color: #ced8ee;
padding-top: 6px;

}

ul#unternavi li{
display : inline;
margin-top: 5px;
margin-right: 0px;
}

ul#unternavi li a{
padding-right: 40px;
padding-left: 10px;
padding-bottom: 4px;
padding-top: 9px;
}

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

ul#unternavi li a:focus{
text-decoration: underline;
}

ul#unternavi li a:active {
text-decoration: underline;
}

#aerzteact a, #amdact a, #anfahrtact a, #augenlidact a, #brilleact a, #datenschutzact a, #fehlsichtigkeitenact a, #galerieact a, #glaukomact a, #haftungact a, #helferinnenact a, #hintenact a, #kinderact a, #kontaktact a, #laseract a, #netzhautact a, #sprechzeitenact a, #untersuchungact a, #vorneact a {
text-decoration: underline;
}

div#site_info {
clear: both;
position: relative;
background: transparent url(images/footer5.gif) no-repeat;
padding-left: 0px;
height: 25px;
border-bottom: 5px solid #2a4879;
width: 750px;
}

div#site_info h5 {
position: absolute;
}

div#site_info h5 a {
display: block;
width: 150px;
text-indent: -9999px;
}

div#site_info h6 {
padding: 5px 0 0 0;
display: inline;
float: right;
}

div#site_info h6 a {
width: 100%;
text-align: right;
color: #2a4879;
font-weight: normal;
text-decoration: none;
padding-right: .7em;
}



div#site_info p {
display: block;
width: 150px;
text-indent: -9999px;
}

div#intro {
position: absolute;
height: 500px;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
}

div#auge {
display: block;
margin: auto;
width: 392px;
height: 254px;
padding-top: 100px
}

div#augenarzt {
position: absolute;
text-indent: -9999px;
}

div#info {
position: absolute;
text-indent: -9999px;
}

/* Formular */
form#kontakt {
   width: 470px; 
   background: #e8ecf7; 
   color: #2a4879; 
   line-height: 2 ; 
   padding: 5px;
   margin: 0; 
}
/* Die Elementegruppen */
fieldset {
   padding: 10px; 
   margin: 10px; 
}
legend {
   font-weight:bold;
   color: #2a4879;   
   padding:0 10px;
   border: none; 
}
/* Beschriftung positionieren */
label { 
   position: relative; /* etwas höher ... */ 
   bottom: 2px; 
	cursor: pointer; 
} 
label.davor {
   float: left; 
   clear: left; 
   width: 75px;    
   text-align: right;  
   margin-right: 10px;
}
input#anrede_herr,
input#agb {  
   padding-left: 0; 
   margin-left: 85px;    
}
/* Submit - Abschicken */
#abschicken {
	cursor:pointer; 
   padding: 3px; 
   margin-left: 10px; 
}
form p { 
   margin: 0; 
   margin-left: 10px; 
}