/*--------------------------------------------------------------
				RESET
---------------------------------------------------------------*/

*           { padding: 0; margin: 0; font-size: 100%; font-weight: normal; }
ul, ol      { margin:0; padding:0; list-style-type: none; }
b, strong   { font-weight: bold; }
img, a img  { border: none; }

body {
margin:0;
padding: 0;
background-image: url(../images/bg20x20.gif);
background-color: #efefef;
font: 12px verdana, sans-serif;
color: #777;
line-height: 19px;
background-repeat: repeat;
}
img {
border: none;
}
#balken {
height: 30px;
width: 980px;
background: url(../images/trenner_schatten.png) no-repeat;
}
#contentt {
background: url(../images/hg_schatten.png) repeat-y;
}
#bottom {
background: url(images/bottom.jpg) no-repeat;
padding: 10px 0;
}
#wrap {
width: 980px;
margin: 15px auto;
}
#header {
height: 310px;
width: 980px;
}
#header ul li {
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
}
#header a {
color: #ccc; 
text-decoration: none; 
}
#header a:hover {
text-decoration: underline;
}
#impressum {
margin: 0px;
padding: 8px 70px 0px 0px;
font: 10px verdana, sans-serif;
color: #ccc;
float: right;
}
#header_hg {
height: 210px;
width: 980px;
padding: 0px;
margin:0px;
position: absolute;
float: left;
left: 0;
top: 90px;
}
#logo {
height: 70px;
width: 980px;
padding: 0px 0px 0px 0px;
border: 0px;
}
#flash {
width: 960px;
height: 210px;
margin: 0 0 0 10px;
}
#flashBg{
width: 980px;
height: 210px;
background: url(../images/hg_schatten.png) repeat-y;
}
h1 {
font: 16px verdana, sans-serif;
color: #028ec8;
font-weight: bold;
line-height: 21px;
padding: 0px 0px 20px 0px;
margin: 0px;
}
h2 {
font: 12px verdana, sans-serif;
color: #919191;
font-weight: bold;
line-height: 19px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
h3 {
font: 12px verdana, sans-serif;
color: #777;
font-weight: bold;
line-height: 19px;
padding: 0px 0px 8px 0px;
margin: 0px 0px 0px 0px;
}

.headerm { 
text-transform: uppercase;
font-weight:100;
}
.headerm li {
float:left;
list-style-type:none;
}
.headerm li a:hover {
color:#fff;
text-decoration:none;
}
#left {
color: #919191;
padding: 30px 0 0 20px;
width: 245px;
height: 555px;
line-height: 24px;
float: left;
position: relative;
}
#nav ul {
color: #919191;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
color: #919191;
height: 24px;
font-weight: bold;
list-style-type: none;
background: url(../images/arrow_grau.gif) left no-repeat;
margin: 0;
padding: 0;
}
#nav a {
color: #919191;
font-weight: bold;
text-decoration:none;
padding: 0 0 0 13px;
}
#nav li a:hover { 
color : #028ec8;
background: url(../images/arrow.gif) left no-repeat;
padding: 0 0 0 15px;  
}
#nav li.current a {	
color: #028ec8;
background: url(../images/arrow.gif) left no-repeat;	
}
#schatten {
float: right;
top: 0px;
width: 15px;
height: 555px;
}
#nav {
padding: 0px 0px 30px 36px;
}
#sprechzeiten {
margin: 0px;
padding: 0px;
float: left;
width: 225px;
}
#middle2Pic {
float: left;
width: 570px;
margin: 10px 0px 30px 0px;
}
.middle2 ul {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}
.middle2 li {
margin: 0;
padding: 0 0 0 10px;
background: transparent url(../images/plus.gif) no-repeat 0 4px;
}
.middle {
float: left;
width: 390px;
padding: 55px 0 0 0;
margin: 0px 0px 50px 50px;
line-height: 20px;
voice-family: inherit;
}
.middle2 {
float: left;
width: 570px;
padding: 55px 0 0 0;
margin: 0px 0px 50px 50px;
line-height: 20px;
voice-family: inherit;
}
.middle a:link{ color: #028ec8; text-decoration: none; 
}
.middle a:hover {
text-decoration:underline;
}
.middle2 a:link{ color: #028ec8; text-decoration: none; 
}
.middle2 a:hover {
text-decoration:underline;
}
.right {
margin: 55px 70px 0 20px;
float: right;
width: 170px;
margin-bottom: 40px;
}
.right h1 {
font: bold 10px Verdana, Sans-serif;
color: #666;
margin: 0px;
padding: 0px;
line-height: 21px;
}
#box {
border: none;
}
#boxTop {
width: 170px;
height: 120px;
}
#boxMiddle {
font: 10px Verdana, Sans-serif;
color: #666;
line-height: 14px;
background: url(../images/box_middle.gif) repeat-y;
padding: 5px 15px 0px 15px;
}
#boxBottom {
width: 170px;
height: 15px;
}
#box p a {
color: #336699;
text-decoration: none;
width: 48px;
text-align: right;
font-weight: bold;
line-height: 15px;
display: block;
margin: 8px 0 0 0;
}
#box p a:hover {
text-decoration: none;
color: #d98102;
} 
#footer { 
background: url(../images/footer.png) no-repeat;
padding: 15px 0 0 0;
height: 50px;
}
#footer ul li {
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
}
#footer a {
color: #ccc; 
text-decoration: none; 
}
#footer a:hover {
text-decoration: underline;
} 
#nav_unten {
padding: 0 0 0 50px;
font: 10px verdana, sans-serif;
color: #ccc;
float: left;
}
#nav_unten2 {
padding: 0 50px 0 0;
font: 10px verdana, sans-serif;
color: #ccc;
float: right;
}
.fl {
float: left;
padding: 5px 20px 20px 0px;
}
.gl {
float: right;
padding: 5px 0px 20px 20px;
}
.thumbsgalerieLeft {
padding: 0px 0px 0px 0px;
float: left;
width: 270px;
height: 270px;
}
.thumbsgalerieRight {
padding: 0px 0px 0px 20px;
float: left;
width: 270px;
height: 270px;
}
.thumbsgalerie {
padding: 0px 0px 0px 20px;
float: left;
width: 270px;
height: 270px;
}
.nhz {
padding: 0 0 0 0;
margin: 0;
font: 10px verdana, sans-serif;
color: #6EAB23;
float: left;
}
.bildnachweis {
padding: 0 0 0 0;
margin: 0;
font: 10px verdana, sans-serif;
color: #999;
float: left;
}
.nhzLogo {
margin: 20px;
}
.blue {
color: #028ec8;
}
#leistungsspektrumBox {
float: left;
width: 270px;
height: 270px;
padding: 0px 0px 0px 0px;
}
#leistungsspektrumLeft {
float: left;
width: 270px;
height: 270px;
padding: 0px 0px 0px 0px;
}
#leistungsspektrumRight {
float: right;
width: 270px;
height: 270px;
padding: 0px 0px 0px 0px;
}
