html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #000000;
}

#horizon {
	width: 6100px;
	height: 280px;
	background-image: url("../basix/raster_back.jpg");
	background-repeat: repeat-x;
  	margin: auto;
 	position: absolute;
 	top: 0; 
  	left: 0; 
  	bottom: 0; 
  	right: 0;
}

#logo {
	width: 456px;
	height: 44px;
 	position: relative;
 	top: 0; 
  	left: 15px; 
  	bottom: 0; 
  	right: 0;
}

/* --- inner parts --- */

.part900 {
	width: 900px;
	height: 280px;
	float: left;
	overflow: hidden;
	display: block;
}

.part600 {
	width: 600px;
	height: 280px;
	float: left;
	overflow: hidden;
	display: block;
}

.part400 {
	width: 300px;
	height: 280px;
	float: left;
	overflow: hidden;
	display: block;
	margin-right: 100px;
}

.part300 {
	width: 300px;
	height: 280px;
	float: left;
	overflow: hidden;
	display: block;
}

.part200 {
	width: 200px;
	height: 280px;
	float: left;
	overflow: hidden;
	display: block;
}

.part100 {
	width: 100px;
	height: 280px;
	float: left;
	overflow: hidden;
	display: block;
}


/* --- buttons --- */

/* --- facebook off 
#button0 {
	width: 220px;
	height: 25px;
	background-image: url("../basix/work_off.png");
	position: absolute;
 	top: 130px;
}

#button0:hover {
	width: 220px;
	height: 25px;
	background-image: url("../basix/work_on.png");
	position: absolute;
 	top: 130px;
}

--- */

#button1 {
	width: 220px;
	height: 25px;
	background-image: url("../basix/work_off.png");
	position: absolute;
 	top: 155px;
}

#button1:hover {
	width: 220px;
	height: 25px;
	background-image: url("../basix/work_on.png");
	position: absolute;
 	top: 155px;
}

#button2 {
	width: 220px;
	height: 25px;
	background-image: url("../basix/kris_off.png");
	position: absolute;
 	top: 180px;
}

#button2:hover {
	width: 220px;
	height: 25px;
	background-image: url("../basix/kris_on.png");
	position: absolute;
 	top: 180px;
}

#button3 {
	width: 220px;
	height: 25px;
	background-image: url("../basix/mail1_off.png");
	position: absolute;
 	top: 205px;
}

#button3:hover {
	width: 220px;
	height: 25px;
	background-image: url("../basix/mail1_on.png");
	position: absolute;
 	top: 205px;
}


/* --- facebook off 

#button3 {
	width: 220px;
	height: 25px;
	background-image: url("../basix/facebook_off.png");
	position: absolute;
 	top: 205px;
}

#button3:hover {
	width: 220px;
	height: 25px;
	background-image: url("../basix/facebook_on.png");
	position: absolute;
 	top: 205px;
}

--- */

#button4 {
	width: 220px;
	height: 25px;
	background-image: url("../basix/impressum_off.png");
	position: absolute;
 	top: 230px;
}

#button4:hover {
	width: 220px;
	height: 25px;
	background-image: url("../basix/impressum_on.png");
	position: absolute;
 	top: 230px;
}

#button5 {
	width: 300px;
	height: 25px;
	background-image: url("../basix/datenschutz_off.png");
	position: absolute;
 	top: 255px;
}

#button5:hover {
	width: 300px;
	height: 25px;
	background-image: url("../basix/datenschutz_on.png");
	position: absolute;
 	top: 255px;
}

#button6 {
	width: 300px;
	height: 25px;
	background-image: url("../basix/start_off.png");
	position: absolute;
 	top: 128px;
}

#button6:hover {
	width: 300px;
	height: 25px;
	background-image: url("../basix/start_on.png");
	position: absolute;
 	top: 128px;
}

#button7 {
	width: 600px;
	height: 25px;
	background-image: url("../basix/mail2de_off.png");
}

#button7:hover {
	width: 600px;
	height: 25px;
	background-image: url("../basix/mail2de_on.png");
}


/* --- thumbs 80x80 --- */

.thumb {
	width: 80px;
	height: 80px;
	margin: 0px 20px 20px 0px;
	background-color: #878889;
	float: left;
} 

.thumb img {
  	-webkit-filter: grayscale(100%);
  	-webkit-transition: .5s ease-in-out;
  	-moz-filter: grayscale(100%); 
  	-moz-transition: .5s ease-in-out;
  	-o-filter: grayscale(100%); 
	-o-transition: .5s ease-in-out;
} 

.thumb:hover img {
	-webkit-filter: grayscale(0%);
  	-webkit-transition: .5s ease-in-out;
	-moz-filter: grayscale(0%);
	-moz-transition: .5s ease-in-out;
	-o-filter: grayscale(0%);
	-o-transition: .5s ease-in-out;
} 


/* --- thumb video 280x180 --- */

.thumb_vid {
	width: 280px;
	height: 180px;
	margin: 0px 20px 20px 0px;
	background-color: #878889;
	float: left;
} 

.thumb_vid img {
  	-webkit-filter: grayscale(100%);
  	-webkit-transition: .5s ease-in-out;
  	-moz-filter: grayscale(100%); 
  	-moz-transition: .5s ease-in-out;
  	-o-filter: grayscale(100%); 
	-o-transition: .5s ease-in-out;
} 

.thumb_vid:hover img {
	-webkit-filter: grayscale(0%);
  	-webkit-transition: .5s ease-in-out;
	-moz-filter: grayscale(0%);
	-moz-transition: .5s ease-in-out;
	-o-filter: grayscale(0%);
	-o-transition: .5s ease-in-out;
} 



/* --- impressum + datenschutz --- */

#horizon2000 {
	width: 2000px;
	height: 280px;
	background-image: url("../basix/raster_back.jpg");
	background-repeat: repeat-x;
  	margin: auto;
 	position: absolute;
 	top: 0; 
  	left: 0; 
  	bottom: 0; 
  	right: 0;
}

#button8 {
	width: 220px;
	height: 25px;
	background-image: url("../basix/mail1_off.png");
	position: absolute;
 	top: 205px;
}

#button8:hover {
	width: 220px;
	height: 25px;
	background-image: url("../basix/mail1_on.png");
	position: absolute;
 	top: 205px;
}

#button9 {
	width: 300px;
	height: 25px;
	background-image: url("../basix/datenschutz_off.png");
	position: absolute;
 	top: 230px;
}

#button10:hover {
	width: 220px;
	height: 25px;
	background-image: url("../basix/impressum_on.png");
	position: absolute;
 	top: 230px;
}

#button10 {
	width: 220px;
	height: 25px;
	background-image: url("../basix/impressum_off.png");
	position: absolute;
 	top: 230px;
}

#button9:hover {
	width: 300px;
	height: 25px;
	background-image: url("../basix/datenschutz_on.png");
	position: absolute;
 	top: 230px;
}
#button11 {
	width: 220px;
	height: 25px;
	background-image: url("../basix/main_off.png");
	position: absolute;
 	top: 255px;
}

#button11:hover {
	width: 220px;
	height: 25px;
	background-image: url("../basix/main_on.png");
	position: absolute;
 	top: 255px;
}







.plain {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
    display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #707172;
}