/*########################################################################## */
/* copyright 2005 by creativbox.net/Torsten Leithold & Georg von Kries GbR  */
/*######################################################################## */


/*
###################################################
Standards
###################################################
*/

body
{
 font-family:  Verdana, Arial, "Times New Roman", serif;
 color:#000;
 background:#EBEBEA url(../images/bg.gif) repeat-x;
 font-size: 11px;
 margin:50px 0 20px 0;
 padding:0;
}

* html body
{
background-image:none;
background-color:#C6C6C4;  
}


hr
{
border-bottom:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-top:1px solid #ccc;    
}

img
{
border:0;    
}

form
{
margin:0;
}

ul.global

{
list-style-image:url(upload/ul_pfeil.gif) !important;
}




/*
###################################################
Container
###################################################
*/


#container
{  
width:850px;
margin:0 auto;  
background:#fff url(../images/container_bg.png) 168px 20px repeat-y;
}


#container-aussen
{
width:880px;
margin:0 auto;
background:url(../images/container_aussen_bg.png);
padding:0 0 20px 0;
}

* html #container-aussen
{
background:url(../images/container_aussen_bg.gif);
}

/*
###################################################
Header
###################################################
*/


#header-top
{
width:880px;
height:23px;
background:url(../images/header_top.png) no-repeat; 
margin:0 auto;
}

* html #header-top
{

background:url(../images/header_top.gif) no-repeat; 
}

#header-bottom
{
width:880px;
height:23px;
background:url(../images/header_bottom.png) no-repeat; 
margin:0 auto;
}


* html #header-bottom
{
background:url(../images/header_bottom.gif) no-repeat; 
}

/*
###################################################
Container Left
###################################################
*/


#container-left
{
padding:20px 30px 0 0;
width:150px;
text-align:right;
color:#6E6E6E;
background:url(../images/linie.png) top right no-repeat;
float:left;
}


#container-left h1
{
font-size:11px;
margin:0 0 5px 0;
}


#container-left p
{
margin:0 0 8px 0;
font-size:10px;
}


#container-left hr
{
width:132px;
height:2px;
border-top:1px solid #fff; 
border-right:1px solid #fff; 
border-left:1px solid #fff; 
border-bottom:1px solid #E1E0E0;

}


#container-left input
{
border:1px solid #aaa;
width:100px;
}


#container-left .logo
{

}



#container-left ul
{
margin:20px 0 50px 0;
padding:0;
list-style-type:none;
}


#container-left ul.e2
{
margin:20px 0 20px 0;
padding:0;
list-style-type:none;
}

#container-left ul.e2 a.e2p:hover,
#container-left ul.e2 a.e2a
{
font-weight:normal;
display:block;
background:none;
padding-right:0;
}


#container-left ul a
{
color:#6E6E6E;
text-decoration:none;
height:23px;
line-height:23px;
display:block;
background:url(../images/container_left_link.gif) top right no-repeat;

}


#container-left ul a:hover,
#container-left ul a.e1a,
#container-left ul a.e1oa,
#container-left ul a.e1o
{
color:#2F4594;
font-weight:bold;
text-decoration:none;
height:23px;
line-height:23px;
padding-right:8px;
display:block;
background:url(../images/container_left_link_hover.gif) bottom right no-repeat;
}


#container-left ul a.e2a
{
color:#2F4594;
font-weight:normal;
text-decoration:none;
height:23px;
line-height:23px;
padding-right:8px;
display:block;
background:url(../images/container_left_link_hover.gif) bottom right no-repeat;
}


#container-left .box
{
margin:20px 0 20px 0;
}


#container-left .box a
{
color:#2F4594;
}


#container-left .box a:hover
{
color:#6E6E6E;
text-decoration:none;
}




/*
###################################################
Content
###################################################
*/

#content
{
float:left;
background:url(../images/content_bg.jpg) top right no-repeat;
position:relative;  
padding:0 15px 0 15px;  
width:640px;
}

#content .headline
{
position:absolute;
top:93px;
left:30px;
color:#fff; 
font-size:14px;   
}

#content .breadcump
{
margin:150px 0 30px 0;
color:#6E6E6E;
font-size:10px;
}

#content .breadcump a
{
color:#6E6E6E;
font-size:10px;
text-decoration:none;
}

#content .breadcump a:hover
{
color:#2F4594;
font-size:10px;
text-decoration:none;
}

#content #content-text
{
width:480px;
float:left;

}

#content #content-text a
{
color:#2F4594;
}

#content #content-text a:hover
{
color:#6E6E6E;
text-decoration:none;
}


#content h1
{
color:#2F4594;
font-size:18px;
font-weight:normal;
margin:0 0 20px 0;
line-height:18px;
}


#content h2,
#content h3,
#content h4
{
font-size:12px;
}

#content #content-right
{
float:right;
width:144px;
}


#content #content-right .box-right-top
{
background:url(../images/box_right_top.gif) no-repeat;
width:144px;
height:10px;
}


* html #content #content-right .box-right-top
{
margin:0 0 -3px 0;
}

#content #content-right .box-right-middle
{
background:url(../images/box_right_middle.gif) repeat-y;
width:124px;
padding:10px;
}

#content #content-right .box-right-middle h1
{
margin:5px 0 5px 0;
}


#content #content-right .box-right-middle input
{
border:1px solid #aaa;
width:100px;
}


#content #content-right .box-right-middle a
{
color:#2F4594;
}


#content #content-right .box-right-middle a:hover
{
color:#6E6E6E;
text-decoration:none;
}


#content #content-right .box-right-bottom
{
background:url(../images/box_right_bottom.gif) no-repeat;
width:144px;
height:10px;
margin:0 0 20px 0;
}

#artikelliste ul
{
list-style-type:none;
margin:0;
padding:0;    
}

#artikelliste li
{
margin:0 0 25px 0;   
}

/*
###################################################
Footer
###################################################
*/


#footer
{  
width:850px;
background:#fff;
text-align:center;  
}

#footer a
{  
color:#6E6E6E;
font-size:10px;
text-decoration:none;
}

#footer a:hover
{  
color:#6E6E6E;
font-size:10px;
text-decoration:underline;
}


/* Contact form */
div.kontaktformular label {
	float: left;
	width: 100px;
}

div.kontaktformular input {
	vertical-align: middle;
}

div.kontaktformular p.abschicken {
	margin: 0 0 0 100px;
}

div.kontaktformular p.abschicken input {
	font-size: 11px;
}

div.kontaktformular input.eingabe,
div.kontaktformular textarea {
	width: 300px;
}

div.kontaktformular textarea {
	height: 100px;
}


div.kontaktformular p {
	margin:0 0 5px 0;
}

/*
###################################################
Diverses
###################################################
*/

.clearer
{
clear:both;    
}