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

/* Seitenschriftart und -grösse definieren */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	margin-bottom:0px;
}

a {
	color:#000000;
}

/* die ganze Seite zentrieren */
#center {
	width:800px;
	margin:auto;
}

/* definition der grösse des inhaltes in der index datei */
#inhalt {
	margin:auto;
	min-height:500px;
	width:800px;
	background-color:#FFFFFF;
	text-align:justify;
}

.headerundso {
	background-image:url(gfx/banner_top.jpg);
	width:800px;
	height:126px;
}

#fbgrouplink {
	position:absolute;
	width:800px;
	margin:auto;
	margin-left:350px;
 	top:90px;
	color:#FFFFFF;
}

/* definition des menüs */
#menu {
	background-color:#FFFFFF;
	margin:auto;
	text-align:center;
	width:800px;
}

/* die bilder im menü sollen keinen rand haben wenn sie als link benutzt werden */
#menu img{
	border:0px;
}

/* footer */
#footer {
	text-align: center;
	margin:auto;
	background-color:#FFFFFF;
}


/* die boxen im Inhalt */

div#main {
	width:760px;
	min-height:500px;
	text-align:justify;
	margin-left:20px;
}

div#links {
	width:760px;
	min-height:500px;
	text-align:justify;
	margin-left:20px;
}

.links li {
	list-style:square;
	margin-left:20px;
}

div#links a {
	text-decoration:none;
}

#forum {
	width:770px;
	min-height:700px;
	margin-left:10px;
	margin:auto;
}

/* das linke div */
div.left {
	margin-left:10px;
	width:255px;
	float:left;
}

.fbblock {
	width:255px;
	text-align:center;
}


/* das mittlere div */
.middle {
	margin-left:10px;
	width:245px;
	float:left;
	padding-left:5px;
	text-align:left;
}

div.middle h2 {
    font-size: 1em;
    margin: 0em;
}
  
div.middle p {
    font-size: 1em;
    margin: 0em;
}


/* das rechte div */
div.Info {
	left:530px;
	width:265px;
	float:right;
	margin:auto;
	text-align:center;
}



/* der separator zur trennung der reihen */
div.separator {
	width:800px;
	clear:both;
	background-color:#FFFFFF;
}



/* kleinere schrift für die beschreibung der news etc */ 
.detail {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
}



/* link für ganz news, weider etc */
.more {
  	text-align:right;
}

.mainnews {
	border:1px dashed silver;
}

.fett {
	font-size:11px;
	text-align:left;
	font-weight:bold;
}

.silverborder {
	border: 1px dashed silver;
	padding:5px;
	text-align:left;
}

.datepassed {
	color:gray;
	font-style:italic;
}

.datepassed a {
	color:gray;
	text-decoration:none;
}

.titel {
	color:#3366CC;
	font-weight:bold;
}

.agenda a {
	text-decoration:none;
}


.comite {
	float:left;
	width:320px;
	min-height:190px;
	margin-left:40px;
	margin-top:40px;
	border:1px dashed silver;
	padding:5px;
}


.comite h3 {
	font-size:14px;
	font-weight:bold;
	padding:2px;
	margin:2px;
	text-align:center;
	color:#FFFFFF;
	background-color:#99CCFF; 
}

.numm {
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

li.pic {
	list-style:none;
	float:left;
	width:120px;
	border:double;
	border-color:#99CCFF;
	text-align:center;
	margin:5px;
}

li.pic a{
	opacity:.9;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
}

li.pic a:hover{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}

li.pic img{
	height:75px;
	text-align:center;
	margin:5px;
	border:0px;
}


#seealbum {
	width:100%;
	margin:auto;
	text-align:center;
	background-color:#FFFFFF;
	text-decoration:none;
}

.center {
	text-align:center;
}

.comitepic {
	text-align:right;
	vertical-align:middle;
	margin-right:0;
	right:0;
}


.galerie li {
	list-style:none;
	text-align:center;
	margin-left:-20px;
}

#mittebild a img{
	border:5px solid black;
}

#linkbild a img{
	border:2px solid black;
}

#rechtbild a img{
	border:2px solid black;
}

.albumbox {
	float:left;
	width:300px;
	min-height:136px;
	margin-left:40px;
	margin-top:40px;
	border:1px dashed silver;
	padding:5px;
	vertical-align:middle;
}

.albumdetails {
	vertical-align:middle;
	text-align:right;
	color:grey;
	font-size:10px;
}

div.albumbox h3 {
	font-size:12px;
	font-weight:bold;
	padding:2px;
	margin-bottom:2px;
	margin-top:2px;
	text-align:center;
	color:#FFFFFF;
	background-color:#99CCFF; 
}


/* kontakt */

.kontakt {

	position:relative;

	margin-left:150px;

	min-height:300px;



}