/* CSS Document */
@media all
{
	* { margin:0; padding: 0; }
   option {padding-left: 0.4em}
     
	html { height: 100%; /* Mozilla scroller hack */ }
	body {
		min-height: 101% /* Mozilla scroller hack */;
        font-family: "Arial", Helvetica, Verdana, sans-serif;		
		font-size: 13px;
		line-height: 18px;
		color: #262626;
		background-image: url(../img/body_bg.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
   
	fieldset, img { border:0; }

	select, input, textarea { font-size: 99% }

	h1,h2,h3,h4 {font-weight:normal;font-family: "Arial", sans-serif;margin: 0 0 0.5em 0;}
	h1 a,h2 a,h3 a,h4 a {background: none; padding:inherit} 
	
	h1 {font-size:18px;color:#5f0000; }
	h2,h3,h4 {color:#000000;}
	h2 {font-size:16px;}
	h3 {font-size:14px;}
	h4 {font-size:12px;}
	

	p,dd,dt {margin:0 0 10px 0;}
	
	p.align-right {text-align:right}
	p.align-center {text-align: center}
	
	strong,b {font-weight:bold;}
	em,i {font-style:italic;}
	pre, code {	font-family:"Courier New", Courier, monospace;}
	address {font-style:normal; line-height: normal; margin:0 0 1em 0;}
	
	hr {margin:0.5em 0 0.5em 0;  height: 1px; border-style: none none solid none; border-color: #5f0000; border-width: 1px; border-collapse: collapse }
	
	acronym, abbr {border-bottom:1px dashed #c00; cursor:help;}
	
	img.float_left {float:left; margin-right:1em; margin-bottom:0.15em; border:0;}
	img.float_right {float:right; margin-left:1em; margin-bottom:0.15em; border:0;}
	img.center {text-align:center; background:#fff; padding:4px; border:1px #ddd solid;}
	
	a, a em.file {color: #5f0000; text-decoration: none}
	a:hover {text-decoration: underline}
	a:visited {color: #5f0000;}
	a:active, a:focus{outline: none}
	
	table {border-collapse:collapse; margin-bottom:1em; border: 1px solid #ddd;}
	td,th {padding:1px 2px 1px 2px; border: 1px solid #ddd;}
	th { background-color:#ddd; font-weight: bold; }
	
	form {overflow:hidden;}
	
	input, textarea {width:auto; font:10px Verdana, Arial, Helvetica, Sans-Serif; border:1px #ccc solid; background:#ffffff;padding:3px; color:#2c2c2c;}
	
	input[type=text]:focus, input[type=password]:focus, textarea:focus {background:#f0f0f0; color:#333; border-color:#666;}
	
	
	#wrapper {
		width: 816px;
		margin: auto;
		margin-top: 0;
		padding: 0;
		overflow: hidden;	
	}
	#top {
		height: 281px;
		clear: both;
    }
	#logo{}
	
	div#mainmenu{
		height: 38px;
	}
	div#mainnav {
		float:left;
	}

	#teaser{
		height: 127px;
		padding: 75px 0 0 86px;
	}

	#middle{
    }
    	
	#content{
		margin: 60px 86px 50px 86px;
	}
	#content a {color: #5f0000;text-decoration: none;}
	#content a:hover {text-decoration: underline}
	
	#content ul{
		list-style-position: outside;
		list-style-image: url(../img/dot.png);
		margin: 0 0 0.5em 18px;
	} 
	#content li{margin-bottom: 0.5em; }
	
	#bottom {
		margin: 0 86px;
		border-top: 1px solid #5f0000;
    }
	
	#metamenu {
		position:relative;
		float: right;
	}
	
	#metamenu li{
		float: left;
		display: block;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	#metamenu li a{
		background: none;
		color: #5f0000;
	}
	
	#metamenu li a:hover{
		text-decoration: underline;
	}

	#metamenu li.act{
	}
	
	#metamenu li.act a{
	}	
	
	/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
	** dem Spaltenhintergrund erscheinen. 
	#column1, #column1, #column1 { position: relative;}
	#column1 {z-index: 30;}
	#column1 {z-index: 50;}
	#column1 {z-index: 70;}*/
	
	/* ######################################## C l e a r f i x ############################################# */
	/* Clearfix */
	 .clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	/* Safari-Browser directive */
	.clearfix { display: block; }
	
	/* Overflow method for float clearing */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: IE depends on it only, implemented via iehacks.css */
	#ie_clearing { display: none }
	
}	/* end of media all*/

@media screen, print
{
	.skip {
	position: absolute;
	left: -1000em;
	width: 20em;
	}
}