@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#BAC067;
	background-image:url(../../../backgrounds/sturmsterri2.jpg);
}

h1 {
	
	height:281px;
	box-shadow: 0px 0px 10px #000000;
	text-indent:-9999px;
	background-image:url(../../../backgrounds/urwald_sturm.png)
;
}


h2 {
	margin-bottom:20px;
	padding:5px;
	text-decoration:underline;
	color:#BAC067;
}





h3 {
	padding:5px;
	text-align:center;
	margin-bottom:20px;
	color:#BAC067;
	background:rgba(43, 43, 43, 0.5);
	background-position:center;
	border:1px solid #000000;
	box-shadow: 0px 0px 10px #000000;
}


h3.intro {
	padding:5px;
	text-align:center;
	margin-top:-20px;
	margin-bottom:50px;
	color:#BAC067;
	background-image:url(../../../backgrounds/psd_layered3.png);
	border:1px solid #000000;
	box-shadow: 0px 0px 10px #000000;
}


h4.neues1 {
	padding:5px;
	text-align:center;
	margin-bottom:20px;
	margin-right:256px;
	color:#BAC067;
	background:rgba(43, 43, 43, 0.5);
	background-position:center;
	border:1px solid #000000;
	box-shadow: 0px 0px 10px #000000;
}


hr {
	margin-bottom:20px;
}

p {
	margin-bottom:15px;
	color:#BAC067;
}

p a {
	color:#3C516C;
	}


p.schmal {
	font-size:12px;
	margin-right:253px;
	}
	
div.ther {
	text-align:center;
	margin-left:95px;
	margin-bottom:10px;

}

div.box {
	width:825px;
	height:374px;
	margin-left:10px;
	margin-bottom:10px;
}

p.unterstrich{
	height:8px;
	margin-right:20px;
	background-image:url(../../../backgrounds/url.png);
	background-repeat:no-repeat;
	}
	
p.unterstrich2{
	height:8px;
	margin-left:45px;
	margin-top:20px;
	padding-bottom:10px;
	background-image:url(../../../backgrounds/url2.png);
	background-repeat:no-repeat;
}



p.textblock {
	float:left;
	width:48%;
	height:200px;;
	margin:5px;
	margin-bottom:10px;
	}
	
/*Movies*/


p.filmbox1 {
	float:left;
	width:393px;
	height:310px;
	margin-top:-10px;
	box-shadow: 0px 0px 10px #000000;
}

p.filmbox1 img.extreme {
	width:393px;
	height:310px;
	border:1px solid #2F362E;
	background:rgba(43, 43, 43, 0.5);
}


p.entwickelt1 {
	float:left;
	width:393px;
	height:310px;
	margin-top:10px;
	box-shadow: 0px 0px 10px #000000;
}

p.entwickelt1 img.extreme {
	width:393px;
	height:310px;
	border:1px solid #2F362E;
	background:rgba(43, 43, 43, 0.5);
}




div#filmbox2 {
	float:left;
	width:393px;
	height:950px;
	margin-top:325px;
	margin-left:-394px;
	margin-bottom:15px;
	font-size:14px;
	padding-right:20px;
}

div#etwashoch {
	float:right;
	height:288px;
	width:376px;
	margin-top:-1301px;
	font-size:12px;
	}

div#etwashoch p.drueber {
	margin-bottom:0px;
	padding:2px 10px 2px 10px;
	background-image:url(../../../backgrounds/psd_layered.png);
	border:1px solid #000000;
	box-shadow: 0px 0px 10px #000000;
}

div#etwashoch p.drunter {
	padding:3px 10px 3px 10px;
	margin-bottom:25px;

	}
	

div#etwastief {
	float:right;
	height:288px;
	width:376px;
	margin-top:-809px;
	font-size:12px;
	}

div#etwastief p.drueber {
	margin-bottom:0px;
	padding:2px 10px 2px 10px;
	background-image:url(../../../backgrounds/psd_layered.png);
	border:1px solid #000000;
	box-shadow: 0px 0px 10px #000000;
}

div#etwastief p.drunter {
	padding:3px 10px 3px 10px;
	margin-bottom:25px;

	}


p.orig {
	float:left;
	width:365px;
	padding:5px 15px 5px 15px;
	text-decoration:none;
	text-align:left;
	background-image:url(../../../backgrounds/psd_layered2.png);
	border:1px solid #000000;
	box-shadow: 0px 0px 10px #000000;
}


p.orig2 {
	float:left;
	width:365px;
	margin-top:-15px;
	padding:5px 15px 5px 15px;
	text-decoration:none; 
	text-align:left;  
}

p.orig3 {
	float:left;
	width:750px;
	margin-top:-15px;
	padding:5px 15px 5px 15px;
	text-decoration:none; 
	text-align:left;
}




p#orig4 a {
	width:750px;
	font-size:18px;
	color:#BAC067;
	float:left;
	padding:5px 15px 5px 15px;
	margin-top:25px;
	text-decoration:none;
	text-align:center;
	border:1px solid #000000;
	box-shadow: 0px 0px 10px #000000;
	background-image:url(../../../backgrounds/psd_layered3.png);
}


p#orig4 a:hover  {
	color:#CCCCCC;
	border:1px solid #CCC;
	box-shadow: 0px 0px 10px #CCC;
}		




p.schrift {
	width:475px;
	height:auto;
	margin-top:50px;
	margin-left:15px;
	color:#BAC067;
	}

p.titel {
	font-family:"Helvetica", Trebuchet MS, Arial, , sans-serif;
	font-size:20px;
	text-align:left;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:-16px;
}

p.genre {
	font-size:14px;
	text-align:left;
	margin-left:15px;
	margin-top:-45px;
	margin-bottom:-13px;
	color:#7E8D37;
}



p.review {
	height:47px;
	background:rgba(43, 43, 43, 0.5);
	margin-top:30px;
	margin-bottom:15px;
}
	
p.uber {
	height:47px;
	background:rgba(43, 43, 43, 0.5);
	margin-top:30px;
	margin-bottom:53px;
	}



/*Monster - kleine Bilder*/



p.battra0 {
	width:313px;
	height:158px;
	margin-top:320px;
	margin-left:435px;
	background-image:url(../godzibilder/battra0_zpslhetfqf1.PNG);
	}



p.battra {
	width:313px;
	height:158px;
	margin-top:290px;
	margin-left:435px;
	background-image:url(../godzibilder/battra_zpsbkdrptca.PNG);
	}
	




/*Godzimovies*/



div#textbox {
	float:left;
	width:550px;
	height:219px;
	margin-top:-240px;
	margin-left:225px;
	margin-bottom:15px;
	font-size:14px;
	padding-left:5px;
	padding-right:5px;
}


iframe {
	width:218px; 
	height:150px;
	margin-top:18px;
	border:1px solid #000000;
	box-shadow: 0px 0px 10px #000;	
}

p.movies {
	float:left;
	width:320px;
	height:515px;
	background-image:url(../cover/still-of-steven.png);
	background-repeat:no-repeat;
	background-position:center;
	}
	
p.movies2 {
	float:right;
	width:333px;
	height:195px;
	margin-top:25px;
	margin-right:105px;
	background-image:url(../cover/JPrap2.png);
	background-repeat:no-repeat;
	background-position:center;
	}


p.linkbox1 {
	position:relative;
	width:160px;
	height:240px;
	margin-top:-10px;
	
}

p.linkbox1 img.extreme {
	width:160px;
	height:240px;
	border:1px solid #292929;
	background:rgba(43, 43, 43, 0.5);
}


div#linkbox2 {
	float:left;
	width:550px;
	height:219px;
	margin-top:-230px;
	margin-left:161px;
	margin-bottom:15px;
	font-size:14px;
	padding-left:5px;
	padding-right:5px;
}


p.bild {
	float:right;
	width:545px;
	height:352px;
	margin-top:-10px;
	border:1px solid #2F362E;
	box-shadow: 0px 0px 10px #000000;
}


p.rahmen {
	float:right;
	width:545px;
	height:352px;
	margin-top:-10px;
	border:1px solid #2F362E;
	box-shadow: 0px 0px 10px #000000;
}


p.bild_mothra {
	float:right;
	width:545px;
	height:352px;
	margin-top:-10px;
	border:1px solid #E6CF7D;
	box-shadow: 0px 0px 10px #000000;
}


p.inhalt {
	float:right;
	width:500px;
	height:240px;
	margin-right:30px;
	
}

p.fazit {
	float:right;
	width:500px;
	height:inherit;
	margin-right:30px;
	
}

/*Emoticons*/

p.sturmangr {
	float:right;
	width:250px;
	height:204px;
	padding:5px;
	margin-right:3px;
	background-image:url(../../../smileys/angry.png);
	background-position:center;
	background-repeat:no-repeat;
}


p.sturmsmile {
	float:right;
	width:250px;
	height:204px;
	padding:5px;
	margin-right:3px;
	background-image:url(../../../smileys/smile.png);
	background-position:center;
	background-repeat:no-repeat;
}


p.sturmsurpr {
	float:right;
	width:250px;
	height:204px;
	padding:5px;
	margin-right:3px;
	background-image:url(../../../smileys/surprised.png);
	background-position:center;
	background-repeat:no-repeat;
}


p.sturmlol {
	float:right;
	width:250px;
	height:204px;
	padding:5px;
	margin-right:3px;
	background-image:url(../../../smileys/lol.png);
	background-position:center;
	background-repeat:no-repeat;
}


p.sturmcool {
	float:right;
	width:250px;
	height:204px;
	padding:5px;
	margin-right:3px;
	background-image:url(../../../smileys/cool.png);
	background-position:center;
	background-repeat:no-repeat;
}


p.sturmzwing {
	float:right;
	width:250px;
	height:204px;
	padding:5px;
	margin-right:3px;
	background-image:url(../../../smileys/zwinker.png);
	background-position:center;
	background-repeat:no-repeat;
}

p.sturmneu {
	float:right;
	width:250px;
	height:204px;
	padding:5px;
	margin-right:3px;
	background-image:url(../../../smileys/neutral.png);
	background-position:center;
	background-repeat:no-repeat;
}


p.sturmgrumm {
	float:right;
	width:250px;
	height:204px;
	padding:5px;
	margin-right:3px;
	background-image:url(../../../smileys/grumm.png);
	background-position:center;
	background-repeat:no-repeat;
}


p.sturmfacepalm {
	float:right;
	width:250px;
	height:204px;
	padding:5px;
	margin-right:3px;
	background-image:url(../../../smileys/facep.png);
	background-position:center;
	background-repeat:no-repeat;
}


p.sturmsad {
	float:right;
	width:250px;
	height:204px;
	padding:5px;
	margin-right:3px;
	background-image:url(../../../smileys/sad.png);
	background-position:center;
	background-repeat:no-repeat;
}



/*---*/


p.nummer {
	float:left;
	margin-left:200px;
	margin-top:17px;
	}


	
p.extreme {
	width:160px;
	height:240px;
	margin-top:40px;
	margin-left:-8px;
	text-indent:-9999px;
}

p.extreme a {
	width:250px;
	height:60px;
	display:block;
	}

p.extreme a.ex {
	background-image:url(../../../schriften/review1.png);
}

p.extreme a.ex:hover  {
	background-image:url(../../../schriften/review2.png);
}


hr.halb {
	color:#292929;
	margin-bottom:-10px;
	width:383px;
	margin-left:10px;
	}

div#sturm {
    position:absolute;
	width:300px;
	height:280px;
	padding:10px;
	left:-88px;
	top:940px;
	background-image:url(../../../backgrounds/sturm__transparent.png);
	background-repeat:no-repeat;
	
}

div#terri {
    position:absolute;
	width:1060px;
	height:336px;
	padding:10px;
	left:5px;
	top:-35px;
	background-image:url(../../../backgrounds/steinkreis_sturm.png);
	background-repeat:no-repeat;
}

div#klaue {
    position:absolute;
	width:190px;
	height:176px;
	left:-20px;
	top:-15px;
	background-image:url(../../wolvmax2012007cov.png);
	background-repeat:no-repeat;
}

div#jungle {
    position:absolute;
	width:154px;
	height:222px;
	padding:10px;
	right:-88px;
	top:140px;
	background-image:url(../../../backgrounds/jungle.png);
	background-repeat:no-repeat;
	
}

div#jungle2 {
    position:absolute;
	width:315px;
	height:252px;
	padding:10px;
	right:-70px;
	top:185px;
	background-image:url(../../../backgrounds/jungle2.png);
	background-repeat:no-repeat;
	
}

div#picbox2 {
	float:left;
	position:absolute;
	width:786px;
	height:480px;
	background-image:url(../../../backgrounds/spuren.png);
	background-repeat:no-repeat;
}

div#container {
	position:relative;
	margin:20px auto;
	width:1000px;
	height:auto;
	border:1px solid #000000;
	background-image:url(../../../backgrounds/burned-grungekit2.jpg);
}

div#links {
	float:left;
	height:905px;
	width:150px;
	padding:0px 15px 10px 10px;
	background-image:url(../../../backgrounds/gewaechs.png);
	background-repeat:no-repeat;
}

div#content {
	height:1555px;
	padding:15px;
	padding-left:15px;
	margin-top:15px;
	margin-left:177px;
	margin-right:10px;
    margin-bottom:15px;
	border:1px solid #000000;
	box-shadow: 0px 0px 10px #000000;
	color:#336600;
	background-image:url(../../../backgrounds/sand_soil.jpg);
}


/*------------------------------
--------- Navigation -----------
------------------------------*/

ul , li {
 margin:0;
 padding:0;
 list-style:none;
}

ul#navi , ul#navi {
   margin-top:40px;
	margin-left:5px;
}

	ul#sub {
	width:170px;
	margin-left:4px;
	position:relative;
	
	}
	
ul#sub li a {
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
}

ul#navi ul#sub a {
	margin-bottom:0px;
	}


ul#navi  li  {
 position:relative;
}

ul#navi a {
 	display:block;
	padding:7px;
	border:1px solid #000000;
	margin-bottom:10px;
	text-align:center;
	text-decoration:none;
	color:#A47028;
	background-image:url(../../../backgrounds/burned-grunge.jpg);
	background-position:center;
	box-shadow: 0px 0px 10px #000000;
}



ul#navi ul  ,                   
ul#navi  li:hover ul ul ,       
ul#navi  li:hover  ul ul ul  {
	
 position:absolute;
 left:-9999px;
 top:0;
 
}

ul#navi li:hover ul ,
ul#navi ul  li:hover  ul , 
ul#navi ul  ul li:hover  ul  {
	
 left:9.375em; 
 }
 
ul#navi li:hover > a , 
ul#navi  ul li:hover  > a, 
ul#navi ul  ul  li:hover  > a, 
ul#navi ul  ul ul  li:hover  > a  {
   color:#AFC4D7;
   cursor:pointer;
   background-image:url(../../../backgrounds/burned-grunge2.jpg);
}

ul#navi li a.main-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}

ul#navi li a.main-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}

ul#navi li a.ubermich-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}

ul#navi li a.willkommen-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}

ul#navi li a.hp-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}

ul#navi li a.predators-aktiv {
	background-image:url(../../../backgrounds/navi2.png);
}

ul#navi li a.extremedinosaurs-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}

ul#navi li a.galerie-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}
ul#navi li a.godzilla-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}

ul#navi li a.dinomovie-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}

ul#navi li a.stories-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}

ul#navi li a.zipclaw-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}

ul#navi li a.kontakt-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}

ul#navi li a.links-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}

ul#navi li a.gaestebuch-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}

ul#navi li a.museum-aktiv {
	color:#AFC4D7;
	cursor:pointer;
	background-image:url(../../../backgrounds/burned-grunge2.jpg);
	background-position:center;
}





/*Fussbereich*/

h5 {
	padding-top:9px;
	padding-left:5px;
}


div#foot {
	clear:both;
	margin-top:5px;
	height:30px;
	font-size:13px;
	text-align:left;
	color:#BAC067;
	background-image:url(../../../backgrounds/01.png);
}
