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

body {
	font-size: 9,5pt;
	font-family: georgia,courier, serif;
	background:url(../../../img/paper_sw.jpg);
	
}

#the-background {
position: fixed;
overflow: hidden;
z-index:1;
width: 100%;
height:100%;
top:0;
left:0;
}
#wrapper {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left:0;
}

body.section-1 {}
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none;color:black; font-weight:500;}
a:active { text-decoration: none;color:black;font-weight:500; }
a:visited { text-decoration: none; color: #666;font-weight:500; }
a:hover { text-decoration: none;color:black;font-weight:500; background-image:url(http://wie-alles-endet.de/img/querup_grey.jpg); }

a img { border: none; }

#menu {
    width: 215px;
    overflow: auto;
    top: 15px;
    bottom: 50px;
	left: 15px;
    position: fixed;
    height: 100%;
	background:#f0f0f0;
	padding:5px 5px 5px 5px;
	-moz-opacity:0.75;
}

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

#menu ul li.section-title {
font-family:georgia;Times, serif;text-transform:uppercase;font-weight:100;color:black;font-size:1.2em;font-style:italic;
border-bottom:1px double black;}

#sect{color:white;background:black;font-style:italic;padding:5px 5px 5px 5px;font-weight:500;}
#selected{ background-image:url(http://wie-alles-endet.de/img/querup_grey.jpg);padding:5px 5px 5px 5px; }
#content {
 padding-top: 30px;

    margin-left: 225px;

    margin-bottom: 0;

    margin-right: 0;

    margin-top: 0;

    height: 100%;

    top: 0;

	
}

.container {
    padding: 5px 5px 50px 5px;
	
}
#content .container {padding: 5px 5px 25px 5px;margin:5px 5px 25px 5px;}
#content p { width: 400px; margin-bottom: 15px;padding-left:25px;margin-left:25px; }

p {
    margin: 0 0 9px 0;
}

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

#img-container	{ margin-left: 25px; padding: 0;margin-left:50px;  }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 25px 0;margin-left:25px; }

#once { clear: left; }


 	
				
 /*////////////////// footer  //////////////////*/	
 		

.footer p a:link {
color:black;
}

.footer p a:hover {
color:#999999;
text-decoration:underline;
}

#ft {
	
	clear: left;
	margin-top: 0.5em;
	background: #d7d6d6;
	-moz-opacity:0.75;
	text-align: right;
	padding: 10px;
	padding-top:15px;
	margin-top:15px;
	z-index: 100;
	
   min-width:775px;
	width:expression(document.body.clientWidth < 800? "775px": "99%" ); /* min-width IE style*/
  }

	
#ft p {
	color: black;
	font-size: 8pt;
	text-align: right;
	margin-top:5px;
}

html>body #ft { 
  bottom:0;
  left:0;
    right:0;
	 position:fixed;
	}	

 /* IE */
* html #ft {
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	
#hd, #ft {
  padding-bottom:0;
  padding-top:0;
}