html {
hight:100%;
}

body {
hight: 100%;
text-align:center;
! background: #4778A7; 
! background: #F1F7E2;
! background: #74C0CF;
background: #4FA9B8;
! background: #4E7178;
! background: #202B30;
background-attachment:fixed;
}	

#wrapper {
width:80%;
max-width:800px;
min-width:500px;
! height: 100%; 
margin:0 auto 100px auto;
background: #F1F7E2;
padding-bottom: 10px;
}

#main {
max-width:800px;
min-width:500px;
min-height: 100%;
margin:0 auto 0 auto;
background: #F1F7E2;
}

#header {
! padding:20px 20px 20px 20px;
! margin:20px 20px 20px 20px;
width:100%;
background: #74C0CF;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}
#header h1 {
font: 35px/1 'Yanone Kaffeesatz', arial, serif;
text-shadow: 1px 1px 1px #6c6c6c;
! text-indent:50px;
text-align: center;
color: #202B30;
}


#footer {
height:75px;
padding:5px 5px 5px 5px;
margin:10px 10px 10px 10px;
background: #74C0CF;
background:transparent url(../clips/footerhaus.gif) bottom left repeat-x;	
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

#navi {
text-align:left;	
background: #4FA9B8;
}
#navi ul {
width:100%;
padding:0;
margin:0;
list-style:none;
}
#navi li {
display:inline-block;
padding:7px 0 0 0;
margin:0 7px 0 0;
font: bold 81.25%/2.125 Arial, Verdana, sans-serif;
}

#navi li a {
display: block;
color: #202B30;
text-decoration: none;
padding:0 0 0 5px;
background: #74C0CF;

}
#navi li#active span,
#navi li a {
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
border-top-right-radius:5px;
border-top-left-radius:5px;
}
#navi li a:hover,
#navi li a:active,
#navi li a:focus {
outline: none;
color: #202B30;
}


#navi li a span {
display:block;
margin:0;
padding:0 15px 0 10px;
}

#navi li#active {
margin:0 5px 0 0;
padding:0;
}
#navi li#active span {
display:block;
margin:0;
padding:7px 15px 0 15px;
color:#333366;
background: #F1F7E2;
}

!!!

#navi2 {
text-align:left;	
background: #4FA9B8;
}
#navi2 ul {
width:100%;
padding:0;
margin:0;
list-style:none;
}
#navi2 li {
display:inline-block;
padding:5px 0 5px 0;
margin:5px 0 0 10px;
font: bold 81.25%/2.125 Arial, Verdana, sans-serif;
}

#navi2 li a {
display: block;
color: #202B30;
text-decoration: none;
padding:0 0 0 5px;
background: #4FA9B8;

}
#navi2 li#active span,
#navi2 li a {
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;

-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;

border-top-right-radius:5px;
border-top-left-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;


}
#navi2 li a:active,
#navi2 li a:focus {
outline: none;
color: #202B30;
}
#navi2 li a:hover {
background: #F1F7E2;

}

#navi2 li a span {
display:block;
margin:0;
padding:0 15px 0 10px;
}

#navi2 li#active {
margin:0 5px 0 0;
padding:0;



}
#navi2 li#active span {
display:block;
margin:0;
padding:7px 15px 0 15px;
color:#333366;
background: #F1F7E2;
}
!!!


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Links nicht unterstr.: */ 
A:link, A:visited, A:active {
text-decoration: none; 
color:#202B30;
}

A:hover {
 background: #74C0CF;
}


h1 {
font-family:  'Times New Roman', Times, serif;
font-size: 24pt;
font-weight: bold;
color: #202B30;
text-align: center;
}


h2 {
font-family:  'Times New Roman', Times, serif;
padding: 0 0 0 10px;
font-size: 16pt;
font-weight: bold;
color: #202B30;
text-align: center;
}


h3 {
font-family:  'Arial', sans-serif;
padding: 0 0 0 10px;
font-size: 12pt;
font-weight: bold;
color: #202B30;
text-align: left;
}

/* Tabelle Sprechstunden */
table.sprech {
font-family: 'Arial', sans-serif;
width: 100%;
}



table.sprech th {
font-family: 'Arial', sans-serif;
font-size: 12pt;
text-align: center;
font-weight: bold;
}



table.sprech td {
font-family: 'Arial', sans-serif;
font-size: 12pt;
text-align: center;
}


/* 3D-Effekt für Buttons */
input.knopf {
border-style: outset;
border-width: 1px;
border-color: #ff0000;
background-color: white;
font-family: 'Arial', sans-serif;
font-size: 11pt;
}


span.aktiv { background-color: #9FB263; color: white; }



.hinweis {
background: #74C0CF;
color: #202B30;
font-size: 12pt;
font-weight: bold; 
padding: 10px; 
margin: 10px;
}
/* normaler Fließtext: */
p {
font-family:  'Arial', sans-serif;
font-size: 12pt;
color: black;
text-align: left;
padding:0 10px 0 10px;
}


p.center {
font-family:  'Arial', sans-serif;
font-size: 14pt;
font-style: bold;
text-align: center;
}

p.right {
font-family:  'Arial', sans-serif;
font-size: 14pt;
font-style: bold;
text-align: right;
}

/* Kontaktadresse: */
.klein { 
font-family:  'Arial', sans-serif;
font-size: 7pt;
color: black;
text-align: right;
}



/* Auflistung */
ul {
font-family:  'Arial', sans-serif;
font-size: 12pt;
color: black;
text-align: left;

}


/* Auflistung */
ol {
font-family:  'Arial', sans-serif;
font-size: 12pt;
color: black;
text-align: left;
}



/* Grafik als Auf.zeichen: */
ul {
list-style-image: url(../clips/diamond.gif);
}



 /* frei schwebender Eye-Catcher: */
#box {
position: absolute;
top: 300px; 
left: 0px; 
}

/* Box für Karte: */

#map {
padding: 10px;
margin: 10px 10px 10px 10px;
width: 750px;
position: relative;
top: 0px; left: 0px;
}
/* Tabelle Stichworte */
table.stichwort {
font-family: 'Arial', sans-serif;
width: 100%;
}



table.stichwort td {
font-family: 'Arial', sans-serif;
font-size: 12pt;
text-align: center;
color:#4FA9B8;
border-style: solid;
border-width: 2px;
border-color: #4FA9B8;
}

.rahmen {
border-Style: inset;
margin: 10px 10px 10px 10px;
border-width: 4px;
border-color: #4E7178;
/* font-size: 12pt; */
padding: 10px; }

.not {
background-color: #4E7178;
margin: 10px 10px 10px 10px;
color: white;
font-weight: bold; 
padding: 10px
}