* {
    padding: 0;
    margin: 0;
} 

body {
background: #25579c;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
color: #222;
}

h3 { color: #aaa; font-size: 13px; margin: 10px 0 10px 0; }
ol { padding-left: 20px; }
img { border: none; }
a { color: #1D87EF; text-decoration: none; }
a:hover { text-decoration: underline; color : #ff0000; }

#wrap {
margin: 20px auto;
width: 800px;
}

#top {
background: #25579c url(images/top.png) no-repeat;
padding: 5px 0;
}


#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: -3px;
padding: 20px 0 0 30px;
}
#header h1 a {
text-decoration: none;
color: #333;
}
#header h1 a:hover {
text-decoration: none;
color: #000;
}
#header h2 {
color: #30A5F2;
font-size: 17px;
font-weight: 100;
letter-spacing: -1px;
padding: 0 0 0 30px;
}


#navigation {
height: 30px;
padding:0 37px;
line-height: 30px;
background: #4FA0F2 url(images/menu.png) no-repeat;
}
#navigation li {
float:left;
list-style-type:none;
border-right:0px solid #444;
}
#navigation li a {
display:block;
padding:0 24px;
text-decoration:none;
color: #fff;
letter-spacing:0px;
}
#navigation li a:hover {
background: #227 url(images/menuover.gif) repeat-x;
color:#fff;
text-decoration:none;
}






#content {
padding: 10px 10px;
background: #25579c url(images/content.png) repeat-y;
}
.right {
float: right;
width: 580px;
text-align: justify;
padding: 0 10px 10px 10px;
}
.right h2 {
color: #B4241B;
font-size: 20px;
letter-spacing: -2px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.right h2 a {

}
.right h2 a:hover {

}


.left {
float: left;
width: 160px;
padding: 10px;
}
.left h2{
font-size: 13px;
color: #fff;
padding: 5px 0 5px 15px;
	text-decoration:none;
	background:  url(images/leftmenu.gif);
}
.left h2:hover {
color: #fff;
	text-decoration:none;
	background:  url(images/leftmenu.gif) 0 -32px;

}


.left ul {
list-style-type: none;
padding: 5px 0 10px 15px;
}
.left ul li {
padding: 3px 20px;
background: transparent url(images/point.png) no-repeat;
}

.left ul li a {
display: block;
color: #444;
}
.left ul li a:hover {
color: #ff0000;
}

#spenden a {
opacity: 0.6;
}
#spenden a:hover {
opacity: 1.0;	
}

#footer {
background: #333 url(images/footer.png) no-repeat;
height: 40px;
text-align: left;
line-height: 30px;
color: #eee;
font-size: 11px;
}

#footer  a { color: #eee; }

#partner a {
opacity: 0.4;
}	
#partner a:hover {
opacity: 1.0;	
}

#bottom {
background: #25579c url(images/bottom.png) no-repeat;
padding: 5px 0;
}






#tabs {
	float:left;
	width:100%;
	font-size:93%;
	border-bottom:1px solid #2763A5;
	line-height:normal;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("images/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("images/tabright.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#FFF;
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}

#erasbox {position: fixed; float:right; padding:0; margin:0;  bottom: 0; right: 0; width:150px; height: 320px;}
#erasbox div#eras {width: 150; height: 320px;background: url(images/erasbox.png) no-repeat; text-indent: -9999px;}