body
		{
		position: relative;
		padding-top: 20px;
		font-family: arial,sans-serif,Verdana;
		margin: auto;
		width: 800px;
		/*line-height: 1em;*/
		background-color: #facf8f;
		}

/**
 * Header 
 */

#header
		{
		width: 600px;
		margin-bottom: 20px;
		margin-left: 150px;
		}
		
#header a:hover
		{
		background-color: transparent; 
		}
		
/**
 * Navigation
 */
 
#navigation
		{
		position: absolute;
		top: 35px;
		background-color: #974576;
		color: #B8DD7E;
		width: 200px;
		z-index: 1;
		border: solid 1px #B8DD7E;
		margin: 0 0 0 -25px;
		}
		
#navigation ul
		{
		list-style-type: none;
		margin: 0;
		padding: 20px 5px 5px 5px;
		font-size: 14px;
		font-weight: bold;
		list-style-position: inside;
		/*line-height: 14px;*/
		}
		
#navigation ul li
		{
		margin-bottom: 10px;
		}

#navigation ul li.open.trail a, #navigation ul li.open.trail ul li.active a, #navigation ul li.active.open a
		{
		color:  #B8DD7E;
		}


#navigation ul li.open.trail ul li a, #navigation ul li.active.open ul li a
		{
		color:  #ffffff;
		}

#navigation ul li.open.trail ul li a:hover, #navigation ul li.active.open ul li a:hover
		{
		color: #2e2075; 
		background-color: #ffffff; 
		text-decoration: underline; 
		}

#navigation ul li ul
		{
		margin: 0;
		padding: 5px;
		border: none;
		list-style-image: url("/docroot/tuareg/imgs/list_style_ff.jpg");
		}
		
#navigation ul li ul li
		{
		font-size: 16px;
		margin: 0;
		}
 /*
 #navigation ul li ul  li ul
 		{
 		display:none;
 		}*/
 
ul.level2 li.open ul.level3, ul.level2 li.leaf ul.level3
		{
			display: none;
		}

ul.level2 li.active.open ul.level3, ul.level2 li.open.trail ul.level3
		{
			padding-top: 0;
			display: block;
		}


ul.level4 
		{
		display: none;
		}



		

/**
 * Content
 */
 

/* 	um keyword und content relevanz hoeher zu kriegen 
	gibts keywords und description im body nocheinmal, 
	aber ganz klein und unscheinbar
*/
.this_is_for_google
		{
		font-size: 5px;
		color: #facf8f;
		}


 
#content
		{
		margin-left: 150px;
		border: solid 1px #C9CA86;
		position: relative;
		background-color: #ffffff;
		width: 600px;
		z-index: 5;
		font-size: 0.8em;
		line-height: 1.4em;
		padding: 30px 15px 15px 15px;
		}

#content #footLeft
		{
		float: left;
		text-align: left;
		}
		
#content #footRight
		{
		float: right;
		text-align: right;
		}
	
#content #box
		{
		clear: both;
		border: solid 1px #C9CA86;
		position: relative;
		background-color: #974576;
		font-size: 11px;
		padding: 10px 15px 10px 15px;
		width: 568px;
		}
	
#box #left
		{
		float: left;
		
		}
		
#box #right
		{
		margin-top: -20px;
		float: right;
		}
		
#content #textPurple
		{
		position: relative;
		border: solid 1px #C9CA86;
		background-color: #974576;
		padding: 5px;
		margin: 5px 0 5px 0;
		}
		
#content #footer
		{
		margin-top: 20px;
		padding-bottom: 10em;
		}
		
#content #lang
		{
		float: right;
		margin: -10px 10px 0 0;
		}
		
#lang a
		{
		color: #000000;
		}
		
#content #button, #content .button
		{
		position: relative;
		margin-bottom: 10px;
		}
		
#content #button a, #content .button a
		{
		border: solid 1px #C9CA86;
		background-color: #974576;
		padding: 5px;
		}
		
#content #submitButton input
		{
		width: 10em;
		border: solid 1px #C9CA86;
		background-color: #974576;
		padding: 5px;
		margin: 1em 0 1em 0;
		}
		
#content .check input
		{
		width: 1em;
		height: 1.1em;
		margin: 0;
		padding: 0;
		}
		
#content .check 
		{
		margin-left: 1em;
		}
		
#content .field textarea, #content .field input
		{
		width: 300px;
		padding: 0.3em;
		font-family: arial,sans-serif,Verdana;
		font-size: 11px;
		margin-bottom: 1em;
		}

.image_left
		{
		float: left;
		/*margin-right: 5px;*/
		/*margin: 0 0.5em 0.5em 0;*/
		margin-right: 1em;
		}

.image_right
		{
		float: right;
		
		/*margin-left: 5px;*/
		/*margin: 0 0 0.5em 0.5em;*/
		margin-left: 1em;
		}
		
input.text, textarea
		{
		position: absolute;
		left: 100px;
		width: 15em;
		border: 1px gray solid;
		margin-top: -1em;
		}
				
textarea
		{
		height: 7em;
		font-size: 1.2em;
		}

label.textLabel
		{
		display: block;
		clear: both;
		}

input.submit
		{
		margin-top: 7em;
		clear: both;
		border: none;
		border: solid 1px #C9CA86;
		background-color: #974576;
		color: #FFFFFF;
		}

.imagePos_left
		{
		position: relative;
		float: left;
		margin: 1em 0.5em 0.5em 0;
		}

.imagePos_right
		{
		position: relative;
		float: right;
		/*margin-right: 5px;*/
		margin: 1em 0 0.5em 0.5em;
		}
						
.imagePos_center
		{
		position: relative;
		text-align: center;
		margin: auto;
}
								
h1 
	{
	font-size: 1.5em;
	}	
		
		
hr
	{
	color:  #974576;
	background-color:  #974576;
	border:  #974576;
	height: 2px;
	}
		
		
		
		
		
		
		
		
		
		

