/**
* @version $Id: template.css
* @author B49
* @package Joomla
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant to the
* GNU General Public License, and as distributed it includes or is derivative
* of works licensed under the GNU General Public License or other free or open
* source software licenses. See COPYRIGHT.php for copyright notices and
* details.
*/
@font-face { 
	font-family: "Conduit"; 
	src: url("../../../fonts/conduit_itc.ttf"); 
} 

@font-face { 
	font-family: "Conduit bold"; 
	src: url("../../../fonts/conduit_itc_bold.ttf"); 
} 

body,html {
	height:100%;}

body {
	color: #000;
	margin: 0px;
	padding: 0;
	background-color: #ffffff;
}

ul{list-style:none;margin:0;padding:0}

@media only screen and (min-width: 1200px) {
	
	.hg_wrapper {
		position: fixed;
		left: 0px;
		top: 70px;
		right: 0px;
		bottom: 70px;
		z-index:-1;
		background-image: url("/images/hg/bild6_gross.jpg"); 
		background-position: center; 
		background-repeat: no-repeat; 
		background-size: cover;			
		}								
			
	.fusszeile {
		position: fixed;
		left: 0px;
		right: 0px;
		bottom: 0px;
		height: 70px;
		background-color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 55px;
		z-index:10;
		text-align:center;
		}
		
	.fusszeile a {
		color: inherit;
		text-decoration: none;}
		
		
	.logo {
		position: fixed;
		left: 140px;
		top: -20px;
		z-index:30;
		}	
		
	.logo img {
		height: 260px;
		width: auto;}	
				
	.menu_wrapper {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		position: fixed;
		margin: auto;	
		line-height: 84px;
		height: 70px;
		text-align: center;
		width: 100%;
		color: #C3C3C3;
		z-index: 20;
		background-color:#FFF;
		}	
	
	.css_menu { display: inline-block;}
	.css_menu ul li { float: left; padding-left: 10px; padding-right:10px;}
	.css_menu ul li a { display: block;white-space: nowrap }
	
	.css_menu a {
		text-decoration: none;
		color: inherit;}
		
	.css_menu a:hover {
		color: #000;}
		
	.css_menu ul.menu li.active span { color:#000; }
		
	.content_wrapper {
		position: absolute;
		left: 50%;
		top: 280px;
		bottom:140px;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 1064px;
		z-index: 1;
		}
		
	.content {
		background-color:#fff;
		opacity:0.9;	
		padding-bottom: 100px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		}	
		
	.content a {
		color: inherit;
		text-decoration:none;}
		
	.submenu_wrapper{
		height: 56px;
		background-color:#B3BABF;
		text-align:center;
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height:56px;
		position: relative;	
		color: #8C8D8E;		
		}
		
	.subcss_menu { display: inline-block;}
	.subcss_menu ul li { float: left; padding-left: 10px; padding-right:10px;}
	.subcss_menu ul li a { display: block;white-space: nowrap }
	
	.subcss_menu a {
		text-decoration: none;
		color: inherit;}
		
	.subcss_menu a:hover {
		color: #000;}
		
	.subcss_menu ul.menu li.active span { color:#000; }	
	
	.abstandhalter{
		height: 1px;	
		}		
		
	.realcontent{
		padding-left: 20px;
		padding-right: 20px;}	
			
	.titel {
		font-size: 20px;
		font-weight:bold;}
		
		
	.hausbild {
		padding-top: 30px;
		padding-left: 10px;
		padding-right: 20px;
		width: 1000px;
		background-color:#fff;}
		
	.hausbild img {
		width:100%;
		height: auto;}
		
	.linie {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #000;
		line-height:20px;
		}	
		
	tr:hover {
		background-color:#A9AC17;
		color:#FFF;}
		
	.spmenu_wrapper{
		display:none;}	
		
	.spaltepcoff {
		display:none;}	
			
	.field label {
		font: normal 12px helvetica, arial, sans-serif; color:#fff;
		line-height: 14px;
	}
	
	.field input[type="text"],
	.field input[type="date"],
	.field input[type="datetime"],
	.field input[type="email"],
	.field input[type="number"],
	.field input[type="search"],
	.field input[type="time"],
	.field input[type="url"],
	.field textarea,
	.field select 
	{
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 200px;
		background: #fff;
		margin-bottom: 4%;
		border: 1px solid #ccc;
		padding: 2px;
		height:30px;
		color: #002E60;
		font: normal 12px helvetica, arial, sans-serif; color:#fff;
	}

	.field textarea
	{
		height:100px;
	}	
	
	.field input[type="text"]:focus,
	.field input[type="date"]:focus,
	.field input[type="datetime"]:focus,
	.field input[type="email"]:focus,
	.field input[type="number"]:focus,
	.field input[type="search"]:focus,
	.field input[type="time"]:focus,
	.field input[type="url"]:focus,
	.field textarea:focus,
	.field select:focus
	{
		box-shadow: 0 0 5px #002E60;
		padding: 2px;
		border: 1px solid #002E60;
	}


	.field input[type=submit],
	.field input[type=button]{
		font-family: TradeGothic, Helvetica;
		font-size: 10pt;
		border: none;
		padding: 8px 15px 8px 15px;
		background: #002E60;
		color: #fff;
		height:30px;
		box-shadow: 1px 1px 4px #DADADA;
		-moz-box-shadow: 1px 1px 4px #DADADA;
		-webkit-box-shadow: 1px 1px 4px #DADADA;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	.field input[type=submit]:hover,
	.field input[type=button]:hover{
		background: #EA7B00;
		color: #fff;
	}	
		

}

@media only screen and (max-width: 1199px) and (min-width: 890px) {
	
	.hg_wrapper {
		position: fixed;
		left: 0px;
		top: 45px;
		right: 0px;
		bottom: 45px;
		z-index:-1;
		background-image: url("/images/hg/bild6_gross.jpg"); 
		background-position: center; 
		background-repeat: no-repeat; 
		background-size: cover;			
		}	
	
	.hg_gross img{
		width: 100%;
		height:auto;
		}

		
	.fusszeile {
		position: fixed;
		left: 0px;
		right: 0px;
		bottom: 0px;
		height: 45px;
		background-color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 25px;
		z-index:10;
		text-align:center;
		}
		
	.fusszeile a {
		color: inherit;
		text-decoration: none;}
		
		
	.logo {
		position: fixed;
		left: 45px;
		top: -20px;
		z-index:30;		
		}	
		
	.logo img {
		height: 130px;
		width: auto;}	
				
	.menu_wrapper {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		position: fixed;
		margin: auto;
		z-index: 10;	
		line-height: 45px;
		height: 45px;
		text-align: center;
		width: 100%;
		color: #C3C3C3;
		background-color:#FFF;
		}	
	
	.css_menu { display: inline-block;}
	.css_menu ul li { float: left; padding-left: 10px; padding-right:10px;}
	.css_menu ul li a { display: block;white-space: nowrap }
	
	.css_menu a {
		text-decoration: none;
		color: inherit;}
		
	.css_menu a:hover {
		color: #000;}
		
	.css_menu ul.menu li.active span { color:#000; }
		
	.content_wrapper {
		position: absolute;
		left: 50%;
		top: 140px;
		bottom:70px;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 800px;
		z-index: 1;
		}
		
	.content {
		background-color:#fff;
		opacity:0.9;	
		padding-bottom: 80px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		}	
		
	.content a {
		color: inherit;
		text-decoration:none;}		
		
	.submenu_wrapper{
		height: 56px;
		background-color:#B3BABF;
		text-align:center;
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height:56px;
		position: relative;	
		color: #8C8D8E;		
		}
		
	.subcss_menu { display: inline-block;}
	.subcss_menu ul li { float: left; padding-left: 10px; padding-right:10px;}
	.subcss_menu ul li a { display: block;white-space: nowrap }
	
	.subcss_menu a {
		text-decoration: none;
		color: inherit;}
		
	.subcss_menu a:hover {
		color: #000;}
		
	.subcss_menu ul.menu li.active span { color:#000; }	
	
	.abstandhalter{
		height: 1px;	
		}		
		
	.realcontent{
		padding-left: 20px;
		padding-right: 20px;}	
			
	.titel {
		font-size: 20px;
		font-weight:bold;}
		
		
	.hausbild {
		padding-top: 30px;
		padding-left: 10px;
		padding-right: 20px;
		width: 740px;
		background-color:#fff;}
		
	.hausbild img {
		width:100%;
		height: auto;}
		
	.linie {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #000;
		line-height:20px;
		}
		
	tr:hover {
		background-color:#A9AC17;
		color:#FFF;}			
		
	.spmenu_wrapper{
		display:none;}

	.spaltepcoff {
		display:none;}		
}


@media only screen and (max-width: 889px) {
	
	.hg_wrapper {
		position: fixed;
		left: 0px;
		top: 30px;
		right: 0px;
		bottom: 0px;
		z-index:-1;
		background-image: url("/images/hg/bild6_klein.jpg"); 
		background-position: center; 
		background-repeat: no-repeat; 
		background-size: cover;		
		}
											
	.fusszeile {
		display:none;
		}
		
	.fusszeile a {
		color: inherit;
		text-decoration: none;}
		
		
	.logo {
		position: fixed;
		left: 10px;
		top: -20px;
		z-index:30;
		}	
		
	.logo img {
		height: 70px;
		width: auto;}	
				
	.menu_wrapper {
		display: none;
		}
		
	.spmenu_wrapper{
		right: 0px;
		top: 0px;
		padding-right:10px;
		padding-top: 5px;
		position: fixed;
		text-align:right;
		z-index:20;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		background-color:#FFF;		
		}	
		
	.spmenu_wrapper img {
		height:20px;
		width: auto;}	
	
	.spcss_menu { background-color:#A9AC17; color:#fff; padding: 10px; display:none;}
	.spcss_menu ul li {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	list-style-position: outside;
	list-style-type: square;
	margin-left:20px;
}
	.spcss_menu ul li a { display: block;white-space: nowrap }
	
	.spcss_menu a {
		text-decoration: none;
		color: inherit;}
		
	.content_wrapper {
		position: absolute;
		left: 10px;
		right: 10px;
		top: 80px;
		bottom:10px;
		z-index: 1;
		width: auto;
		}
		
	.content {
		background-color:#fff;
		opacity:0.9;	
		padding-bottom: 80px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		}	
		
	.content a {
		color: inherit;
		text-decoration:none;}		
		
	.submenu_wrapper{
		display: none;		
		}
	
	.abstandhalter{
		height: 1px;	
		}		
		
	.realcontent{
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;}	
			
	.titel {
		font-size: 14px;
		font-weight:bold;}
		
		
	.hausbild {
		padding-top: 10px;
		padding-left: 0px;
		padding-right: 10px;
		width: 100%;
		background-color:#fff;}
		
	.hausbild img {
		width:100%;
		height: auto;}
		
	.linie {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #000;
		line-height:20px;
		}	
		
	tr:hover {
		background-color:#A9AC17;
		color:#FFF;}		
		
	.spalteoff {
		display:none;}	
	
}