/* CSS Document */
html, body {
margin: 0;
padding: 0;


}
body,p{
font-size: 12px; text-align: left; font-family: tahoma, verdana, arial, sans-serif; color:#444444;
}
div.wrapper {
width: 800px;

margin: 0 auto;
padding:0px;
background: url(../images/bgall.gif) repeat-y;

}

* html div.wrapper { /* Für IE */

}
div.clear {
clear: both;
margin: 0;
padding: 0;
height: 0;
line-height: 0px;
font-size: 0;
}
#leftCol,.leftCol {
width: 168px;
float: left;
padding: 0;
color: #fff;
}
#centerCol,.centerCol{
margin: 0 190px;
padding: 0; 
width:400px;

}

#logo{ width:168px; height:132px;  background-color:#FFFFFF; background-image:url(../images/logo.gif); padding: 0; margin:0;}
#navigator{ width:168px; color:#fff; padding: 0; margin:0;}
#headertop{ width:609px; height:132px; background-image:url(../images/headertop.jpg); background-repeat:no-repeat; }
#headerbottom{ width:606px; height:61px;  }
#content{ width:596px; padding:8px; padding-left:10px;}
/*#content{ background-image:url(../images/bgcontent.gif); background-repeat:repeat-x; background-position:bottom;}*/
/*#content,#middlebanner,#leftbanner,#rightbanner,*/


#leftbanner{ float:left; background-image:url(../images/leftbanner.gif);width:44px; height:61px; padding:0;}
#rightbanner{ float:right; background-image:url(../images/rightbanner.gif); background-position:right top; width:46px; height:61px; padding:0;}
#middlebanner{ margin:0px 44px; padding:0px;  height:61px;}

#middlebanneratas{ background-image:url(../images/middlebanner.gif); height:28px; background-repeat:no-repeat; padding-left:30px;}
#topnav,.topnav  				{ text-align: left; line-height: 28px; list-style: none; margin: 0px; padding: 0px 0px; }
#topnav li,.topnav li         	{ display: inline; }
#topnav a, .topnav a          	{ margin: auto 0px; padding: 6px 5px; color: #ffffff; text-decoration:none; font-weight:bold; }
#topnav a:hover, .topnav a:hover{ color: #ffcc00; background-color: #8b8b8b; }


#middlebannerbawah{ height:34px; padding-left:5px; padding-top:10px;}
#middlebannerbawah{ font-size: 17px; font-weight:bold; color:#f3ab00; /*color:#333333;*/ text-align: left; font-family: tahoma, verdana, arial, sans-serif;}

/* footerrrrrr */
#footer{ height:20px; width:611px; margin-left:-1px;  padding:0; }
#footer{background-color:#8b8b8b;}

#footermenu{ height:20px; width:606px; 
padding:0;  color:#FFFFFF; 
 text-align:center;  font-size:10px;}
#footerwrapper {
width: 800px;

margin: 0 auto;
padding:0px;
background: url(../images/bgall.gif) repeat-y;

}
#footnav,.footnav  				{ text-align: center; line-height: 20px; list-style: none; margin: 0px; padding: 0px 0px; }
#footnav li,.footnav li         	{ display: inline; }
#footnav a, .footnav a          	{ margin: auto 0px; padding: 4px 10px; color: #fff; text-decoration:none; font-weight:bold; }
#footnav a:hover, .footnav a:hover{ color:#555555; background-color: #ffcc00; }

#copyright{ float:left; text-align:center; width:165px; font-size:11px; color:#fff;}
/*footer end */


#leftnav,.leftnav				{ text-align: left; list-style: none; margin: 0px; padding:0; }
#leftnav li,.leftnav li         	{ padding: 5px 5px; }
#leftnav a, .leftnav a          { margin: auto 0px; padding:0; color: #fff; text-decoration:none; font-weight:bold; font-size:11px;}
#leftnav a:hover, .leftnav a:hover{ color: #555555; }


/* erweiterung left nav --> news!!! + api*/
#news{ padding:0; width:164px; margin-left:1px; margin-top:10px; margin-bottom:10px;}
#newsatas{ background-image:url(../images/batasatas.gif); background-repeat:no-repeat; width:164px; height:21px; padding:0; }
#newsbawah{ background-image:url(../images/batasbawah.gif); background-repeat:no-repeat; width:164px; height:20px; padding:0; }
#newsinhalt{ padding-left:12px; padding-right:12px; padding-bottom:10px; color:#111111; background-color:#FFFFFF; font-size:11px; color:#666666;}
#foyer{ background-image:url(../images/api.gif);  line-height:38px; color:#FFFFFF;font-size: 13px; font-weight:bold; padding-left:10px; width:165px; background-repeat:no-repeat;}

/*submit boxes */
input[type~="submit"] 	,input[type~="button"]	{
 	padding:2px;
	border-style: solid; border-top-width: 1px; border-left-width: 1px;
  	border-bottom-width: 1px; border-right-width: 1px; border-top-color: #CCCCCC; border-left-color: #CCCCCC;
  	border-bottom-color: #666666; border-right-color: #666666; background-color: #8b8b8b; color: #FFF; font-size: 11px;
  	font-family: tahoma, verdana, arial, sans-serif; }
	
.textbox, .passwordbox 		{ border: 1px solid #7b9ebd; padding: 2px; font-size: 11px; }
.input_element{ margin-top:3px;}
/* endsubmit */

.border{ margin-left:1px; margin-top:3px; margin-bottom:3px; background-image:url(../images/border.gif); width:164px; height:6px; }

/* template */
#choosetemp{ padding:5px;}

a{ color:#FF6600; text-decoration:none;}
a:hover{ color:#FF6600; text-decoration:none;}