/*
	
	Author: Uwe Amerkamp
	Date: 04. Oktober 2009
	Version: 2
*/

@import url("tiny_wysiwyg.css");
@import url("tiny_special.css");

*
{
padding: 0em;
margin: 0em;
}

body
{
background: #FFFFFF;
}

body,input
{
font-size: 0.9em;
font-family: "arial" , serif;
color: #000;
}

a
{
color:;#fff68a;
text-decoration:none;
}

a:hover
{
color:#000;
text-decoration:none;
}


.contentarea
{
padding-top: 2.0em;
padding-bottom: 3em;
clear:right;
}

img
{
border: none;
text-decoration:none;
}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}


.box
{
position: relative;
background: #fff68a url('boxbg.gif') repeat-x;
left: 0;
top: 0;
padding: 0.5em;
border-bottom: solid 1px #E1D2BD;
margin-bottom: 1.0em;
}

#upbg
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 275px;
z-index: 1;
}

#outer
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 912px;
	background: #fce37a url(schatten.jpg) repeat-y;
	padding-right: 12px;
	float:left;
margin: 0 0 0 0;
bottom:0px;
}

#header_top
{
position: relative;
width: 100%;
height: 60px;
margin-bottom: 2px;
}

.header_top h1
{
padding-left: 5px;
width:360px;
font-family:'Arial';
}

.header_topleft
{
width: 160px;
margin-top:5px;
float: left;
}

.header_topleft h1
{
width:550px;
padding-left: 5px;
font-family:'Arial';
}


.header_topright
{
width: 350px;
margin-left: 690px;
}
.clear 
{
clear:left;
}	

#header_down
{
position: relative;
width: 912px;
height: 196px;
margin-top: 0px;
margin-bottom: 0px;
background: #fff68a url('top_element.jpg') no-repeat;

}


/* *************** MENUE 1 *********************** */

#menu
{
background: #fff68a url('menue_element1.jpg') repeat-y;
position: relative;
width:183px;
float:left;
}

#menu ul.nav1st
{
position: relative;	
top: 1.5em;
margin-bottom:40px;
}

#menu ul.nav2nd
{
position: relative;
top: 0.2em;
}

#menu ul.nav1st li
{
margin-left: 2px;
margin-right: 8px;
display: block;
margin-bottom:10px;	
}

#menu ul.nav2nd li
{
display: block;
margin-bottom: 0px;	
}

#menu ul.nav1st li a
{
background: #FFAF20; 
color:#000;
border-left: 3px solid #c6c372;
padding-top:5px;
padding-bottom:5px;
padding-left: 5px;
display: block;
}

#menu ul.nav2nd li a
{
background: #FFAF20; 
color: #222;
font-size: 0.9em;
border-left: 3px solid #c6c372;

}

#menu ul.nav1st li a:hover
{
background: #FFCC66;
border-left: 3px solid #30B4FE;
}

#menu ul.nav2nd li a:hover
{
background: #CC9933;
border-left: 3px solid #34E038;
}


#menu ul.nav1st li a:active
{
border-left: 3px solid #30B4FE;
background: #CC9933;
}

#menu ul.nav2nd li a:active
{
border-left: 3px solid #34E038;
background: #CC9933;
}

#menu-bot
{
float:left;
position:absolute;
background: #fff68a url('menue_element.jpg') repeat-y;
margin-top: 350px;
width:183px;
height:300px;
}



#content
{
font-family: Arial, Tahoma, Geneva, sans-serif;
padding: 10px 10px 8px 15px;
font-size:0.9em;
margin: 32px 25px 5px 200px;
line-height:1.5em;
color: #000;
}

#content img
{
padding: 2px 10px 10px 2px;
}

#content ul
{
margin: 10px 0 10px 55px;
list-style: square;
}

#footer
{
position: relative;
height: 1.30em;
width:912px;
	background: #fff68a url(bottom_element.jpg) repeat-y;
	padding-right: 12px;
	float:left;
clear: both;
padding-top: 5.0em;
font-size: 0.8em;
}

#footer .left
{
position: absolute;
bottom: 1.2em;
padding-left: 220px;
}

#footer .right
{
position: absolute;
padding-right: 30px;
right: 1.0em;
bottom: 1.2em;
}