@charset "UTF-8";
/* CSS Document */


/*///////////////////////////////////POSITIONING//////////////////////////////*/

html{
position: relative;
	text-align:center;
}



#container{
	position: relative;
	width:950px;
	height:100%;
	margin: 0 auto;
	text-align:left;
		z-index: 0;
}

#container_tab{
position:relative;
	float:left;
	width:550px;
	height:100%;
	padding-right:30px;
	padding-bottom:30px;
		z-index: 0;
}

#header{
	position:relative;
	width:950px;
	height:152px;
	text-align:left;
		z-index: 0;
}

#branding{
	position:relative;
	float: left;
	width:162px;
		padding-left:25px;
			z-index: 0;
}

#navi{
position:relative;
	float: left;
   padding-left:15px;
	width:710px;
	height:145px;
		z-index: 0;
}


#navi_main{
	position:relative;
	/*margin-left:162px;*/
	width:710px;
	height:110px;
		z-index: 0;
}

#navi_main ul{
	padding-left:10px;
		
}

#navi_main ul li{
   display:inline;
   float:left;
   height:65px;
   padding-top:45px;
   		
}

#navi_main ul li a{
padding-top:0;
   padding-left:12px;
   padding-right:16px;
   display:inline;
   height:38px;
   	
}

#navi_main ul li.on{
   padding-left:10px;
   padding-right:14px;
   display:inline;
   height:62px;
   	
}

#navi_sub{
	position:relative;
/*	margin-left:162px;
	margin-top:110px;*/
	width:720px;
	height:35px;
	
}

#navi_sub ul.Indent2{
	padding-left:70px;
	
}

#navi_sub ul li{
	display:block;
	float:left;
	height:35px;
	line-height:35px;
	padding-left:10px;
	padding-right:10px;
		
}


#content{
	position:relative;
	width:950px;
	height:100%;
	margin-top:50px;

	
}

#key_visual{
position:relative;
	padding-left:27px;
	/*padding-top:7px;*/

}

#slider {
	position:relative;
	/*//See the "style-pack" below for image*/
	background:url(../images/loading.gif) no-repeat 50% 50%; 
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	
}

h2{
	position:relative;
	z-index:11;
	width:820px;
	padding-top:35px;
	padding-bottom:30px;
}

h3{
	padding-bottom:10px;
}

#banner{
	position:absolute;
	width:630px;
	height:387px;
	top:160px;
	z-index:10;
}

#banner_kopf{
	position:absolute;
	width:630px;
	height:387px;
	top:160px;
	z-index:10;
}

#banner2{
	position:absolute;
	width:630px;
	height:387px;
	top:160px;
	z-index:10;
}

/* #banner_kopf img{
	position:absolute;
	z-index:1000;
}*/

#copy{
	position:relative;
	width:880px;
	height:100%;
	padding-left:70px;
}

.col0{
	position:relative;
	width:780px;
	height:100%;
	padding-right:30px;
	padding-bottom:30px;
}

.col1{
	position:relative;
	float:left;
	width:550px;
	height:100%;
	padding-right:30px;
	padding-bottom:30px;
}

.col2{
	position:relative;
	float:left;
	width:370px;
	height:100%;
	padding-right:30px;
	padding-bottom:30px;
	z-index: 0;
}

.col3{
	position:relative;
	float:left;
	width:230px;
	height:100%;
	padding-right:30px;
	padding-bottom:30px;
}


.clear{
	clear:both;
}

#footer{
	position:relative;
	width:905px;
	height:115px;
	padding-left:45px;
	padding-top:10px;
		z-index: 0;
	
}

#footer ul{
	position:relative;
	height:70px;
	float:left;
	padding-left:25px;
	padding-right:20px;
	padding-top:10px;
}


/*///////////////////////////////////BACKGROUND//////////////////////////////*/

html{
	background-color:#5d0004;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
	background-position:center top;
}

.page0{
	background-image:url(../images/header4.jpg);
	background-repeat:repeat-x;
	background-position:top center;
}

.page1{
	background-image:url(../images/header4.jpg);
	background-repeat:repeat-x;
	background-position:top center;
}

.page2{
	background-image:url(../images/header4.jpg);
	background-repeat:repeat-x;
	background-position:top center;
}

.page3{
	background-image:url(../images/header4.jpg);
	background-repeat:repeat-x;
	background-position:top center;
}

.page4{
	background-image:url(../images/header4.jpg);
	background-repeat:repeat-x;
	background-position:top center;
}

.page5{
	background-image:url(../images/header4.jpg);
	background-repeat:repeat-x;
	background-position:top center;
}


#navi_main ul li{
	background-image:url(../images/navi_main.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

#navi_main ul li.on{
	background-image:url(../images/navi_main_on.png);
	background-repeat:no-repeat;
	background-position: right top;
}

#navi_sub ul li{
	background-image:url(../images/navi_sub.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

#content{
	background-image:url(../images/content.png);
	background-repeat:repeat-y;
	background-position:top left;
}

#copy{
	background-image:url(../images/content_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#banner_kopf{
	background-image:url(../images/banner_kopf.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#banner{
	background-image:url(../images/banner.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#banner2{
	background-image:url(../images/bannerkopf.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}


/*#key_visual{
	background-image:url(../images/visual_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
}*/

#freisteller{
	background-image:url(../images/freisteller.png);
	background-repeat:no-repeat;
	background-position:center center;
	z-index: 0;
}

#footer{
	background-image:url(../images/footer_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	z-index: 0;
}

#footer ul, .ext_link{
	background-image:url(../images/line_dark.gif);
	background-repeat: no-repeat;
	background-position:center right;
}

div.line{
	background-image:url(../images/line2.gif);
	background-repeat:no-repeat;
	background-position:90% top;
}

.noline{
	background-image:none;
}

h4{
	background-image:url(../images/line3.png);
	background-repeat:no-repeat;
	background-position:left top;
}

/*///////////////////////////////////TYPOGRAPHY//////////////////////////////*/


body, #copy{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	color:#CCCCCC;
}

h1{
	display:none;
}


h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	font-weight:normal;
	color:#DB7C08;
}

h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
}

h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-bottom:10px;
	padding-top:10px;
}

#navi_main ul{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#B48283;
}



a:link{
	text-decoration:underline;
	color:#FFFFFF;
}

a:visited{
	text-decoration:underline;
	color:#FFFFFF;
}

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

a:active{
	text-decoration:none;
	color:#FFFFFF;
}

#navi_main a:link{
	text-decoration:none;
	color:#B48283;
}

#navi_main a:visited{
	text-decoration:none;
	color:#B48283;
}

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

#navi_main a:active{
	text-decoration:none;
	color:#DB7C08;
}

#navi_main ul li.on{
	color:#FFFFFF;
}

#navi_main ul li.on a{
	color:#FFFFFF;
	padding:0;
}

#navi_sub ul{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#999999;
}

#navi_sub a:link{
	text-decoration:none;
	color:#999999;
}

#navi_sub a:visited{
	text-decoration:none;
	color:#999999;
}

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

#navi_sub a:active{
	text-decoration:none;
	color:#000000;
}

#navi_sub ul li.on{
	color:#FFFFFF;
}

#footer ul{
	color:#CCCCCC;
	list-style-image:url(../images/arrow.png);
	list-style-position:outside;
}


#footer ul li{
	font-weight:bold;
	/*padding-bottom:5px;*/
}

#footer a:link{
	color:#CCCCCC;
	text-decoration:none;
}

#footer a:visited{
	color:#CCCCCC;
	text-decoration:none;
}

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

#footer a:active{
	color:#DB7C08;
	text-decoration:none;
}

.ext_link, .ext_link2{
	position:relative;
	height:85px;
	float:left;
	padding-left:20px;
	padding-right:20px;
}

.textarea{ 
 background-color: #EEEEEE; 
   display: block;
  float: left;
    height: 150px;
  width: 330px; /* Breite.*/
  border: 0;
  color:#666666;
	/*color:#000000;
	width:400px;
	height:200px;*/
}

/*form{
	font-size:12px;
}
*/
.inputfeld{
display: block;
  float: left;
  width: 330px;
  height: 20px;
   background-color: #EEEEEE; 
   border: 0;
   color:#666666;
	height:20px;
}

#copy ul{
	list-style-position:outside;
	list-style-type:disc;
	padding-left:20px;
	padding-top:10px;
}


div#scouty-ie{
  width: 550px;
    border:  0;
  height:  700px;
  margin:  0;
  padding: 0;
  }