/* ---------------- Farben ---------------- 

schwarz 	#000000
weiß		#FFFFFF
grau    	#646567
grau-strich	#7F7F7F
pink    	#BB0044

*/

a.pink {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#BB0044;
font-decoration: none;}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

div#wrap {
	width:947px;
	height:600px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-285px 0 0 -470px;
	background-image:url(../images/bg_wrap.gif)
}


div#wrap_start {
	width:970px;
	height:580px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-285px 0 0 -470px;
}

div#wrap_cms {
	margin: 0 auto 0 auto;
	width:970px;
	height:601px;
	background-image:url(../images/bg_wrap.gif);
}
	
div#contentcell {
	/*border:#EFEFEF  1px solid;
	border-bottom:none;*/
	width:764px;
	height:465px;
}

div#contentframe {
	width:744px;
	margin:25px 0 10px 0;
	padding:0 10px 10px 10px;
	overflow: auto;
	height:350px;
}

div#contentcell_start {
	width:796px;
	height:425px;
}

div#contentframe_start {
	width:744px;
	margin:25px 0 0 0;
	padding:0 10px 10px 10px;
	overflow: auto;
	height:320px;
}

div#contentcell_cms {
	width:764px;
	padding:0 10px 10px 10px;
}

div#contentframe_cms {
	width:744px;
	margin:25px 0 10px 0;
	padding:0 10px 10px 10px;
	overflow: auto;
	height:400px;
}

div#contentframe p, 
div#contentframe_start p,
div#contentframe_cms p { margin:0 0 10px 0; }
	
div#footer {
	width:766px;
	height:36px;
	background-image:url(../images/kachel-bottom.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#646567;
}

* html div#footer {
    margin-top: 17px;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    }
	
/* Auflistungen & Bullets */
ul,
#content ul {
    list-style-type: none;
    padding: 0 0 0 5px;
    margin: 0;
}

ul li,
#content ul li {
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding: 0 0 0 10px;
    margin: 0 0 4px 0;
}

/* ---------------- Headline ---------------- */

h1 span.small {
	font-size: 10px;
	font-weight:normal;
}

h1.start {
	margin:0 0 0 0;
	width:785px;
	height:114px;
	background-image:url(../images/kachelindex.gif);
}

h1.vorstand {
	margin:19px 10px 4px 10px;
	width:742px;
	height:38px;
	background-image:url(../images/vorstand.gif);
	background-repeat:no-repeat;
}

h1.satzung {
	margin:19px 10px 0 10px;
	width:742px;
	height:38px;
	background-image:url(../images/satzung.gif);
	background-repeat:no-repeat;
}

h1.veranstaltungen {
	margin:19px 10px 0 10px;
	width:742px;
	height:38px;
	background-image:url(../images/veranstaltungen.gif);
	background-repeat:no-repeat;
}

h1.veroeffentlichungen {
	margin:19px 10px 0 10px;
	width:742px;
	height:38px;
	background-image:url(../images/veroeffentlichungen.gif);
	background-repeat:no-repeat;
}

h1.mitglieder {
	margin:19px 10px 0 10px;
	width:742px;
	height:38px;
	background-image:url(../images/mitgliederbereich.gif);
	background-repeat:no-repeat;
}

h1.mitgliedwerden {
	margin:19px 10px 0 10px;
	width:742px;
	height:38px;
	background-image:url(../images/mitgliedwerden.gif);
	background-repeat:no-repeat;
}

h1.pressemeldungen {
	margin:19px 10px 0 10px;
	width:742px;
	height:38px;
	background-image:url(../images/pressemeldungen.gif);
	background-repeat:no-repeat;
}

h1.links {
	margin:19px 10px 0 10px;
	width:742px;
	height:38px;
	background-image:url(../images/links.gif);
	background-repeat:no-repeat;
}


h1.impressum {
	margin:19px 10px 0 10px;
	width:742px;
	height:38px;
	background-image:url(../images/impressum.gif);
	background-repeat:no-repeat;
}

h1.kontakt {
	margin:19px 10px 0 10px;
	width:742px;
	height:38px;
	background-image:url(../images/kontakt.gif);
	background-repeat:no-repeat;
}

h1.forum {
	margin:19px 10px 0 10px;
	width:742px;
	height:38px;
	background-image:url(../images/forum.gif);
	background-repeat:no-repeat;
}

span.invisible {
	position:absolute;
	margin:-5000px 0 0 -5000px;	
}
	

/* ---------------- Navigation ---------------- */
a.navi:link ,
a.navi:visited {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	text-decoration: none; 
	color:#000000;
}

a.navi_active:link ,
a.navi_active:visited,
a.navi_active:focus,
a.navi_active:hover,
a.navi_active:active {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	text-decoration: none; 
	font-weight: bold;
	color:#BB0044;
}

a.index:link ,
a.index:visited {
    font-size: 12px;
	text-decoration: none; 
	color:#BB0044; 
}

a.index_active:focus,
a.index_active:hover,
a.index_active:active {
    font-size: 12px;
	text-decoration: none; 
	color:#BB0044; 
}
	
a.navicms:link ,
a.navicms:visited {
    font-size: 14px;
	text-decoration: none; 
	color:#000000; 
}

a.navicms_active:link ,
a.navicms_active:visited,
a.navicms_active:focus,
a.navicms_active:hover,
a.navicms_active:active {
    font-size: 14px;
	text-decoration: none; 
	font-weight: bold;
	color:#BB0044; 
}

/* ---------------- CMS Header Bluebox ---------------- */
div#bluebox {
	position:relative;
	top:0;
	left:0;
	height:18px;
	font-size:1.5em;
	font-weight:bold;
	border-bottom:5px solid #FFFFFF;
	padding:10px;
	color: #FFFFFF;
	background-color:#21175B;
	text-align:left;
}

div#bluebox img {
	float:right;
	border: none;
}

/* --------------------------------------------------------------Kontakt formular*/

#honigtopf{
display:none;
visibility:hidden;}




/* >>>>>>>> Validate Form <<<<<<<<<  */
/* Style for invalid input */

.invalidInput{
	border:1px dotted #F00;
	background-color: #FFECE6;
}

/* Style for valid input */
.validInput{
	border: 1px dotted #FF0000;
}

/* >>>>>>>> Validate Form ENDE <<<<<<<<<  */