@charset "utf-8";

/*
	@author Domenik Meckbach
	@date	31-01-2015
*/

* {
	padding:0;
	margin:0;	
}

html, body {
	background-color: #f9f4dc;	
	background-repeat:no-repeat;
	font-style: italic;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:underline;
}

.clear {
	clear:both;
	height:1px;
}

a#header {
	background-image:url(../img/header.png);
	background-repeat:no-repeat;
	background-position:top center;
	margin:20px auto;
	width:637px;
	height:268px;
	display:block;
	padding-left:55px;
}

#main {
	width:960px;
	margin:0px auto;	
	text-align:center;
	display:block;
	height:100% !important;
}

.headline {
	width:960px;
	margin:25px 0px 0px 0px;
	display:block;
}

	.headline h2.hl {
		color: #FF0000;
		font-size: 30px;
	}

	.headline p.hl {
		color:#000;	
	}

#navbar {
	width:100% !important;
	height:35px;
	font-family:"Trebuchet MS";
    background-color: rgba(247, 209, 145, 0.74);
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

	#navbar ul {
		list-style-type:none;
		width:720px;
		margin:0px auto;
	}

		#navbar ul li {
			float:left;
		}

			#navbar ul li a {
				text-decoration:none;
				padding:0px 35px;
				line-height:35px;
				color:#000;
				display:block;
			}

	#navbar ul li a:hover {
		color:#999;	
		text-decoration:underline;
	}

#content {
	margin:25px auto;
	width:670px;
	float:left;
}

	#content h2 {
		font-weight:bold;
		font-size:18px;
		background-color:rgba(253, 206, 104, 0.74);
		height:30px;
		line-height:28px;
		border-bottom:1px solid #000;
	}

	#con_mid {
		background-repeat:repeat-y;
		background-color:rgba(231, 210, 165, 0.63);
		border-bottom:1px solid #000;
	}

		#con_mid p {
			max-width:650px;
			font-size:15px;
			text-align:left;
			padding:10px 0px 10px 10px;
		}

#sidebar {
	margin:10px auto;
	width:260px;
	float:right;
}

	#sidebar h2 {
		font-weight:bold;
		font-size:18px;
		background-color:rgba(253, 206, 104, 0.74);
		height:30px;
		line-height:28px;
		border-bottom:1px solid #000;
		margin-top:15px;
	}

	#sidebar_mid {
		background-repeat:repeat-y;
		background-color:rgba(231, 210, 165, 0.63);
		border-bottom:1px solid #000;
		text-align:left;
		padding:10px 0px 10px 10px;
	}
	
#bottom {
	width:100% !important;
	position:relative;
	bottom:0;
}

#footer {
	height:35px;
	font-family:"Trebuchet MS";
    background-color: #FFCD7A;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;	
    bottom: 25px;
}

	#footer ul {
		list-style-type:none;
		width:500px;
		margin:0px auto;
	}

		#footer ul li {
			float:left;
		}

			#footer ul li a {
				text-decoration:none;
				padding:0px 20px;
				line-height:35px;
				color:#000;
				display:block;
			}

	#footer ul li a:hover {
		color:#999;	
		text-decoration:underline;
	}
	
#copyright {
	height:25px;
	font-family:"Trebuchet MS";
    background-color: rgba(255, 129, 0, 0.3);
	border-bottom: 2px solid #000;	
}

	#copyright address {
		text-align:center;
		font-size:14px;
		line-height:27px;
	}
	
ul#galerie {
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
}

	ul#galerie li{
		width:150px;
		height:120px;
		padding: 3px;
		background-color:rgba(231, 210, 165, 0.63);
		float:left;
		margin:0 10px 10px 0;	
		transition: opacity .25s ease-in-out;
		/* Mozilla */
		-moz-transition: opacity .25s ease-in-out;
		/* Safari */
		-webkit-transition: opacity .25s ease-in-out;
	}

	ul#galerie li:hover{
		opacity:0.7;
	}

		ul#galerie li span{
			display:block;
			text-align:center;
			font-size:10px;
		}
		
	ul#galerie li a img{
			border:none;
	}