/*___________ NAVIGATION Descktop ____________*/

a 		{text-decoration:none;}
a img	{border:0px;} 

nav {background: url(../images/HG_nav.jpg); float: left; position: relative; width: 35%; height: auto; max-height: 100%; -webkit-box-shadow: 0px 0px 9px #111; -moz-box-shadow: 0px 0px 9px #111; box-shadow: 0px 0px 9px #111; }
nav .menue { float: right; max-width:317px; height:100%;}   

nav .menue .eins   { background:url(../images/privat.jpg) no-repeat; display:block; float: right; width:315px; height:100px; margin: 0px -4px 0px 10px; }
nav .menue .eins a:hover, .img_eins  { background:url(../images/privat_on.jpg) no-repeat; display:block; width:315px; height:100px; }
nav .menue .eins_x   { position: absolute; margin: 57px 0px 0px 25px; font-family: 'open sans', sans-serif; font-style: italic; font-weight: 300; color: #920003; font-size: 22px; width:100px; height:10; } 

nav .menue .zwei   { background:url(../images/gescheft.jpg) no-repeat; display:block; float: right; width:315px; height:100px; margin: 0px -4px 0px 10px; }
nav .menue .zwei a:hover, .img_zwei   { background:url(../images/gescheft_on.jpg) no-repeat; display:block; width:315px; height:100px;}
nav .menue .zwei_x    { position: absolute; margin: 57px 0px 0px 25px; font-family: 'open sans', sans-serif; font-style: italic; font-weight: 300; color: #920003; font-size: 22px; width:100px; height:10; } 
 
nav .menue .drei   { background:url(../images/team.jpg) no-repeat; display:block; float: right; width:315px; height:100px; margin: 0px -4px 0px 10px; }            
nav .menue .drei a:hover, .img_drei	{ background:url(../images/team_on.jpg) no-repeat; display:block; width:315px; height:100px;} 
nav .menue .drei_x   { position: absolute; margin: 57px 0px 0px 25px; font-family: 'open sans', sans-serif; font-style: italic; font-weight: 300; color: #920003; font-size: 22px; width:100px; height:10; }    

a.navix, a.navix_self 		{ margin: 0 0 0 0.5em; color: #333;}  
a.navix_self 		{ color:#fff;} 
a.navix:hover, a.navix_self:hover, a.navix:active, a.navix_self:active 	{color: #fff;}

a.nav_oben, a.nav_oben_self 		{ color: #920003;}  
a.nav_oben_self 		{ color:#920003;} 
a.nav_oben:hover, a.nav_oben_self:hover, a.nav_oben:active, a.nav_oben_self:active 	{color: #999;}

/* verstecken der checkbox, label und Responsive-Menü */ 

input#responsive-nav, label.responsive-nav-label { display: none; }  
nav .responsive_menue { display: none; }                                        

/* Declaration für das Responsive-Menü */

@media screen and (max-width: 1000px){  
 
label.responsive-nav-label { position: relative; display: block; padding: 5%; background: #333; cursor: pointer; color: #fff; font-size:1.8em; }  
label.responsive-nav-label span { margin-right: 5%; }

input#responsive-nav[type=checkbox]:checked ~ nav { position: relative; top: 0; } 

nav {background: url(../images/HG_nav.jpg); margin: 0;  padding: 0; position: absolute; top: -9999px; width: 100%; height: auto; max-height: 100%; -webkit-box-shadow: 0px 0px 9px #111; -moz-box-shadow: 0px 0px 9px #111; box-shadow: 0px 0px 9px #111; }
nav a:after { display: none; }  
nav li { float: none !important; width: 90% !important; border-bottom: none !important; list-style-type:none; }   
nav li a { margin-bottom: 0 !important; padding: 0 0 !important; background: ;}  
nav ul li:hover { background: none;}   
nav ul li a:hover { background: ; }    
nav ul ul { position: relative !important; width: 90%; left: 0 !important; top: 0 !important; background: none !important; box-shadow: none; }   
nav ul ul li { left: 0; last-child:  }
nav ul ul li:last-child { margin: 0 0 5% 0;}
nav .responsive_menue { display: block; } 
nav .menue .eins, nav .menue .zwei, nav .menue .drei, .img_logo, .copyright { display: none; } 

a.nav_oben, a.nav_oben_self 		{ color: #333;}  
a.nav_oben_self 		{ color:#fff;} 
a.nav_oben:hover, a.nav_oben_self:hover, a.nav_oben:active, a.nav_oben_self:active 	{color: #999;}

img {max-width: 100%; height: auto;	padding: 5% 0 0 0;}

section  { background: url(../images/HG_content.jpg); padding: 5%; max-width: 100%; height: auto;  -webkit-box-shadow: 0px 0px 9px #111; -moz-box-shadow: 0px 0px 9px #111; box-shadow: 0px 0px 9px #111; }

footer { position: absolute; right: 0; left:0; color: #fff; font-size: 100%; line-height: 1.4em; height: auto; padding: 5%; }
footer .sitemap { display: none;}
}