/* Gesamtlayout */

/* Standardinitialisierung */
* 
{
	margin: 0;
	padding: 0;
}

html 
{ 
	height: 100%;
}

body 
{
    /* min-height: 101%; */
	font-size: 100.01%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background: #CAC8C7 url(../images/hintergrund.jpg) repeat-y; 
}

button
{
   margin 0;
   padding: 0;
   border: 0;
   background: transparent;
   width: 16px;
   height: 16px;
}

/* Gesamte Seite */
/* Seitenhintergrund */
#page
{
	width: 912px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	background: url(../images/seite_rahmen.jpg) repeat-y;
}


/* Conatiner für Inhalt, Menu und Info */ 
#maincontent
{
	clear: both;
	width: 900px;
	margin-left: 6px;
	background: #EAE9E1; 
}

/* Kopfzeile */
#header
{
	margin-left: 6px;
	height: 100px;
	background: transparent;
}

#header a
{
   text-decoration: none;	   
}

#header img
{
   text-decoration: none;
   border: none;   
}

/* Hauptmenü *
/* Hauptmenuspalte */
#mainmenu
{
	float: left;
	width: 190px;	
}

/* Hauptmenüconatiner*/
#mainmenuleft
{
	margin: 0px 0 0px 15px;
	font-size:12px;
	font-weight: bold;
	color: #6C6665;
}

#mainmenuleft ul li
{
	list-style-type: none;
	margin-bottom: 8px;
}

#mainsubmenu
{
	margin-left: 15px;
}

/* aktueller Menupunkt */
.current
{
	color: #469F33; 
}

.mitglieder
{
   color: #ECB000;
}

.link,
.section
{
	color: #6C6665;
}

#mainmenu a
{
	display: block; 
	text-decoration: none;	
}

#mainmenu a:hover
{
	color: #312624; 
}

/* eigentlicher Inhalt */
#content
{
	width: 500px;
	margin-left: 190px;
	background: #EAE9E1;
}

/* Titel in Hauptinhalt oben */
#sitetitle,
#sitetitle2,
#sitetitlemitglieder
{
	height: 25px;
	font-size: 18px;
	color: #469F33;	
}

#sitetitle2
{
	margin-top: 15px;
}

#sitetitlemitglieder
{
	color: #ECB000;	
}

/* zusätzliche Infos rechts */
#maininfo
{
	float: right;
	width: 200px;
	background: #EAE9E1;
	font-size:12px;
	color: #6C6665;
}

/* 1.Titel in Infoleiste */
#infotitle
{
	height: 25px;
	font-weight: bold;
}


/* Loginbereich */
/* Silverstripe-Form muß per CSS angepasst werden */
#Form_LoginForm fieldset
{
	border: none;
}

#login
{
	margin: 0px 0px 10px;
	width: 190px;
	border: 1px solid #ACA8A7;
	background: #F9F9F7;
}

#login p
{
	margin: 5px 10px 5px 10px;
}


#Form_LoginForm_action_DoLogin,
#Form_LoginForm_action_DoLogout
{
	width: 170px;
	height: 20px;
	margin: 5px 10px 10px 10px;
	padding: 0px 0px 1px 5px;
	border: 1px solid #ACA8A7;
	background: #F1C74C;
	text-align: left;
}

#Form_LoginForm_action_DoLogin:hover,
#Form_LoginForm_action_DoLogout:hover
{
   background:  #ECB000;
}

.middleColumn input
{
   width: 163px;
	height: 17px;
	padding: 0px 0px 1px 5px;
	border: 1px solid #ACA8A7;
	background: #EAE9E1;
	text-align: left;
}

#Form_LoginForm_Name
{
	margin: 10px 10px 0px 10px;
}

#Form_LoginForm_Passwort
{
	margin: 5px 10px 0px 10px;
}

/* Links in rechter Spalte */
.globallinks 
{
	margin: 5px 10px 5px 0px;
}

.globallinks a
{
	width: 190px;
	height: 40px;
	display: block;
}

/* Kontaktdaten in der Infoleiste */
#kontaktlinkbox
{
	width: 190px;
	margin-top: 10px;
	line-height:130%;
	font-weight: bold;
}

#kontaktlinks
{
	width: 190px;
	margin-top: 5px;
	border: 1px solid #ACA8A7;
	background: white;
}

#kontaktlink
{
	margin: 5px 0px 10px 5px;
	font-weight: normal;
}

#kontaktlink  h3
{
   font-size: 12px;
	font-weight: bold;
}

#kontaktlink a
{
	color: #7DBA69; 
	text-decoration: none;	
}

#kontaktlink a:hover
{
	color: #367823; 	
}

#kontaktlink span
{
	font-weight: bold;
}

/* aktuelle Newsletter in Infoleiste */
#newsletterlinkbox
{
	width: 190px;
	margin-top: 10px;
	font-weight: bold;
}

#newsletterlink
{
	margin-top: 5px;
	padding: 5px 5px 5px 5px;
	background: #F9F9F7;
	border: 1px solid #ACA8A7;
	font-weight: normal;
}

#newsletterlink_bottom
{
	margin-top: 5px;
}

#newsletterlink_bottom a
{
	margin-top:15px;
	text-decoration: none;	
	color: #7DBA69;
}

#newsletterlink_bottom a:hover
{
	color: #367823;
}

#newsletterlink_right
{
	margin: 10px 0px 0px 95px;
}

#newsletterlink_left
{
	float: left;
	margin-top: 10px;
}

#newsletterlink_left a 
{
   text-decoration: none;	
}

#newsletterlink_left img 
{
   border: none;	
}

#newsletterlink_link  
{
	font-weight: bold;
	/* color: #469F33;   */
	color: red;
}

#newsletterlink_link:hover
{
	font-weight: bold;
	color: #469F33;
}

/* Block für Adobe-PDF-Reader */
#pdfbox
{
	width: 190px;
	margin-top: 10px;
	font-weight: bold;
}

#pdflink
{
	margin-top: 5px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #ACA8A7;
	background: #F9F9F7;
	font-weight: normal;
}

#pdflink a
{
	margin-top: 5px;
	width: 178px;
	height: 39px;
	display: block;
	background: url(../images/get_adobe_reader2.jpg);
	text-decoration: none;
}

#pdflink a:hover
{
	background: url(../images/get_adobe_reader2_over.jpg);
}

/* Newsletter-Block, News, Vorstand, Management, Presse */
#newsletterblock,
#lagblock,
#memberblock,
#newsblock,
#foerderblock,
#protokollblock,
#kontaktblock,
#impressum,
#presseblock,
#projektblock
{
	width: 498px;
	margin-bottom: 10px;
	border: 1px solid #ACA8A7;
	background: white;
	overflow: hidden; 
	line-height: 120%;
}

#newsletterblock a,
#lagblock a,
#memberblock a,
#newsblock a,
#foerderblock a,
#protokollblock a,
#presseblock a
{
	text-decoration: none;
	color: #7DB968; 
}

#newsletterblock a:hover,
#lagblock a:hover,
#memberblock a:hover,
#newsblock a:hover,
#foerderblock a:hover,
#protokollblock a:hover,
#presseblock a:hover
{
	color: #367823; 
}

#newsletterblock img,
#lagblock img,
#memberblock img,
#newsblock img,
#foerderblock img,
#protokollblock img,
#presseblock img,
#projektblock img
{
	border: none;
}

#newsletterblock_left,
#lagblock_left,
#memberblock_left,
#newsblock_left,
#foerderblock_left,
#protokollblock_left,
#presseblock_left
{
	margin: 10px 10px 10px 10px; 
	font-size: 12px;
	color:#6C6665;
}


#newsletterblock_left h3,
#lagblock_left h3,
#memberblock_left h3,
#newsblock_left h3,
#foerderblock_left h3,
#protokollblock_left h3,
#presseblock h3
{
	color: #00524E;
	font-size: 12px;
}

#newsblock h4,
#foerderblock_left h4,
#protokollblock_left h4
{
	color:#6C6665;
	font-size: 12px;
}

#newsletterblock_left p,
#lagblock_left p,
#memberblock_left p,
#foerderblock_left p,
#protokollblock_left p,
#presseblock_left p
{
	margin-top: 15px;
	color:#6C6665;
	font-size: 12px;
}


#newsletterblock_right,
#lagblock_right,
#memberblock_right,
#newsblock_right,
#foerderblock_right,
#protokollblock_right,
#presseblock_right
{
	float: right;
	margin: 10px 3px 0px 10px;
}

/* Kontaktdaten  und Impressum */
#impressum h3
{
	margin: 10px 10px 10px 10px; 
   color:#105D58;
	font-size: 12px;
}

#impressum h4
{
   margin: 10px 10px 0px 10px; 
	font-weight: bold;
	font-size: 12px;
	color: #6C6665;
}

#impressum p
{
	margin: 15px 10px 0px 10px; 
	font-size: 12px;
}

#kontaktblock,
#impressumblock
{
   width: 478px;
	padding: 10px 10px 10px 10px; 
	font-size: 12px;
	color: #6C6665;
	line-height: 140%;
	font-weight: normal;
}

#kontaktblock p,
#impressumblock p
{
	margin-top: 10px;
	padding: 0;
	margin-left: 0;
	font-size: 12px;
}

#kontaktblock h3,
#impressumblock h3,
#projektkopf h3
{
	color: #00524E;
	font-size: 12px;
}

#kontaktblock h4,
#projektkopf h4
{
   margin-top: 10px;
	font-weight: bold;
}

#kontaktblock a,
#impressumblock a,
#impressum a,
#projektblock a
{
	text-decoration: none;
	color: #7DBA69; 
}

#kontaktblock a:hover,
#impressumblock a:hover,
#impressum a:hover,
#projektblock a:hover
{
	color: #367823; 
}

/* Projektanzeige */

#projektblock
{
	font-size: 12px;
	color: #6C6665;
	line-height: 140%;
	font-weight: normal;
}

#projektkopf
{
   margin: 5px 5px 10px 5px;
}

#projektkopf h3
{
   margin-top: 15px;
}

#projektkopf img
{
	float: left;
	margin-right: 10px;
}

#projektdaten
{
   float: left;
   width: 478px;
   margin: 10px 15px 0px 10px;
}

#projektdaten  td
{
   padding-top: 5px;
   vertical-align: top;
}

#projektdaten ul
{
   margin-left: 15px;
}





#projektdaten span
{
   float: right;
   margin: -20px 5px 10px 10px;
}

#projektlinkespalte
{
   width: 150px;
}



/* normale Inhalt aus CMS_Editor */
#contentblock
{
	width: 478px;
	margin-bottom: 10px;
	border: 1px solid #ACA8A7;
	background: white;
	overflow: hidden; 
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	line-height:140%;
	color: #6C6665;
}

#contentblock h3
{
	color: #00524E;
	font-size: 12px;
}         

#contentblock a
{
	text-decoration: none;
	color: #7DB968; 
}

/* Abschluß der Mittelzeile */
#ContentEnd
{
  	margin-left: 190px;
  	width: 510px;
	height: 56px;
   background: url(../images/Logo_Fusszeile.jpg) no-repeat;  
}


#bilder
{
   width: 700px;
   margin-left: 190px;
}

/* Gallerie */
#bilderlinks
{
   float: left;
   width: 480px;
	background: #EAE9E1;
   border: 1px solid #ACA8A7;
}

#bilderrechts
{
   width: 180px;
   background: yellow;
   border: 1px solid #ACA8A7;
   margin-left: 490px;
}


/* Fußzeile/Abschluß */
#footer
{
	clear: both;
}

/* Aus und Einklappbutton */
.einklappen,
.ausklappen
{
   background: transparent;
   border: none;
}

.einklappen:focus,
.ausklappen:focus
{
   border: none;
}