@charset 'utf-8';
@import url(reset.css);

body {
  background:#000;
  font-family:arial,verdana,sans-serif;
}
#wall
  {position:absolute; overflow:hidden; top:0px; left:0; right:0; bottom:0;} 
#mouseport
  {position:absolute; overflow:hidden; top:0px; left:6%; bottom:4%; right:6%;}

div.back{
	width: 2400px;
	height: 1400px;
}
div.back img{
	width: 1400px;
	height: 900px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#info{
	z-index: 100;
	position: fixed;
	top: 0px;
	left: 0px;
	color: #fff;
	font-size: 26px;
	font-family: arial,sans-serif;
	width: 430px;	
	background: url(images/strip_bottom.png) bottom left no-repeat;
}

#info div#carbon {
	margin: 50px 40px 50px 40px !important;
	width: 332px;
	padding: 0px;
	background: url(images/carbonpaper.png) 0px 0px repeat-y;
}

#info div.inner{
	background: url(images/strip_top.png) top left no-repeat;
	padding-top: 1px;
}

#info .size35{
	font-weight: bold;
	font-size: 31px;
}

#info .logo{
	color: #505763;
}
#info .logo span{
	color: #f2c61a;
}

div.referenz{
overflow: visible;
}

div.referenz img{
	position: absolute;
	left: 0;
	top: 0;
	}
	
div.referenz img.klammer_gross1{
	left: 220px;
	top: 210px;
	}
div.referenz img.klammer_gross2{
	left: 120px;
	top: 210px;
	}
div.referenz img.klammer_klein2{
	left: 40px;
	top: 110px;
	}
div.referenz img.klammer_klein1{
	left: 130px;
	top: 140px;
	}
div.referenz img.bild_wg{
	left: 15px;
	top: 12px;
}
div.referenz img.bild_pg{
	left: 13px;
	top: 11px;
}
div.referenz img.bild_wk{
	left: 7px;
	top: 7px;
}
div.referenz img.bild_pk{
	left: 5px;
	top: 5px;
}

div.referenz a.seite_besuchen{
	position: absolute;
	left: 20px;
	top: 200px;
	color: red;
	width: 200px;
	display: block;
	background: yellow;
}

img.tl{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

img.tr{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
img.bl{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

img.br{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}

#test{
	width: 2120px;
	height: 1300px;
}
#kontakt{
	width: 420px;
	height: 400px;
	background: #CCC;
	position: absolute;
	top: 900px;
	left: 30px;
}
div.infotext{
	opacity: 0;
}
#info div.infotext {
opacity: 1;
padding: 10px 10px 10px 15px;
width: 310px;
font-size: 14px;
line-height: 1.5;
}
#info div.infotext h1, #info div.infotext h2{
font-size: 18px;
font-weight: bold;
margin: 0px;
padding: 0px;
text-indent: 0;	
}

#info div.infotext h2, #info div.infotext h3{
font-weight: bold;
}

#info div.infotext p{
margin-bottom: 20px;
}

div.infotext ul {
	margin-top: 10px;
	}
div.infotext ul li {
	margin-left: 0px;
	padding-left: 20px;
	background: url(images/kreuz.gif) 0px 0px no-repeat;
	line-height: 1.2;
	margin-bottom: 10px;
}

#info div.start{
	font-size: 26px;
	line-height: 1;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 20px 10px;
}


#info div.start span{
	display: block;
	letter-spacing: -1px;
	}

#info div.start span.margin55{
	margin-left: 50px;
	}

#info div.start span.margin35{
	margin-left: 14px;
	}
#info div.start span.margin25{
	margin-left: 25px;
	}

#info div.start span span{
	display: inline;
}

#info div.start h1{
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 32px;
	padding-left: 25px;
	text-indent: 30px;
	line-height: 30px;
}

#info div.start h1 span{
	font-size: 30px;
	font-weight: normal;
	margin-left: -60px;
	}

#info div.infotext a, .was_wir_tun a{
color:#f2c61a;
text-decoration: none;
font-weight: bold; 
}
#info div.infotext a{
color:#fff;
text-decoration: none;
font-weight: normal; 
}

.was_wir_tun{
margin-right: 40px;
color: #FFF;
font-family: arial,sans-serif;
font-size: 14px;
line-height: 1.3;
position: absolute;
left: 1550px;
top: 140px;
}

.was_wir_tun h2{
	font-size: 32px;
	font-weight: bold;
	}
.was_wir_tun h3{
	font-size: 24px;
	font-weight: bold;
}

.was_wir_tun p{
	margin-bottom: 10px;
}

.was_wir_tun .punkt{
position: relative;
width: 650px;
padding-bottom: 50px;
}
.was_wir_tun .punkt h2 span{
position: absolute;
top: 2px;
left: 0;
font-size: 100px;
margin: 0;
padding: 0;
letter-spacing: -5px;
line-height: 1;
color: #FFC529;
}

.was_wir_tun .punkt h2{
padding-top: 30px;
margin-left: 57px;
}

.was_wir_tun .punkt h3{
position: absolute;
right: 70px;
bottom: 20px;
}

.was_wir_tun .punkt p{
margin-left: 75px;
width: 420px;
font-family: arial,sans-serif;
font-size: 14px;
line-height: 1.3;
}

.was_wir_tun .punkt {
background: url(images/pfeil.gif) 490px 10px no-repeat;
}
.was_wir_tun .alt {
background: url(images/pfeil_alt.gif) 10px 30px no-repeat;
}

.was_wir_tun .alt h2 span{
position: absolute;
top: 2px;
left: 150px;
font-size: 100px;
margin: 0;
padding: 0;
letter-spacing: -5px;
line-height: 1;
color: #FFC529;
}

.was_wir_tun .alt h2{
padding-top: 30px;
margin-left: 207px;
}

.was_wir_tun .alt h3{
position: absolute;
left: 70px;
}

.was_wir_tun .alt p{
margin-left: 225px;
width: 420px;
font-family: arial,sans-serif;
font-size: 14px;
line-height: 1.3;
}

div.infotext strong{
	font-weight: bold;
}

div#scheibe {
	color: #FFF;
	cursor: crosshair;
	width: 300px;
	height: 300px;
	background: url(images/fuck_IE.png) top left no-repeat;
	position: absolute;
	top: 1100px;
	left: 50px;
}

#score{
	height: 40px;
	font-size: 14px;
	font-weight: normal;
	font-family: arial,sans-serif;
}

#gesamt{
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -1px;
}

#ranking2{
	font-size: 16px;
	font-weight: bold;
	color: #FFF;

position: absolute;
top: 72px;
left: 2px;
	color: #FFF;
	line-height: 1.5;
	z-index: 500;
}
#ranking{
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 1.5;
	position: absolute;
	top: 70px;
	left: 0px;
	z-index: 450;
}



#kontakt{
	width: 489px;
	height: 153px;
	position: absolute;
	top: 80px;
	left: 940px;
	display: block;
	background: url(images/briefschlitz_schatten.png) top left no-repeat;
}

#kontakt img.schlitz{
	position: absolute;
	top: 4px;
	left: 1px;
	}

#siebennull{
	position: absolute;
	left: 770px;
	top: 1170px;
	height: 100px;
	width: 270px;
}

#siebennull a{
	display: block;
	text-decoration: none;
	width: 270px;
	height: 100px;
	background: url(images/trans.gif);
	}

#twitter{
	overflow: visible;
	left:800px; 
	top:1262px;
	position: absolute;
}


div.twittertext{
	background: url(images/bubble_bottom.gif) bottom left no-repeat;
	width: 271px;
	position: absolute;
	left: -270px;
	top: -30px;
	font-size: 12px;
	font-family: arial,sans-serif;
	padding-bottom: 10px;
}

div.twittertext div{
	background: url(images/bubble_top.gif) top left no-repeat;	
	padding-top: 9px;
	}



div.twittertext p{
	margin: 0px 14px 0px 0px;
	padding: 0px 5px 5px 5px;
	line-height: 1.3;
	background: #FFF;
	min-height: 20px;
}


#twitter a.follow{
	position: absolute;
	left: 120px;
	top: 40px;
	color:#f2c61a;
text-decoration: none;
font-weight: bold; 
font-size: 12px;
width: 60px;
}


div.twittertext p a{
	color:#f2c61a;
text-decoration: none;
font-weight: bold; 
font-size: 12px;
}
div.twittertext p a.time{
	position: absolute;
	right: 24px;
	bottom: 0px;
}

#formular{
	position: absolute;
	top: 104px;
	left: 42px;
	height: 400px;
	width: 400px;
	display: none;
	z-index: 900;
} 

#postkarte{
	font-size: 11px;
	width: 400px;
	height: 323px;
	background: transparent url(images/postkarte.jpg) top left no-repeat;

}

#postkarte #success{
	position: absolute;
	left: 5px;
	bottom: 15px;
	font-size: 12px;
}

#postkarte textarea{
	width: 195px;
	height: 125px;
	margin-bottom: 5px;
}

#postkarte form{
	padding: 5px;
}

#postkarte label{
	display: block;
	margin-top: 4px;
	margin-bottom: 2px;
}

#postkarte input, #postkarte textarea{
	border: 0px;
	border-bottom: 1px solid #CCC;
	background: transparent !important;
	width: 195px;
}
#postkarte input{
	height: 18px;
}
#postkarte .inline{
	display: inline;
}

#postkarte input.antispam{
	margin-left: 18px;
	width: 30px;
}

#postkarte .border{
	border: 1px solid #CCC;
}

#postkarte input.submit{
	margin-top: 5px;
	border: 1px solid #CCC !important;
}

#kontaktbutton{
	position: absolute;
	left: 50px;
	top: 50px;
	width: 400px;
	height: 50px;
	display: block;
	background: url(images/trans.gif);
	cursor: pointer;
	z-index: 800;
	
}

#formular{
	overflow: hidden;
}

#umschalter_leistung span{
	position: absolute;
	left: -3434px;
	top: -5432px;
	}
#umschalter_leistung{
	position: absolute;
	left: 290px;
	top: -110px;
	background: url(images/leistungen.png) left top no-repeat;
	width: 289px;
	height: 152px;
	cursor: pointer;
}

#umschalter_leistung.active{
	background-position: 0px -153px;
	}

#leistungen_allgemein, #leistungen_speziell{
	position: absolute;
	left: 0;
	top: 0;
}

#leistungen_speziell{
opacity: 0;
	}
	
#logo {
	width: 300px;
	height: 60px;
	position: absolute;
	background: url(images/trans.gif);
	left: 1000px;
	top: 300px;
	display: block;
	z-index: 200;
}

#error{
	background: transparent;
	color: red;
	width: 180px;
	position: absolute;
	left: 210px;
	top: 130px;
}

label.invalid, label.required{
	color: red;
}

input.invalid, input.required{
	border-color: red !important;
}

a.externlink{
	position: absolute;
	right: 10px;
	top: 0px;
	background: url(images/externlink.gif) top left no-repeat;
	width: 145px;
	height: 29px;
}

a.externlink span{
	position: absolute;
	left: -3434px;
	top: -3425px;
	}

#ajax_loading{
	position: absolute;
	left: 314px;
	top: 42px;
}

/* +++++++++++++++++++++ */

#scoresubmit{
	background: #000;
	-moz-border-radius: 3px;
	position: absolute;
	top: 170px;
	font-size: 16px;
	padding: 10px;
	color: #FFF;
	padding: 10px;
}

#scoresubmit a{
	color:#f2c61a;
text-decoration: none;
font-weight: bold; 
	}

#scoresubmit input {
	background: #FFF;
	-moz-border-radius: 2px;
	color: #000;
	border: 0px;
	width: 150px;
	font-size: 16px;
	padding: 4px;
}

#scoresubmit a#tweetthis{
	background: #FFF;
	-moz-border-radius: 2px;
	border: 0px;
	width: 60px;
	color: #000;
	text-decoration: none;
	padding: 4px;
}