/* ====================== ALLGEMEIN ========================= */
html, body {
	height: 			100%;
	margin: 			0;
	padding: 			0;
	font-family: 		Arial, Sans Serif;
	font-size:			12px;
	}

#page {
	width: 				950px;
	margin: 			0 auto;
	min-height: 		100%;
	position: 			relative;
	background:			url(pics/bg.jpg);
	}

* html  #page { 								    /* Für IE */
	width: 				950px;
	margin: 			0 auto;
	height: 			100%;
	position: 			relative;
	background:			url(pics/bg.gif);
	}

#container {
 	position: 			absolute;
 	width: 				950px;
 	height: 			580px;
 	top: 				50%;
 	margin-top: 		-290px;
 	font-family:		Arial, sans-serif;
 	font-size:			12px;
 	color:				#000000;
	}

#top {
 	width: 				950px;
 	height: 			150px;
	}

.top_pic {
	float: 				right;
	}

#main {
 	width: 				950px;
 	height: 			405px;
	}

#bottom {
 	width: 				950px;
 	height: 			25px;
	}


/* ======================== MENU =========================== */
.menu_list {	
	width: 				240px;
	}
	
	
/* ==================== MENU 1. EBENE ======================= */
.menu_head {
	padding: 			5px 10px;
	cursor: 			pointer;
	position: 			relative;
	margin:				1px;
	font-size: 			13px;
    font-weight:		bold;
	color:				#333333;
	}

.menu_head a {
  	color:				#333333;
  	text-decoration:	none;
	}
	
.menu_head a:hover {
  	color:				#e7914c;
  	text-decoration:	none;
	}
	
.menu_head a:active {
 	color:				#e7914c;
  	text-decoration:	none;
	}

.menu_head a:focus {
  	outline: 			none;
	}
	

/* ==================== MENU 2. EBENE ======================= */
.menu_body {
	display:			none;
}

.menu_body a{
  	display:			block;
  	color:				#333333;
  	padding: 			2px 0px 2px 28px;
  	text-decoration:	none;
	margin:				1px;
	}
	
.menu_body a:hover{
  	color: 				#e7914c;
	text-decoration:	none;
  }
  
.menu_body a:active{
  	color: 				#e7914c;
  	text-decoration:	none;
	font-weight:		bold;
  }

.menu_body a:focus {
  	outline: 			none;
	}


/* ==================== MENU 3. EBENE ======================= */
.sub_menu_head {
	cursor: 			pointer;
	position: 			relative;
	margin:				0px;
	font-size: 			12px;
	}

.sub_menu_head a {
  	color:				#333333;
  	text-decoration:	none;
	}
	
.sub_menu_head a:hover {
  	color:				#e7914c;
  	text-decoration:	none;
	}
	
.sub_menu_head a:active {
  	color:				#e7914c;
  	text-decoration:	none;
	font-weight:		bold;
	}
	
.sub_menu_body {
	display:			none;
	}
	
.sub_menu_body a{
  	display:			block;
  	color:				#333333;
  	padding: 			2px 0px 2px 46px;
  	text-decoration:	none;
    font-weight:		normal;
}
.sub_menu_body a:hover{
  	color: 				#e7914c;
  	text-decoration:	none;
  }
  
.sub_menu_body a:active{
  	color: 				#e7914c;
  	text-decoration:	none;
  }
  

/* ===================== CODA SLIDER ======================== */
#slider {
    width: 				700px;
    margin: 			0 auto;
	padding-top: 		7px;
	}

.scroll {
    height: 			405px;
    width: 				700px;
    overflow: 			auto;
    overflow-x: 		hidden;
    position: 			relative;
    clear: 				left;
	}

.scrollContainer div.panel {
    padding: 			0px;
    height: 			405px;
    width: 				700px;
	}

.hide {
    display: 			none;
	}


/* =============== CONTENT IM CODA-SLIDER ================== */
.panelinside_1 {
    padding-top: 		95px;
	padding-left: 		77px;
	line-height: 		150%;
	}

.panelinside_1 a {
    color:				#000000;
	text-decoration:	none;
	}

.panelinside_1 a:hover {
    color:				#000000;
	text-decoration:	underline;
	}

.panelinside_2 {
    padding-top: 		95px;
	padding-left: 		77px;
	line-height: 		200%;
	}
	

/* =================== FORMULARFELDER ====================== */
.input_txt {
	width: 				300px;
	height: 			18px;
	background-color: 	#ebaf7b;
	border: 			0px;
	}
	
.input_txtarea {
	width: 				300px;
	height: 			80px;
	background-color: 	#ebaf7b;
	border: 			0px;
	}
	
.small_red {
	color: #d16d1d;
	font-size: 10px;
	}