* {
	margin:0;
	padding:0
}

@font-face {
	font-family: Sawasdee;
	src: url('Sawasdee.ttf');
}

a, a:visited { color:#00BBFF; text-decoration:none; outline:none; }
a:hover{ text-decoration:underline; }
a:active {text-decoration:none;}
.clear{	clear:both; }

body{ font-size:0.825em; color:#000; background: #fff; font-family:Arial, Helvetica, sans-serif;}
#gameover{ width:100%; height:80px; background:#fff; no-repeat center bottom; margin-bottom:0px; position:fixed; border:0px solid #000; z-index:1; top: -0.5px; }

#logo { position:absolute; left: 2em; top:0.5em; border:0px solid #000;}
#logo li{ list-style:none; padding:3px;}
#logo span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}
#logo a{ background:url('img/nav/header2.png') no-repeat; height:80px; width:80px; display:block; position:fixed;}
#xlogo a:hover span{ width:200px; height:60px; padding:0 10px; overflow:visible; }
#logo a:hover{ text-decoration:none; width: 80px; height:80px; z-index:9999;}
#logo .alt {	background-position:-0px -0px;}
#logo .alt:hover { background-position:-80px -0px;}
#logo .alt span{ background-color:#07da315; color:#FFFFFF; text-shadow:1px 1px 0 #000000; position:absolute; top:310px}

#gallery { position:absolute; border:0px solid #000; top:1.4em; left: 8em; }
#gallery li{ list-style:none; padding:3px;}
#gallery span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}
#gallery a{ background:url('img/nav/menu2.png') no-repeat; height:31px; width:38px; display:block; position:fixed; }
#gallery a:hover span{ font-family:'Sawasdee', Helvetica, sans-serif; font-size:15px; font-weight:bold; width:65px; height:20px; overflow:visible; border:0px solid #000;}
#gallery a:hover{ text-decoration:none; width: 38px; height:31px; z-index:9997; border-bottom:7px solid #000;}
#gallery a:active{ text-decoration:none;}
#gallery .alt {	background-position:-6px -8px;}
#gallery .alt:hover { background-position:-6px -8px;}
#gallery .alt span{ color:#000; position:absolute; top:2.5em; left: -0px;}

#leak { position:absolute; left: 11.3em; top:1.2em; border:0px solid #000;}
#leak li{ list-style:none; padding:3px;}
#leak span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}
#leak a{ background:url('img/nav/menu6.png') no-repeat; height:31px; width:38px; display:block; position:fixed; }
#leak a:hover span{ font-family:'Sawasdee', Helvetica, sans-serif; font-size:15px; font-weight:bold; width:65px; height:20px; overflow:visible; border:0px solid #000; }
#leak a:hover{ text-decoration:none; width: 38px; height:31px; z-index:9999; border-bottom:7px solid #000;}
#leak .alt { background-position:-4px -0px;}
#leak .alt:hover { background-position:-4px -0px;}
#leak .alt span{ color:#000; position:absolute; top:2.6em; left: -42px;}

#archiv { position:absolute; left: 14.5em; top:1.4em; border:0px solid #000;}
#archiv li{ list-style:none; padding:3px;}
#archiv span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}
#archiv a{ background:url('img/nav/menu1.png') no-repeat; height:31px; width:37px; display:block; position:fixed; }
#archiv a:hover span{ font-family:'Sawasdee', Helvetica, sans-serif; font-size:15px; font-weight:bold; width:65px; height:20px; overflow:visible; border:0px solid #000; }
#archiv a:hover{ text-decoration:none; width: 38px; height:31px; z-index:9999; border-bottom:7px solid #000;}
#archiv .alt {	background-position:2px -2px;}
#archiv .alt:hover { background-position:2px -2px;}
#archiv .alt span{ color:#000; position:absolute; top:2.4em; left: -88px;}


#about { position:absolute; left: 17.5em; top:1.5em; border:0px solid #000;}
#about li{ list-style:none; padding:3px;}
#about span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}

#about a{ background:url('img/nav/menu3.png') no-repeat; height:28px; width:38px; display:block; position:fixed; }
#about a:hover span{ font-family:'Sawasdee', Helvetica, sans-serif; font-size:15px; font-weight:bold; width:65px; height:20px; overflow:visible; border:0px solid #000; }
#about a:hover{ text-decoration:none; width: 38px; height:28px; z-index:9999; border-bottom:7px solid #000;}
#about .alt {	background-position:-1.5px -6px;}
#about .alt:hover { background-position:-1.5px -6px;}
#about .alt span{ color:#000; position:absolute;top:2.3em; left: -130px;}

#news { position:absolute; left: 20.5em; top:1.5em; border:0px solid #000;}
#news li{ list-style:none; padding:3px;}
#news span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}
#news a{ background:url('img/nav/menu5.png') no-repeat; height:28px; width:38px; display:block; position:fixed; }
#news a:hover span{ font-family:'Sawasdee', Helvetica, sans-serif; font-size:15px; font-weight:bold; width:110px; height:20px; overflow:visible; border:0px solid #000; }
#news a:hover{ text-decoration:none; width: 38px; height:28px; z-index:9999; border-bottom:7px solid #000;}
#news .alt {	background-position:3px 0.8px;}
#news .alt:hover { background-position:3px 0.8px;}
#news .alt span{ color:#000; position:absolute; top:2.4em; left: -168px;}

#contact { position:absolute; left: 23.3em; top:1.3em; border:0px solid #000;}
#contact li{ list-style:none; padding:3px;}
#contact span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}
#contact a{ background:url('img/nav/menu4.png') no-repeat; height:30px; width:38px; display:block; position:fixed; }
#contact a:hover span{ font-family:'Sawasdee', Helvetica, sans-serif; font-size:15px; font-weight:bold; width:110px; height:20px; overflow:visible; border:0px solid #000; }
#contact a:hover{ text-decoration:none; width:38px; height:31px; z-index:99999; border-bottom:7px solid #000;}
#contact .alt {	background-position:-0px -3px;}
#contact .alt:hover { background-position:-0px -3px;}
#contact .alt span{ color:#000; position:absolute; top:2.6em; left: -205px;}

#dark {	padding: 100px 0 0 360px; }
#dark ul { list-style: none; padding: 0; margin: 0; overflow: hidden; display: inline; }
#dark li { float: left;	margin: 0 5px 5px 0; position: relative; border:0px solid #000; }
#dark a { display: block; width: 268px;	height: 134px; overflow: hidden; color:#fff; }
#dark .archiv { background-position:-41px 0;}
#dark .archiv:hover{ background-position:-41px -14px;}


#dark2 {padding: 100px 0 0 360px; text-align: justify;  }
#dark2 ul { list-style: none; padding: 0; margin: 0; overflow: hidden; display: inline; }
#dark2 li { float: left;	margin: 0 5px 5px 0; position: relative; border:0px solid #000; }
#dark2 a { display: block; width: 268px;	height: 134px; overflow: hidden; color:#fff; }
#dark2 p { display: block; font-size: 1.25em; max-width: 800px; padding-right: 20px; margin-bottom: 1em;}
#dark2 p.intro {font-weight: bold;}
#dark2 h2 {font-size: 1.5em; margin-bottom: 0.5em; margin-top: 1em;}
#dark2 .archiv { background-position:-41px 0;}
#dark2 .archiv:hover{ background-position:-41px -14px;}
#dark2 .article-gallery { display: block;text-align: left; max-width: 1300px; margin: 1em 1em 2em 0; border-left: 5px black solid; padding-left: 15px;}
#dark2 .article-gallery a {display: inline-block; margin: 0; padding:0; width: auto; height: auto;}

#art2 a{ height:164px; width:250px; oberflow: hidden; border:0px solid #000; }
#art23 a{ color: #fff; height:164px; width:110px; oberflow: hidden; text-decoration: none; }

#art3 a{ width: 240px; height: 550px; background:url('gallery/2011.08.04.Nenndorf/start.jpg'); background-position: top; font:13px normal Sawasdee, Helvetica, sans-serif; line-height:18px; float:left; margin:0 10px 10px 0; }
#art3 a { color: #fff; width: 248px; height: 550px; display: block; text-decoration: none; }
#art3 a:hover { background:#000; opacity:.80; background-position:-0px -0px;}
#art3 a span { display: none; width: 248px; padding:5px; }
#art3 a:hover span { display: block; }

#logo .alt:hover { background-position:-80px -0px;}
#logo .alt span{ background-color:#07da315; color:#FFFFFF; text-shadow:1px 1px 0 #000000; position:absolute; top:310px}

#art4 a{ background:url('gallery/0001++.jpg') no-repeat; height:550px; width:248px; oberflow: hidden; }
#art4 .psi {color:#00; display:block;}
#art4 .psi:hover { background:#000; opacity: .4; filter:alpha(opacity=100);}
#art4 .psi span{ display: none; width: 280px; padding:5px;}

#art5 a{ background:url('gallery/2011.06.04.Braunschweig.Peine/start.jpg') no-repeat; height:550px; width:248px; oberflow: hidden; }
#art5 .psi {color:#00; display:block;}
#art5 .psi:hover { background:#000; opacity: .4; filter:alpha(opacity=100);}
#art5 .psi span{ display: none; width: 280px; padding:5px;}


#gallerybutton {  position:fixed; left: 15em; top:10em; width: 125px; height:125px; border:2px solid #000;-moz-border-radius:125px; -webkit-border-radius:125px; border-radius:125px;  }
#gallerybutton li{ list-style:none; padding:3px; moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; }
#gallerybutton a{ z-index:1; background:url('img/nav/oberview.png') no-repeat; height:125px; width:125px; display:block; position:relative; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
#gallerybutton .faq {	background-position:-5px -5px;}

.textpage{
	top:1.3em;
	width:950px;
	height: 60px;
	left: 18.9em;
	position:relative;
	border:0px solid #142830;
}

#header45 {
	width: 535px;
	height: 1440px;
	float: left;
	left:1em;
	top:5.7em;
	background: url("img/nav/photo.png") 0 0 no-repeat;
	position: fixed;
}


#page4{
	top:10em;
	left: 0em;
	width:900px;
	height: 600px;
	margin:0px auto;
	padding:12px;
	position:relative;
	text-align: justify;
}

h3{ font-weight:bold;	font-size:60px;	text-transform:uppercase; color:#000; margin-bottom:15px; border-bottom:1px solid #eeeeee; margin-bottom:15px; padding-bottom:5px; letter-spacing:-0.1em; }

h4{ font-weight:bold;	font-size:19px;	text-transform:uppercase; color:#000; margin-bottom:0px; border-bottom:1px solid #eeeeee; padding-bottom:0px; letter-spacing:-0.0.5em; }

h5{ font-family:'Sawasdee', Helvetica, sans-serif; color:#000; font-size:13px; font-weight:normal; letter-spacing:-0.0.5em; text-align: justify;  line-height:1.1em; margin-bottom:5px;}

h52{ color:#000; font-family:'arial', Helvetica, sans-serif; color:#000; font-size:13px; font-weight:normal; margin-right: 100px; letter-spacing:-0.0.5em; text-align: justify; line-height:1.2em; margin-bottom:5px;}

h53{ font-family:'arial', Helvetica, sans-serif; color:#000; font-size:14px; padding-top: 20px; padding-bottom:5px; font-weight:bold; padding-right: 100px; letter-spacing:-0.0.5em; text-align: justify; line-height:1.1em; margin-bottom:15px; float: left;}

h54{ font-family:'arial', Helvetica, sans-serif; color:#000; font-size:14px; font-weight:normal; padding-bottom:2px; padding-right: 100px; letter-spacing:-0.0.5em; text-align: justify; line-height:1.1em; margin-bottom:15px; float: left;}

#backbutton1 { position:fixed; left: 15em; top:12em; border:0px solid #000; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
#backbutton1 li{ list-style:none; padding:3px; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; }
#backbutton1 a{ background:url('img/nav/back.png') no-repeat; height:40px; width:120px; display:block; position:relative; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
#backbutton1 a:hover{ text-decoration:none; width: 125px; height:125px; z-index:1; top: -3.2em; -moz-border-radius:125px; -webkit-border-radius:125px; border-radius:125px; -moz-box-shadow:0 0 100px #000; -webkit-box-shadow:0 0 100px #000; box-shadow:0 0 100px #000; }
#backbutton1 .faq {	background-position:-5px -44px;}
#backbutton1 .faq:hover { background-position:-5px -2px;}
#backbutton1 .faq span{ background-color:#07da315; color:#FFFFFF; text-shadow:1px 1px 0 #000000; position:absolute; top:310px}


#backbutton2 { position:fixed; left: 18em; top:9em;}
#backbutton2 li{ list-style:none; padding:3px;}
#backbutton2 a{ background:url('img/nav/back.png') no-repeat; height:120px; width:40px; display:block; position:absolute; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
#backbutton2 span{ width:0px; left:5em; top:6px; padding:0; position:relative; overflow:hidden; font-family:'Sawasdee', Helvetica, sans-serif; font-size:18px; letter-spacing:0.6px; white-space:nowrap; line-height:39px; text-align:center;}
#backbutton2 a:hover{ text-decoration:none; width: 125px; height:125px; z-index:1; left: -3em; top: 3px; -moz-border-radius:125px; -webkit-border-radius:125px;	border-radius:125px; -moz-box-shadow:0 0 100px #000; -webkit-box-shadow:0 0 100px #000; box-shadow:0 0 100px #000; }
#backbutton2 .faq {	background-position:-0px -1px;}
#backbutton2 .faq:hover { background-position:-2px -5px;}


#articlebutton1 { position:fixed; left: 15em; top:25em; border:0px solid #000; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
#articlebutton1 li{ list-style:none; padding:3px; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; }
#articlebutton1 a{ background:url('img/nav/article.png') no-repeat; height:40px; width:120px; display:block; position:relative; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
#articlebutton1 a:hover{ text-decoration:none; width: 125px; height:125px; z-index:1; top: -3.2em; -moz-border-radius:125px; -webkit-border-radius:125px; border-radius:125px; -moz-box-shadow:0 0 100px #000; -webkit-box-shadow:0 0 100px #000; box-shadow:0 0 100px #000; }
#articlebutton1 .faq {	background-position:-5px -44px;}
#articlebutton1 .faq:hover { background-position:-5px -2px;}
#articlebutton1 .faq span{ background-color:#07da315; color:#FFFFFF; text-shadow:1px 1px 0 #000000; position:absolute; top:310px}


#articlebutton2 { position:fixed; left: 18em; top:22em;}
#articlebutton2 li{ list-style:none; padding:3px;}
#articlebutton2 a{ background:url('img/nav/article.png') no-repeat; height:120px; width:40px; display:block; position:absolute; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
#articlebutton2 span{ width:0px; left:5em; top:6px; padding:0; position:relative; overflow:hidden; font-family:'Sawasdee', Helvetica, sans-serif; font-size:18px; letter-spacing:0.6px; white-space:nowrap; line-height:39px; text-align:center;}
#articlebutton2 a:hover{ text-decoration:none; width: 125px; height:125px; z-index:1; left: -3em; top: 3px; -moz-border-radius:125px; -webkit-border-radius:125px;	border-radius:125px; -moz-box-shadow:0 0 100px #000; -webkit-box-shadow:0 0 100px #000; box-shadow:0 0 100px #000; }
#articlebutton2 .faq {	background-position:-0px -1px;}
#articlebutton2 .faq:hover { background-position:-2px -4px;}