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

body{background: url(../images/tunnel/body_bg.gif) repeat-x #cccfd0; margin:0; padding:0; font-family:"TrebuchetMS", Arial, Helvetica, sans-serif;}
.clearer{float:none; clear:both;}
#pageBG, #page{
	margin:auto;
	background-color:#999999;
	width:850px;
	height:530px;
	margin-top:65px;
	background:url(../images/tunnel/tunnel_bg.jpg) no-repeat;
}
#welcometext {
	color:#38383f;
	display:block;
	font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	letter-spacing:-0.03em;
	padding:10px 0 25px 160px;
	text-align:left;
	text-shadow:0 0 10px #FFFFFF;
	width:650px;
	position: absolute;
	bottom:0px;
	left: 0px;
}
* html #welcometext .shadow span, *+html #welcometext .shadow span{
	display: block; width: 100%; filter: glow(color=#ffffff,strength=7);
}
#page{
	width:756px;
	background:url(../images/tunnel/tunnel_streifen.gif) repeat-x;
	z-index:1000;
	margin: auto;
	background-color: transparent;
	padding: 34px 36px 0 28px;
	height:496px;
	position: relative;
}
#topframe{
	height:223px;
	width:756px;
}
#language{
	float:right;
	width:157px;
	height:200px;
	background:url(../images/tunnel/select_language.gif) no-repeat -3px 0;
	margin: 4px 0 0 0;
	padding: 10px 0 0 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}

#iconframe{
	clear:both;
	padding: 0 0 0 0;
	display: block;
	background: url(../images/tunnel/icons.gif) 130px 42px no-repeat;
	width: 756px;
	overflow: hidden;
	height: 220px;
}
#logo{width:112px; height:113px; background-image:url(../images/tunnel/logo.jpg); float:left;}
#logo a{
	display:block;
	height:113px;
}
#logo a:hover{ height:111px; border:1px solid #999999;}

.button1, .button2, .button3, .button4{
	display:block;
	float:left;
	width:150px;
	height:220px;
	padding:0 0 0 0;
	margin:0;
}
.button1{
	padding:0 0 0 109px;
}
.button2{
	padding:0 0 0 6px;
}
.button3{
	padding:0 0 0 1px;
}
.button4{
	padding:0 0 0 3px;
}

.button1 a, .button2 a, .button3 a, .button4 a{
	font-size:0px; line-height:0; color:transparent; padding:0; margin:0;
	cursor:pointer;
	display:block;
	height: 220px;
	width: 150px;
}


.sstanzen, .sbohren, .ssaegen, .sentgraten{
	width:150px;
	height:26px;
	background-position:center top;
	background-repeat:no-repeat;
	float:left;
	padding:0;
	margin:0;
}


/*________DEUTSCH_________________*/
.button1:hover .sstanzen{background-image:url(../images/tunnel/headlines/stanzen_de_mo.gif);}
.button2:hover .sbohren{background-image:url(../images/tunnel/headlines/bohren_de_mo.gif);}
.button3:hover .ssaegen{background-image:url(../images/tunnel/headlines/saegen_de_mo.gif);}
.button4:hover .sentgraten{background-image:url(../images/tunnel/headlines/entgraten_de_mo.gif);}

.sstanzen{background-image:url(../images/tunnel/headlines/stanzen_de.gif);}
.sbohren{background-image:url(../images/tunnel/headlines/bohren_de.gif);}
.ssaegen{background-image:url(../images/tunnel/headlines/saegen_de.gif);}
.sentgraten{background-image:url(../images/tunnel/headlines/entgraten_de.gif);}


/*________FRANZÖSISCH_________________*/
.fr .button1:hover .sstanzen{background-image:url(../images/tunnel/headlines/stanzen_fr_mo.gif);}
.fr .button2:hover .sbohren{background-image:url(../images/tunnel/headlines/bohren_fr_mo.gif);}
.fr .button3:hover .ssaegen{background-image:url(../images/tunnel/headlines/saegen_fr_mo.gif);}
.fr .button4:hover .sentgraten{background-image:url(../images/tunnel/headlines/entgraten_fr_mo.gif);}

.fr .sstanzen{background-image:url(../images/tunnel/headlines/stanzen_fr.gif);}
.fr .sbohren{background-image:url(../images/tunnel/headlines/bohren_fr.gif);}
.fr .ssaegen{background-image:url(../images/tunnel/headlines/saegen_fr.gif);}
.fr .sentgraten{background-image:url(../images/tunnel/headlines/entgraten_fr.gif);}


/*________ENGLISCH_________________*/
.en .button1:hover .sstanzen{background-image:url(../images/tunnel/headlines/stanzen_en_mo.gif);}
.en .button2:hover .sbohren{background-image:url(../images/tunnel/headlines/bohren_en_mo.gif);}
.en .button3:hover .ssaegen{background-image:url(../images/tunnel/headlines/saegen_en_mo.gif);}
.en .button4:hover .sentgraten{background-image:url(../images/tunnel/headlines/entgraten_en_mo.gif);}

.en .sstanzen{background-image:url(../images/tunnel/headlines/stanzen_en.gif);}
.en .sbohren{background-image:url(../images/tunnel/headlines/bohren_en.gif);}
.en .ssaegen{background-image:url(../images/tunnel/headlines/saegen_en.gif);}
.en .sentgraten{background-image:url(../images/tunnel/headlines/entgraten_en.gif);}

.schrift{
	float:left;
	height:25px;
	margin:1px 0 16px 15px;
	background-repeat:no-repeat;
	background-image:url(../images/tunnel/schrift.gif);
}