* {
    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 38px;
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;
	}

#rsBox {visibility: hidden; position: fixed; right: 70px; bottom: 300px; width: 250px; text-align: left;}
#rsBox div#wBTN { background: url('images/win.gif') left -20px no-repeat; }
#rsBox h2 {background: url('images/icon_info.gif') 0 11px no-repeat;margin: 0 0 0 12px; padding: 12px 12px 0 24px;}
#rsBox p#bPad {margin: 0;padding: 0;height: 28px; background: url('images/win.gif') bottom left no-repeat;}
#rsBox img {border: none;}
#rsBox span#bCL {float: right; background-color: #fff; height: 16px; width: 16px; overflow: hidden;}
#rsBox p#bBG {background: url('images/win.gif') right -30px no-repeat;margin: 0 0 0 12px; padding: 4px 12px 0 0;}
#rsBox img#rspic {float: left; border: none; padding: 2px 5px 0 0;}
#rsBox a#fSt {color: #333;text-decoration: none; font: 11px Arial, sans-serif;}
#rsBox a#head {color: #333; text-decoration: none; font: 15px Arial, sans-serif; font-weight: bold;}
#erasbox {position: fixed; float:right; padding:0; margin:0;  bottom: 0; right: 0; width:70px; height: 100px;}
#erasbox div#eras {width: 70; height: 100px;background: url(images/homer.png) no-repeat; text-indent: -9999px;}