@charset "UTF-8";
@media screen {
 
* {margin:0; padding: 0}

/* GRUNDSTRUKTUR	
########################## */

body {
	background: -moz-linear-gradient(top, #132906, #00FF99);
	color: #4C4C4C;
	padding: 0 0 30px 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: center; 
}

html>body { 
	/* font-size: 16px; */  /*Set correct font-size for safari browsers */
}

body * {text-align: left; }
	
/* PAGE  
==============================*/
div#page { /* 974px + li/re 1px border */
	/*border:1px solid #dddcdc;*/
	position:relative;
	border-top:0;
	/* font-size: 0.625em; */ /* 1em is 10px */
	min-height: 510px;
	width: 960px; 
	margin: 0 auto; 
	padding: 97px 9px 0; 
	/* position: relative; */
}

/* HEADER */

div#header {	
	position:absolute;
	top:0;
	left:auto;
	height:97px;
	width:960px;
	background:#86b416;
	/*text-align:right;*/
	}		
	
a.homelink {
	position:absolute; 
	bottom:16px; 
	left: 88px;
	
	padding:0;
	margin:0;
	background:url(../img/logo.png) 0 0 no-repeat;
	text-indent:-999em;
	width:381px;
	height:62px;
}
div.blume {
	position:absolute;
	bottom:-12px;
	left:-18px;
	height:97px;
	width:92px;
	background:url(../img/blume_bg.png);
	z-index:99;
}
a.gruene_berlin {
	position:absolute;
	right:18px;
	display:block;
}
#header a.gruene_berlin {
	top:2px;
	width:68px;
	height:54px;
	background:url(../img/gruene_berlin_top.png);
}
#footer a.gruene_berlin {
	bottom:5px;
	width:93px;
	height:73px;
	background:url(../img/gruene_berlin_footer.png);
}
	
#headerBild {
	background: no-repeat bottom right; 
	border-bottom:1px solid #86b416;
}
	
#nav_meta { 
	background:#fff url(../img/nav_meta_bg.gif) 0 -1px no-repeat;
	position:absolute;
	right:0;
	bottom:0;
	/*padding:3px 0 0 0;*/
	height: 32px;
	width:421px;
	text-align: right; 
}
#nav_meta  input[type=submit] {
	height:18px;
	font-size:11px;
}
input[type=submit] {
	cursor:pointer;
}
input[type=submit]:hover {
	border: 1px solid #7d9640;
	background:url(../img/search_button_hover_bg.png);
	color:white;
}

#nav_meta input {
	height:16px;
	line-height:16px;
	margin:7px 0 0 10px;
}
#nav_meta input.field {
	background:#e8f1d3;
	margin-left:17px;
}
	/* SUCHEN */
	div.tx-macinasearchbox-pi1 { width:270px; text-align:right;}
	.tx-indexedsearch-search-submit {margin-left:11em;}
	.tx-indexedsearch-search-submit input {font-weight:bold;color:#FFF;text-align:center;background:#86B416;}
	.tx-indexedsearch-search-submit input:hover {background:#79930f;color:#fff;}
	p.tx-indexedsearch-noresults {text-align:left;}
	ul.browsebox {margin:0;padding:0;}
	input.field { 
		border: 1px solid #999999;
		float:left;
		font-size:10px;
		line-height: 11px; 
		height: 12px; 
		padding: 0 3px 0 3px; 
		margin-left:0px;
		width: 155px; 
		} 
	input.suche_send {  
		height:16px;
		background:url(../img/search_button_bg.png);
		color:#fbfcfa;
		border:1px solid #3d5600;
		float:left;
		line-height: 16px; 
		text-align: center;
		padding: 0 3px 0 3px;}

	div#printlink {
		float:right;
		text-align:left;
		width: 193px;  	
		height:25px;
		padding:10px 0 0;	
	}	
	
	#nav_meta li.printlink  {border:0;background: url('../img/icon_print.gif') 0 3px no-repeat;padding-left:18px;}
	li.printlink  a {border:0;}
	
	#languages { display: inline; float: right; margin: 0; padding: 0; }
	#languages a { margin: 0; padding: 0; line-height: 0; }

	
/* CONTENT 
===================================*/

#contentTop {
	background:url('../img/contentTop_bg.png');
	/* Diese Hoehe muss dan TYPO3 in Abhaengigkeit von der Bildhoehe ausgeben  ueber headerData */
	height:308px; 
	overflow:hidden;
	padding: 0 16px ;
	width:507px;
	position:absolute;
	top:97px;
	left:9px; 
	}
#breadcrumb { 
	color:#9F9F9F;
	clear:both;
	line-height:24px;
	padding:7px 0 0 242px;
	height: 41px;
	text-align: left; 
}
	#breadcrumb .active { }
#content_all {
	clear: both; 
	background:#fff;
	width:100%;
	
}

/*LINKE SPALTE */
#col_left {  
	background:#FFF;
	float:left; 
	margin:8px 0 0;
	padding: 0 16px 0 16px;
	width: 216px; 
	}
	#nav_main { margin: 0; }	

/* COLUMNS // EINZELNE SPALTEN */
#columns {	
	display:inline;
	border-top: 0;
	/*width: 732px; */
}		

/* SPALTENBREITEN
########################## */

/* c0 >> 2spalter: 2-1 */
#c0_middle {
	float:left;
	margin:0 16px 0 0;
	padding:0 16px;
	width:432px;
	}
#c0_right {
	float:left;
	margin:0;
	padding:0;
	width:216px; 
	}
	/* Fuer Box mit Hintergrundfarbe */
	/* #c0_right .content_right {background: lightgreen;padding:5px 5px 0 5px;margin:18px 0 0 0;} */
#c1_middle {
	float:left;
	margin:0 16px 0 0;
	padding:0;
	width:228px;
	}
#c1_right {
	float:left;
	padding:0;
	width:472px;
	}

/* c2 >> 2spalter: 1-1 */
#c2_middle {
	float:left;
	margin:0 16px 0 0;
	padding:0;
	width:350px;
	}
#c2_right {
	float:left;
	margin:0;
	padding:0;
	width:350px; 
	}	
	
/* Layout 3: 3spalter  1-1-1: -/-/- */
#c3_middle, .c3_middle {
	float:left;
	margin:0 16px 0 0;
	padding:0;
	width:228px;
	}
#c3_right, .c3_right {
	float:left;
	margin:0 16px 0 0;
	padding:0;
	width:228px;
	}	
#c3_border, .c3_border {
	float:left;
	margin:0;
	padding:0;
	width:228px;
	}		
	
/* Layout 4: 1spalter  1: --- */	
#c4_middle { 
	float:left;
	margin:0;
	padding:0 15px 0 0;
	}
	
#footer{
	height:1%;
	position:relative;
	clear:both;
	padding:82px 10px 5px;
	background:#86b416 url(../img/footer_bg.gif) top left repeat-x;
}

#footer_close {
	width:978px;
	position:absolute;
	bottom:-18px;
	left:0;
	height:18px;
	background:url(../img/footer_close_bg.png) -3px 0;
}

#footer ul {
}
#footer a {
	font-size:110%;
	color:#fff;
}
#footer li {
	width:194px;
	list-style:none;
	padding:3px 5px;
	border-bottom:1px dotted #fff;
}
#footer li.last {
	border-bottom:0 none;
}
#footer a.logo {
	position:absolute;
	bottom:5px;
	display:block;
	height:35px;
}
#meinvz {
	background:url(../img/meinvz_logo.png);
	width:71px;
	left:375px;
}
#facebook {
	background:url(../img/facebook_logo.png);
	left:266px;
	width:93px;
}
/* FONTS FARBEN TYPO */
/* ######################################################### */

/* UEBERSCHRIFTEN */
h1,h1 a,h2,h2 a, h3,h3 a, h4,h4 a,h5,h5 a, h6 {font-weight: bold; }
h1 { 
	color: #333333; 
	font-family: Georgia, Times, serif; 
	font-size: 20px; 
	font-weight: normal; 
	margin: 0 0 13px; 
	padding: 9px 0 5px; 
	line-height:27px;
	}
#c0_middle h1 {	
	background:#ecf3da url('../img/h1_bg.gif') bottom right no-repeat; 
	margin-left:-16px;
	padding-left:16px;
	}
/* h1.csc-firstHeader, h2.csc-firstHeader {margin-top:0;padding-top:0;} */
/*h2 { color: #666; font-size: 16px; margin: 20px 0px 6px;}*/
h2 { color: #666; font-size: 16px; margin: 0 0px 6px;}
h3 { color: #666; font-size: 14px; margin: 10px 0px 6px;}
h3 { color: #666; font-size: 16px; margin: 10px 0px 6px;}


/* DIE LINKS  */ 
a { color: #719500; font-family: arial; text-decoration: none; }
#columns a {font-weight:bold;}
/*
a:link { color: #719500; font-family: arial; text-decoration: none; }
a:visited { color: #719500; font-family: arial; text-decoration: none; }
*/
a:hover { text-decoration: underline; }
#nav_main ul li a:hover { color:#000; text-decoration: none; background-color:#F5E415; }
#breadcrumb a:link , #breadcrumb a:visited { color:#9F9F9F; }

/* FILELINKS */
.filelink a { 
	display:block;
	font-size: 1.1em;
	padding: 0 0.5em 0 1.2em;
	background: url(../img/icon_link_download.gif) no-repeat 0 3px;
	line-height:18px;
	margin: 0;
}
/*
.filelink a.first {padding: 0 0.5em 1em 3em;background: url(../img/icon_download.gif) no-repeat 1em 0.3em ;}
.filelink a.last {
	border: 0; 
	padding: 0.5em 0.5em 0.1em 3em;
	line-height:1.2em;
	margin: 0 -1em 0 -1em;
}
*/




/* StandardFormate 
########################## */
img {border: 0; padding: 0 0 0 0; margin: 0 0 0 0;}
strong {font-weight: 800;}
em { font-style: italic; }
 
p, ul, ol, th, td, li  {color: #4C4C4C;  font-family: Arial; line-height: 18px; }
p.bodytext , .csc-sitemap {font-size:12px;}
p { padding: 0 0 18px 0; }

/* Listen */
ul {list-style-type: disc; padding: 0 0 0 18px;}
ol {list-style-type: decimal; padding: 0 0 0 18px;}
ul li , ol li { padding: 0px 0 0 0; margin:0; font-size:12px; }


/* FORMULARE */
form#pageform {padding: 30px 16px;}
form#pageform label {font-size: 8pt; float: left; line-height: 25px;}
form#pageform input {background: transparent; font-size: 9pt; color: #535353; float: right; border: 1px solid #ccc;}
form#pageform input.formsubmit {clear: both; background: #cc66cc url(../images/button_send.png) top left no-repeat; width: 104px; height: 29px; color: #fff; font-weight: bold; border: none; margin: 0px 16px 0px 0px; cursor: pointer;}


/* LISTEN
########################## */

#nav_meta ul, #nav_main  ul {list-style-type: none; margin:0; padding:0; text-indent: 0px;}
#nav_meta ul {
	margin-top:4px;
}


/* META NAVIGATION */ 
#nav_meta ul {float: right;}
#nav_meta ul li, #nav_main ul li { margin: 0; padding: 0; text-indent: 0px; }
#nav_meta ul li { border-right: 1px solid #dedede; display: inline; text-indent: 0; padding: 0 7px 2px 0;}
#nav_meta ul li.ebene1_last { border: 0; }
#nav_meta ul li a { 
	/* color: #999; */
	font-weight: 400;
	line-height: 25px; 
	padding: 0px 3px 3px 0;  
	}   


#nav_meta li.sitemap  {border:0;background: url('../img/icon_sitemap.gif') 0 3px no-repeat;padding-left:16px;}
#nav_meta li.contact  {border:0;background: url('../img/icon_contact.gif') 0 3px no-repeat;padding-left:18px;}
#nav_meta li.imprint  {border:0;background: url('../img/icon_imprint.gif') 0 3px no-repeat;padding-left:10px;}
#nav_meta li.privacy  {border:0;background: url('../img/icon_privacy.gif') 0 3px no-repeat;padding-left:11px;}


/* #############  MAIN NAVIGATION ############ */
#nav_main a { color: #064028; font-size: 12px; display:block;  }
#nav_main a:hover { background:#F5E415; color: #000;  font-size: 12px; display:block;  }
#nav_main ul { padding: 0; }
#nav_main ul.ebene1 li { font-weight: normal; border-bottom: 1px solid #dedede; }
#nav_main ul.ebene1 li.last { border:0; }
#nav_main ul.ebene1 li.ebene1aktiv a {  }
#nav_main ul.ebene1 li.ebene1aktiv_black a { /*font-weight: bold;*/ background-color:#ECF3DA;}

#nav_main ul.ebene2 { border-top: 1px solid #dedede; }
#nav_main ul.ebene2 li.ebene2_last { padding-bottom: 0; border:0;}
#nav_main ul.ebene2 li.ebene2aktiv_last { padding-bottom: 0; }

/* Abstand aller Links nach unten */
#nav_main ul li a { display:block; margin: .2em 0 .2em 0; padding-left:.2em; }
#nav_main ul li ul li a { background:url('../img/nav_main_arrow.gif') no-repeat 23px .6em; padding-left: 16px; }


/* 3 EBENE */
#nav_main ul li ul li ul li a { padding-left: 20px; }
#nav_main ul.ebene1 li ul.ebene2 li.ebene2aktiv_black a  li a { font-weight:normal; }


/* UNTERPUNKTE VON _black wieder nicht-bold machen */
#nav_main ul.ebene1 li.ebene1aktiv_black ul.ebene2 li a , 
#nav_main ul.ebene1 li.ebene1aktiv_black_last ul.ebene2 li a , 
#nav_main ul.ebene1 li.ebene2aktiv_black ul.ebene3 li a,
#nav_main ul.ebene1 li.ebene2aktiv_black_last ul.ebene3 li a { 
	font-weight:normal; 
	background-color:#FFF;
}

/* UNTERPUNKTE VON _black wieder HOVER ermoeglichen */
#nav_main ul.ebene1 li.ebene1aktiv_black ul.ebene2 li a:hover, 
#nav_main ul.ebene1 li.ebene1aktiv_black_last ul.ebene2 li a:hover , 
#nav_main ul.ebene1 li.ebene2aktiv_black ul.ebene3 li a:hover,
#nav_main ul.ebene1 li.ebene2aktiv_black_last ul.ebene3 li a:hover{ 
	background-color:#F7FFCF;
}


/* AKTIVE auf BOLD setzen */
#nav_main ul.ebene1 li.ebene1aktiv_black ul li.ebene2aktiv_black a , #nav_main ul.ebene1 li.ebene1aktiv_black a , li.ebene3aktiv_black a , li.ebene3aktiv_black a ,
#nav_main ul.ebene1 li.ebene1aktiv ul li.ebene2aktiv_black a , #nav_main ul.ebene1 li.ebene1aktiv ul li.ebene2aktiv_last a 
{
	/* font-weight: bold;  */ background-color:#ECF3DA;
}


/* BILDER  
########################## */
.csc-textpic-imagewrap img { margin: 0 0 5px 0; padding: 0; }
.csc-textpic-image { padding: 5px 0 1px 0; } 
dd.csc-textpic-caption { color:#666; font-style: italic; padding: 5px 0 0 0; }
#content div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {border: 1px solid #666 !important;}


/* TABELLEN  
########################## */
table.contenttable { border-collapse:collapse; width: 100%; }
table.contenttable th, table.contenttable td { border: 0px solid #dedede; padding: 3px; }
table.contenttable th { font-weight: bold; ; background: #EFEFFE; }


/* SITEMAP FORMARTIEN ******************/
div.csc-sitemap ul {
	list-style: none; 
	margin: 0;
	padding: 0;
	text-indent: 0px; 
}
div.csc-sitemap ul li {
	background: #FFFFFF no-repeat 0px 9px;
	text-indent: 0;
	margin: 0;
	padding: 0;
}
div.csc-sitemap ul li a {
	border: 0;
	display: block;
	margin: 0 0 0 20px;
	padding: 3px 0 3px 0;
	text-indent: 0;
}
div.csc-sitemap ul li ul li {
	background: #FFFFFF no-repeat 20px 7px;
}
div.csc-sitemap ul li ul li a {
	border: 0;
	display: block;
	margin: 0px 0 0px 40px;
	padding: 3px 0 3px 0;
}
div.csc-sitemap ul li ul li ul li {
	background: #FFFFFF no-repeat 40px 7px;
}
div.csc-sitemap ul li ul li ul li a {
	border: 0;
	display: block;
	margin: 0px 0 0px 60px;
	padding: 3px 0 3px 0;
}


/***************************************	
***** ANFRAGE- MAILFORMULAR *******************
****************************************/
	
	
.csc-mailform  .csc-form-labelcell label {
	font-weight: bold;
	margin: 20px 0 0 0;
	
}
.csc-form-labelcell { 
	clear: both; 
	margin: 20px 0 0 0 ;
}
#mailformformtype_mail {
	margin: 20px 150px 20px 0 ;
	
}


.csc-mailform .textarea { 
	font-family: Arial, sans-serif	;
}
form * {
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	border: 0;
}
fieldset { 
	border: 0; 
	margin: 0;
	padding: 0;
}
input, textarea , select , option { 
	background: #FFF;
	border: 1px solid #dddcdc ; 
	margin: 3px 3px 3px 0;
	font-size: 12px; 	
	color: #666;
}
option { border: 0; }

input, textarea  { 	
	padding: 3px; 
}

td input {
		width: 250px;
}
	
	
input:hover, textarea:hover , select:hover, input:focus, textarea:focus , select:focus { 
	background: #FFF;
	color: #000;
	border: 1px solid #86B416; 
}
#mailform .csc-mailform-field label {margin-top:12px; display:block;}
#mailform input.csc-mailform-submit { 
	background: #86B416;
	color: #FFF;
	width: 130px;
	overflow:hidden;
	font-weight: bold;
	letter-spacing: 2px;
	text-align:center;
}
#mailform texara {width:450px;padding: 3px; }



/* NEWS */
div.news {
	padding:0;
}
div.news div {
	min-height:73px;
	padding:8px 0 4px 75px;
	border-bottom:1px dotted #bdd986;
}
div.news img {
	margin:5px 0 0 -80px;
	float:left;
}
div.news.latest {
 	margin:8px 0 0;
}
div.news.latest p {
	padding:0 0 4px 0;
}
ul.news.latest h2 a {
	font-weight:bold;
}
div.news h2 {
	font-family:Georgia, Times, serif;
}
div.news h2 a {
	font-family:inherit;
	font-weight:inherit;
	font-size:inherit;
	
}
div.news h2 span {
	color:#999;
	font-size:85%;
	
}
div.news div.archive, div.news div.browse, div.news.single div { 
	border:0; 
	min-height:0; 
}
div.news.single div {padding: 0 }
div.news.single img { margin:0 15px 10px 0; }
div.news div.archive {
	text-align:right;
}
div.news .backlink { cursor:pointer; color: #719500; font-family: arial; text-decoration: none;  font-weight:bold; }
div.news .backlink:hover { text-decoration:underline; }
	
/* SONSTIGES 
########################## */
.clear {clear: both;}
.left { float: left; }
.right { float: right; }

.trenner {clear:both; border-bottom:1px solid #dedede;padding:10px 0 10px 0;}
.spacer {clear:both; padding:10px 0 10px 0;}
hr, .invisible {visibility:hidden;position:absolute;left:-9999px;top:-99999px;}
.clear {clear:both;}
.hidden {display:none;}

/*RAHMEN: Linie danach */
.csc-frame-rulerAfter { border-bottom : 2px dotted #dedede; margin: 10px 0 10px 0;} /*STICHLINIE UNTER CONTENT BOX*/
.csc-textpic, .csc-textpic-intext-left-nowrap { border: 0;}
.csc-frame-rulerBefore {border-top:1px solid #CCC; margin:0 0 16px;}


} /*ENDE: Media SCREEN*/