﻿@charset "utf-8";

body{
	background-image: linear-gradient(bottom, rgb(189,189,189) 15%, rgb(247,247,247) 72%, rgb(171,171,171) 100%);
	background-image: -o-linear-gradient(bottom, rgb(189,189,189) 15%, rgb(247,247,247) 72%, rgb(171,171,171) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(189,189,189) 15%, rgb(247,247,247) 72%, rgb(171,171,171) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(189,189,189) 15%, rgb(247,247,247) 72%, rgb(171,171,171) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(189,189,189) 15%, rgb(247,247,247) 72%, rgb(171,171,171) 100%);
	background-color:#ccc;
	font-family:Calibri;
	font-size:14px;
	padding:0px;
	margin:50px;
}

#wrapper{
	width:1024px;	
	min-height:850px;
	margin: 0px auto;
}

/*===================== 
 ÜBERSCHRIFTEN 
=======================*/

h1{
	text-decoration:none;
	color:#000;
	position:relative;
	letter-spacing:1px;
	font-size:29px;
	font-weight:100;
	width:1024px;
	border-bottom:solid 1px #9a9b9d;
	

}

h2{
	color:#060;
	font-size:18px;
	letter-spacing:1px;
	font-weight:500;
}

/*===================== 
 FOTO / HEADER
=======================*/

#picture{
	height:350px;
	border:solid 7px #FFF;
}

#banner{
	background-color:#FFF;
	opacity:0.8;
	width:205px;
	height:25px;
	padding:20px;
	font-size:18px;
	position:relative;
	top:-90px;
	letter-spacing:1px;
}

/*===================== 
 NAVIGATION 
=======================*/

#nav_spon{
	width:170px;
	float:left;
}

#nav_color{
	min-height:205px;
	background-color:#b6d55e;
	border:solid 7px #FFF;
}

#sponsoren{
margin-left:7px;
margin-top:18px;
}

#sponsoren img{
	padding-top:7px;
}

#nav{
	font-family:Calibri;
	font-size:16px;
}

#nav li{
	list-style-type:none;
	border:solid 1px #fff;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	/*display: block;*/
}

#nav ul{
	margin:0px;
	padding:0px;
}

#nav a{
	text-decoration:none;
	color:#FFF;	
	letter-spacing:1px;
	display:block;
}

#nav li:hover{
	background-color:#060;
	/*background-color:#ff6600;*/
}

#nav .current {
	background-color:#060;
	/*background-color:#ff6600;*/
}

/*===================== 
 INHALT 
=======================*/
#contentWrapper{
	width:820px;
	margin-left:20px;
	float:left;
	margin-bottom:20px;
}

#content{
	border: solid 7px #fff;
	margin-top:20px;
	width: 766px;
	min-height:306px;
	background-color:#b6d55e;
	/*background-color:#ffca6e;*/
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

iframe{
	border:0px;
}

.icon{
	margin-right:8px;
	margin-bottom:8px;
	position:relative;
	top:20px;
}

#content a{
	color:#000;
}

#content a:hover{
	color:#060;
}



/*===================== 
 FOOTER 
=======================*/
#footer{
	clear:both;
	border-top:solid 1px #9a9b9d;
	text-align:right;
}

#footer a{
	text-decoration:none;
	color:#000;
	letter-spacing:1px;
	margin-right:5px;
	
}

/* ====================
  GALERIE
 ====================== */
 
#thumbnailContainer div {
	float: left;
}

#thumbnailContainer{
	min-height:30px;
	border:dotted 1px #006600;
	/*border:dotted 1px #ff6600;*/
	margin-bottom:30px;
}

#thumbnailContainer img {
	margin-top: 4px;
	margin-left: 6px;
	padding: 1px;
	border: 1px solid #fff;
}


#thumbnailContainer a {
	text-decoration: none;
	border: none;
	color: #000000;
	outline: none;
}

.highlight img{
	border: 1px solid #fff !important;
	opacity: 1 !important;
}

.transparent img{
	opacity: 0.8;
}