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


/********************************************* Body & Hintergrund *********************************************/

html, body, #holder {
	height: 100%;
	width: 100%;
}
body > #holder { height: auto; min-height: 100%; }

body{
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	color: #747577;
	margin:0;
	padding:0;
	background: url("/media/img/design/bg.jpg");
	height:100%;
}

#holder{
	/*background:blue;*/
	height: auto;
	min-height: 100%;
	padding:0;
	margin:0;
	width: 100%;
	min-width: 800px;
}


/********************************************* Header *********************************************/

#header{
	/*background:yellow;
	background: url("/media/img/design/header_bg.gif");*/
	/*height: 54px;*/
	height: 71px;
	width: 100%;
	overflow:hidden;
	color:black;
}

#header h2{
	font-size: 1.7em;
	height:13px;
	margin:0;
	font-weight: normal;
	text-transform:uppercase;
	width: 300px;
	padding: 20px 40px;
}

#header h2 a{
	color: #ADAFB1;
	text-decoration: none;
}

#header h2 span{
	color: #D7CD96;
}

ul#colorholder{
	height: 18px;
	margin:0 0 0 0px;
	padding:0;
	width: 100%;
	background: #CCD9FF;
}

#colorholder li{
	float: left;
	margin:0;
	height: 18px;
	list-style:none;
}

#header li#color1{
	background: #FFF6CC;
	width: 3%;
}

#header li#color2{
	background: #FFEACC;
	width: 2%;
}

#header li#color3{
	background: #FFDCCC;
	width: 4%;
}

#header li#color4{
	background: #FFD0CC;
	width: 6%;
}

#header li#color5{
	background: #FACCFF;
	width: 9%;
}

#header li#color6{
	background: #E5CCFF;
	width: 15%;
}


#header li#color7{
	background: #D1CCFF;
	width: 25%;
}
#header li#color8{
	background: #CCD9FF;
	width: 36%;
}

/*
#header ul{
	background:purple;
	width: 480px;
	margin:0 0px;
	padding:64px 0 0 0;
	margin: 0 auto;
}

#header ul li{
	float:left;
	padding: 0 10px 0 10px;
	list-style:none;
	border-left: #bebebe solid 2px;
}

#header ul li:first-child{
	border-left: none;
}

#header ul li a{
	color: #bebebe;
	font-weight:bold;
	text-decoration:none;
}

#header ul li a.mark{
	color: #35BD18;

}*/

/********************************************* Content *********************************************/


#content{
	/*background:purple;*/
	/*width:100%;*/
	height:100%;
	width:100%;
	min-height:100%;
	margin:0px auto 0 auto;
	/*clear:left;
	padding-bottom: 3em;*/
}

/********************************************* Content Links *********************************************/


#content_links{
	/*background:yellow;*/
	width:24%;
	float:left;

	/*
	padding: 70px 1% 30px 1%;

	text-align: right;
	*/

}

#content_links ul{
	list-style:none;
	text-align: left;
	padding:12px 0;
	margin:0;
}

#content_links ul li{
	height: 1.95em;
	padding:0;
	margin: 0;
}

#content_links ul li a{
	color: #747577;
	font-size: 1.1em;
	display:block;
	padding: 8px 0 2px 0;
	width: 60%;
	margin: 0 0 0 40px;
	text-transform: uppercase;
	/*border-bottom: 1px solid #888888;*/
}

#content_links ul li a.mark{
	/*color:#35BD18;*/
	font-weight: bold;
}

#content_links ul li a:hover{
	/*color:#35BD18;*/
	text-decoration: none;
	font-weight: bold;
}

#content_links ul li ul{
	padding: 5px 0 0 0;
}

#content_links ul li ul li{
	font-weight: normal;
	padding: 2px 0 2px 0;
	border-bottom:none;
}

#content_links ul li ul li a{
	border-bottom:none;
	padding:0;
}


/********************************************* Content Mitte *********************************************/


#content_mitte{

	width:76%;
	height:100%;
	float:left;
	/*
	padding: 10px 20px 30px 20px;
	margin: 0px 0px 0px 0px;
	*/
}

#image{
	height: 200px;
	/*border: red solid 1px;*/
	background:#eee;
	width: 100%;
}

#image ul{
	margin:0;
	padding:0;
	width: 790px;
	height: 200px;
}

#image li{
	float:left;
	margin:0;
	padding:0;
	list-style: none;
}

#text{
	padding-top:12px;
	width: 500px;
	padding-bottom: 50px;
}
/*********************************************  Footer *********************************************/

#footer{
	clear: both;
	position: relative;
	z-index: 10;
	margin-top: -3em;
	/*background: blue;
	height: 3em;*/

}

#footer p{
	padding-left:24%;
}


/********************************************* Table *********************************************/

table th{
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	width: 150px;
}

table td{
	vertical-align: top;
}

table{
	margin-top: 5px;
	border:0;
	border-collapse: collapse;
}

td, th, tr{
	margin:0;
	padding:0;
	border:0;

}
td{
	margin-left: -5px;
}


/* Target Firefox */

@-moz-document url-prefix(){
caption { margin-left: -1px; }
}

/********************************************* Font *********************************************/

h1{
	font-size: 1.1em;
	text-transform:uppercase;
	margin-bottom: 2px;
}

h2{
	font-size: 1.1em;
	margin-bottom: 0px;
}
h3{
	font-size: 1em;
	margin-bottom: 0px;
}

h4{
	font-size: 1em;
	margin-bottom: 0px;
}
h5{
	font-size: 1em;
	margin-bottom: 0px;
}
p{
	margin-top: 5px;
	font-size: 1em;
}
a img{
	border:none;
}

a{
	color: #3F9AEE;
	text-decoration:none;
}


a:hover{
	text-decoration: underline;
}

hr{
	color: #ffffff;
	margin: 30px 0;
	padding-top: 1px;
}



/********************************************* Andere Klassen *********************************************/

.clear{
	clear:both;
}

.hidden{
	visibility:hidden;
	height:1px;
	padding:0;
	margin:0;
	line-height:0;
}

/********************************************* STart *********************************************/

#start{
	padding: 190px 0 0 400px;
}

#start #content_links a{
	margin-left:0;
}

#start #header{
	height
}

#start #header h2{
	padding: 34px 0 0 0;
	margin-bottom: -20px;
}
#start #colorholder{
	margin:0;
	padding:0;
	background: url(/media/img/design/farben.jpg) no-repeat;
	background-color: #afb6ea; /*#daaeff; #E0E1FF;*/
	height: 18px;
	width: 100%;
}