body {
    margin: 0;
    padding: 0;
	color : White;
	background-image: url(../img/bg.gif);
	background-repeat: repeat;
	background-position: top;
	background-attachment: fixed;
	font-size:100.01%;
	width:100%;
	heigth:100%;
	}
a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.92em;
	font-style : normal;
	color: Blue;
	text-decoration: none;
}
p{
	padding : 0.3em 2em;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : black;
	font-size : 0.92em;
	font-style : normal;
	font-weight : normal;
	letter-spacing: 0.03em;
	line-height: 1.3em;
}
.right {
	float: right;
}
#mainbox a{
	font-weight: normal;	
}
h{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
hr{
	background-color:Maroon; /* Mozilla 1.4 */
	color:Maroon; /* IE 6 */
	border: Maroon; /* Opera 7.11 */
	height: 2px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
	width:95%;
}
h1{
	color: Gray;
}
h2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: Maroon;
}

#mainleft {
    position :  absolute;
	left: 10px;
	top: 50px;
	height :  40%;
	width: 30%;
	padding :  5px;
}
#mainbox {
    position :  absolute;
	left: 31%;
	top: 50px;
	width: 64%;
	padding :  5px;
}
.videobox{
	float: left;
	margin-bottom: 10px;
	border: thin;
	border-style:solid;
	
}
.imgfloat{
	float: left;
	padding-right: 0px;
	margin-right: 5px;
	border: 1px outset Maroon;
}	

#header {
	margin: 0;
	background: Maroon;
	text-align: center;
	padding: 10px 0px;
	height: 25px;
	width: 100%;
}
#header a{
font-family: Verdana;
	font-size: 1.0em;
	color: Silver;
}
#header a:hover{
	color: #C5C600;
}

#footer {
    position : absolute;
    bottom: 0px;
    background: #000;
    text-align: center;
    width: 100%;
	height : 30px;
	bottom : 0px;
	border-color : Gray;
	border-top : dotted;
	z-index : 4
}

/* pictures in photo gallery */

#pic {
	color: Black;
	font-size: 0.8em;
	left: 10px;
	position: relative;
	top: 10px;
}
 a.pl, a.pl:link, a.pl:visited, a.pl:active  {
	display: block;
	position: absolute;
	text-decoration: none; 
	font-style: italic;
	color: #0000ff; 
}
a.pl:link{
    z-index:0;
}
 a .large {
	display: none;
	height: auto;
	left: 50px;
	position: absolute;
	top: 0px;
	width: auto;

}

 a img {
	border: 0;
	z-index;1;
}

 a.p1:hover {
	background-color: transparent;
	color: #000000;
	text-decoration: none;
}
a.pl .large {
	display: none;  
	text-decoration: none; 
}

a.p1:hover .large {
	
	display: block;
 	background: fff;
	left: 50px;
	position: absolute;
	top: 0px;
	z-index:1000;
	visibility:visible;
}
* html a.pl:hover .large { top: 5px; } /* IE */

#navcontainer
{
margin: 0;
padding: 0 0 0 12px;
float:none;
width:67%;
height:5px;
background-color:transparent;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #DDDDDD;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

#navcontainer A:hover, #navcontainer A:active { background: #BBBBBB; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}



	td, th, ul, li, input, textarea {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
	p.small {font-size: 80%; color: #808080;}
	img {border: solid 2px maroon;}
	table {border: none; border-spacing: 2px; float:left;}
	td {color: #F0F0F0; background-color: #777777; padding: 6px; text-align: center; vertical-align: middle;
	    border: solid 1px; border-color: #F0F0F0 #222222 #222222 #F0F0F0;}