* { margin:0; padding:0; }
html, body { height:100%; }
body { background-color: #6a8598; text-align:center; /* horizontal centering for IE Win quirks */ }
body { font-size: 0.9em; font-weight: normal; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:black }
body { background-color: white; background-image: url('bg_main.jpg'); background-repeat: repeat-x; }
div { text-align: left; } 

#main { width: 800px; height: 100%; margin: auto; } 
#main { background-color: White; border-left: 1px solid black; border-right: 1px solid black; }

#service { background-color: white; background-image: url('bg_service.jpg'); background-repeat: repeat-x; }
#middle { background-color:white; } 
#menu  { background-color: whitesmoke; } 
#content {  background-color: white; }

#top { width: 100%; height: 60px; } 
#service  { font-size: 0.8em; font-weight: normal; text-align: right; vertical-align: middle; width: 100%; height: 26px } 
#service p { color: white; line-height: 26px; vertical-align: middle; margin-right: 10px;  } 
#service a { color: white; text-decoration: none }
#service a:hover { color: gold; }

#middle { width: 100%; height: 100%; } 
#menu  { width: 150px; height: 100%; float: right; border-left: 1px dotted #a9a9a9; }
#menu #logo   { line-height: 150px; background-color: white; text-align: center; vertical-align: middle; height: 150px }
#menu #logo img  { margin: auto;  }

/* Navigation */
#navi { width: 150px }
#navi ul { margin: 0; list-style-type: none; padding: 0 }
#navi a { text-decoration: none; display: block; }
#navi ul li a  { vertical-align: middle; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #696969 }
#navi ul li a { line-height: 25px }

#navi ul li a { padding-left: 5px; width: 145px; background-color: RoyalBlue; color: white; font-weight: normal }
#navi ul ul li a { padding-left: 15px; width: 135px; background-color: CornFlowerBlue }
#navi ul ul ul li a { padding-left: 25px; width: 125px; background-color: Gainsboro; color: black }

#navi a:link, #navi a:visited { color: #EEE; text-decoration: none; } 
#navi a:hover { background-color: darkred; color: #fff; }
#navi a.active { background-color: white; color: black; }
		
#content { float: left; width: 615px; padding: 15px }
#content #headline { height: 32px; border-bottom: 2px solid gray; margin-bottom: 15px; }
#content h1 { float: left; font-size: 1.5em; }
#content p.contentservice { float: right; }
#content p.contentservice img { border: 0; }
#content h2 { font-size: 1.2em; margin-bottom: 8px; }
#content ul { list-style: square; margin: 20px; }
#content img.imgright { float: right; border: 0; margin: 0px 0px 10px 10px; }
#content img.imgleft { float: left; border: 0; margin: 10px 10px 5px 0px; }
#content img.imgcenter { clear: both; margin: auto; margin: 10px 0;  text-align: middle; }

#clear { clear: both }


#teasernews { float: left; width: 275px; margin: 10px; }
#teasernews p.teaserhead { width: 100%; line-height: 1.5em; text-indent: 0.3em; border-left: 4px solid orange; font-weight: bold; background-color: silver;  }
#teasernews p.teaserhead a { text-decoration: none; color: black }
#teasernews p.teasertext { width: 100%; margin-top: 0.6em; }
#teasernews p.teasertext img { float: right; }
#teasernews .teasermore { font-size: 0.6em; color: dimgray }

/* Kontaktformular */
#contact { text-align: center; margin: auto }
#contact td { vertical-align: top; padding: 3px 5px;  }
#contact .cerrmsg  { color: red; }
#contact td.cleft  { background-color: lavender; text-align: right; width: 100px; valign: top }
#contact td.cright { text-align: left; width: 350px; background-color: #f5f5f5; }
#contact td.cmessage  { background-color: #f5f5f5; text-align: left; }
#contact td.cbuttons { text-align: right; }
#contact input, #contact select { color: gray; width: 340px; }
#contact textarea { color: gray; width: 340px; }
#contact sup { color: red; font-weight: bold; }
#contact .button { font-size: 0.8em; width: 100px; background-color: lavender; border: 1px solid gray }
#contact .iradio   { width: 20px }