/* Anzeigen des Scrollbalken rechts immer, damit der Inhalt nicht hin- und herspringt */
html { overflow: scroll; }

body { 
	padding: 0px;
	margin: 0px; 
	font-family: Arial, Verdana;
	font-size: 12px; 
}

img { border: 0px; }


#screen { margin: 0px auto; width: 800px; }


/***************************** HEADER ******************************/

#header { display: block; background: url('header.jpg') no-repeat right 0px; width: 800px; height: 120px; position: relative; }
#subheader { background: #0072bc url('logo.gif') no-repeat 34px 0px; height: 24px; width: 800px; }
#subheader a { float: left; width: 148px; height: 24px; margin-left: 34px; text-decoration: none; }
#subheader div#login { float: right; }
#subheader div#login a { width: auto; height: 14px; padding: 3px 7px; border: 2px solid #0072bc; background-color: #00aaff; color: #ffffff; }
#subheader div#login a:hover { background-color: #aaaaff; color: #ffffff; }

/************************* NAVIGATION ****************************/

#navi { float: left; margin-left: 34px; margin-top: 45px; background: url('bg-navi.gif') repeat-y; }
#navi ul { list-style: none; padding: 0px; margin: 0px; }
#navi ul li { padding: 0px; margin: 0px; }
#navi ul li a { display: block; width: 114px; margin: 0px 2px; padding: 0px 15px; line-height: 33px; color: #0a446f; font-weight: bold; text-decoration: none;}
#navi ul li a:hover,
#navi ul li.act a { background-color: #d3def1; }
#navi ul li.act ul { background: url('bg-navi-2.gif') repeat-y; }
#navi ul li.act ul li a { line-height: 23px; font-size: 0.9em; padding-left: 25px; padding-right: 5px; background-color: transparent; }
#navi ul li.act ul li a:hover,
#navi ul li.act ul li.act a { background: url('bg-navi-2-act.gif') repeat-y 0px 0px; }

/***************************** CONTENT ******************************/

#body { width: 800px; position: relative; background-color: #d3def1; }
#body #content { padding: 50px 20px 20px 200px; background: url('bg-navi.gif') repeat-y 34px 0px; }



/***************************** FOOTER ******************************/

#footer { clear: both; width: 800px; height: 200px; background: #d3def1 url('bg-navi.gif') repeat-y 34px 0px;}
#footer-logo { width: 100%; height: 100%; background: url('footer.gif') no-repeat right bottom; } 


/***************** Clearfix ****************/
.clearfix { display: inline-block; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}