/* Copyright Dirk Schaber, Schaber Onlinemarketing, Stand 08.07.2013 */

/* html, body */
	html { 
		height:auto;
		}
		
	body {
		background: #000;
		font-family: Verdana;
		text-align:center; 
		margin:0; 
		padding:0;
		}

/* Layout, Allgemeines */

	.maincontainer {
		margin-top:50px;margin-bottom:50px;max-width:1140px;margin-left:auto;margin-right:auto;text-align:left;padding:0 40px;
	}
	
	.footer {margin-bottom:20px;border-top:1px solid #FFC506;}
	
	div.layout {
		width:900px;
		margin:36px auto 0;
		overflow:hidden !important;
		text-align:left;
		height: auto !important;
		}
		
	/* Überschriften */
	h1,h4 {font-family: 'Oswald', sans-serif;}
	h3,h5 {font-family: 'Oswald', sans-serif;}
	h1 {color:#FFC506; font-size:40px;margin:0 0 5px 0;font-weight:300;line-height:120%;}
	h2 {color:#FFC506;font-size:30px; margin:10px 0 15px 0;font-weight:normal;line-height:100%;}
	h3 {color:#FFC506;font-size:20px; margin:0 0 10px 0;font-weight:normal;}
	h4 {color:#FFC506; font-size:23px;margin:20px 0 5px 0;font-weight:normal;}
	h5 {color:#FFC506; font-size:40px;margin:0 0 5px 0;font-weight:normal;text-transform:uppercase;margin:0 0 28px 0;}
		
	p,ul,li,a {line-height:120%}
	
	p,a {padding: 5px 0;}
	ul {padding:0;}
	
	p,ul,li,a {margin:0;color: #FFC506;font-family: arial, verdana, sans-serif;font-size: 14px;}
	ul {list-style-type:square;}
	
	a {color:#FFC506;text-decoration:underline;}
	a:hover {text-decoration:underline;}
	
	p.small_font {
		font-size:10px;
	}
	
/* Anweisungen Header */
		
	div.header {
		height:144px;
		text-align:left !important;
	}
	
	img.logo {
		float:left;
	}
	
	div.kontakt {
		float:right;
		margin-top: 25px;
	}
	
	p.slogan {
		font-family: 'Oswald', sans-serif;
		font-size:24px;
		color:#f60100;
		text-align:right;
	}
	
	p.telefon {
		font-family: 'Oswald', sans-serif;
		font-size:36px;
		color:#f60100;
		text-align:right;
	}
		
/* Anweisungen Navigation */

	div.navi {
		clear:both;
		height:43px;
		float: left;
		width: 100%;
		overflow: hidden;
	}
	
	ul.navi {
		list-style:none;
		margin: 6px auto;
		float: left;
		position: relative;
		left: 50%;	
	}
	
	ul.navi li {
		float:left;
		text-transform:uppercase;
		float: left;
		position: relative;
		right: 50%;	
		margin:0 15px 0 15px;
	}
	
	a.navi {
		width: auto;
		display: block;
		font-family: 'Oswald', sans-serif;
		font-size:20px !important;
		color:#FFC506;
		text-decoration:none !important;
		}
		
	.navi a:hover {
		color:#f60100 !important;
		text-decoration:none;
		}
	
	img.headerpic {
		margin:52px 0 53px 0;
	}
		
/* Anweisungen fŸr den Inhalt */	
	
	div.content {
		clear:both;
		overflow:auto;
		height:483px;
		padding:50px 0;
	}
	
	div.content_left a {
		color:#FFC506;
		font-family: arial, verdana, sans-serif;
	}
	
	div.content_right a {
		color:#FFC506;
		font-family: arial, verdana, sans-serif;
	}
	
	div.content_left {
		width: 450px;
		float:left;
	}
	
	div.content_right {
		width: 350px;
		float:right;
		text-align:center;
	}
	
	img.contentpic {
		margin:0 0 5px 0;
	}	
	
	div.open p {
		line-height:100%;
	}
		
	div.teaser {
		border: none; 
   		height: 635px;
   		padding:44px 0;
   	}
   	
   	div.teaser p {
   		font-family: 'Oswald', sans-serif;
   		font-size:15px;
   	}
   		
	div.teaser_left {
		float:left;
		width:300px;
	}
	
	div.teaser_mid {
		margin: 0 29px 0 29px;
		float:left;
		width:238px;
	}
	
	div.teaser_right {
		float:right;
		width:300px;
		text-align:left;
	}
	
	img.teaser1 {
		width:300px;
		height:203px;
	}
	
	img.teaser2 {
		width:300px;
		height:203px;
		margin: 70px 0 0 0;
	}
	
	img.teaser3 {
		width:238px;
		height:508px;
	}
	
	img.teaser4 {
		width:300px;
		height:203px;
	}
	
	img.teaser5 {
		width:300px;
		height:203px;
		margin: 70px 0 0 0;
	}
	
	ul.content {
		margin: 0 0 0 30px;
		list-style-image: url(bilder/stern.png);
	}
	
	ul.content li {
		color:#FFC506;
		font-size:18px;
		margin:10px 0 0 0;
	}
	
	div.social {
		margin:15px 0 0 0;			
	}
		
	div.fb-like {
		float:left;
	}
	
	div.twitter {
		float:left;
		margin-left:35px;
	}
	
	div.googleplus {
		float:right;
		margin-left:5px;
		width:73px;
		overflow:hidden;
	}
	
	
	
/* Anweisungen fŸr den Footer */
	div.wrapper {
		overflow:auto;
		clear:both;
	}
	
	div.footer {
		clear:both;
		margin:0 0 0 0;
		position: relative; 
		
		padding:20px 0; 
	}
	
	div.footer p,a {
		color:#f60100;
		font-family: 'Oswald', sans-serif;
	}
	
	div.footer_left {
		float:left;
	}
	
	div.footer_right {
		float:right;
		text-align:right;
	}
	
	div.footer_main {
		overflow:auto;
		clear:both;
		text-align:center;
		margin:30px 0 0 0;
	}
	
	div.footer_main p {
		font-size:21px;
	}
	
	div.footer_right a {
		text-transform:uppercase;
		color:ffffff;
	}