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


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


body
{
 font-family: Arial, Verdana, "Times New Roman", serif;
 color:#231F20;
 font-size: 12px;
 background:#D5D9DC;
 padding:0;
 margin:20px auto 0 auto;
 width:962px;
}



hr
{
margin:10px 0 10px 0;
height:2px;
border-top:1px solid #fff; 
border-right:1px solid #fff; 
border-left:1px solid #fff; 
border-bottom:1px solid #BEBEBE;
}


/*
###################################################
Navigation
###################################################
*/

#container
{
width:962px;
background:url(../images/background.gif);
}


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


#shadow-top
{
background:url(../images/shadow_top.gif) no-repeat;
width:962px;
height:12px;
margin:0;
overflow:hidden;
}

#shadow-bottom
{
background:url(../images/shadow_bottom.gif) no-repeat;
width:962px;
height:12px;
margin:0;
overflow:hidden;
}

#header-top
{
margin:0 12px 0 12px;
width:938px;
height:117px;
background:url(../images/header_top.gif);
}

#header_middle
{
margin:0 12px 0 12px;
width:938px;
height:181px;
}

#header_middle img
{
float:left;
}


/*
###################################################
Flaggen
###################################################
*/

#flag
{
margin:60px 12px 0 0;
width:60px;
height:20px;
float:right;
}


#flag img
{
border:0;
}




/*
###################################################
Search
###################################################
*/

.input_searchbox
{
width:100px;
height:12px;
font-size:10px;
border:1px solid #AFB2B4;
}

#searchbox
{
color:#AFB2B4;
float:right;
}


/*
###################################################
Login
###################################################
*/



#loginbox label
{
width:35px;
float:left;
}

#loginbox input
{
width:80px;
float:left;
}


/*
###################################################
Navigation
###################################################
*/

#navigation
{
margin:0 12px 0 12px;
width:938px;
height:30px;
background:url(../images/bg_navigation.jpg);
}


#navigation ul
{
list-style-type:none;
margin:0 10px 0 0;
}

#navigation li
{
float:right;
line-height:30px;
background:url(../images/navigation_li.jpg) no-repeat right;
padding:0 10px 0 10px;
}

#navigation li.last
{
float:right;
line-height:30px;
background:none;
padding:0 10px 0 10px;
}



/*
###################################################
Newsliste
###################################################
*/


ul.newsliste
{
padding:5px;
margin:0;
list-style-type:none;
}


/*
###################################################
Navigation left
###################################################
*/



#navigation-left p
{
margin:8px 0 8px 0;
}

#navigation-left
{
width:158px;
padding:0 10px 0 35px;
float:left;
background:#fff url(../images/test.jpg) no-repeat;
height:870px; 
position:relative;
top:-126px;
color:#fff;
}



#navigation-left ul
{
list-style-type:none;
margin:50px 0 0 0;
padding:0;
height:330px;
}

#navigation-left li
{
margin:0;
padding:5px 0 5px 0;
background:url(../images/nav_left_li.gif) no-repeat;
}


#navigation-left li.passive-li
{
margin:0;
padding:0;
}



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



h1.content
{
font-size:14px;
color:#2B72C8;
}


#container-content
{
padding:0 20px 50px 20px;
margin:0;
width:557px;
background:#fff;
float:left;
overflow:hidden;
}

#container-content img
{
border:0;
}

#container-right
{
margin:0 12px 0 0;
width:140px;
background:#fff;
height:1050px;
float:left;
display:inline; /*Bugfix for IE */
padding:40px 10px 0 0;
}



.bild
{
background:url(../images/bild_bg.gif) no-repeat;
position:absolute;
width:129px;
height:130px;
padding:6px 0 0 6px;
}


.bild-links

{
position:absolute;
margin:20px 0 0 0;
left:0;
top:440px;
}




/*
###################################################
Boxen links
###################################################
*/


.box-left 
{
border:1px solid red;
width:138px;
}


.box-left h1
{
margin:0;
height:16px;
padding:5px;
font-size:14px;
color:#fff;
background:#E41E00 url(../images/h1_bg_winter.gif) no-repeat right;
border-bottom:1px solid white;
}

.box-left-content
{
width:136px;
background:url(../images/box_bg.gif);
margin:1px;
color:#fff;
}


.box-left-content input
{
width:80px;
border:1px #fff solid;
}


.box-left-content ul
{
list-style-type:none;
margin:0;
padding:0;
}


.box-left-content li
{
margin:0;
background:url(../images/news_bg.gif) no-repeat bottom;
padding:20px 0 20px 0;
}


.box-left-content img
{
vertical-align:bottom;
border:0;
}

/*
###################################################
Navigationspfad
###################################################
*/

#navipath
{
margin:10px 0 50px 0;
font-size:10px; 
color: rgb(160,160,160); 
}



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


#footer
{
text-align:center;
margin:0 12px 20px 12px;
width:938px;
}



/*
###################################################
Links
###################################################
*/


#navigation a
{
color:#fff;
text-decoration:none;
}

#navigation a:hover
{
text-decoration:underline;
}


#navigation-left a
{
font-size:12px;
font-weight:bold;
color:#fff;
text-decoration:none;
padding-left:12px;
}

#navigation-left a:hover
{
text-decoration:underline;
background:url(../images/navigation_pfeil.gif) no-repeat left;
padding-left:12px;
}



#navigation-left a.active /* 1 ebene on*/
{
text-decoration:none;
background:url(../images/navigation_pfeil.gif) no-repeat left;
}


#navigation-left a.passive /* 2 ebene inaktiv */
{
text-decoration:none;
padding-left:20px;
font-weight:normal;
}

#navigation-left a.passive:hover /* 2 ebene hover */
{
padding-left:20px;
background:url(../images/navigation_pfeil.gif) no-repeat 10px 2px;
}


#navigation-left a.second_open, #navigation-left a.second_open:hover /* 2 ebene open */
{
padding-left:20px;
background:url(../images/navigation_pfeil.gif) no-repeat 10px 2px;
font-weight:normal;
}


#navigation-left a.passive-on, #navigation-left a.passive-on:hover /* 2 ebene on */
{
font-weight:normal;
text-decoration:none;
padding-left:20px;
background:url(../images/navigation_pfeil.gif) no-repeat 10px 2px;
}


#navigation-left a.third_off /* 3 ebene off */
{
text-decoration:none;
padding-left:30px;
font-weight:normal;
}

#navigation-left a.third_off:hover /* 3 ebene off */
{
text-decoration:none;
padding-left:30px;
font-weight:normal;
background:url(../images/navigation_pfeil.gif) no-repeat 20px 2px;
}


#navigation-left a.third_on, #navigation-left a.third_on:hover /* 3 ebene off */
{
text-decoration:none;
padding-left:30px;
font-weight:normal;
background:url(../images/navigation_pfeil.gif) no-repeat 20px 2px;
}


#loginbox a
{
padding-left:3px;
}


#loginbox a:hover
{
background:none;
padding-left:3px;
}



#footer a
{
color:#000;
}


a.navipath 
{ 
font-size:10px; 
color: rgb(160,160,160); 
} 

a.navipath:hover 
{ 
font-size:10px; 
color:#818181; 
} 


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


.clearer
{
clear:both;
}