/* ---------------------------------------------------------

   ---------------------------------------------------------*/

@font-face {
	font-family: 'Special Elite';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/google/SpecialElite-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans Condensed';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/google/OpenSansCondensed-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Open Sans Condensed';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/google/OpenSansCondensed-Bold.ttf') format('truetype');
}

	
	/* Default link styling */
	a:link { color:#282828; }
	a:visited { color:#282828; }
	a:hover, a:focus { color:#0c999a; }
	a:active { color:#282828; }
	
	body, html { height: 100% !important; padding: 0; font-size: 100%;}
	
	body.mceContentBody {
		background: #ffffff;
		background-image: url();
		text-align:left;
	}
	
	.page_margins {
	  position:relative !important;
	  min-height:100%; /* real browsers */
	  height: auto !important;
	  }
	  * html .page_margins { height:100% !important; }
	
	  /* allocate space for footer ... */
	  
  	.page { 
  		padding-bottom: 50px; 
  		padding-left: 10%;
  		padding-right: 10%;
  		}
  
	body {
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 18px;
		font-size: 1.6rem;
		color: #282828;
		overflow-y: scroll;
		background: #ffffff url(../images/bodybg-sub.jpg) no-repeat center 0;
		background-size: 100% auto;
	}

	h1	{
		font-family: 'Special Elite', cursive;
			
		font-size: 60px; font-size: 4rem;font-weight:normal;padding:0;margin:10px 0 6% 0;color: #0c999a;
		}
	h2	{
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 26px; font-size: 2.2rem;font-weight:normal;padding:0;margin:0px 0 10px 0;color: #0c999a;
		text-shadow: 1px 1px 1px #333
	}
	h3	{font-weight:normal;padding:0;margin:0px;color: #0c999a;}
	
	ul {padding: 0px; margin: 0 0 0px 0; list-style-type:none;}
	ul li {padding: 0 0 10px 30px; margin: 0px;background: url(../images/ul-neutral.png) 0 8px no-repeat;}
	
	p {	
		margin: 0 0 3% 0;
	}
	
	
	
/* ---------------------------------------------------------

   ---------------------------------------------------------*/

	
	header[role="banner"] {
		margin: auto;
		width: 100%;
		height: 20%;
		border: #ffff00 0px solid;
		clear:both;
	}
	
	#logo {
		float: left;
		border: 0px;
		width: 24%;			/* width: 337px;height: 125px; */
		min-width:150px;
		margin: 4% 0 0 0%;
	}

.flexslider {
	font-family: 'Special Elite', cursive;font-size: 160%; line-height: 1.4; letter-spacing: 0.1rem; width: 70%;color:#fff;}
.flexslider p {
	font-family: 'Special Elite', cursive;
	font-size: 150%; 
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color: #0c999a;}
	

/* --- navi fuer Bildschirme über 600px ---*/
		
	nav {
		display:inline-block;
		width: 65%;
		padding: 0;
		text-align:center;
		margin: 7% 0% 0% 0%;
		font-size: 24px; font-size: 1.5rem;
		font-weight: 300;
		border: #00f400 0px solid;
	}
	
	nav ul {
		padding:0; margin:0
		list-style-type:none;
		border: #ff00ff 0px solid;
		}
	nav ul li {
		display: inline-block;
		width: 14%;
		border: #0000ff 0px solid;
		text-align:center;
		background-image: none;
		padding: 0;
	}
	nav ul li a:link  {text-decoration: none; color: #ffffff;}
	nav ul li a:visited{text-decoration: none; color: #ffffff;}
	nav ul li a:hover, a:focus  {text-decoration: none; color: #0c999a;}
	nav ul li a:active  {text-decoration: none; color: #ffffff;}
	nav ul li.active a { color: #0c999a; }

	.select-menu {
		 display: none !important;
	}
	





	
	main {
		clear:both;
		margin: auto;
		padding: 2% 0 0 0;
		min-height: 400px;
	}
	
	main article {
		display:block;
		float:left;
		width:50%;
		min-width: 520px;
		margin: 0 0 5% 0;
	}
	

	footer {
		position: absolute;
		left: 0px;
		bottom: 0px;
		margin: -50px auto 0;
		color: #282828;
		
		
		width: 85%;
		height: 50px;
		
		text-align:right;
		clear:both;
		border: #00ff00 0px solid;
		
		font-size: 24px; font-size: 1.5rem;
		font-weight: 300;
	}
	footer a:link	{text-decoration: none; color: #282828;}
	footer a:visited{text-decoration: none; color: #282828;}
	footer a:hover, a:focus	{text-decoration: none; color: #0c999a;}
	footer a:active	{text-decoration: none; color: #282828;}
	
	#indexfooter a:link	{text-decoration: none; color: #ffffff;}
	#indexfooter a:visited	{text-decoration: none; color: #ffffff;}
	#indexfooter a:hover, a:focus	{text-decoration: none; color: #0c999a;}
	#indexfooter a:active	{text-decoration: none; color: #ffffff;}
	
/* ---------------------------------------------------------
   Page content styles
   ---------------------------------------------------------*/
   	.clearer {
		clear:both;
		height:0px;
		font-size:0;
		border:none;
		margin:0; padding:0;
		background:transparent;
	    	content:".";
	    	display:block;
	    	visibility:hidden;
	}
   	
   	.eyecatcher {display:block; float:left; margin: 0% 10% 5% 0; 
   			
   	}
   	.eyecatcher img {
   		-webkit-box-shadow: 0px 0px 5px #000000;
		-moz-box-shadow: 0px 0px 5px #000000;
   		box-shadow: 0px 0px 5px #000000;
   		width: 100%;
   	}
   	
   	.inhaber {
   		display:block; 
   		float:left; 
   		margin: 0% 10% 5% 0; 
   		}
   	.inhaber img {
   		display:block;
   		float:left;
 
   		margin: 0 10% 2% 1%;
   		-webkit-box-shadow: 0px 0px 10px #000000;
   		-moz-box-shadow: 0px 0px 10px #000000;
   		box-shadow: 0px 0px 10px #000000;
   		}
   	.inhaber figcaption {margin: 3% 0 20% 0;}

	.imprint {margin-top: 10%;}
	.imprint h3 {font-size: 1.4rem;}
	.imprint p {font-size: 1.3rem;}
	
	.reference {
		list-style-type: none;
		padding: 0;
		margin: 0 0 5% 0;
	}
	.reference li {
		display: inline;
		margin: 0px;
		padding: 0 7% 2% 0;
	}

   		
/* --- navi for small handhelds ---*/
@media only screen and (max-width: 767px) {
	main article {width:100%;}
	.flexslider {font-size: 90%;width: 90%;}
	.flexslider p {	font-size: 130%; }
	
}

@media only screen and (max-width: 980px) {
	nav[role="navigation"] {width: 100%;text-align:left;}
	nav[role="navigation"] ul li {text-align:left;}
	
	.flexslider {font-size: 100%;width: 100%;}
	.flexslider p {	font-size: 130%; }
	
}	
	
	
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
	background:transparent !important;
    }
	html { background-color:#fff; }

	header[role="banner"] { background-color: #282828 !important; border: 0px;}

	/* Hide navigation */
	nav { display:none; }

	/* Show link destinations in brackets after the link text */
	a[href]:after { content: " (" attr(href) ") "; }
	a[href] {
		font-weight:bold;
		text-decoration:underline;
		color:#06c;
		border:none;
	}
	/* Don't show link destinations for JavaScript or internal links */ 
	a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
	
	/* Show abbr title value in brackets after the text */
	abbr[title]:after { content: " (" attr(title) ")"; }

	figure { 
		margin-bottom:1em; 
		overflow:hidden;
	}

	figure img { border:1px solid #000; }
}