/* CSS Document */

body {
	font-size:16px;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
    padding: 0;
    margin: 0;
	background:url(../_img/layout/bg.png) repeat-x 0 0;
	background-color:#bcd0e6;
}

p {
	padding:8px 0px;
	margin:0;
}

hr {
	border:0;
	height:1px;
	border-top:1px solid #004483;
}
h1 {
	padding:0px 0px 11px 0px;
	margin:0px 0px 0px 0px;
    font-size: 14px;
	color:#444;
	font-weight:bold;
}

h2{
    font-size: 12px;
	color:#444;	
	padding:40px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}

h3{
    font-size: 11px;
	color:#434343;
	padding:0px 0px 16px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
} 


h4 {
	font-size:11px;
	color:#A02511;	
	padding:0px 0px 0px 0px;
	margin:15px 0px 3px 0px;
}  

a {
	color:#0067b2;
	text-decoration: none;
	outline:none;
}
a:hover {
	color:#f48025;
	text-decoration: underline;
}

a img{
	border: none;
}	

form { 
	display:inline;
}

.submitbutton {
	color:#FFFFFF;
	background-color:#F15822;
	padding:2px 2px;
	font-weight:bold;
}

.submitbutton:hover {
	color:#000000;
	background-color:#F15822;	
}

label{
    position: relative;
	width: 80px;
	display: block;
	float: left;
	margin:5px 0;
	padding: 0 5px;
}

.floatleft {
	float: left;
	margin:0px 10px 0px 0px;	
	display: inline;
}

.floatright {
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	display: inline;
}

select {
	background: #E0DFDB;
	color: #000000;
	padding: 2px;
	font-size:11px;
	border:1px inset #B8A982;
}

input, textarea {
	background: #E0DFDB;
	color: #000000;
	padding: 2px;
	font-size:11px;
	border:1px inset #B8A982;	
	width:200px;
}

input:hover, textarea:hover {
	background: #FFFFFF;
	padding: 2px;
	border:1px inset #5B5442;
}

textarea {
	font-size: 1.4em;
	font-family:Tahoma,Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	width:263px;	
}

.antifloat {
	float:none;
	clear:both;
}
.clearleft{
	clear: left;
}

.bilderrahmen {
	border: 1px solid #0067b2;
	padding:2px;
}

.fehlermeldung{
	color:#FF0000;
}

img.icon {
	float:left;
	padding:3px 5px 0px 0px;
	margin:0;
}


/* 
########################################################################
Aufbau
########################################################################
*/
#container_main {
	padding:20px 0;
	margin:0 auto;
    width:990px;
	text-align:left;
	font-size:12px;
	color:#444;
	line-height:1.4em;
}

#container_top {
	padding:0;
	margin:0;
	width:990px;
	height:5px;
}

#container_bottom {
	padding:0;
	margin:0;
	width:990px;
	height:5px;
}

#shadow_navi {
	padding:0;
	margin:0px 5px;
	width:980px;
	height:16px;
	background:url(../_img/layout/shadow_navi.jpg) no-repeat;
}

#container {
	padding:0;
	margin:0;
    width:990px;
	background:url(../_img/layout/container_kachel.png) repeat-y;
}

#header {
	margin:0 0 0 5px;
	padding:0;	
	width:980px;
	height:110px;
	background:url(../_img/layout/header.jpg) no-repeat;
}

#content {
	width:980px;
	margin:0 0 0 5px;
	padding:0;
	background-color:#fff;	
}

#content_subnavi {
	width:230px;
	float:left;	
}

#content_main {
	width:750px;
	float:left;
	background:url(../_img/layout/content_kachel.jpg) repeat-y;
}

#panorama {
	margin:0;
	padding:0;
	width:750px;
}

#content_text{
	margin:40px 20px 20px 20px;
	padding:0;
	width:710px;
}


.antispam {
	clear:both;
	float:none;
}
/* 
########################################################################
Navi
########################################################################
*/

#navi {
font-size:12px;
width:980px;
height:28px;
padding:0;
margin:0px 5px;
display:block;
background:url(../_img/layout/navigation/bg.jpg) repeat-x;
}

#navi ul {
height:28px;
padding:0;
margin:0;
display:block;
float:left;
}

#navi ul li {
padding:0;
margin:0;
display:inline;
float:left;
}

.navi_trenner {
padding:0;
margin:0;
width:1px;
height:28px;
background:url(../_img/layout/navigation/trenner.jpg) no-repeat;
float:left;
}

#navi ul li a, #navi ul li a:active {
padding: 3px 15px 6px 15px;
margin: 0;
height:19px;
display:block;
color:#666;
line-height:1.8em;
outline:none;
float:left;
}

#navi ul li a:hover{
padding: 4px 15px 5px 15px;
margin: 0;
display:block;
text-decoration:none;
font-style: normal;
color:#666;
background:url(../_img/layout/navigation/hover.jpg) repeat-x;
float:left;
}

#navi ul li a.active, #navi ul li a.active:active {
padding: 4px 15px 5px 15px;
margin: 0;
display:block;
color:#666;
background:url(../_img/layout/navigation/hover.jpg) repeat-x;
float:left;
}

#weiterempfehlen {
	width:500px;
	height:320px;
	background-color:#fff;
	color:#313130;
	font-size:11px;
	border:10px solid #00a0d1;
	padding:10px;
	margin:0;
	position:absolute;
	top:400px;
	left:350px;
	z-index:99;
	display:none;
}

.picBackground {	
	width:124px;
	height:84px;
	margin:0 15px 15px 0;
	display:block;
	float:left;
}

.meta_navi {
	padding:5px 0 0 15px;
	margin:0;
		
}

.meta_navi a{
	padding:0;
	margin:0;
	font-size:10px;
	font-weight:bold;
	color:#aaa;
}
.meta_navi a.active{
text-decoration:underline;
}

/* 
########################################################################
Subnavi
########################################################################
*/

#subnavi_title{
font-size:12px;
color:#666;
width:220px;
height:22px;
padding:6px 0 0 10px;
margin:0 0 0 0;
background-color:#d6d7d9;
}

#subnavi {
width:230px;
padding:0;
margin:0;
}

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

#subnavi ul li {
padding:0;
margin:2px 0 0 0;
width:230;
height:28px;	
background:url(../_img/layout/navigation/sub_normal.jpg) no-repeat;
display:block;
}

#subnavi ul li a{
padding:6px 0 0 10px;
margin:0;
width:220;
height:22px;
color:#666;
display:block;
text-decoration:none;
}

#subnavi ul li a:hover{
color:#666;
display:block;
text-decoration:none;
background:url(../_img/layout/navigation/sub_hover.jpg) no-repeat;
}

/* 
########################################################################
Rotator
########################################################################
*/

/*#panorama ul { list-style:none; }*/

#rotator { position: relative; margin:0; padding:0; }

#rotator .wrapper { position:relative; width:800px; height:477px; }
/*
#rotator .nav { position:absolute; top:0; right:0; z-index:30; }
#rotator .nav ul { margin:0; padding:0; }
#rotator .nav li { list-style:none; display:block; float:left; margin:0 3px; text-align:center; border:1px solid white; background-color:#555d73; }
#rotator .nav li.active { background-color:#e2011a; }
#rotator .nav a { font-size:11px; text-decoration:none; display: block; width:14px; line-height:24px; color:#ffffff; }
*/
#rotator .content { position:absolute; top:-3px; left:0; z-index:0; }
#rotator .content ul { margin:0; padding:0; }
#rotator .content li { list-style:none; display:block; position:absolute; } /* float:left;*/
#rotator .content img { border:none; }
#rotator .content .active { z-index:10; }
/*
#rotator .content ul li p { background-color:#ffffff; margin-top:-40px; height:30px; width:640px; border-top:1px solid #cccccc; }
#rotator .content ul li p span { line-height:30px; width:640px; font-size:15px; margin:0; padding:5px; background-color:#ffffff; }
*/