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



/* ************************************************************************************************************************************ */	
/* CSS Document */

body {
	background-color: #B2D023;
	background-image: url(images/layout_hg_verlauf.jpg);
	background-repeat: repeat;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0px 0 20px 0;
	padding: 0;
	background-position: 0px 0px;
	}
#box_container {
	width: 1050px;
	text-align: left;
	background-color: #B2D023;
	margin: 0 auto;
	
}
/* ************************************************************************************************************************************ */	
/* Tag's für Struktur des Dokuments */

#header {
	position:relative;
	left:0px;
	top:0px;
	overflow: hidden;
	background-image: url(images/layout_header.jpg);
	width: 1050px;
	height: 175px;
}

#navi {
	position:relative;
	left:0px;
	top:0px;
	width:1050px;
	overflow: hidden;
	visibility: visible;
	height: 30px;
}

.inhalt {
	background-image: url(images/layout_content_hg.jpg);
	background-repeat: repeat;
	position:relative;
	width:1050px;
}

.navi_l {
	width: 120px;
	float: left;
	height:30px;
	
}

.navigation {
	width: 800px;
	float: left;
	background-color: #FFFFFF;
	height:30px;
}

.navi_r {
	width: 130px;
	float: left;
	height:30px;
}

.inhalt_l {
	background-image: url("images/layout_spalte_l.jpg");
	background-repeat: repeat;
	width: 120px;
	float: left;
	
}

.content {
	width: 800px;
	float: left;
	background-color: #FFFFFF;
}

.inhalt_r {
	background-image: url(images/layout_spalte_r.jpg);
	background-repeat: repeat;
	width: 130px;
	float: left;
	
}

.footer {
	float: left;
	width:1050px;
	height:60px;
	text-align: center;
	color:#CCCCCC;
	overflow: hidden;
}



/* ************************************************************************************************************************************ */	
/* Div Tag für news */		

.menu_oben {
	background-image: url(images/knopf_off.jpg);
	background-repeat: repeat;
	float: left;
	background-color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1.5px;
/*	margin: 1px;   */
	color: #FFFFFF;
	line-height: 30px;
	display: block;
	width: 125px;
	text-align: center;	
}



/* ************************************************************************************************************************************ */	
/* CSS für die ausgeklappte Menu Oben Navigation 	*/	

a.menu_oben:link {
	background-image: url(images/knopf_off.jpg);
	background-repeat: repeat;	
	display:block;
	text-decoration: none;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1.5px;
	margin: 1px;
	border: none;
	width:125px;
	height:30px;
}

a.menu_oben:visited {
	background-image: url(images/knopf_off.jpg);
	background-repeat: repeat;
	display:block;
	text-decoration: none;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1.5px;
	margin: 1px;
	
}

a.menu_oben:hover {
background-image: url(images/knopf_on.jpg);
	background-repeat: repeat;
	display:block;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1.5px;
	margin: 1px;
	color: #FFFFFF;
	
	background-color: #999999;
}

a.menu_oben:active {
	background-image: url(images/menu_off.jpg);
	background-repeat: repeat;
	display:block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1.5px;
	margin: 1px;
	color: #FFFFFF;
	
}

/* ************************************************************************************************************************************ */	
/* Div Tag für footer */		

div#footer a:link 	{
		color:#CCCCCC;
		text-decoration:underline;
		font-family:Verdana, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
}

div#footer a:visited {
		color:#CCCCCC; 
		text-decoration:underline; 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:normal;
}

div#footer a:hover {
		color:#CCCCCC; 
		text-decoration:none; 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:normal;
}

div#footer a:active {
		color:#CCCCCC; 
		text-decoration:underline; 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:normal;
}


/* ************************************************************************************************************************************ */	
/* Tag's für Dokument */


a:link {
		color:#666666; 
		text-decoration:underline; 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size:12px; 
		font-weight:bold;
} 
		
a:visited {
		color:#666666; 
		text-decoration:underline; 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size:12px; 
		font-weight:bold; 
} 
		
a:active {
		color:#666666; 
		text-decoration:underline; 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size:12px; 
		font-weight:bold; 
} 
		
a:hover {
		color:#666666; 
		text-decoration:none; 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size:12px; 
		font-weight:bold; 
} 

table {
		font-family:Verdana, Helvetica, sans-serif;
		color:#666666;
		font-size:12px;
				
} 
		
td { 
		font-family:Verdana, Helvetica, sans-serif; 
		color:#666666;
		font-size:12px;
		
} 



/* ************************************************************************************************************************************ */	
/* übrige CSS-Styles */

h1 {
	color:#666666;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:18px;
	background-repeat: no-repeat;
	vertical-align: text-top;
	height: 25px;
} 

h2 {	
	color:#CC0033; 
	font-family:Verdana, Helvetica, sans-serif; 
	font-size:12px;
}
		
.titel_news {	
	color:#CC0033; 
	font-family:Verdana, Helvetica, sans-serif; 
	font-size:12px;
} 

.text_news {	
	color:#666666; 
	font-family:Verdana, Helvetica, sans-serif; 
	font-size:11px;
}		
		
p {
	color:#666666;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
} 

ul {
		color:#666666; 
		font-family:Verdana, Helvetica, sans-serif;
		font-size:12px;
} 
		

ol {
		color:#666666; 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size:12px; 
} 
		
li {	color:#666666; 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size:12px;
}
		 

textarea { 
		font-family: Verdana, Helvetica, sans-serif; 
		font-size:12px; 
		color: #666666; 
} 
		
input { 
		font-family: Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #666666; 
} 
		
select { 
		font-family: Verdana, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #666666; 
} 


/* ************************************************************************************************************************************ */	
/* Mail Formular, specifically */


  FORM FIELDSET.csc-mailform {
		border: 0px; 
		padding: 5px;
		background-color: #FFFFFF;
		}

  FORM FIELDSET.csc-mailform DIV.csc-mailform-field LABEL {
		font:  normal 11px Verdana, sans-serif; 
		color: #666666;

/* Mail Formular, Abstand zwischen Text und Feld */
		margin-right:1em; 
		width:9em; 
		float:left;
}

/* Mail Formular, Astand zwischen den Zeilen */
  FORM FIELDSET.csc-mailform DIV.csc-mailform-field { 
		padding: 2px; 
		}

  FORM FIELDSET.csc-mailform DIV.csc-mailform-label {
		padding: 3px; 
  		font:  bold 11px Verdana, sans-serif; 
  		color: #666666; 
		} 

/* Mail Formular, Absende Knopf */
.csc-mailform-submit {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		color: #FFFFFF;
		border: 0px;
		width: 200px;
		height: 20px;
		background-color: #78B512;
		margin-top: 5px;
		border-right: 1px outset;
		border-bottom: 1px outset;
}

/* Mail Formular, Farbwechsel beim Eingabefeld */
input:focus{
		background-color:#F5F5F5;
		color:#000000;
		}






/* ************************************************************************************************************************************ */	
/* 3 Cols, specifically */


.c3l1-left{
	   border-right: 1px solid #FFFFFF;
	   padding-right: 5px;
	   width:33%;
	   vertical-align: top;
	   white-space:normal;
	   background-color: #FFFFFF;
}

.c3l1-middle{
	   border-right: 1px solid #FFFFFF;
	   padding-left: 5px;
	   padding-right: 5px;
	   width:34%;
	   vertical-align: top;
	   white-space:normal;
	   background-color: #FFFFFF;
}

.c3l1-right{
	   padding-left: 5px;
	   width:33%;
	   vertical-align: top;
	   white-space:normal;
	   background-color: #FFFFFF;
}

/* ************************************************************************************************************************************ */	
/* 2 Cols, specifically */


.c2l1-left{
	   border-right: 1px solid #FFFFFF;
	   padding-right: 5px;
	   width:33%;
	   vertical-align: top;
	   white-space:normal;
	   background-color: #FFFFFF;
}

.c2l1-middle{
	   border-right: 1px solid #FFFFFF;
	   padding-left: 5px;
	   padding-right: 5px;
	   width:34%;
	   vertical-align: top;
	   white-space:normal;
	   background-color: #FFFFFF;
}

/* ************************************************************************************************************************************ */	
/* Mailform Error */

.error {
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
}