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

* {
	color: #333;
}

body {
	padding: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	background-color: white;
	background-image: url(images/leftbg.gif);
	background-repeat: repeat-y;
	}
	
/* ************************************************************************************************************************************ */	
/* Tag's für Struktur des Dokuments */

#box_container {
	width: 900px;
	text-align: left;
	z-index: 1;
}

#menu_vertical {
	width: 183px;
	z-index: 2;
	position:absolute;
	left: 0px;
	margin-top: 1px;
	top: 0px;
	color:#FFF;
	overflow: hidden;
	height: 500px;
} 

#content_body {
	width: 700px;
	z-index: 3;
	top: 90px;
	position:absolute;
	left: 220px;
}

div.menu_vertical_box {
/*	float: left;   */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F4F4F;
	line-height: 20px;
	display: block;
	margin-left: 0px;
	width: 158px;	
}



/* Div Tag für das Horizontal Menu */ 
/* ************************************************************************************************************************************ */	
/* Div Tag für die Grösse der Navigation oben und unten  	*/	

div.menu_vertical_box a {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-right: 18px; 
}

a.menu_vertical_activ,
a.menu_vertical_activ:visited,
a.menu_vertical_activ:hover,
a.menu_vertical_activ:active,
a.menu_vertical_activ:link {
	display:block;
	text-decoration: none;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 29px;
	width:158px;
	text-align: right;
	margin-right: 15px;
	background-color: #CCCCCC;
	padding-right: 18px;
	text-transform: uppercase;
	background-image: url(images/nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-weight: bold;
}

a.menu_vertical:visited,
a.menu_vertical:link {
	display:block;
	text-decoration: none;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 29px;
	width:158px;
	text-align: right;
	margin-right: 15px;
	padding-right: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

a.menu_vertical:hover {
	display:block;
	text-decoration: none;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 29px;
	width:158px;
	background-color: #CCCCCC;
	text-align: right;
	margin-right: 15px;
	padding-right: 18px;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(images/nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: right;	
}

a.menu_vertical:active {
	display:block;
	text-decoration: none;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 29px;  
	width:158px;
	text-align: right;
	margin-right: 15px;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url(images/nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: right;
}

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

a:visited,
a:active,
a:link {
		text-decoration:underline; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size:14px; 
		font-weight:normal;
		color: #333;
} 
		
a:hover {
		text-decoration:underline; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:14px; 
		font-weight:normal;
		color: #ffcc00;
} 
  

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color: #333;
} 

h2 {	
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
}
		
		
p, ul, ol, td  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #333;
} 

textarea, input, select { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size:14px; 
		color: #333; 
} 

.bildunterschrift { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size:10px; 
		color: #333; 
} 
		

/* ************************************************************************************************************************************ */	
/* Abstand zwischen Bildern*/

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-buttom: 20px; }


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


  FORM FIELDSET.csc-mailform {
		border: 0px; 
		padding: 2px;
		
		}

  FORM FIELDSET.csc-mailform DIV.csc-mailform-field LABEL {
		font:  normal 11px Verdana, sans-serif; 
/* 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 {
		padding: 1px; 
  		font:  bold 11px Verdana, sans-serif; 
		} 

.csc-mailform-field { 
		padding: 2px; 
		text-align: left;
		}
		
.csc-mailform-radio  {
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		width: 500px;
	}
	
fieldset  {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

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

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

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