body { font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 1.166; margin: 0px; padding: 0px;} 
a:link, a:visited { color: #069; text-decoration: none;} 
a:hover, a:focus, a:active {color: #F00; text-decoration: none;} 
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px;} 
h1 { font-size: 120%; color: #334d55;} 
h2 { font-size: 114%; color: #006699;} 
h3 { font-size: 100%; color: #334d55;} 
h4 { font-size: 100%; color: #333333;} 
h5, h6 { font-size: 100%; color: #334d55;} 
ul { list-style-type: square;} 
ul ul {list-style-type: disc;} 
ul ul ul { list-style-type: none;} 
label { font-size: 100%; font-weight: bold; color: #334d55;} 
hr {background-color: #999; color: #999; border-color: #999; height: 1px;} 
.warn {color: #F00; font-weight: bold;}

/* Seitenkopf */

#Kopf { position: absolute; z-index:1; top: 0px; left: 0px; width: 100%; height: 100px; padding: 0; margin: 0 180px 0 0; border-bottom: 1px solid #cccccc; background-image: url(bilder/kopf_bg.jpg); background-repeat: repeat-x; background-position: 180px 0; } 
#Kopflogo { position: absolute; z-index: 10; top: 0px; left: 0px; width: 150px; height: 100px; padding: 0; margin: 0px; background-color: #FFFFFF; } 
#Kopflinks { position: absolute; z-index: 11; top: 0; left: 75px; width: 800px; height: 100px; padding: 0; margin: 0px; background-image: url(bilder/kopf_berlin.jpg); background-repeat: no-repeat; background-position: left bottom; } 
#Kopflinks h1 { margin: 55px 0 0 280px; font-size: 24px; color: #214D94; font-family: "Times New Roman", Times, serif; font-weight: normal; } 
#Kopfrechts { position: absolute; z-index: 12; top: 0; right: 0; width: 173px; height: 100px; padding: 0; margin: 0 160px 0 0; background-image: url(bilder/kopf_bb.jpg); background-repeat: no-repeat; background-position: right bottom; } 
#Sponsor { position: absolute; z-index: 13; top: 0px; right: 0px; width: 160px; height: 100px; padding: 0 0 0 0; text-align: right; background-color: #FFFFFF; } 
#Sponsor img {margin: 0 10px 0 0; } 

/* hier endet die absolute Positionierung, alles weitere fliesst*/

#DerVerband { float: left; width: 100%; z-index: 20; font-variant: small-caps; color: #FFFFFF; background-color: #214D94; font-size: 70%; text-align: center; 
 letter-spacing: 3px; margin: 101px 0 0 0; padding: 3px 0;} 
#Brotkruemel { float: left; width: 100%; z-index: 19; width: 100%; border-bottom: 1px dashed #cccccc; font-size: 80%; padding: 2px 0px 1px 10px; } 

/* Hauptteil  */

#content { font-size: 80%; float: left; width: 52%; min-height: 300px; margin: 2% ; padding: 0; } 
#content .pers_liste p:first-line {font-weight: bold; color: #333333; padding: 0 0 4px 0;} 
#content .knopf { display: block; width: auto; height:auto; float: left; clear: right; padding: 1px 3px; margin: 0 20px; background-color: #D6E3F7; border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-right: 2px solid #666; border-bottom: 2px solid #666; } 
#content form {padding: 10px; background-color: #E6E6E6; } 

/************** .feature zentrierte Inhalte ***************/

.feature {text-align: center; padding: 0px 0px 10px 10px; font-size: 100%;} 
.feature p, .feature table { padding: 15px 0px 5px 0px; font-size: 100%;} 
.feature h2 {padding: 30px 0px 5px 0px; font-size: 140%; color: #334d55;} 
.feature h3 {padding: 30px 0px 5px 0px; font-size: 125%;} 
.feature img {margin: 10px 10px 0px 0px;} 
.feature .smallgrey {display: block; padding: 30px 0px 0px 0px; color: #666666; FONT-WEIGHT: bold; } 

/************** .story linksbuendige Inhalte *****************/

.story { clear: both; padding: 10px 0px 0px 10px; font-size:100%;} 
.story p {padding: 0px 0px 10px 0px;} 
.story h2 {padding: 20px 0px 5px 0px; font-size: 140%; color: #334d55;} 
.story h3 {float: none; width: auto; padding: 15px 0px 20px 0px; font-size: 125%;} 
.story h5 {padding: 15px 0px 0px 0px; font-size: 110%;} 
.story th {text-align:left; padding:20px 10px 0 0;} 
.story .auswahl {width: 100%; min-height:50px; margin: 20px 0;border:none;} 
.auswahl h3 { clear: both; margin-left: 150px; } 
.story .jahreswahl {width: 95%; margin: 20px 0;font-weight:bold; color: #FFFFFF; background-color: #214D94; padding: 2px 5px;} 
.story .jahreswahl a:link, .story .jahreswahl a:visited { color: #FFF;} 
.story .jahreswahl a:hover, .story .jahreswahl a:focus, .story .jahreswahl a:active {color: #00FFFF;} 
.story .box { padding: 10px; border: 1px solid #999999; width: 90%; margin-right: auto; margin-left:0;} 
.story .datum {float: left; width: 150px; height:auto;} 
.story .link {float: left; clear: right; width: 400px; font-weight: bold; margin: 0 0 10px 0; height:auto;} 
.story .text {float: none; margin-left: 150px; width: 300px; height:auto;} 
.story .blue { color: #009; } 
.story .referent {margin: 5px 50px 5px 100px; text-align: right;  color: #009; font-style: italic;} 
.story .kontakt {margin: 5px 50px 5px 100px; text-align: right; } 

#content .hennings { height: 220px; padding:0; background-image: url(http://www.bda-hausaerzteverband.de/fotos/hennings.jpg); background-repeat: no-repeat; background-position: center bottom; } 
#content .heinze {height: 220px; padding:0; background-image: url(http://www.bda-hausaerzteverband.de/fotos/heinze.jpg); background-repeat: no-repeat; background-position: center bottom; } 

/**Hauptnavigation links**/

#navBar { float: left; width: 20%; margin: 20px 0 0 0; padding: 0; background-color: #D6E3F7; border-bottom: 1px solid #cccccc; font-size: 80%; 
} 
#navBar ul {list-style: none; margin: 0; padding: 0;} 
#navBar li {margin: 0; padding: 0;} 
#navBar ul a { display: block; background-color: #214D94; color: #FFFFFF; border-left: 10px solid #214D94; padding: 2px 0 2px 10px; margin: 0; } 
#navBar ul a:link, #navBar ul a:visited { border-left: 10px solid #214D94; } 
#navBar ul a:hover { border-left: 10px solid red; } 
/* hack to fix IE/Win's broken rendering of block-level anchors in lists*/
#navBar li {border-bottom: 1px solid #D6E3F7; } /* fix for browsers that don't need the hack 
html>body #navBar li {border-bottom: none;}*/

#navBar h3 { padding: 10px 0px 2px 10px;} 
#navBar li ul { margin: 5px 0px; } 

#navBar li li { margin: 0px; padding: 0px 0px 0px 10px; font-size: 95%; border-left: 0; } 
#navBar li li a:link, #navBar li li a:visited { background-color: #D6E3F7; color: #214D94; border-left: 0; margin: 0 0 0 -10px; padding-left: 20px;} 
#navBar li li a:hover { background-color: #FFF4C7; border-left: 0; margin: 0 0 0 -10px; padding-left: 20px;} 

#navBar li li li { padding: 0px 0px 0px 20px; } 
#navBar li li li a:link, #navBar li li li a:visited, #navBar li li li a:hover { border: 0; background-image: url(bilder/next.gif); background-repeat: no-repeat; background-position: 0 3px; } 

/************************************************************Ende linker Block Anfang rechter Block */

#Rechts { float:right;  width: 20%; border:0; margin: 0 ; padding: 0; font-size: 80%; /*background-color: #D6E3EF;*/background-color: #DDDBCC; } 
#Rechts h3, #Rechts h4 { color: #214D94; padding: 2% 5%; width: 90%; font-weight: bold;} 
#Rechts h3 {margin: 5px 0;font-size: 105%; background-color: #6F8694; color: #FEFFF9;  /*border-left: 10px solid #6F8694;*/} 
#Rechts h4 {margin: 2px 0;font-size: 110%; letter-spacing:2px; background-color: #D6CFB2; /*border-left: 10px solid #D6CFB2; */font-variant: small-caps; } 

#Rechts a {display: block; width: 90%; padding: 0 5%; padding: 0 0 0 10px; margin: 3px 0; font-weight:normal; border-bottom: 1px dotted #999;} 
#Rechts a:link, #Rechts a:visited { background-color: #DDDBCC; color: #4D2800;} 
#Rechts a:hover, #Rechts a:active {  background-color: #F5F3E7; color: #006699; } 
#Rechts .datum {font-weight:bold; color: #666; padding: 1px 0 0 10px;} 
/*#Rechts .datum:first-child {border-top: 0;} */
#Rechts .titel {padding: 1px 0 0 10px; } 
/************* 
#Rechter Block 
#search styles ***************/


#search { padding: 5px 0px 5px 10px; border-bottom: 1px solid #cccccc; font-size: 90%; } 
#search form { margin: 0px; padding: 0px; } 
#search label { display: block; margin: 0px; padding: 0px; font-weight: normal; } 
#search .suchfeld {width:130px;}
.Speicherknopf {padding: 0; background-color: #D6E3F7; } 


/***********************************************/
/* 
.Nachrichten {padding: 0 1%; color: #214D94;} Fuss 
#g_stelle .hennings { height: 200px; background-image: url(../fotos/hennings.jpg); background-repeat: no-repeat; background-position: center bottom; } 
#g_stelle .heinze { height: 200px; background-image: url(../fotos/heinze.jpg); background-repeat: no-repeat; background-position: center bottom; } 
#g_stelle table {margin: auto;}
  */
/***********************************************/


#Footer { clear: both; border: 1px solid #cccccc; font-size: 75%; color: #666; padding: 10px 10px 10px 10px; text-align: center; } 

#Wichtig {  width: 45%; padding: 2%; margin: 20px auto 0 auto; background-color: #FFF; border: 2px solid #214D94; font-size: 100%; font-weight: bold; color: #333;
} 
