/* CSS Document */
html,body{height:100%;font-family:Verdana,Helvetica,Arial,SunSans-Regular,Sans-Serif;font-size:11px;margin:0px;padding:0px;top:0;left:0;background:url(bg.jpg) repeat-y center #ccc;color:#333;text-align:left;}
/*allgemein
********************************************************/
h1{font-size:12px;font-weight:bold;margin:20px 0px 10px 10px;padding:0px;letter-spacing:2px;color:#039;}
h2{font-size:12px;font-weight:bold;margin:20px 0px 10px 10px;padding:0px;letter-spacing:2px;color:#039;}
a{text-decoration:none;}
strong{color:#039;}
a strong{color:#36c;}
img{border:none;}
/* Floats 
********************************************************/
.flLeft{float:left;}
.clearl{clear:left;}
.clearb{clear:both;}
/*Footer Fix Position Wrap
********************************************************/
#fixed{width:100%;height:100%;margin:0px;padding:0px;}
/* main container
********************************************************************************/
#center{width:842px;margin:0px auto;padding:0px;text-align:left;}
*html #center{height:100%;background:url(bg.jpg) repeat-y top left;}
/* header logo
********************************************************************************/
#header{width:840px;height:120px;margin:0px 0px 0px 1px;padding:0px;text-align:center;background-color:#fff;}
#header img.screen{margin:0px;padding:10px 0 0 0;}
#header img.print{display:none;margin:0px;padding:10px 0 0 0;}
/* top website links
********************************************************************************/
#toplinks{width:840px;height:20px;margin:0px 0px 0px 1px;padding:0px;background-color:#36f;color:#fff;}
#toplinks a{color:#fff;}
#toplinks a:hover{color:#666;}
#tleft{width:150px;float:left;margin:0px;padding:0px;}
#tleft ul{float:left;margin:0px;padding:3px 0 0 10px;list-style-type:none;}
#tleft li.print{display:inline;margin:0px 20px 0 0px;padding:0px 0 0 15px;background:url(print.jpg) no-repeat left bottom;}
#tleft li.contact{display:inline;margin:0px 10px 0 0px;padding:0px 0 0 15px;background:url(contact.jpg) no-repeat left center;}
#tright{width:200px;float:right;margin:0px;padding:3px 10px 0 0;text-align:right;}
#tright p{margin:0px;padding:3px 10px 0 0;text-align:right;}
/* main content wrap
********************************************************************************/
#contentwrap{width:840px;margin:0px;padding:0px 0px 30px 0px;}
/* navigation
********************************************************************************/
#navi{float:left;width:210px;margin:0px;padding:0px;font-size:12px;}
#navi ul.nav1st{margin:12px 0 0 1px;padding:0px;list-style-type:none;}
#navi ul.nav1st li{display:block;margin:0px;padding:8px 20px 8px 10px;background-image:url(navi-line_n.jpg);background-repeat:no-repeat;background-position:bottom left;}
#navi ul.nav2nd{margin:0px 0 0 10px;padding:0px;list-style-type:none;}
#navi ul.nav2nd li{display:block;margin:0px;padding:8px 0px 0px 0;background:transparent;}
#navi ul.nav1st li a,
#navi ul.nav2nd li a{color:#333;}
#navi ul li a:hover{color:#666;}
#navi ul li.active a{color:#333;}
#navi ul li a.current{color:#039;}
/* box content
********************************************************************************/
#content{width:630px;float:left;margin:0px;padding:0px;line-height:14px;}
#content div.txtImg{margin:0px 0px;padding:0px 0px;}
#content p{margin:0px 20px 10px 10px;padding:0px 0px;}
#content img{margin:0px 20px 0px 10px;padding:0px 0px 10px 0;}
#content div.txt-img img{margin:0px 0px 0px 0px;padding:0px 0px 10px 0;}
#content ul{margin:0px 20px 10px 10px;padding:0px 0px;list-style-type:square;}
#content li{margin:0px 0px 3px 10px;padding:0px 0px;}
#content a{color:#36c;}
#content a:hover{color:#666;}
/* FORMULARE
********************************************************************************/
#content form{width:500px;margin:10px 0px 10px 10px;padding:0px 0px;}
#content fieldset{margin:0px 0px;padding:0px 0px;border:none;}
#content legend{display:none;}
#content div.element{clear:left;display:block;margin:0px;padding:0px;}
/* Box um Bezeichnungen (abstand eingabefelder von links) */
#content div.element label{float:left;margin:0px 0 5px 0;padding:0px;width:150px;}
/* eingabefelder */
#content div.element input,
#content div.element textarea,
#content div.element select{float:left;width:250px;margin:0px 0 5px 0;padding:0px;font-size:11px;background-color:#bad4ec;border:1px solid #bad4ec;}
#content div.element input.text{height:14px;}
#content div.element input.textarea{height:90px;}
/* submit */
#content div.element input.submit{clear:left;margin:0px 0px 15px 322px;padding:0px 0px;width:80px;border:none;color:#36c;font-size:11px;text-align:right;cursor:pointer;background-color:transparent;}
#content div.element input.submit:hover{background-color:transparent;border-style:hidden;color:#666;}
div.forminfo {margin-left:10px;font-weight:bold;color:#900;}
/* Footer
*******************************************************************************/
#footer{width:100%;height:20px;background-color:#36f;position:fixed;bottom:0px;left:0px;font-size:11px;text-align:center;color:#fff;}
/* Star-HTML-Hack für IE */
* html,*html body{overflow:hidden;background:transparent;background-color:#999;}
* html #fixed{padding:0px;overflow:scroll;}
* html #footer{position:relative;margin-top:-20px;margin-left:-18px;}
#footer p{margin:0px;padding:3px 0 0 0;}
#footer a{color:#fff;}
#footer a:hover{color:#666;}

