@charset "utf-8";
/* CSS Document */


body {
	background-image: url(../img/background_img.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-repeat: repeat-x;
	background-color: #29547F;
}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}

a img {
	border: none;
}

a:link {
	color: #036;
	text-decoration: none;
}

a:visited {
	color: #036;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
	color: #390;
}

ul#navlist {
	font-family: Arial, Helvetica, sans-serif;
    list-style: none outside none;
    text-align: left;
}

ul#navlist li {
    display: block;
	border-bottom: solid #CCC 1px;
}
ul#navlist li a {
    color: #666;
    display: block;
    padding: 6px 25px 6px 15px;
    text-decoration: none;
}
ul#navlist li#active a {
    color: #000;
	font-weight: bold;
}

ul#navlist li a:hover, ul#navlist a:hover {
    color: #000;
	
	
}


#schatten {
    background-image: url(../img/schatten.png);
	background-repeat: repeat-y;
    width: 988px;
	height: 833px;
	padding-top: 14px;
}



.container {
	width: 960px;
	border:#CCCCCC;
	background-color: #F5F5F5;
}

.header {
	background-image: url(../img/header.png);
	height: 150px;
}


.leftbox{
	float: left;
	width: 200px;
	height: 650px;
	background-image:url(../img/menu-background.jpg);
	background-repeat:no-repeat;
}
.rightbox {
	width: 758px;
	float: left;
	background-color: #F5F5F5;
}

.content {
	margin: 25px;
	text-align: left;
}

.footer {
	width: 950px;
	height: 14px;
	background-color: #666;
	color: #FFF;
	padding: 5px;
	font-size: 10px;
	text-align: right;
}

h1 {
    color: #036;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
}
h2 {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.separator {
    background-color: #CCCCCC;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 5px;
}

/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}