html, body { width: 100%; height: 100%;}

body { background: #a3a5a6 url(bg_page.png) center repeat-y; }
a { text-decoration: none; }
span.clearfloat, br.clearfloat {
  clear: both;  height: 0; width: 0;
  font-size: 0; line-height: 0; display: block;
}



#page {
  font: normal 80%/140% Verdana, sans-serif;
  color: #58585a;
	width: 760px;
	background: #fff;
	margin: 0 auto;
}

/* sidebar */

#sidebar {
  font-size: .9em;
	float: right;
	width: 230px;
  padding: 2.25em 0 0 0;
}
#sidebar .chunk { overflow: hidden; border-bottom: 1px solid #FFF;}  /* ein Kontext-Block */
#sidebar .chunkadd { overflow: hidden; padding-bottom: 20px;}

#sidebar h3, .rot { padding: 0 8px;}  /* Kontext-Block-Titel */
#sidebar p { padding: 0 24px 0 8px; }
#sidebar .bildspalte{padding: 0px;}
#sidebar a { font-weight: bold; color: #328E6C; }
#sidebar a:hover { color: #58585a; }
#sidebar .bildlegende{font-style: italic; line-height: 130%;}

#sidebar a.forward, #sidebar span.forward, #sidebar button  { /* Kontext-Block 'an/abmelden', 'mehr..' */
  display: block; float: right;
  font-weight: bold;
  padding: 0; margin: .2em 8px 20px 0;
}
#sidebar button{
  background: transparent;
  font-family: inherit; font-weight: bold;
  color: #1b3e8f;
  border: 0;
  cursor: pointer;
  margin-top: 10px;
}
#sidebar button:hover{
  color: #58585a;
}

#sidebar a.login{color:#1B3E8F;}
#sidebar a.login:hover{color:#58585a;}

#sidebar span.forward { color: #1b3e8f; } /* Dummy */


 /*  */

#main {
  padding: 1.5em 36px 1.8em 24px;
	margin: 0 230px 0 0;
}
#main h1 {
  font-size: 1.5em;  text-transform: uppercase;
  margin: 1.3em 0 1.0em .27em;
  line-height: 1.5em;
}
#main h2 {
  font-size: 1em;  text-transform: uppercase;
  margin: 1em 0 0 .4em;
}

#main p {
  font-size: 1em;
  margin: 0 0 1em .4em;
}
#main a { 
  font-weight: bold;
  color: #328e6c;
  padding: 0; margin: .2em 0 24px 0;
}
#main a:hover{
	color: #58585a;
}


.member h1, .member h2 { color: #1B3E8F; }
.member h3 {
	background: #1B3E8F;
	color: #fff;
}

.public h1, .public h2 { color: #BC1020; }
.public h3 {
	background: #328e6c ;
	color: #fff;
}

.rot{
	background: #bc1020 ;
	color: #fff;
}

h3.add{
	background-color: #bc1020;
}
/* ------------ Chunk Add Styling ----------*/
.chunkadd h3{
	background-color: #bc1020;
}

a.pdflink, #main a.pdflink, #sidebar .chunkadd a.pdflink{
	background:url(pdf.gif) no-repeat;
	padding: 0px 0px 5px 22px;
	font-weight: normal; 
	color: #58585a;
}
a.pdflink:hover, #main a.pdflink:hover, #sidebar .chunkadd a.pdflink:hover{
	color: #bc1020;
}
#main a.extlink, a.extlink, #sidebar .chunkadd a.extlink{
	background:url(extlink.gif) no-repeat;
	padding: 0px 0px 5px 22px;
	font-weight: normal; 
	color: #58585a;
}
a.extlink:hover, #main a.extlink:hover, #sidebar .chunkadd a.extlink:hover{
	color: #bc1020;
}
#sidebar .chunkadd .abst{
	display: block;
	font-size: 1px;
	height: 5px;
	width: 10px;
}

#footer { padding: 1.5em 8px 0 24px; }
#footer p {
  font-size: .9em;
  margin: 0 0 1em .44em;
}
#footer a{ text-decoration: none; color: #328e6c; }
#footer a:hover{ text-decoration: none; color: #58585a; }
/* -------------- Vorstandsmitglied Tabelle -----------------------*/
.vsmitglied{text-transform: uppercase; color: #bc1020;}

td{vertical-align: top; padding-bottom: 10px; padding-right: 5px;}


/* -------------- Ajax Search -----------------------*/
.ajaxSearch_result{
	/*padding-left: 0.4em;
	border: 1px solid red;*/
}
p.ajaxSearch_resultsInfo {}
span.ajaxSearch_highlight, span.ajaxSearch_highlight1 { font-weight: bold; }
span.ajaxSearch_paging {}
#main a.ajaxSearch_resultLink {
  font-size: 1em;  font-weight: bold; text-transform: uppercase;
  color: #328e6c;
  margin: 0 0 1em 0.4em;
}
span.ajaxSearch_resultDescription {}
div.ajaxSearch_extract { /*font-size: .8em;*/}

.ajaxSaerch_extract p{margin-left}

#ajaxSearch_input{
	border: 1px solid; border-color: #999999 #DDDDDD #DDDDDD #999999; 
	font: bold 1em Verdana, sans-serif;
	color: #58585a;
	padding: 0 .2em; 
	margin-left: .4em;
}

#main .ajaxSearch_resultsInfo{margin-top: 10px;}


/* -------------- LoginForm -----------------------*/

.loginform label{
	position: relative; 
  	display: block; 
	width: 100px;
	float: left;
	padding: 0 0 0 0.4em; 
}
.loginform input{
	border: 1px solid; border-color: #999999 #DDDDDD #DDDDDD #999999; 
	font: bold 1em Verdana, sans-serif;
	color: #58585a;
	padding: 0 .2em; 
}
.loginform div{
	clear: left;
	display: block;
	margin-bottom: 10px;
}

.loginform button {
  /*background-color: white;
  text-align: left;
  padding: 0 0 0 0.4em; 
  font-family: inherit; font-weight: bold;
  color: #1b3e8f;
  border: 0;
  cursor: pointer;*/
  margin: 5px 0px 0px 105px;
}

.loginform button:hover {
  color: #58585a;
}

.loginform p.wlpeMessageText, .wlpeMessage { /* Fehlermeldungen Login */
  color: #bc1020;
  font-weight: bold;
}

/* -------------- Anmeldeformular -----------------------*/
#anmeldeformular {margin-left: 0.4em;}
#anmeldeformular label{padding-right: 10px;}
#anmeldeformular input.textfield, #anmeldeformular textarea{
	border: 1px solid; border-color: #999999 #DDDDDD #DDDDDD #999999; 
	font: bold 1em Verdana, sans-serif;
	color: #58585a;
	padding: 0 .2em; 
	width: 350px;
}
.errors{margin: 0 0 1em 0.4em; color: #BC1020; font-weight: bold;}