body {
margin:0; padding:0;
font-family:Comic Sans MS, verdana, arial, sans-serif; font-size:100%; color:#2f4f4f; background-color:#f4a460;}

p {
margin:0; padding:0.4em 0.2em 0.6em 0.2em;}

a:link, a:visited {
color:#2f4f4f; text-decoration:underline;}

a:hover {
color:#f4a460; text-decoration:none;}

a:active {
color:#f4a460; text-decoration:underline;}

div.wholepage {
margin:0 8% 0 8%; padding:0; background-color:#FFFFFF;}

div {margin:0; padding:0;}

h1 {
color:#6a5acd; font-size:150%; font-family:"Comic Sans MS","trebuchet ms", "lucida sans", arial, sans-serif; 
font-weight:normal;}

#extras {margin:0; padding:0; float:reight; width:20%; text-align:center;background-color:#FFFFFF;}


/* +++ Start Of Header Section +++ */

#header {
margin:0; padding:0;}


.superheader {
background-color:#f4a460; text-align:right; ;color:#FFFFFF; padding:2px 2em 2px 2px;}

.

#pics {
	margin: auto;width: 640px;height: 262px;text-align: center;font-size: 12px;
}

.gallery
{
	cursor: default;list-style: none;text-align: center;margin-left: -40px;margin-top: 0px;	width: 200px;	height: auto;
}
.gallery a
{
	cursor: hand;
}

.gallery a .preview
{
	display: none;
}
.gallery a:hover .preview 
{
	display: block;	position: absolute;	top: -27px;	left: -200px;	z-index: 1;
}
.gallery img
{
	
	
	color: inherit;	padding: 1px;	vertical-align: top;	width: 150px;
}

.gallery li
{
	
	
	color: inherit;	display: inline;	float: left;	/*margin: 3px;*/	padding: 2px;	position: relative;
}
.gallery .preview
{
	border: Yellow medium solid;	width: 480px;	height: auto;
}


.mainheader {
margin:0; padding:45px 1em 15px 1em; text-align:left;background-color:#f4a460;
background-image:url(../image/Sonnenuntergang.jpg); background-repeat:repeat; background-position:center ;}

.mainheader h1 {
font-size:300%; color:#FFFFFF; margin:0 0 5px 0; padding:0;}

.mainheader p {
text-indent:4em; color:#FFFFFF; margin:0; padding:0.2em; font-weight:bold;}

.subheader {
background-color:#f4a460; margin:0; padding:0.5em; text-align:center; font-size:150%; color:#FFFFFF;}




/* +++ Start Of Side Menu Section +++ */

#sidecontainer {
margin:0; padding:0; float:left; width:20%; text-align:center;background-color:#FFFFFF;}

#sidecontainer h2 {
display:block; margin:0; padding:0.2em; color:#FFFFFF; background-color:#294D69; font-weight:normal;
 font-family:"trebuchet ms", "lucida sans", arial, sans-serif; font-size:120%;}

.nav {
margin:0 0 1.5em 0; padding:0; list-style-type:none; background-color:#FFFFFF;}

.nav li {
margin:0; padding:0; display:block; border-bottom:1px solid #294D69;}

.nav a:link, .nav a:visited {
display:block; margin:0; text-decoration:none; color:#2f4f4; margin:0; padding:0.5em;}

.nav a:hover {
display:block; margin:0; text-decoration:underline; color:#f4a460; margin:0; padding:0.5em; }

.nav a:active {
display:block; margin:0; text-decoration:none; color:#32668E; margin:0; padding:0.5em;}




/* +++ Start Of Content Section +++ */

#content {
margin:0 0 0 20%; padding:0.8em; border-left:1px solid #294D69;}

#content img {
 border-style:none;}

q {
display:block; margin:0; padding:0.4em 20% 0.6em 20%; color:#999999; font-size:120%; 
text-align:center; height:3em;}

q:before, q:after {
content:"";}

#content h1 {margin:0; padding:0.1em; text-indent:2.5em;}
#bild_rechts {
	width: 250px;
	float: right;
	margin: 50px;
	border: 2px solid #46A217;}
#bild_links {
	width: 250px;
	float: left;
	margin: 60px;
	border: 2px solid #46A217;}


/* +++ Start of Footer Section +++ */

#footer {
margin:0; padding:0;text-align:center;}

.superfooter {
background-color:#f4a460; font-size:90%; height:1.8em;color:#FFFFFF;}

.mainfooter {
background-color:#FFFFFF;}

.subfooter {
background-color:#f4a460;; height:0.6em;}

#footer p {
font-size:75%; color:#999999; padding:0.3em;}