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



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

body {
	background-color: #333;
	background-image: url(images/hintergrund.gif);
	background-repeat: repeat;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	padding: 0;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	scrollbar-arrow-color: #000000;
	scrollbarBaseColor: #333333;
	scrollbar-track-color: #333333;
	scrollbar-face-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color: #333333;
	scrollbar-shadow-color: #333333;
	}
	
#box_container {
	width: 1136px;
	text-align: left;
	background-color: #333;
	height: 724px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 10;
}


/* ************************************************************************************************************************************ */	
/* Tag's für Struktur des Dokuments */


#logo {
	position:absolute;
	left:0px;
	top:0px;
	overflow: hidden;
	width: 517px;
	height: 103px;
	z-index: 20;
}

#menu_horizontal {
	background-image: url(images/layout_navi.gif);
	position:absolute;
	left:517px;
	top:0px;
	width:619px;
	overflow: hidden;
	visibility: visible;
	height: 103px;
	z-index: 30;
	text-align: left;
	
}

#menu_vertical {
	width: 170px;
	height: 400px;
	left: 20px;
	top: 45px;
	position: absolute;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	z-index: 50;
}

#content_l {
	width: 103px;
	height:515px;
	position: absolute;
	left: 0px;
	top: 103px;
}

#content_box {
	width: 928px;
	background-color: #333;
	height: 515px;
	left: 106px;
	top: 106px;
	position: absolute;
	background-image: url(images/layout_start_r2_c2.gif);
	overflow: auto;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	z-index: 35;
}

#bild {
	width: 928px;
	background-color: #333;
	height: 515px;
	left: 106px;
	top: 106px;
	position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	z-index: 38;
}


#content {
	width: 700px;
	height: 450px;
	left: 210px;
	top: 30px;
	position: absolute;
	overflow: auto;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	z-index: 60;
}

#content_r {
	width: 103px;
	height:515px;
	left: 1033px;
	top: 103px;
	position: absolute;
}

#footer {
	position: absolute;
	left: 0px;
	top: 618px;
	width:1136px;
	height:103px;
	text-align: center;
	color:#CCCCCC;
	overflow: hidden;
	background-image: url(images/layout_start_r3_c1.gif);

}



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

.menu_horizontal {
	width:103px;
	height: 103px;
	float:left;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(images/navi_off.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 80px;
}

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

a.menu_horizontal:link 	{
	background-image: url(images/navi_off.gif);
	display:block;
	width:103px;
	height:103px;
	border: none;
	text-decoration: none;
	text-indent: 10px;
	color:#FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
}

a.menu_horizontal:visited {
	background-image: url(images/navi_off.gif);
	display:block;
	width:103px;
	height:103px;
	border: none;
	text-decoration: none;
	text-indent: 10px;
	color:#FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
}

a.menu_horizontal:hover {
	background-image: url(images/navi_on.gif);
	display:block;
	width:103px;
	height:103px;
	border: none;
	text-decoration: none;
	text-indent: 10px;
	color:#FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
}

a.menu_horizontal:active {
	background-image: url(images/navi_off.gif);
	display:block;
	width:103px;
	height:103px;
	border: none;
	text-decoration: none;
	text-indent: 10px;
	color:#FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
}



/* ************************************************************************************************************************************ */	
/* CSS für das horizontale Menu  	*/	

.menu_vertical {
	width:170px;
	display: block;
	float: left;  
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	
}


a.menu_vertical:link {
	display:block;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	line-height: 18px;
	vertical-align: middle;
/*	background-color: #333;  */
	letter-spacing: 1px;
	text-indent: 4px;
}

a.menu_vertical:visited {
	display:block;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	line-height: 18px;
	vertical-align: middle;
/*	background-color: #333;  */
	letter-spacing: 1px;
	text-indent: 4px;
}

a.menu_vertical:hover {
	display:block;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	line-height: 18px;
	vertical-align: middle;
	background-color: #666;
	letter-spacing: 1px;
	text-indent: 4px;
}

a.menu_vertical:active {
	display:block;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	line-height: 18px;
	vertical-align: middle;
/*	background-color: #333;  */
	letter-spacing: 1px;
	text-indent: 4px;
}


/* ************************************************************************************************************************************ */	
/* 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:#FFF; 
		text-decoration:underline; 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:normal;
} 
		
a:visited {
		color:#FFF; 
		text-decoration:underline; 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:normal; 
} 
		
a:active {
		color:#FFF; 
		text-decoration:underline; 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:normal; 
} 
		
a:hover {
		color:#FFF; 
		text-decoration:none; 
		font-family:Verdana, Helvetica, sans-serif; 
		font-size:11px; 
		font-weight:normal; 
} 

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

.td_grey {
	font-family:Verdana, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	background-color: #999;
}

.td_dark_grey {
	font-family:Verdana, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	background-color: #282828;
} 



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

h1 {
	color:#FFF;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:18px;
	
} 

h2 {	
	color:#FFF; 
	font-family:Verdana, Helvetica, sans-serif; 
	font-size:12px;
}
		
.down {
	color:#FFF;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	vertical-align: bottom;
} 		
		
p {
	color:#FFF;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
} 

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

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

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


/* ************************************************************************************************************************************ */	
/* 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; 
		color: #FFF;

/* 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: 1px; 
  		font:  bold 11px Verdana, sans-serif; 
  		color: #FFF; 
		} 

/* Mail Formular, Absende Knopf */
.csc-mailform-submit {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		color: #000;
		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;
		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: #FFF;
}