* {
    padding: 0;
    margin: 0;
} 

body {
	background: #eee;
	font-family: Verdana, Arial, sans-serif;
    font-size: .74em;
	padding: 0;
    margin: 0;

}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.notransparent_class {

}

#website{ display:none;}

img { border: none; }

a { color: #036DA7; text-decoration: none;}
a:hover { text-decoration: underline;}
a:visited { color: #036DA7; }
li { color: #036DA7; list-style-type: none; margin-bottom: 10px; }
li#sub { color: #036DA7; list-style-type: none; margin-bottom: 0px; 
		padding-left: 0px; color: orange; background:  #fff 0px no-repeat; 
		border-left: solid 6px #EAEDF4;border-right: solid 2px #EAEDF4;}
hr{ height: 1px; size: 1px; color: #2E6DA3;  background: #2E6DA3; border: #2E6DA3;}

#wrap {
margin: 20px auto;
padding: 10px;			/* Hier könnte der IE-BUG liegen*/
width: 850px;
background: #fff;
border: 1px solid #aaa;
}

#header { height: 100px; background:#2E6DA3 url('img/header.gif'); }
#header h1 {color: #fff; font-size: 2.0em; padding: 15px 0 0 120px; font-weight: 100;}
#header h2 {color: #eee; font-size: 1.2em; padding: 0 0 0 120px; font-weight: 100;}


#picmenu {
margin: 0px 0 10px 0; 
padding: 0px; 
font-size: .9em;
background:  #2E6DA3;
}

#breadcrumbs {
margin: 10px 0 10px 0; 
padding: 5px; 
font-size: .9em;
background:  #EAEDF4;
}

#left {
width: 180px;
float: left;
background: #FFF;
color: #666;
} 
#left .box {
background: #EAEDF4;
margin-bottom: 10px;
padding: 5px;
color: #666;
text-align: center;
}
#left h2 {
font-size: .9em; 
background: #2E6DA3;
height: 16px;
padding: 3px;
color: #fff;
}
#right {
width: 180px;
float: right;
background: #FFF;
color: #666;
} 
#right .box {
background: #EAEDF4;
margin-bottom: 10px;
padding: 5px;
color: #666;
}
#right h2 {
font-size: .9em; 
background: #2E6DA3;
height: 16px;
padding: 3px;
color: #fff;
}

#content {
margin-left: 190px;
margin-right: 190px;
text-align: justify;
color: #333;
line-height: 1.5;
/*clear: none;*/
}

* html #content { width: 464px; }




#content h1 { 
color: #2E6DA3;
 font-size: 1.4em;
 border-bottom: solid 1px #000066;
 margin-bottom: 7px;margin-top: 7px;}

#content h2 {
font-size: .9em; 
background: #2E6DA3;
height: 16px;
padding: 3px;
color: #fff;
}
#content h3 {
font-size: .9em; 
background: #EAEDF4;
height: 16px;
padding: 3px;
color: #2E6DA3;
 margin-bottom: 7px;
}
#content h5 {
font-size: .9em; 
background: #EAEDF4;
height: 16px;
padding: 3px;
color: #2E6DA3;
 margin-bottom: 7px;
 border: solid 1px #ccc;
}

#content h4 {
font-size: 1.4em; 
height: 16px;
padding: 3px;
color: #2E6DA3;
margin-bottom: 7px; margin-top: 7px;
text-align: left;
}

.newstext  {

}

.newstext h3{
background: #fff;
height: 16px;
padding: 3px;
color: #000;
}

#newstitle{ border-bottom: solid 1px #000066;  margin-bottom: 7px; margin-top: 7px; }
#newstitle_h1{ color: #2E6DA3; font-size: 1.4em; font-weight: bold; margin-bottom: 0px;  border: 0px; text-align: left;}
#newstitle_info{ color: #555; font-size: 0.9em;}
#newsimg{border: solid 4px #EAEDF4;}
*html img#newsimg{border: solid 1px #EAEDF4; width: 450px; float: left; margin: 0px;}
#newsimgsmall{margin: 12px; margin-bottom: 0px; border: solid 4px #EAEDF4; }
#newsimgtitle{margin: 4px;}
#newsedit{background: #FFFF00;text-align: right;}
#newsgroup{ border-bottom: solid 1px #000066; margin-bottom: 5px;margin-top: 5px;}
#newspreviewbox { border-top: 1px dotted black; padding-top: 10px;padding-bottom: 10px; height: 80px;}
#newsReiter { border-bottom: solid 1px #2E6DA3; background: url('img/NewsReiter.png') no-repeat right; height: 30px;}
#newsCurrent { background: #F5F7FA;}
#comment_title{ color: #2E6DA3; font-size: 1.1em; font-weight: bold; margin-bottom: 0px; border-bottom: 0px;}
#comment_date{ color: #2E6DA3; font-size: 0.9em;}


#eventbox{border: solid 1px #ddd; margin-bottom: 5px;}
#eventbox  #content{margin: 3px;}


#footer {
clear: both;
color: #eee; 
background: #2E6DA3; 
text-align: left; 
margin: 20px 0px 0px 0px; 
padding: 5px; 
font-size: .8em;
}
#footer a { color : #ddd; text-decoration: none; }

/* ################################################################### */

.galeriecontainer
{
	font-size: 10px;
	font-family: Arial,serif;
	text-align: justify; 
	color: MidnightBlue;
	display: block;
	float: left;
	width: 130px;
	min-height: 100px;
	margin: 2%;
	
	}
.galerieborder { 	border: solid 1px #9B9B9B; }

.galerieimg { margin: 4px; }

/* ########################################################################*/
.event{border: solid 1px #ddd; margin-bottom: 5px;}

.commentbox{
background-color: #EAEDF4;
width: 450px;
padding: 10px;
}
* html .commentbox{width: 440px;}

.commentfooter{
background: url(img/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}


/* ########################################################################*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframemenu{
background-color: #EAEDF4;
border-bottom-width: 0;
width: 180px;

}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 170px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;

}
.wireframemenu li{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: 13px Verdana;
padding: 2px 5px;
display: block;
width: 100%; /*Define width for IE6's sake*/
height: 20px;
color: #036DA7;
text-decoration: none;
margin: 0px;

}

.wireframemenu  a #volleyball{
background: url('img\menu_volleyball.gif');
}

.wireframemenu a:visited{
color: #036DA7;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
text-decoration: none;
}

.wireframemenu a:hover{
background-color: #C0D1E1;
color: 036DA7;
text-decoration: none;

}

#newest{
font-weight: bold;
}

.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
border: solid 3px #2E6DA3;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}


.nbox {margin-bottom: 5px;}
.nbox_title {
	background: #2E6DA3  no-repeat left top;/* url('img/box/title.gif') */
	padding: 6px 10px 5px;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
}
.nbox_body {
	background: #EAEDF4 url('img/box/body.gif') repeat-x left top;
	padding: 3px 0px 1px;
	font-size: 1.0em;

}
.nbox_bottom {
	background:  no-repeat left top;/*url('img/box/bottom.gif')*/
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}
/* 
	NEWSCURRENT
*/
#readmore{
text-align: right;
padding: 2px;
margin-top: 5px;
border-top: solid 1px #000066;
background: url('img/newsbg.png') repeat-x left top;
}

.postbox {margin-bottom: 5px; }
.postbox_title {
	background: #2E6DA3 url('img/post/title.gif') no-repeat left top;
	padding: 3px 10px 1px;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
}
.postbox_body {
	/*background: url('img/newsbg.png') repeat-x left top;*/
	padding: 0px 5px 1px 5px;
	font-size: 1.0em;
	
}
.postbox_bottom {

	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}
/* 
	CALENDER
*/
.post-date {
width:45px;
height:49px;
float:left;
margin-right:10px;
background:url(img/date-bg.gif) no-repeat;
}

.post-month {
font-size:11px;
text-transform:uppercase;
color:#FFF;
text-align:center;
display:block;
line-height:11px;
padding-top:4px;
margin-left:-3px;
}

.post-day {
font-size:18px;
text-transform:uppercase;
color:#999;
text-align:center;
display:block;
line-height:18px;
padding-top:7px;
margin-left:-3px;
}

