/* CSS Document */



#DIV-ID-SiteNavButton{
	width:70px;
	height:70px;
	display:block;
	float:right;
	
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}

#IMG-ID-SiteNavButton{
	width:100%;
	height:auto;
}




#DIV-ID-SiteNavWrapper{
	position:fixed;
	width:100%;
	height:100%;
	
	
	
	z-index:90;
	padding-top:75px;
	box-sizing:border-box;
	top: -200%;
	
	
	-webkit-transition: top 200ms ease-in;
	-moz-transition: top 200ms ease-in;
	-o-transition: top 200ms ease-in;
	transition: top 200ms ease-in;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay:300ms;
}

#DIV-ID-SiteNavWrapper:target{
	top:0;
}

.DIV-CLASS-SiteNavContent{
	width:100%;
	height:100%;
	display:block;
	overflow:auto;
	background: rgba(255,255,255,0.9);
}

.DIV-CLASS-SiteNavUpperWrapper{
	display:block;
	top:0;
	position:relative;
	
	width:100%;
	height:auto;
	overflow: hidden;
}

.DIV-CLASS-SiteNavUpper{
	display:block;
	width:100%;
	height:auto;
	overflow-x:hidden;
	overflow-y:-webkit-paged-x;
	float:left;
	
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#aaaaaa;
	
	padding-left:15px;
	padding-right:15px;
	
	padding-top:10px;
	padding-bottom:10px;
	
	box-sizing:border-box;
	
}

.DIV-CLASS-SiteNavLowerWrapper{
	display:block;
	position:relative;
}

.DIV-CLASS-SiteNavLower{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	float:left;
	
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#aaaaaa;
	
	padding:10px;
	
	box-sizing:border-box;
	
	text-align:left;
	
	transition: all 0.2s linear;
}

.DIV-CLASS-SiteNavCloseWrapper{
	display:block;
	top:0;
	position:relative;
	
	width:100%;
	height:auto;
	overflow: hidden;
	
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	float:left;
	
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#aaaaaa;
	
	padding:10px;
	
	box-sizing:border-box;
	
	text-align:left;
	
	transition: all 0.2s linear;
}





A:link.LINK-CLASS-SiteNavIcon{
	border-radius: 40px;
	width: 40px;
	height: 40px;
	background-color:#003399;
	display:block;
	text-align:center;
	text-decoration:none;
	
	transition: all 0.2s linear;

	margin-left: 15px;


	color:#000000;
	font-family:Autowobil_OpenSanBold;
	font-size:12pt;
	
	overflow:visible;
	
	
	float:left;
	
}
A:visited.LINK-CLASS-SiteNavIcon{
	border-radius: 40px;
	width: 40px;
	height: 40px;
	background-color:#003399;
	display:block;
	text-align:center;
	text-decoration:none;
	
	margin-left: auto;
    margin-right: auto; 
	
	margin-left: 15px;

	
	float:left;

}

A:hover.LINK-CLASS-SiteNavIcon{
	border-radius: 40px;
	width: 40px;
	height: 40px;
	background-color:#ff8c00;
	display:block;
	text-align:center;
	text-decoration:none;
	
	margin-left: auto;
    margin-right: auto; 
	
	margin-left: 15px;

	
	color:#ff8c00;
	
	float:left;
}


A:link.LINK-CLASS-SiteNavText{
	display:block;
	text-decoration:none;
	
	word-break:break-word;
	
	color:#000000;
	font-family:Autowobil_OpenSanRegular;
	font-size:12pt;
	
	width:100%;

	transition: all 0.2s linear;
	
	padding-left:80px;
	padding-top:10px;
	
	box-sizing:border-box;
}

A:visited.LINK-CLASS-SiteNavText{
	display:block;
	text-decoration:none;
	
	word-break:break-word;
	
	color:#000000;
	font-family:Autowobil_OpenSanRegular;
	font-size:12pt;
	
	width:100%;

	transition: all 0.2s linear;
	
	padding-left:80px;
	padding-top:10px;
	
	box-sizing:border-box;
}

A:hover.LINK-CLASS-SiteNavText{
	display:block;
	text-decoration:none;
	
	word-break:break-word;
	
	color:#ff8c00;
	font-family:Autowobil_OpenSanRegular;
	font-size:12pt;
	
	width:100%;

	transition: all 0.2s linear;
	
	padding-left:80px;
	padding-top:10px;
	
	box-sizing:border-box;
}




/*ICONS*/
A:link#LINK-ID-SiteNavHome{
	background-image:url(haus2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:visited#LINK-ID-SiteNavHome{
	background-image:url(haus2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:hover#LINK-ID-SiteNavHome{
	background-image:url(haus2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:link#LINK-ID-SiteNavKFZ{
	background-image:url(fahrzeugsuche2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:visited#LINK-ID-SiteNavKFZ{
	background-image:url(fahrzeugsuche2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:hover#LINK-ID-SiteNavKFZ{
	background-image:url(fahrzeugsuche2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:link#LINK-ID-SiteNavInfo{
	background-image:url(info2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:visited#LINK-ID-SiteNavInfo{
	background-image:url(info2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:hover#LINK-ID-SiteNavInfo{
	background-image:url(info2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}


A:link#LINK-ID-SiteNavKunden{
	background-image:url(rezessionen2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:visited#LINK-ID-SiteNavKunden{
	background-image:url(rezessionen2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:hover#LINK-ID-SiteNavKunden{
	background-image:url(rezessionen2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}


A:link#LINK-ID-SiteNavKalender{
	background-image:url(kalender2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:visited#LINK-ID-SiteNavKalender{
	background-image:url(kalender2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:hover#LINK-ID-SiteNavKalender{
	background-image:url(kalender2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}


A:link#LINK-ID-SiteNavNeu{
	background-image:url(neu2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:visited#LINK-ID-SiteNavNeu{
	background-image:url(neu2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:hover#LINK-ID-SiteNavNeu{
	background-image:url(neu2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}


A:link#LINK-ID-SiteNavGeld{
	background-image:url(geld2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:visited#LINK-ID-SiteNavGeld{
	background-image:url(geld2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:hover#LINK-ID-SiteNavGeld{
	background-image:url(geld2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}


A:link#LINK-ID-SiteNavGarantie{
	background-image:url(Garantie2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:visited#LINK-ID-SiteNavGarantie{
	background-image:url(Garantie2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:hover#LINK-ID-SiteNavGarantie{
	background-image:url(Garantie2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}


A:link#LINK-ID-SiteNavKontakt{
	background-image:url(mail2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:visited#LINK-ID-SiteNavKontakt{
	background-image:url(mail2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:hover#LINK-ID-SiteNavKontakt{
	background-image:url(mail2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}


A:link#LINK-ID-SiteNavWOB{
	background-image:url(wob2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:visited#LINK-ID-SiteNavWOB{
	background-image:url(wob2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:hover#LINK-ID-SiteNavWOB{
	background-image:url(wob2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}


A:link#LINK-ID-SiteNavFarbrik{
	background-image:url(farbrik2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:visited#LINK-ID-SiteNavFarbrik{
	background-image:url(farbrik2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}
A:hover#LINK-ID-SiteNavFarbrik{
	background-image:url(farbrik2.png?OpenFileResource);
	background-position:center center;
	background-repeat:no-repeat;
}

/*UNTERE LINKS*/
A:link.LINK-CLASS-SiteNavLower{
	text-decoration:none;
	font-family:Autowobil_OpenSanRegular;
	font-size:12pt;
	color:#000000;
	display:table-cell;
	padding-left: 85px;
	position:relative;
	vertical-align:middle;
	height:40px;
}
A:visited.LINK-CLASS-SiteNavLower{
	text-decoration:none;
	font-family:Autowobil_OpenSanRegular;
	font-size:12pt;
	color:#000000;
	display:table-cell;
	padding-left: 85px;
	position:relative;
	vertical-align:middle;
	height:40px;
	
}
A:hover.LINK-CLASS-SiteNavLower{
	text-decoration:none;
	font-family:Autowobil_OpenSanRegular;
	font-size:12pt;
	color:#ff8c00;
	display:table-cell;
	padding-left: 85px;
	position:relative;
	vertical-align:middle;
	height:40px;
}


A:link#LINK-ID-SiteNavClose{
	font-family:Autowobil_OpenSanBold;
	color:#003399;

}
A:visited#LINK-ID-SiteNavClose{
	font-family:Autowobil_OpenSanBold;
	color:#003399;
}
A:hover#LINK-ID-SiteNavClose{
	font-family:Autowobil_OpenSanBold;
	color:#ff8c00;
}



/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
	
}


/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 1080px) {



#DIV-ID-SiteNavButton{
	display:none;
}

	
#DIV-ID-SiteNavWrapper{
	position:fixed;
	top: 0;
	left: 0;
	width:220px;
	height:100%;
	padding-top:0;
	
	background-color:#FFF;
	
	box-shadow: 3px 0px 15px #000000;
}


.DIV-CLASS-SiteNavContent{
	background: none;
}


.DIV-CLASS-SiteNavUpperWrapper{
	display:block;
	top:0;
	position:relative;
	padding-bottom:120px;
}

.DIV-CLASS-SiteNavLowerWrapper{
	display:block;
	bottom:0;
	position:absolute;
	background-color:#ffffff;
}

.DIV-CLASS-SiteNavLower:hover{
	background-color:#ff8c00;
}


.DIV-CLASS-SiteNavUpper{
	
	text-align:center;
}


.DIV-CLASS-SiteNavCloseWrapper{
	display:none;
}

A:link.LINK-CLASS-SiteNavIcon{
	
	margin-left: auto;
    margin-right: auto; 

	margin-bottom:10px;

	float:none;
}
A:visited.LINK-CLASS-SiteNavIcon{
	
	margin-left: auto;
    margin-right: auto; 

	margin-bottom:10px;

	float:none;
}

A:hover.LINK-CLASS-SiteNavIcon{
	
	margin-left: auto;
    margin-right: auto; 

	margin-bottom:10px;

	float:none;
}


A:link.LINK-CLASS-SiteNavText{
	padding:0;
}

A:visited.LINK-CLASS-SiteNavText{
	padding:0;
}

A:hover.LINK-CLASS-SiteNavText{
	padding:0;
}

.DIV-CLASS-SiteNavLower{
	text-align:center;
}

A:link.LINK-CLASS-SiteNavLower{
	display:block;
	padding-left: 0;
	height:auto;
}
A:visited.LINK-CLASS-SiteNavLower{
	display:block;
	padding-left: 0;
	height:auto;
	
}
A:hover.LINK-CLASS-SiteNavLower{
	display:block;
	padding-left: 0;
	height:auto;
	color:#000000;
}


A:link#LINK-ID-SiteNavClose{
	display:none;
}
A:visited#LINK-ID-SiteNavClose{
	display:none;
}
A:hover#LINK-ID-SiteNavClose{
	display:none;
}
	
}