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

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

body{
background-color:#171717;
font: 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

h1{
font: bold 17px Arial, Helvetica, sans-serif;
color:#96cfc3;
margin-bottom:5px;
}


.extra{
background-color:#31433d;
padding:5px 0 5px 0;
border-bottom:1px solid #96CFC3;
}

h2{
font: bold 14px Arial, Helvetica, sans-serif;
color:#96cfc3;
margin-bottom:5px;
margin-top:16px;
}

a{
color:#96cfc3;
}

a:hover{
color:#ffffff;
}

.bottom_tabelle h2{
margin:0;
padding:0;
}



ul{
padding-left:16px;
}

#newsletter {
	height: 64px;
	background-image: url(../_img/bg_nl.jpg);
	/*background-position: 50% 50%;*/
	color: #272727;
	position: relative;
	width: 280px;
}

#nl_input {

	position: absolute;
	left: 15px;
	bottom: 10px;
	border: none;

}

#sinscrire {

position: absolute;
right: 7px;
bottom: 5px;

}

#newsletter h3 {
	font-size: 1.4em;
	position: absolute;
	font-weight: normal;
	left: 8px;
	top: -10px;
}

.videoplayer h3 {

font-size: 12px;
font-weight: normal;
}

#newsletter a {
text-decoration: underline;
font-size: 0.8em;
color: #272727;
position: absolute;
right: 5px;
top: 3px;

}

ul li{
padding-bottom:4px;
line-height:16px;
}

ul li strong{
color:#96cfc3;
}

a img{
border:none;
}

.main_frame{
width:960px;
margin:24px auto 0px auto;
padding: 0px 0px 24px 0px;
}

.top{
width:960px;
height:355px;
background:url(../_img/bg_bottom.jpg);
position:relative;
}
#nature {
width: 280px;
text-align: left;
}

#nature img {

margin-top: 12px;

} 

#old_nl {

width: 120px;
/*background-color: #d5d5d5;*/

color: black;

background-repeat: no-repeat;
background-position: center;

}

ul.navi{
width:960px;
height:30px;
background:url(../_img/bg_navi.jpg) repeat-x;
font-size:11px;
padding:0;
margin:0;
}

.logos {

margin-right: 60px;
margin-top: 50px;

}

ul.navi li{
float:left;
list-style-type: none;
background:url(../_img/split.gif) no-repeat right;
padding:0;
margin:0;
}

ul.navi li a{
color:#142a24;
text-decoration: none;
display: block;
padding:7px 12px 7px 10px;
}

ul.navi li a:hover, ul.navi li a.active {
color: #ffffff;
}

.bottom{
width:960px;
background-color:#243530;
padding:0;
margin: 0;
}

.bottom_v{
width:960px;
background-color:#243530;
background:url(../_img/bg_bottom.jpg) left top no-repeat;
}

.spacer{
width:50px;
height:363px;
float:left;
}

.bottom_v .spacer {
width:20px;
}

.content{
width:860px;
padding:50px 0 50px 0;
float:left;
line-height:18px;
position: relative;
}

.bottom_v .content {
width:920px;
padding:20px 0 50px 0;
}

.clearer {
clear: both;	
}

.col{
width:420px;
text-align:justify;
margin-bottom:20px;
}

.left{
float:left;
}

.right{
float:right;
}

.logo1{
position:absolute;
top:0;
left:0;
margin:10px 0 0 10px;
}

.logo2{
position:absolute;
top:0;
right:0;
margin:10px 5px 0 0;
}

.karten, .kartenend{
 font-size:11px;
width:200px;
float:left;
margin-right:20px;
}
.karten img, .kartenend img{
margin-bottom:10px;

}
.kartenend{
margin-right:0;
}

.navi_frame{
margin:0 auto;
width: 882px;
padding-top: 90px;
position: relative;
}

.bottom_navi{
float:left;
margin-top:10px;
}

.bottom_text{
float:left;
width:250px;
}

.bottom_tabelle{
float:left;
padding-left:30px;
}

table{
	margin: auto;
	padding: auto;
}

td{
background:url(../_img/bg_box_m.png);
padding:5px;
}

td.ol{
background:url(../_img/bg_ol.png) no-repeat;
}

.or{
background:url(../_img/bg_or.png) no-repeat right top;
}

.ul{
background:url(../_img/bg_ul.png) no-repeat left bottom;
}

.ur{
background:url(../_img/bg_ur.png) no-repeat right;
}

.box_top{
width:860px;
height:10px;
background:url(../_img/bg_box_o.png) no-repeat;
}

.box_main{
width:820px;
background:url(../_img/bg_box_m.png) repeat-y;
padding: 0 20px;
}
.box_main div.col{
width:400px;
}
.box_bottom{
width:860px;
height:10px;
background:url(../_img/bg_box_u.png) no-repeat;
}

.topnav {
	/*margin-left: 93px;*/
	/*display: block;*/
	float: left;
	position: relative;
}

.hoverimg {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

.head_caption {
	
	/*margin-left: 93px;*/
	width:294px;
	position: relative;
	float: left;
}

.head_caption p {
	position: absolute;
	top: 15px;
	left: 25px;
	color:#000000;
}

#rinfo {
position: absolute;
	top: 15px;
	right: 25px;
	color:#000000;
}

#rinfo:hover {
	color:#ffffff;
	text-decoration:none;
}

#rname {

	position: absolute;

	margin-top: 10px;
	left: 30px;
	color:#000000;
	/*line-height: 1.5;*/

}

.head_caption a {
	position: absolute;
	top: 15px;
	right: 25px;
	color:#000000;
	text-decoration:none;
}

.head_caption a:hover {
	color:#ffffff;
	text-decoration:none;
}
#where {
	margin-left: 50px;
	
	}