/* -------Grundeinstellungen für Body-Tag, Schriften ----------------*/

html {
		overflow-x:hidden;
		overflow-y:hidden;
	  } 

body {	
		margin: 0; 
		padding:0; 
		background-image:url(./arielle-frei_bg.jpg);
		}

body, p, h3, h4, ul, ol, li, div, td, th, address, blockquote, nobr, b, i, input, select
   { 
   	font-family: verdana,Arial,sans-serif,helvetica; 
	font-size:12px;
	}
 
p 	{ 
	margin-top: 1px;
	margin-bottom: 3px;
	padding: 0px;
    } 

h1{
	font-size: 18px; 
	color:#621911; /*BRAUN*/
	padding-top: 10px; 
	text-align: left;
}

h2{
	font-size: 18px; 
	padding-top: 5px;
	color:#F6CF60; /*CREME*/
    }

h3{
	font-size: 12px; 
	color:#666666;
}

h4{
	font-size: 14px;
	color:#99CC33;
}

h6{
	font-size: 9px; 
	padding-top: 3px;
	margin: 0px;
	color:#F6CF60; /*CREME*/
    }

.csc-textpic-caption {
	color: #621911;
	font-size:11px;
	font-style:italic;
	}

p.align-left{
	text-align: left;
}

p.align-center{
	text-align: center;
	}

p.text{
	color: #18349B;
	text-align:left;
	margin: 0;
}
	
div {
	margin: 0px; 
	padding: 0px;
	}	

ul{
	font-size : 11px;
	font-family : sans-serif;
	line-height : 20px;
	}	/* für sitemap-liste */
	
a:link { color:#621911; text-decoration:none; }
a:visited { color:#621911; text-decoration:none; }
a:hover { color:red; text-decoration:none; }

a.hell:link { color:#F6CF60; text-decoration:none; }
a.hell:visited { color:#F6CF60; text-decoration:none; }
a.hell:hover { color:red; text-decoration:none; }

/*----------------------DIV-Boxen -----------------------*/
		
		/* lediglich für die Zentrierung der Seite notwendig */
#vx{
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px; /* Soll selbst (fast) gar nicht sichtbar sein */
	overflow: visible; /* Der entscheidende Punkt!! */
	visibility: visible;
	display: block;
	margin-top: 0px;
	}

#content{
	position: absolute;
	width:990px;
	height:600px;
	margin-left: -495px; /* Die Hälfte der Breite */
	top: -300px; /* Die Hälfte der Höhe */
	left: 50%;
	visibility: visible;
	}
	
/* ab hier divs für Contentelemente */

/*#space{
	width: 990px;
	position: relative;
	height: 10px;
	margin: 0px;
	padding: 0px;
	clear: both;
}*/

#user_logout{
	position:relative;
	width:990px;
	height: 20px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	}

#Header{
	width:990px;
	height: 190px;
	background-color: #ffffff;
	background-image:url(head.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	}

	

#linie{
	width:990px; 
	height:5px; 
	background-color: #621911; 
	margin:0px;
	padding:0px;
	clear: both;
	}
	

#linkebox{
	width:180px;
	height: 380px;
	text-align: left;
	font-size:14px;
	background-color: #621911;
	float: left;
	margin: 0px;
	padding: 0px;
}

/* Box für die Hauptnavigation innerhalb linker Box */
#navi{
	position: relative;
	background-color: #621911;
	font-size:12px;
	left: 0px;
	top:0px;
	text-align: left;
	width:180px;
	z-index: 2;
}

#content_links{
	position: relative;
	font-size:12px;
	width:170px;
	height:198px;
	padding-top:5px;
	padding-left:5px;
}

/* Box in der Mitte */

#mitte{
	position: relative;
	width:590px;
	height:380px;
	float: left;
	background-color: #F6CF60;
	margin: 0px;
	padding: 0px;
	z-index: 0;
}
	
#content-mitte{
	position: relative;
	width:550px;
	height:380px;
	font-size:14px;
	margin-left: 20px;
	overflow:auto;
	text-align: left;
	background-color: #F6CF60;
	z-index: 0;
}



#rechtebox{
	position: relative;
	width:220px;
	height:380px;
	background-color: #621911;
	float: right;
	margin: 0px;
	padding: 0px;
}

#content_rechts{
	width:205px;
	height:210px;
	color:#F6CF60;
	text-align:left;
	overflow:hidden;
	margin-left:10px;
	padding:0px;
}
#content_wetter{
	width:205px;
	height:190px;
	color:#F6CF60;
	text-align:left;
	overflow:hidden;
	margin-left:10px;
	padding:0px;
}




/*#fuss{	
	position: relative;
	width: 499px;
	height: 24px;
	clear: both;
	background-color: #ffffff;
	}
*/



	/* Hilfsnavigation am Fuß */
/*#hilfsnavi{
	position: relative;
	width: 990px;
	height: 24px;
	clear: both;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	background-position: top;
	background-repeat: no-repeat;
	text-align:right;
}*/

/* ende Content-elemente */

/* ----------------Klappmenu -------------------*/

ul#nav,
ul#nav ul {
	margin: 0;
	padding: 0;
	width: 170px; /* Width of Menu Items */
	background: #fff; /* IE6 Bug */
	list-style-position : outside;
	color: #ffffff;
	font-size: 14px;
	list-style: none;
	}
 
ul#nav li {
	width: 170px;
	height: 22px;
	position: relative;
	list-style: none;
	}
 
ul#nav li a {
	display: block;
	width: 170px;
	height: 20px;
	text-decoration: none;
	color: #ffffff;
	list-style: none;
	}
	
 
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */
 
ul#nav ul {
	position: absolute;
	width: 170px;
	height: 22px;
	display: none;
	left: 169px; /* Set 1px less than menu width */
	top: 0;
	list-style: none;
	}
 
ul#nav li ul li a {
	width: 170px;
	height: 20px; 
	padding: 0px; 
	background-image:url(teckeldorf/button1.jpg);
	list-style: none;
	} /* Sub Menu Styles */
 
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.over ul ul,
ul#nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
 
ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.over ul,
ul#nav li li.over ul,
ul#nav li li li.over ul {
	margin: 0;
	padding: 0; 
	display: block; 
	width: 170px;
	height: 20px;
	color: #ffffff;
	background-color: #621910;
	background-image:url(teckeldorf/button1.jpg);
	list-style: none;} /* The magic */
 
ul#nav li ul li.menuparent { 
	margin: 0px;
	padding: 0;
	background-color: #621910;
	background-image: url(teckeldorf/button1.jpg); 
	list-style: none;
	font-weight: bold;
}
 
 
ul#nav li.menuparent:hover,
ul#nav li.over {
	 
	background-image:url(teckeldorf/button2.jpg);
	list-style: none; 
}
 
 
ul#nav li a:hover { 
	color: #621910;
	background-image:url(teckeldorf/button2.jpg);
	list-style: none; 	
}
 
.nav2act {
	font-weight: bold;
	background-color:#621910;
	background-image:url(teckeldorf/button2.jpg);
	list-style: none;
}
 
ul#nav li ul li a {
	padding:0px 0px;
	
}
 
ul#nav li ul li a:hover {
	background:#eee;
}
 
/*------------------ formulare -----------*/
td, input, select, textarea {width: 100px;font-size:10px;margin:0px;padding:0px;}

input, select, textarea { text-align: left; color:#621911; }

input#submit { text-align: center; color:#621911; }

label {
    width: 9em;
    text-align: left;
    margin-right: 1em;
    float: left;
}

input {
    font-size: 1em;
    margin-bottom: 0.8em;
    width: 12em;
}


/* ------------------Mailform -------------------*/
.csc-mailform-field{
color:#621911;
width: 450px;
}

.csc-mailform-input, textarea, submit {
width: 250px;
color:#621911;
font-family: verdana,Arial,sans-serif,helvetica;
font-size: 12px;
margin-bottom: 10px;
overflow: auto;
}

.csc-mailform{
border:none;
}



/* ------------------------------- Tabellen -------------------------*/
td{vertical-align: top;}
td {height: 10px;}
.contenttable {width:500px;font-size:12px;}
.td-0{
	width:25%;
	font-weight:bold;
	color:#621911;
	font-size:12px;
	padding-top:3px;
	padding-bottom:7px;
}
.td-last{
	width:75%;
	color:#621911;
	font-size:12px;
	padding-top:3px;
	padding-bottom:7px;
}



.tr-even {
background-color: #CC9933;
}