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

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%;
	max-height: 100%;
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
	font-weight: bolder;
}

#center {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

#container {
	margin-left: -460px;
	position: absolute;
	top: -300px;
	left: 50%;
	width: 920px;
	height: 600px;
	background: #FFFFFF;
} 
#cnavi {
	width: 430px;
	height: 0px;
	clear: left;
	float: left;
	padding: 15px 15px 15px 15px;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
} 
#cnavi a:link, #cnavi a:visited {
	text-decoration: underline;
	color: #FFF;
}

#cnavi a:hover {
	text-decoration: line-through;
}

#cnaviblk {
	width: 430px;
	height: 0px;
	clear: left;
	float: left;
	padding: 15px 15px 15px 15px;
	text-transform: uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
} 
#cnaviblk a:link, #cnaviblk a:visited {
	text-decoration: underline;
	color: #000000;
}

#cnaviblk a:hover {
	text-decoration: line-through;
	color: #000000;
}


/* Linke Spalten Bild */


#cleft00 {
	width: 460px;
	height: 600px;
	background: url(../_img/01.jpg);
	clear: left;
	float: left;
	padding: 0px;
	z-index: auto;
	visibility: visible;
} 

#cleft01 {
	width: 460px;
	height: 600px;
	background: url(../_img/01.jpg);
	clear: left;
	float: left;
	padding: 0px;
} 

#cleft02 {
	width: 460px;
	height: 600px;
	background: url(../_img/02.jpg);
	clear: left;
	float: left;
	padding: 0px;
} 

#cleft03 {
	width: 460px;
	height: 600px;
	background: url(../_img/03.jpg);
	clear: left;
	float: left;
	padding: 0px;
} 

#cleft04 {
	width: 920px;
	height: 600px;
	background: url(../_img/04.jpg);
	clear: left;
	float: left;
	padding: 0px;
} 

#cleft05 {
	width: 460px;
	height: 600px;
	background: url(../_img/05.jpg);
	clear: left;
	float: left;
	padding: 0px;
} 

#cleft06 {
	width: 460px;
	height: 600px;
	background: url(../_img/06.jpg);
	clear: left;
	float: left;
	padding: 0px;
} 


/* Rechte Spalten farben */

#cright00 {
	width: 400px;
	height: 540px;
	background: #0099FF;
	padding: 15px;
	float: right;
	margin: 15px;
	color: #FFFFFF;
} 

#cright01 {
	width: 400px;
	height: 540px;
	background: #CC0066;
	padding: 15px;
	float: right;
	margin: 15px;
	color: #FFFFFF;
} 
#cright02 {
	width: 400px;
	height: 540px;
	background: #0099FF;
	padding: 15px;
	float: right;
	margin: 15px;
} 

#cright03 {
	width: 400px;
	height: 540px;
	background: #333333;
	padding: 15px;
	float: right;
	margin: 15px;
	color: #FFFFFF;
} 

#cright04 {
	width: 400px;
	height: 540px;
	background: #000000;
	padding: 15px;
	float: right;
	margin: 15px;
} 

#cright05 {
	width: 400px;
	height: 540px;
	background: #FFFFFF;
	padding: 15px;
	float: right;
	margin: 15px;
	color: #000000;
} 
#cright06 {
	width: 400px;
	height: 540px;
	background: #FFFFFF;
	padding: 15px;
	float: right;
	margin: 15px;
} 

/* Linke Spalten farben */


#cleftover00 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: left;
	float: left;
	padding: 15px 15px 15px 15px;
	margin: 15px;
	visibility: hidden;
	text-align: left;
	position: fixed;
	z-index: 0;
} 

#cleftover011 {
	width: 400px;
	height: 510px;
	background: #CC0066;
	clear: none;
	float: left;
	padding: 15px;
	margin: 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	z-index: 1;
} 

#cleftover012 {
	width: 400px;
	height: 510px;
	background: #CC0066;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 2;
} 

#cleftover013 {
	width: 400px;
	height: 510px;
	background: #CC0066;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 3;
} 
#cleftover014 {
	width: 400px;
	height: 510px;
	background: #CC0066;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 4;
} 
#cleftover015 {
	width: 400px;
	height: 510px;
	background: #CC0066;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 5;
} 
#cleftover016 {
	width: 400px;
	height: 510px;
	background: #CC0066;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 6;
} 
#cleftover017 {
	width: 400px;
	height: 510px;
	background: #CC0066;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 7;
} 



#cleftover0201 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 1;
} 
#cleftover0202 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 2;
} 
#cleftover0203 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 3;
} 
#cleftover0204 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 4;
} 
#cleftover0205 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 5;
} 
#cleftover0206 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 6;
} 
#cleftover0207 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 7;
} 
#cleftover0208 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 8;
} 
#cleftover0209 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 9;
} 
#cleftover0210 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 10;
} 
#cleftover0211 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 11;
} 
#cleftover0212 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 12;
} 
#cleftover0213 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 13;
} 
#cleftover0214 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 14;
} 
#cleftover0215 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 15;
} 
#cleftover0216 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 16;
} 
#cleftover0217 {
	width: 400px;
	height: 510px;
	background: #0099FF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	color: #FFFFFF;
	position: fixed;
	z-index: 17;
} 



#cleftover0301 {
	width: 400px;
	height: 510px;
	background: #333333;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
		position: fixed;
	color: #FFFFFF;
	z-index: 1;
} 
#cleftover0302 {
	width: 400px;
	height: 510px;
	background: #333333;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
		position: fixed;
	color: #FFFFFF;
	z-index: 2;
} 





#cleftover04 {
	width: 860px;
	height: 10px;
	clear: none;
	float: left;
	padding: 15px;
	margin: 525px 15px 15px;
	visibility: hidden;
	text-align: right;
} 

#cleftover0501 {
	width: 400px;
	height: 510px;
	background: #FFFFFF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
	position: fixed;
	color: #000000;
	z-index: 1;
} 
#cleftover0502 {
	width: 400px;
	height: 510px;
	background: #FFFFFF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
		position: fixed;
	color: #000000;
	z-index: 2;
} 
#cleftover0503 {
	width: 400px;
	height: 510px;
	background: #FFFFFF;
	clear: none;
	float: left;
	padding: 15px;
	margin: 45px 15px 15px 15px;
	visibility: hidden;
	text-align: left;
		position: fixed;
	color: #000000;
	z-index: 3;
} 




#cleftover06 {
	width: 400px;
	height: 510px;
	background: #FFFFFF;
	clear: left;
	float: left;
	padding: 15px 15px 15px 15px;
	margin: 15px;
	visibility: hidden;
	text-align: left;
} 


/* TYPO */
.title {
	font-size: 18px;
}
.head {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
.head a:link, .head a:visited {
	text-decoration: underline;
	color: #FFF;
}

.head a:hover {
	text-decoration: line-through;
}
.headblk {
	font-size: 10px;
	color: #000;
	font-weight: bold;
}
.headblk a:link, .headblk a:visited {
	text-decoration: underline;
	color: #000;
}

.headblk a:hover {
	text-decoration: line-through;
}

.links {
	font-size: 12px;
	text-decoration: underline;
	color: #000000;
}
h1 {
	font: bold 18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}
h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
}
.copy {
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.table {
	border-bottom: 1px dotted #FFFFFF;
}
a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
h3 {
	font-size: 7px;
}
