/* Design für "Zauberwald ERNEN" 2010 */

/* Design & Development by mindprojects */

/* CSS füŸr "Zauberwald ERNEN" / copyright by mindprojects */

/* @group General Settings */

html,body {
	background-color: #4d6997;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	background: url(../images/gfx_layout_bg.jpg) repeat fixed;
}

body {
	
}

/* Layout */

#container {
	width: 950px;
	border: 5px solid #fff;
	margin: auto;
}

#container_frame {
	background-color: #fff;
	width: 950px;
	min-height: 600px;
}


#logo {
background: url(../images/logo_zauberwald01.jpg);
background-repeat:no-repeat;
height: 101px;
width: 175px;

}
/* Header Menu inkl. Stile */
#container_header {
	width: 950px;
	height: 20px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 5px;
	clear: both;
}

#container_header_menu, #container_header_sprachen {
	width: 50%;
}

#container_header_menu {
	float: left;
	text-align: left;
}

#container_header_sprachen {
	float: right;
	text-align: right !important;
}

#container_header_menu ul, #container_header_sprachen ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#container_header_menu li, #container_header_sprachen li {
	float: left;
	margin-right: 10px;
}

#container_header_sprachen li{
	float: right;
	margin-right: 0px;
	margin-left: 10px;
	text-align: right !important;
}

#container_header_menu li a, #container_header_sprachen li a {
	color: #ccc;
	text-decoration: none;
	font: bold 10px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
	text-transform: lowercase;
}

#container_header_menu li a:hover, #container_header_sprachen li a:hover{
	color: #fff;
}

#container_header_menu #active_menu {
	color: #fff;
}




/* Main Header Menu */

#container_header_main_menu {
	float: left;
	width: 175px;
	height: 210px;
}

/* Banner */

#container_header_banner {
	float: left;
	width: 775px;
		height: 210px;
}

/* Spacer */
#container_header_spacer {
	clear: both;
	height: 20px;
}

/* Header Diashow */

#slideshow1 {
	width: 775px;}


/* Footer Menu inkl. Stile */

#container_footer {
	width: 950px;
	height: 20px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 5px;
	clear: both;
}

#container_footer_info, #container_footer_login {
	width: 50%;
}

#container_footer_info {
	float: left;
	text-align: left;
}

#container_footer_login {
	float: right;
	text-align: right !important;
}

#container_footer_info ul, #container_footer_login ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#container_footer_info li, #container_footer_login li {
	float: left;
	margin-right: 10px;
	color: #666;
	text-decoration: none;
	font: 10px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
	text-transform: lowercase;
}

#container_footer_login li{
	float: right;
	margin-right: 0px;
	margin-left: 10px;
	text-align: right !important;
}

#container_footer_info li a, #container_footer_login li a {
	color: #333;
}

#container_footer_info li a:hover, #container_footer_login li a:hover{
	color: #000;
}

/* Navigation */

#container_navi {
	margin-top:0px;
	width: 175px;
	float: left;
	display: block;
}

/* Inhalte */

#container_content {
	margin-top:20px;
	margin-left: 20px;
	color: #999;
	text-decoration: none;
	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: justify;
}


/* Headers */

h1,h2,h3,h4,h5,h6,.contentheading, .componentheading {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bolder;
	color: #3a8015;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
	text-transform: lowercase; 
	letter-spacing: -1px;
}

h1,.contentheading, .componentheading {
	font-size: 24px;
	padding-bottom: 6px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}




/* Menu  */

/* Main Header Menu */
 /*
 
#container_header_main_menu ul {
	list-style: none;
}

#container_header_main_menu li a {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: -40px;
	padding-top: 15px;
	padding-bottom: 15px;
	font: 18px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
	color: #666;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	display: block;
	text-align: left;
	font-weight: bold;
}

#container_header_main_menu li a:hover {
	color: #fff;
	background: #3a8015;
	text-decoration: none;
	text-align: left;
	display: block;
	text-align: left;
}

#container_header_main_menu li #active_menu {
	color: #2766a1 !important;
	text-align: left;
}

*/

/* Submenu */

#container_navi ul {
	list-style: none;
}

#container_navi li a {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -35px;
	width: 175px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	/* letter-spacing: 1px; */
	color: #666;
	text-transform: lowercase;
	text-decoration: none;
	text-align: left;
	display: block;
	text-align: left;
	font-weight: bold;
	letter-spacing: -1px;
}

#container_navi li a:hover {
	color: #3a8015;
	text-decoration: none;
	text-align: left;
	display: block;
	text-align: left;
}

#active_menu-main {
	color: #3a8015 !important;
	font-weight: normal !important;
	text-align: left;
}

/* Subnavi */

.sublevel {
	padding-top: 2px;
	padding-bottom: 2px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #666;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	text-align: left;
}

a.sublevel {
	padding-top: 2px;
	padding-bottom: 2px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #666;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	text-align: left;
}

a.sublevel:hover {
	color: #000;
	text-decoration: none;
	display: block;
	text-align: left;
}

#active_menu.sublevel {
	color: #2766a1;
}

/* @group Forms */

/* Table Layout */

.formTitle {
	width: 175px;
}

.formField {
	width: 250px;
	
}

input, textarea, select {
	color: #333;
	font: 12px/18px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #fff;
	border: 1px solid #999;
}

input:focus, textarea:focus, select:focus {
	color: #000;
	border: 1px solid red;
}

.chronoform {
	display: none;
}

/* @end */

/* Content */


/* Text Formats */

/* #content {
	color: #333;
	font: 12px/18px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: justify; */
}

#content p {
	padding-top: 3px;
	padding-bottom: 4px;
}

#content img {
	border: 2px solid #ccc;
	padding: 3px;
	margin: 5px;
}

#content a:link,#content a:visited,#content a:active {
	text-decoration: none;
	color: #999;
}

#content a:hover {
	color: #000;
}

/* Formulare */

.formTable {
	width: 100%;
}
.formTXTFields, .formTXTFieldsLeft, .formTXTfieldsRight {
	width: 150px;
}