/* GENERAL */

	/* Reset */
	
	* { margin: 0; padding: 0; } 
	
	a {	text-decoration:none; }
	
	a img {	border:none; }
	
	ul { list-style-type:none; }
	
	/* General Styles */
	
	.cAlign {
		margin:0 auto;
		width:960px;
	}
	
	.cBoth {
		clear:both;
	}
	
	
/* BODY */

	/* General Body Styles */

	html {
		background:url('../images/general/background.png');
		height:100%;
	}

	body {
		height: 100%;
		font-family:'Miso',sans-serif;
	}

	.banner {
		padding:25px;
		text-align:center;
		background:#f2ff6d;
		color:black;
	}

		.banner strong {
			font-size:120%;
			margin-bottom:5px;
			display:block;
		}

	#wrapper-main {
		background:url('../images/general/background_skizze.png') center 260px no-repeat;
		min-height:100%;
		overflow:auto;
	}

	a {
		color:black;
		background:#f2ff6d;
	}
	
	a:hover {
		color:#f2ff6d;
		background:black;
	}
	
	
	/* Header */
	
	#header {
		margin:40px 0 10px;
		overflow:auto;
	}
	
	#header ul#navigation {
		display:table;
		list-style-type:none;
		float:left;
		margin-top:50px;
	}
	
	#header ul#navigation li {
		display:table-cell;
		font-size:30px;
		padding-right:20px;
		text-transform:uppercase;
	}
	
	#header ul#navigation li a {
		padding:10px 25px 5px 5px;
	}
	
	#header img#logo {
		float:right;
	}
	
	
	/* Main Box */	

	.mainbox {
		width:880px;
		overflow:auto;
		
		padding:30px 39px;
		
		margin-top:15px;
		
		background:rgba(255,255,255,0.6);
		
		border:1px solid white;
		
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		
		-moz-box-shadow:0 1px 2px #999;
		-webkit-box-shadow:0 1px 2px #999;
		box-shadow:0 1px 2px #999;
	}
	
	/* Main Box Text Styles */
	
	.mainbox h1 {
		font-size:48px;
		font-weight:normal;
		
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:1px solid #ccc;
	}
	
	.mainbox h2 {
		font-size:36px;
		font-weight:normal;
		color:#5d6597;
		
		margin-top:40px;
		margin-bottom:15px;
		border-bottom:1px dashed #aaa;
	}
	
		.mainbox h2:first-child {
			margin-top:0;
		}
	
	.mainbox h3 {
		font-size:22px;
		font-weight:normal;
		text-transform:uppercase;
		
		margin-top:2em;
	}
	
	.mainbox h3 img {
		padding-right:7px;
	}
	
	.mainbox h4 {
		font-size:20px;
		font-weight:normal;
		text-transform:uppercase;
		color:#666;
	}
		
	
	.mainbox p {
		color:#333;
		font-size:20px;
		line-height:26px;
		margin-bottom:0.5em;
	}
	
		.mainbox *:last-child {
			margin-bottom:0;
		}
	
	.title-image {
		margin-bottom:30px;
		overflow:hidden;
	}
	
	
		/* Main Box 2 Column Layout */
	
		.mainbox .col2a {
			width:585px;
			padding-right:14px;
			float:left;
			overflow:auto;
		}
		
		.mainbox .col2b {
			width:265px;
			padding-left:15px;
			padding-top:48px;
			float:left;
			border-left:1px solid #aaa;
		}
	
			.mainbox .col2b p {
				font-size:16px;
				line-height:20px;
				text-transform:uppercase;
			}
			
			
			.mainbox .col2b h3 {
				font-size:20px;
				font-weight:normal;
				text-transform:uppercase;
				
				margin-top:0;
				margin-bottom:10px;
			}
			
			.mainbox .col2b h3 img {
				padding-right:7px;
			}
		
	p#copy {
		text-align:center;
		color:666;
		font-size:16px;
		margin:30px 0;
	}
	
	p.date {
		float:right;
		font-size:12px;
		font-weight:bold;
	}
	
/* KONZEPT */

	/* Konzept Seitenleiste */
	
		/* Blog Preview */
		
		#blogbox {
			padding-bottom:15px;
			border-bottom:1px solid #aaa;
		}
		
		#blogbox h4 {
			font-size:18px;
			font-weight:normal;
			text-transform:uppercase;
			
			color:#5d6597;
		
			margin-top:1em;
			margin-bottom:0.5em;
		}
		
		/* Galerie */
		
		#galeriebox {
			padding:15px 0;
			border-bottom:1px solid #aaa;
		}
		
		#konzept-galerie {
			width: 265px;
			height: 199px;
			overflow: hidden;
			margin-top:20px;
		}
		
		#konzept-galerie > * {
			position: absolute; 
			top: 0; 
			left: 0;
			border:1px solid white;
		}
		
		/* Kontakt */
		
		#contactbox {
			padding:15px 0;
			border-bottom:1px solid #aaa;
		}
		
			#contactbox form {
				margin-top:20px;
			}
		
			#contactbox input {
				width:251px;
				height:18px;
				padding:4px 0 0 10px;
				
				margin-bottom:10px;
				
				font-family:'Miso',sans-serif;
				font-size:18px;
				color:#666;
				line-height:16px;
			}
			
			#contactbox button {
				width:265px;
				height:25px;
			}
			
				p#messagesent {
					width:100%;
					padding:1em 0;
					margin:1em 0;
					text-align:center;
					border:1px solid #5d6597;
					background:white;
				}
			
		/* Links */
		
		#linkbox {
			padding:15px 0;
			border-bottom:1px solid #aaa;
		}
			
		/* Partner */
		
		#partnerbox {
			padding:15px 0;
		}
		
			#partnerbox a {
				background:none;
			}
		
		.partnerlogo {
			padding:2px 0;
		}
		
		
/* GALERIE */

	/* Galerie Header */
	
	#galerie-header {
		width: 880px;
		height: 411px;
		overflow: hidden;
	}
	
	#galerie-header > * {
		position: absolute; 
		top: 0; 
		left: 0;
	}
	
	/* Galerie List Styles */
	
	ul.galerie-list {
		margin-top:25px;
		margin-bottom:50px;
		overflow:auto;
		}
		
		ul.galerie-list li {
			display:inline-block;
			float:left;
			margin-right:20px;
			margin-bottom:10px;
		}
		
			ul.galerie-list li:nth-child(6n) {
				margin-right:0;
			}
			
			ul.galerie-list li a {
				background:none;
			}
			
				ul.galerie-list li a img {
					outline:1px solid white;
					-moz-box-shadow:0 2px 2px rgba(50,50,50,0.6);
					-webkit-box-shadow:0 2px 2px rgba(50,50,50,0.6);
					box-shadow:0 2px 2px rgba(50,50,50,0.6);
				}
			
				ul.galerie-list li a:hover img {
					-moz-box-shadow:0 2px 5px #5d6597;
					-webkit-box-shadow:0 2px 5px #5d6597;
					box-shadow:0 2px 5px #5d6597;
				}
				
	/* Aktuelles */
	
	img.newsimg {
		float:left;
		margin:0 15px 5px 0;
		overflow:auto;
	}
	
	img.newsimgbanner {
		margin-bottom:20px;
	}
	
	.blogpost {
		margin-top:70px;
	}
	
		div.blogpost:first-of-type {
			margin-top:0;
		}
	
		.blogpost h2 {
			clear:left;
		}