@charset "utf-8";

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #414141;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-size: 11pt;
}


img {
    border: 0px;
}

#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
} 

#containerBackground {
	background-color: #FFFFFF;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url(bilder/shadow-bg.gif);
}

#header {
	height: 130px;
	background-color: #FFFFFF;
	background-image: url(bilder/logo.gif);
	background-repeat: no-repeat;
	background-position: 570px 6px;
} 


#navigation {
	float: left;
	width: 250px;
	height: 228px;
	background: #505050;
}

#navigation ul {
    list-style-type: none; 
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
}

#navigation ul li {
    padding: 2px 0px;
}

#navigation ul a, #navigation ul a:hover, #navigation ul a.c1, #navigation ul a.c2, #navigation ul a.c3, #navigation ul a.c4, #navigation ul a.c5, #navigation ul a.c6, #navigation ul a.c7, #navigation ul a.c8, #navigation ul a.active {
	display: block;
	width: 225px;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	text-decoration: none;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

#navigation ul a.active {
	background-color: #626262;
}

#navigation ul a:hover {
	background-color: #838383;
}

#navigation ul a.c1 {
	border-left-color: #af8c00;
}
#navigation ul a.c2 {
	border-left-color: #d6d800;
}
#navigation ul a.c3 {
	border-left-color: #d70f1b;
}
#navigation ul a.c4 {
	border-left-color: #ef7916;
}
#navigation ul a.c5 {
	border-left-color: #fff100;
}
#navigation ul a.c6 {
	border-left-color: #7d005e;
}
#navigation ul a.c7 {
	border-left-color: #0084c2;
}
#navigation ul a.c8 {
	border-left-color: #004178;
}



#banner { 
	margin: 0 0 0 255px;
	padding: 0px;
	height: 228px;	
	width: 695px;
}


#infoContainer {
	margin: 5px 0 0 0;
	float: left;
	width: 250px;
	height: 450px;
	background-color: #FFFFFF;
}

#infoArea {
	height: 215px;
}

#infoFunctions {
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
}

#infoFunctions img {
    padding: 5px;
}


#content { 
	margin: 5px 0 0 255px;
	padding: 0px;
	color: #000000;
	background-color: #f0f0f0;
	width: 695px;
	min-height: 450px;
} 

#content h1 {
    margin: 0px;
	padding: 5px 100px 5px 42px;
	font-size: 12pt;
	font-weight: normal;
}

#content h2 {
    margin: 0px;
	padding-top: 50px;
	padding-left: 42px;
	padding-right: 100px;
	padding-bottom: 25px;
	font-size: 18pt;
	font-weight: normal;
}

#content h3 {
    margin: 0px;
	padding-top: 5px;
	padding-left: 42px;
	padding-right: 42px;
	padding-bottom: 0px;
	font-size: 12pt;
	font-weight: normal;
}

#content p {
	margin: 0px;
	padding-top: 5px;
	padding-left: 42px;
	padding-right: 42px;
	padding-bottom: 15px;
	font-size: 11pt;
	line-height: 16pt;
}

.c1b {
	background-color: #af8c00;
	color: #000000;
}
.c2b {
	background-color: #d6d800;
	color: #000000;
}
.c3b {
	background-color: #d70f1b;
	color: #ffffff;
}
.c4b {
	background-color: #ef7916;
	color: #000000;
}
.c5b {
	background-color: #fff100;
	color: #000000;
}
.c6b {
	background-color: #7d005e;
	color: #ffffff;
}
.c7b {
	background-color: #0084c2;
	color: #ffffff;
}
.c8b {
	background-color: #004178;
	color: #ffffff;
}

.c1f {
	color: #af8c00;
}
.c2f {
	color: #d6d800;
}
.c3f {
	color: #d70f1b;
}
.c4f {
	color: #ef7916;
}
.c5f {
	color: #fff100;
}
.c6f {
	color: #7d005e;
}
.c7f {
	color: #0084c2;
}
.c8f {
	color: #004178;
}


#footer { 
	padding: 0; /* eweber: test */
	background-image: url(bilder/shadow-footer.gif);
	height: 30px;
	width: 980px;
} 

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}