/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 10px;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: Verdana, sans-serif;
	background-color:#3D3E40;
	color:#D2B473;
	margin:0; padding:0; height:100%; 
}


body.section-1 {background-color:#3D3E40;}

/*body { margin:0; padding:0; height:100%; }*/



#a{position:absolute; top:134px; left:103px;width:250px;}
#b{position:absolute; top:134px; left:393px;width:250px;}
#c{position:absolute; top:134px; left:681px;width:250px;}
#d{position:absolute; top:400px; left:103px;width:250px;}
#n{position:absolute; top:400px; left:393px;width:250px;}
#k{position:absolute; top:400px; left:681px;width:250px;}


#e{position:absolute;left:30px;top:106px;}

#f{position:absolute;left:30px;top:536px;width:500px;color:#EAB483;z-index:-99;overflow:hidden;}

#f1{position:absolute;top:96px; left:780px;}

#g{position:absolute; top:76px; left:71px;right:71px;bottom:96px;}

#h{position:absolute; top:76px; left:71px;right:800px;bottom:96px;}

#m{position:absolute; top:76px; left:121px;width:300px;color:#EAB483;}

body.section-1 #menu {
    left:-500px;
    top: 2000px;
	background-color:#000000;
}


body.section-1 #content {
    height: 100%;
	widhth:100%;
	overflow:auto;
    margin:0px 0px 0px 0px;
    background-color:#3D3E40;
}

body.section-2 #content {
    height: 100%;
	width:100%;
     margin:30px 0px 0px 30px;
	padding:0;
    background-color:#3D3E40;
	postion:fixed;
}

 body.section-3 #content {
    height: 100%;
	width:100%;
    margin:30px 0px 0px 30px;
	padding:0;
    background-color:#3D3E40;
	postion:fixed;
}

body.section-4 #content {
	height: 100%;
	width:100%;
    margin:30px 0px 0px 30px;
	padding:0;
    background-color:#3D3E40;
	postion:fixed;
}

body.section-5 #content {
    height: 100%;
	width: 100%;
	 margin:30px 0px 0px 30px;
	padding:0;
    background-color:#3D3E40;
    
}

/*body.section-5 container {
	height:100%;
	width:100%;
	 margin:30px 0px 0px 30px;
	padding:0px 0px 0px 0px;
	background-color:#3D3E40;

}*/

body.section-6 #content {
    height: 100%;
	width:1000px;
	 margin:30px 0px 0px 30px;
	padding:0;
    background-color:#3D3E40;
	postion:fixed;
}

body.section-7 #content {
    height: 100%;
	width:100%;
     margin:30px 0px 0px 30px;
    background-color:#3D3E40;
}

body.section-8 #content {
    height: 100%;
	width:1000px;
	 margin:30px 0px 0px 30px;
	padding:0;
    background-color:#3D3E40;
	postion:fixed;
}

body.section-10 #content {
	height:100%;
	width:900px;
	 margin:10px 0px 0px 30px;
	padding:0px 0px 0px 0px;
    background-color:#3D3E40;
	font-color:#ED55E8;
}

#cv{color:#91c6cc;}
#na{color:#83eab6;}

a:link { color: #2580C2;text-decoration:none; }
a:visited { color:#91c6cc;text-decoration:none;}
a:active { color: #44f281; text-decoration:none;}
a:hover { color: #aa36f3; font-size: larger; }


a img { border: none; }


#menu {
    width:200px;
    top: 50px;
	left: -500px;
    position: fixed;
	background-color: #3D3E40;
}

#menu ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
}

#menu ul li.section-title { }
#menu ul li.section-title-catastrophies
{
	width:250px;
	height: 2180px;
	background-image:url(http://www.lindafranke.com/indexhibitv070e/ndxz-studio/site/sample/catastrophies.gif);
	display:block;background-repeat:no-repeat;
}

#menu ul li.section-title-catastrophies span
{
	left:200px;
	position:absolute;
}


#content {
    height: 100%;
	width:500px;
    margin:50px 50px 50px 50px;
    background-color: #3D3E40;
}


.container {
    padding: 10px 20px 10px 10px;
}

#content p { width: 200px;height: 800px; }

p {
    margin:200;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{position:absolute;left:570px;top:106px;width:430px;}


#img-container p	{ position:absolute; top:76px; left:71px;right:800px;bottom:96px; }





#Bereich_Eins {
	width:180px;
	height:126px;
    left:285px;
    top: 563px;
    position: absolute;
	display:none;
}

#Bereich_Zwei {
    width:182px;
	height:273px;
    left: 512px;
    top: 105px;
    position: absolute;
	display:none;
}

#Bereich_Drei {
    width:94px;
	height:78px;
    left: 521px;
    top: 344px;
    position: absolute; 
	display:none;
}

#Bereich_Vier {
    width:212px;
	height:339px;
    left: 162px;
    top: 40px;
    position: absolute;
	display:none;
}

#Bereich_Fuenf {
    width:136px;
	height:60px;
    left: 64px;
    top: 136px;
    position: absolute;
	display:none;
}

#Bereich_Sechs {
    width:164px;
	height:467px;
    left:702px;
    top: 174px;
    position: absolute;
	display:none;	
}

#Bereich_Sieben {
    width:109px;
	height:190px;
    left:421px;
    top:234px;
    position: absolute;
	display:none;
}

#Bereich_Acht {
    width:91px;
	height:190px;
    left:911px;
    top:510px;
    position: absolute;
	display:none;
}

#Bereich_Map {
    left: 0px;
    top:0px;
    position: absolute;
	z-index:3;
}
#once { clear: left; }