@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	background: url('images/bg.jpg') #121212;
	margin: 0;
	padding: 0;
}


a:link { text-decoration: underline; color: #19e479; font-size: 14px;}
a:visited { text-decoration: none; color: #19e479; font-size: 14px;}
a:hover { text-decoration: none; color: #ffffff; font-size: 14px;}
a:active { text-decoration: none; color: #ffffff; font-size: 14px;}

p {font-family: Arial; font-size: 12px; color: #ffffff;}
td {font-family: Arial; font-size: 12px; color: #ffffff;}
li {font-family: Arial; font-size: 12px; color: #ffffff;}


h1 {
	font-family: Arial;
	font-size: 22px;
	color: #19e479;
	text-transform: uppercase;
	margin: 0;
}

	
h2 { 
	font-family: Arial; 
	font-size: 12px; 
	font-weight: normal;
	color: #ffffe1; 
	
	}


h3
{
	font-family: Arial;
	font-size: 22px !important;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #19e479;

}

span {
	
		font-family: Arial;
		font-size: 9px;
		text-transform: uppercase;
		font-style: normal;
		color: #ffffff;
	
		}
		
em {
	
		font-family: Arial;
		font-size: 9px;
		text-transform: uppercase;
		font-style: normal;
		color: #19e479;
	
		}
		
		
		#wrapper {
	width: 900px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px solid #2e2e2e;
	position:relative;
}
		


#nav {
	list-style: none;
	padding: 0;
	margin: 10px 0 5px 0;
	background: #2e2e2e url(images/nav_bar.jpg) repeat-x;
	display: block;
	overflow: hidden;
	font-size: 0.9em;
	height:33px;
	text-transform:capitalize;
}
#nav li {
	display: inline;
}
#nav li a {
	display: block;
	float: left;
	padding: 10px 20px;
	color: white;
	text-decoration: none;
}
#nav li a:hover {
	background: #1b1b1b url(images/nav_bar_o.jpg) repeat-x;
}
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}

#content {
	
	
}




#content img.right {
	float: right;
	margin: 0 0 8px 8px;

}
#foot {
	padding: 15px;
	margin: 30px 0 0 0;
	border-top:1px solid #222222;
	font-size: 8px !important;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
}

div.right
{
width: 900px;
height: 540px;
padding: 10px;
position: relative;


}

}

div.m1
{
 font-family:verdana;
 font-weight:bold;
 font-size:11px;
background-image: url('bilder/m11.jpg');	
 width:200px;
 height:112px;
 top:10px;
 text-align: center;
 position:absolute;


}


div.m2
{
width: 200px;
height: 112px;
background-image: url('bilder/m22.jpg');	
position: absolute;
top: 10px;
left: 220px;
text-align: center;

}


div.m3
{
width: 200px;
height: 112px;
background-image: url('bilder/m33.jpg');	
position: absolute;
top: 134px;
text-align: center;

}

div.m4
{
width: 200px;
height: 112px;
background-image: url('bilder/m44.jpg');	
position: absolute;
top: 134px;
left: 220px;
text-align: center;

}

div.m5
{
width: 200px;
height: 112px;
background-image: url('bilder/m55.jpg');	
position: absolute;
top: 254px;

text-align: center;

}

div.m6
{
width: 200px;
height: 112px;
background-image: url('bilder/m66.jpg');	
position: absolute;
top: 254px;
left: 220px;
text-align: center;

}



div.m11
 {
 font-family:verdana;
 font-weight:bold;
 font-size:11px;
 background-image:url(bilder/m1.jpg);
 width:200px;
 height:112px;
 top:10px;
 text-align: center;
 position:absolute;

 }

div.m22
 {
 font-family:verdana;
 font-weight:bold;
 font-size:11px;
 background-image:url(bilder/m2.jpg);
 width:200px;
 height:112px;
top: 10px;
left: 220px;
 position:absolute;
 z-index:1;
 }

div.m33
 {
 font-family:verdana;
 font-weight:bold;
 font-size:11px;
 background-image:url(bilder/m3.jpg);
 width:200px;
 height:112px;
 top:134px;
 position:absolute;
 z-index:1;
 }
 
 div.m44
 {
 font-family:verdana;
 font-weight:bold;
 font-size:11px;
 background-image:url(bilder/m4.jpg);
 width:200px;
 height:112px;
 top:134px;
 left: 220px;
 position:absolute;
 z-index:1;
 }
 
 div.m55
{
width: 200px;
height: 112px;
background-image: url('bilder/m5.jpg');	
position: absolute;
top: 254px;

text-align: center;

}

div.m66
{
width: 200px;
height: 112px;
background-image: url('bilder/m6.jpg');	
position: absolute;
top: 254px;
left: 220px;
text-align: center;

}
