/*
CSS File mainfile

Andreas Haefele, 10.10.2012

*/


body
{
    margin: 0px;
    padding: 0px;
	/*overflow-y:hidden;*/
	overflow-x:hidden;
	/*background-color: #e3e6e5;*/
	float:center;
	background: no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
html { 
	background: no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#allContent{
	background: no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*##########################################
Hintergrund
##########################################*/
.bgimg{
	z-index:5;
	width: 1920px; 
	height: 1280.62px; 
	left: 0px; 
	top: 0px;
}
/*##########################################
Navigationsitems
##########################################*/
#nav
{
    position: absolute;
	top: 0px;
    width: 100px;
    height: 20px;
    left: 45%;
	display:block;
	opacity:0.0;
}

#nav ul
{
    position: absolute;
    top: 0px;
    width: 100px;
    height: 20px;
    clear: both;
    display: block;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
}

#nav ul li
{
    float: left;
}

#nav ul li a
{   
	position: relative;
    top: 0px;
    margin-right: 8px;
    background-color: #afbc0a;
	opacity:1.0;
	filter: alpha(opacity = 60);/*Internet Explorer*/	
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -khtml-border-top-left-radius: 50px;
    -khtml-border-top-right-radius: 50px;
    -khtml-border-bottom-left-radius: 50px;
    -khtml-border-bottom-right-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomleft: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
	
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.2s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.2s ease-in-out; /* Opera */
}

#nav ul li a:hover
{
	background-color: #cbf60a;
	opacity:1.0;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
}

#nav ul li .selected
{
    background-color: white;
	opacity:1.0;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
}	

/*##########################################
NavigationsHauptmenü
##########################################*/
.menuhintergrund
{
position:absolute;
left:0px;
top:0px;
width:1000px;
height:205px;
/*background-color: #e8e3db;*/
z-index:5;
	/*
	background:-moz-linear-gradient(bottom, transparent 0%, black 100%);
	background:-webkit-linear-gradient(bottom, transparent 0%, black 100%);
	background:-o-linear-gradient(bottom, transparent 0%, black 100%);  
	background-image:-ms-linear-gradient(bottom, transparent 0%, black 100%); 
	background:linear-gradient(bottom, transparent 0%, black 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', 
                                                   endColorstr= 'rgba(255, 255, 255, 0.0)');
	*/
background-color:white;/*#e0dfcc*/
}
.header_container_oben {
	position:relative;
	clear: both;
	float: left;
	margin-left: 35px;
	width: 965px;
	overflow: hidden;
	font-family: Verdana;
	font-size: 1em;
	z-index:20000010;
	top:0px;
	height:35px;
	/*
	background:-moz-linear-gradient(bottom, transparent 0%, black 100%);
	background:-webkit-linear-gradient(bottom, transparent 0%, black 100%);
	background:-o-linear-gradient(bottom, transparent 0%, black 100%);  
	background-image:-ms-linear-gradient(bottom, transparent 0%, black 100%); 
	background:linear-gradient(bottom, transparent 0%, black 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', 
                                                   endColorstr= 'rgba(255, 255, 255, 0.0)');
	*/
}

#header_menu_oben {
	float: left;
	position: relative; 
	left: 0%;
	margin: 0 auto;
	padding: 0; 
	list-style-type: none;

	top:10px;
}
#header_menu_oben li {
	float: left;
	position: relative;
	left: 0%;
	margin-right:10px;
}
#header_menu_oben a {
	width: auto;
	display: block;
	padding:0 5px;
	line-height: 1em;
	color: #2e2e2e;  
	text-decoration:none;
	font-family:'Metrophobic','arial',sans-serif;
	font-weight:none; 
	/*text-transform: uppercase;*/
	font-size:23px;


	transition: all 0.6s;
	-moz-transition: all 0.6s; 
	-webkit-transition: all 0.6s; 
	-o-transition: all 0.6s; 

}

	#header_menu_oben a:hover {
		border-bottom: 1px solid gray;
	}
/*##########################################*/
.header_container {
	position:relative;
	clear: both;
	float: left;
	width: 965px;
	overflow: hidden;
	font-family: Verdana;
	font-size: 1em;
	z-index:20000000;
	top:10px;
	height:50px;
	margin-left: 35px;

	/*
	background:-moz-linear-gradient(bottom, transparent 0%, black 100%);
	background:-webkit-linear-gradient(bottom, transparent 0%, black 100%);
	background:-o-linear-gradient(bottom, transparent 0%, black 100%);  
	background-image:-ms-linear-gradient(bottom, transparent 0%, black 100%); 
	background:linear-gradient(bottom, transparent 0%, black 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', 
                                                   endColorstr= 'rgba(255, 255, 255, 0.0)');
	*/                                                 
}
#header_menu {
	z-index:20000000;
	float: left;
	position: relative; 
	left: 0%;
	margin: 0 auto;
	/*margin-left: 40px;*/
	padding: 0; 
	list-style-type: none;

	top:0px;
}
#header_menu li {
	float: left;
	position: relative;
	left: 0%;
}
#header_menu a {
	width: auto;
	display: block;
	padding:0 5px;
	line-height: 1em;
	color: #2e2e2e;  
	/*text-transform: uppercase;*/
	text-decoration:none;
	font-family:'Metrophobic','arial',sans-serif;
	font-size:15px;
	cursor:pointer;


	transition: all 0.6s;
	-moz-transition: all 0.6s; 
	-webkit-transition: all 0.6s; 
	-o-transition: all 0.6s; 

}

#header_menu a:hover {
	border-bottom: 1px solid gray;
}

.menucontainer_oben
{
	position:fixed;
	height:auto;
	z-index:20000000;
	float: left;
	/*background-color:#e0dfcc;*/
	background-color:#e7e3d7;
	width:1000px;
}
.menu_mob
{
	display:none;
}
.font_menu_mob
{
	display:none;
}



.fensterschalter{
	position:absolute;
	top: 10px;
	right: 0px;
	width: 60px;
	z-index:20000020;
	cursor:pointer;
}





/*##########################################
Toplinemenü
##########################################*/
.topline{	
	top:-10px;
	position: fixed;
	right:10px;
	z-index:100000;
}
.topline li{
	display: inline;
	padding: 0px 5px; 
}
.topline li a{ 
	position:relative;
	font-family: 'arial';
	font-size: 11px;
	letter-spacing: 0.5px;
	text-decoration:none;
	font-style:bold;
	color:#ffffff;
		
	transition: left 0.6s, color 0.6s;
	-moz-transition: left 0.6s, color 0.6s; /* Firefox 4 */
	-webkit-transition: left 0.6s, color 0.6s; /* Safari and Chrome */
	-o-transition: left 0.6s, color 0.6s; /* Opera */
}
/*
.topline li a:hover{
	color:#d01d32;
	left: 0.2em;
}
*/
.topline li a.active{
	color:#d01d32;
}
/*##########################################
 Contentelemente
##########################################*/
#contentWrapper
{
	z-index:3;
	position:fixed;
	overflow:hidden;
	background-color: #e3e6e5;
}
#abdeckung
{
	z-index:1000;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	opacity:1.0;
	position:fixed;
	background-color:#2e2e2e;
	display:block;
}
#StartAbdeckung
{
	z-index:200000;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	opacity:1.0;
	position:fixed;
	background-color:#2e2e2e;
	display:block;
}
#frame_unten_bg{
	position:fixed;	
	left:0px;
	width:100%;
	bottom:0px;
	height:30px;
	/*background-color:#e8e3db;*/
	z-index:18;
	
	background:-moz-linear-gradient(top, transparent 0%, black 100%);
	background:-webkit-linear-gradient(top, transparent 0%, black 100%);
	background:-o-linear-gradient(top, transparent 0%, black 100%);  
	background-image:-ms-linear-gradient(top, transparent 0%, black 100%); 
	background:linear-gradient(top, transparent 0%, black 100%); 
	/*IE*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', 
                                                   endColorstr='#000000');
}
#frame_unten{
	position:absolute;	
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	background-color:white;
	z-index:18;
	display: block;
	border:none;
}
#logo{
	position: relative;
	display: block;
	top:50px;
	margin-left: auto;
	margin-right: auto;
	
	width:200px;
	height: auto;
}
#copyright{
	z-index:2000;
	bottom:0px;
    left:0px;
    right:0px;
	font-weight:bold;
	font:11px 'Metrophobic';
	position:relative;
	color:gray;

	min-width: 275px;
	max-width: 900px;	
	min-height: 15px;
	max-height: 30px;
	
    float:center;
	margin:5px auto;
	
	-moz-transition:all 1s ease; 
	-webkit-transition:all 1s ease; 
	transition:all 1s ease;
	-o-transition:all 1s ease; 
	-ms-transition:all 1s ease;

	/*text-align:justify;/*Blocksatz*/
	text-align:center;
}
#copyright a{
	color:#cbf60a;
	text-decoration:none;
}
#copyright a:visited{
	color:#cbf60a;
	text-decoration:none;
}
#copyright a:hover{
	color:white;
	text-decoration:none;
}
#footerline_link	
{		
	font:11px Arial;
	color:black;	
	z-index:501;
	position:fixed;
	right:0px;
	bottom:-12px;
}
#footerline_link a
{
	color:black;
	text-decoration:none;
}	
#footerline_link a:visited	
{
	color:black;
	text-decoration:none;
}
#footerline_link a:hover	
{
	color:grey;
	text-decoration:underline
}
.blacklabel
{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:1.0;
filter: alpha(opacity = 100);/*Internet Explorer*/
background-color: #2e2e2e;
z-index:15;
display:none;
}
.pfeile_laufend{
position:relative;
margin:auto;
/*top:-100;*/
bottom:80px;
width:70px;
height:30px;
z-index:6;
}
#pfeile_laufend_item_01{
position:relative;
opacity:0.2;
width:50px;
left:10px;
}
#pfeile_laufend_item_02{
position:relative;
opacity:0.2;
width:50px;
left:10px;
}
#pfeile_laufend_item_03{
position:relative;
opacity:1.0;
width:50px;
left:10px;
}
.pfeile_laufend h2{
	position:relative;
	letter-spacing:-1px;
	text-transform: uppercase;
	color:#ffffff;
	font-size: 15px;
	/*font-family:'QuicksandLight','Muli','Droid Sans','arial';*/
	font-family:'myriad pro',sans-serif;
	text-align:center; 
    /*text-shadow: 0 0 0.5em #000000, 0 0 0.5em #000000, 0 0 0.5em #000000;*/
}
.bottom_layer{
	position:fixed;
	bottom:-500px;
	height:500px;
	width:100%;
	z-index:10;
			
	background:-moz-linear-gradient(top, transparent 0%, black 100%);
	background:-webkit-linear-gradient(top, transparent 0%, black 100%);
	background:-o-linear-gradient(top, transparent 0%, black 100%);  
	background-image:-ms-linear-gradient(top, transparent 0%, black 100%); 
	background:linear-gradient(top, transparent 0%, black 100%); 
	/*IE*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', 
                                     endColorstr= 'rgba(255, 255, 255, 0.0)');
}
@media only screen and (max-width: 1000px)
{
	#copyright
	{
		font:10px Arial;
		width: 100%;	
		height: 30px;
	}
	.menuhintergrund
	{
		min-width: 100%;
		max-width: 100%;
		height:100%;
	}
	.header_container_oben 
	{
		min-width: 100%;
		max-width: 100%;
	}
	.fensterschalter{
		display:none;
	}
}
@media only screen and (orientation : portrait)
{
	#contentWrapper
	{
		display: none;
	}
	.fensterschalter{
		display:none;
	}
	.menucontainer_oben{
		width: 1100px;
	}
}
@media only screen and (max-width: 1000px) and (orientation : landscape)
{
	#contentWrapper
	{
		display: none;
	}
	.header_container_oben 
	{
		min-width: 100%;
		max-width: 100%;
	}
	.fensterschalter{
		display:none;
	}
}
@media only screen and (max-width: 480px)
{
	.fensterschalter{
		display:none;
	}
	.menuhintergrund
	{
		display: none;
	}
	.header_container_oben 
	{
		/*display: none;*/
		height:auto;
		clear: both;
		min-width:100%;
		max-width:100%;
		margin-left: 0px;
	}
	#header_menu_oben 
	{	
		left: 0px;
		clear: both;
		width:100%;
		margin-bottom:10px;

	}
	#header_menu_oben li 
	{
		clear: both;		
		right: 0px;
		width:100%;
		text-align:left;
		margin-left:15px;
		/*background:-moz-linear-gradient(bottom, transparent 0%, #54616c 100%);
		background:-webkit-linear-gradient(bottom, transparent 0%, #54616c 100%);
		background:-o-linear-gradient(bottom, transparent 0%, #54616c 100%);  
		background-image:-ms-linear-gradient(bottom, transparent 0%, #54616c 100%); 
		background:linear-gradient(bottom, transparent 0%, #54616c 100%); 

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54616c', 
                                                   endColorstr= 'rgba(255, 255, 255, 0.0)');
		*/

	}
	#header_menu_oben a 
	{
		line-height: 2.2em;		
		left: 40px;
		width:100%;
		/*border-bottom: 1px solid gray;*/
	}
/*####################################*/		
	.header_container 
	{
		height:1000px;
		clear: both;
		min-width:100%;
		max-width:100%;
		margin-left:0px;
	}
	#header_menu 
	{
		height:auto;		
		left: 0px;
		clear: both;
		width:100%;
	}
	#header_menu li
	{
		height:auto;		
		clear: both;		
		right: 0px;
		width:100%;
		text-align:left;
		margin-left:15px;
		/*background:-moz-linear-gradient(bottom, transparent 0%, #d2d7db 100%);
		background:-webkit-linear-gradient(bottom, transparent 0%, #d2d7db 100%);
		background:-o-linear-gradient(bottom, transparent 0%, #d2d7db 100%);  
		background-image:-ms-linear-gradient(bottom, transparent 0%, #d2d7db 100%); 
		background:linear-gradient(bottom, transparent 0%, #d2d7db 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d7db', 
                                                   endColorstr= 'rgba(255, 255, 255, 0.0)');
		*/
	}
	#header_menu a 
	{
		line-height: 2.2em;	
		/*border-bottom: 1px solid gray;*/
	}
/*####################################*/		
	.menucontainer_oben
	{
		top:-280%;
		min-width: 100%;
		max-width: 100%;
	}
	.menu_mob
	{
		display:block;
		position:fixed;
		z-index:2000000;
		width:100%;
		height:50px;
		top:0%;
		background-color:white;
	}
	.font_menu_mob
	{
		z-index:200000000;
		display:block;		
		position:relative;
		top:5%;
		float:center;
		margin:5px auto;
		left:0px;
		right:0px;
		letter-spacing:0px;
		text-transform: uppercase;
		font-weight: normal;
		font-family:Arial;
		font-size:20px;
		color:grey;
		text-align:center;
		height:100px;
		cursor:pointer;
	}
	#logo
	{
		top:80px;
		left:0px;
		right:0px;		
		width:120px;
		height:auto;
		margin:5px auto;
		z-index:200;
	}
	#copyright
	{
		font-size:12px;
		width: 100%;	
		height: 30px;
	}
	.pfeile_laufend{
	display:none;
	}
	#pfeile_laufend_item_01,#pfeile_laufend_item_02{
	display:none;
	}
	#pfeile_laufend_item_03{
	display:none;
	}
}
@media only screen and (max-width: 480px) and (orientation : portrait)
{
	#contentWrapper
	{
		display: none;
	}
}


.dotline_oben
{
	position:relative;
	top:0px;
	/*width:100%;*/
	height:50px;
	border-bottom: 1px gray dashed;
	z-index:200000;
	width: 90%;
	margin:0px 5% 10px 5%;
}
#logo_unten{
	position:relative;
	z-index:200000;
	margin-top:20px;
	margin-bottom:20px;
	height:auto;
	
	/*
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);*/
}
#logo_unten:hover{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
	filter: none;
	-webkit-filter: none;
}
.container_unten{
	position:relative;
	z-index:200000;
	/*width:100%;*/
	text-align:center;
	
	width: 80%;
	margin:0px 10% 0px 10%;
}
.container_unten h3{
	color:gray;
	font-family:'Metrophobic';
	font-size: 14px;
	font-weight: bold;
	margin-top:0px;
	margin-bottom:10px;
}
.container_unten p{
	color:gray;
	font-family:'Metrophobic';
	font-size: 12px;
	text-decoration:none;
	line-height: 14px;
	/*letter-spacing: 0.5px;*/
}
.dotline_unten
{
	position:relative;
	top:0px;
	/*width:100%;*/
	height:10px;
	border-top: 1px gray dashed;
	z-index:200000;
	width: 90%;
	margin:0px 5% 10px 5%;
}
.icon_container{
	position:relative;
}
.link_container_unten{
	position:relative;
	top:0px;
	width:100%;
	margin-top:20px;
	margin-bottom:50px;
}
.link_container_unten a{
	color: #2e2e2e;
	text-transform: uppercase;
	text-decoration:none;
	font-family:'Metrophobic';
	font-size:15px;
	cursor:pointer;
}
#schliesser
{
	width:80px;
	height:80px;
	position:fixed;
	right:0px;
	top:5px;
	z-index:200200;
	opacity:0.8;
	cursor:pointer;
	
	transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.6s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.6s ease-in-out; /* Opera */
}
#schliesser:hover
{
	/*background: rgba(203, 246, 10, 0.7);*/ 
	opacity:1.0;
}















/*Supersize Plugin Styles*/
#supersize img, #supersize a, #supersize2 object, #supersize2 a{
height:100%;
width:100%;
/*display:none;*/
}
#supersize .activeslide, #supersize .activeslide img, #supersize2 .activeslide, #supersize2 .activeslide object{
display:inline;
}
#supersize{
position: absolute;
top:20%;
left:0px;
}		
#supersize2{
position: absolute;
/*opacity:0.0;*/
top:0px;
left:0px;
}