@charset "utf-8";

body {
    background-color: #AAAAAA;
    background-image: url("./back.png");
    background-repeat: repeat-x;
    font: 100% Verdana,Arial,Helvetica,sans-serif;
    margin: 20px;
    text-align: center;
}

img{
	border:none;
}
#container {
    -moz-box-shadow: 5px 5px 16px #000000;
	-webkit-box-shadow:5px 5px 16px #000000;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #FFFFFF;
    height: auto;
    margin: auto;
    text-align: left;
    width: 900px;
}

#header {
	background-image:url(header.jpg);
	background-repeat:no-repeat;
	height:185px;
	width:900px;
}

#menu{
	border-top:#000000 3px solid;
	background-color:#330000;
	width:200px;
	padding-top:50px;
	float:left;
	/*min-height:200px;*/
}

#menu a{
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	text-shadow: 4px 4px 2px #000000;
}

#menu a:hover{
	 background-color:#FFFFFF;
	 color:#000000;
	 font-weight:bold;
	 text-shadow: 2px 2px 2px #ccc;
}

#menu a.on{
	font-weight:bold;
}

#content{
	background-color:#FFFFFF;
	border-top:#000000 3px solid;
       float:left;
}


#counter{
	position:relative;
	width:80px;
	font-size: 60%;
}

#box{
	position:inherit;
	left:200px;
	padding-top:10px;
	padding-left:20px;
	/*padding-bottom:20px;*/
	padding-right:20px;
	background-color:#FFFFFF;
	/*border-top:#000000 5px solid;*/
	font-size:80%;
	width:660px;
	/*min-height:280px;*/
	/*float:right;*/
}

#box p{
	text-align:center;
}

#box h1{
	color:#330000;
	font-size:150%;
	text-shadow: 1px 2px 3px #CCCCCC;
}

#box img{
	padding-right:20px;
	padding-bottom:20px;
	padding-top:20px;
	padding-left:20px;
}

#footer{
	float:none;
	clear:both;
	background-color:#282828;
	padding:15px;
	text-align:center;
	color:#FFFFFF;
	font-size:60%;
	text-shadow: 4px 4px 2px #000000;
}

#footer a{
	text-decoration:none;
	coler:#999;
}

.links{
	float:left;
}

.rechts{
	float:right;
}