@import url(frontend.css);
@import url(vas_navi.css);
@import url(sendafriend.css);


html, body {
	background-color: #fafafa;
	text-align: left;
	padding: 0;
    margin: 0;
/* height:100%;
	min-height:100%;
	*/
	}

#container {
	width: 900px;
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	position: absolute;
	border: solid 0 gray; 
	border-bottom: 1px solid lightgray;
	}
	
#container_intro_gross {
 	overflow:hidden;
	width: 900px;
	height: 1500px; /* alt 830 */ 
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	position: absolute;
	border: solid 0 gray; 
	border-bottom: 1px solid lightgray;
	}

#container_intro_mittelgross {
 	overflow:hidden;
	width: 900px;
	height: 1500px; /* alt 700 */
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	position: absolute;
	border: solid 0 gray; 
	border-bottom: 1px solid lightgray;
	}
	
#container_intro_mittel {
 	overflow:hidden;
	width: 900px;
	height: 1500px; /* alt 700 */
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	position: absolute;
	border: solid 0 gray; 
	border-bottom: 1px solid lightgray;
	}
	
#container_intro_klein {
 	overflow:hidden;
	width: 900px;
	height: 1500px; /* alt 640 */
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	position: absolute;
	border: solid 0 gray; 
	border-bottom: 1px solid lightgray;
	}
	
#head {
	clear:both;
	width: 900px;
	height: 85px;
	border: 0px solid gray;
	margin: 0px;
	margin-left: 0px;
	margin-right: auto;
	padding: 0px;
}

#head1 {
	float: left;
	width: 630px;
	height: 100%;
	border: 0px white;
	margin: 0;
	margin-left: 0px;
	padding: 0px;
	background-image: url('../../picture/template/vas_template_01.jpg');
}

#head2 {
	float: left;
	width: 270px;
	height: 100%;
	border: 0px white;
	margin: 0;
	margin-left: 0px;
	padding: 0px;
	background-image: url('../../picture/template/vas_template_02.jpg');
}


#stage {
	clear:both;
	width: 900px;
	height: 270px;
	border: 0px solid gray;
	margin: 0px;
	margin-left: 0px;
	margin-right: auto;
	background-image: url('../../picture/template/vas_template_03.jpg');
	padding: 0px;
	z-index: 1;
	overflow: hidden;
}

#stage1 {
	float: left;
	width: 630px;
	height: 100%;
	border: 0px white;
	margin: 0;
	margin-left: 0px;
	padding: 0px;
	z-index: 2;
	overflow: hidden;
}

#stage2 {
	float: right;
	width: 270px;
	height: 100%;
	border: 0px white;
	margin: 0;
	margin-left: 0px;
	padding: 0px;
	z-index: 2;
	overflow: hidden;
}


#main {
	clear:both;
	width: 900px;
	border: solid 0 gray;
	margin: 0 auto 0 0;
	padding: 0;
}


.abstand_oben {
	clear: both;
	width: 100%;
	height: 40px;
	border: 0px solid gray;
	margin: 0px;
	margin-left: 0px;
	margin-right: auto;
	padding: 0px;
}

.abstand_unten {
	clear: both;
	width: 100%;
	height: 20px;
	border: 0px solid gray;
	margin: 0px;
	margin-left: 0px;
	margin-right: auto;
	padding: 0px;
}

#einspaltig {
	clear: both;
	width: 545;
	border: 0px solid gray;
	margin: 0px;
	padding-left: 20px;
	padding-right: 20px;
/*	margin: 5px 0px 20px -2px;  früher im CP */
	margin: 5px 0px 20px 0px; /* früher im CP */
}

#einspaltig_randlos {
	clear: both;
	width: 585;
	border: 0px solid gray;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

* html #einspaltig {
	clear: both;
	width: 585;
	border: 0px solid gray;
	margin: 0px;
	padding-left: 20px;
	padding-right: 20px;
}

#zweispaltig1 {
	float: left;
	width: 262px;
	border: 0px solid gray;
	margin: 0px;
	padding-left: 20px;
	padding-right: 10px;
}

#zweispaltig2 {
	float: left;
	width: 263px;
	border: 0px solid gray;
	margin: 0px;
	padding-left: 10px;
	padding-right: 20px;
}

* html #zweispaltig1 {
	clear: both;
	width: 292px;
	border: 0px solid gray;
	margin: 0px;
	padding-left: 20px;
	padding-right: 10px;
}

* html #zweispaltig2 {
	float: left;
	width: 293px;
	border: 0px solid gray;
	margin: 0px;
	padding-left: 10px;
	padding-right: 20px;
}

#hideinie6 {
	visibility: visible;
}

* html #hideinie6 {    /* IE6 */
	visibility: hidden;
	width:1px;
	height:1px;
	overflow: hidden;
}

*:first-child+html #hideinie6 {   /* IE7 */ 
	visibility: hidden;
	width:1px;
	height:1px;
	overflow: hidden;
}


#blinds-cont { -webkit-box-shadow: 0 0 40px #000; background: url(bg.png) 0 0 no-repeat; margin: 50px auto; padding: 20px 0 0 0; font-family: 'Georgia', 'Arial Narrow', 'Arial', sans-serif; height: 410px; -moz-box-shadow: 0 0 40px #000; width: 1000px; }
#blinds-cont #blinds { margin: 0 auto; background: url(spinner.gif) 50% no-repeat; height: 330px; width: 960px; }
#blinds-cont #blinds .floom_slice { z-index: 10; }
#blinds-cont #blinds .floom_caption { text-shadow: 0 1px 0 #fff; font-size: 1.0em; color: #333; font-style: italic; position: relative; text-align: center; width: 100%; top: 25px; }
#blinds-cont #blinds .floom_progressbar { font-size: 1px; background: #131718; border-bottom: solid 1px #fff; height: 3px; position: relative; z-index: 1000; width: 0; top: 2px; }
#blinds-cont #blinds .floom_container { overflow: hidden; border-bottom: solid 1px #fff; border-top: solid 1px #666; }
#blinds-cont #blinds .floom_vertical { float: left; }

#blinds { margin: 0 auto; background: url(spinner.gif) 50% no-repeat; height: 110px; width: 200px; box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color=000000, Direction=135, Strength=3) ;}
#blinds .floom_slice { z-index: 10; }
#blinds .floom_caption { text-shadow: 0 1px 0 #fff; font-size: 1.0em; color: #333; font-style: italic; position: relative; text-align: center; width: 100%; top: 25px; }
#blinds .floom_progressbar { font-size: 1px; background: #131718; border-bottom: solid 1px #fff; height: 3px; position: relative; z-index: 1000; width: 0; top: 2px; }
#blinds .floom_container { overflow: hidden; border-bottom: solid 0px #fff; border-top: solid 0px #666; }
#blinds .floom_vertical { float: left; }