@charset "utf-8";

/* anaheim-regular - latin */
@font-face {
  font-family: 'Anaheim';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/anaheim-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/anaheim-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/anaheim-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/anaheim-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/anaheim-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/anaheim-v14-latin-regular.svg#Anaheim') format('svg'); /* Legacy iOS */
}


body {
min-width:980px;
height:100%;
margin:0px auto;
font-family:'Anaheim', sans-serif;
font-size:16px;
color:#333333;
background:#EDEDED;
}


#head_bg {
width:100%;
height:155px;
background:#FFF;
}
#head {
	width:100%;
	height:155px;
	margin:auto;
}
#logo {
	width:460px;
	height:150px;
	margin:auto;
	display:block;
}


#menu_bg {
width:100%;
height:35px;
background:#FFF;
}
#menu {
width:980px;
margin:0px auto;
text-align:center;
}
.menu-button {
float:left;
width:192px;
height:35px;
}
.menu-button:hover {
background:#FAFAFA;
}
.menu-button p {
font-size:20px;
color:#000;
margin:0px;
margin-top:6px;
text-decoration:none;
cursor:pointer;
}

.menu-button p:hover {
color:#b80400;
}
.menu-button_active {
float:left;
width:192px;
height:35px;
background:#FAFAFA;
}
.menu-button_active p {
font-size:20px;
color:#000;
margin:0px;
margin-top:6px;
text-decoration:none;
cursor:pointer;
}


#news_bg {
width:100%;
height:440px;
background:#FAFAFA;
clear:left;
}

#news {
position:relative;
width:980px;
height:440px;
margin:auto;
background:#FAFAFA;
}

#dieneuen {
width:768px;
height:470px;
position:absolute;
left:106px;
z-index:1;
}


#footer_bg {
width:100%;
height:400px;
background:#EDEDED;
}
#footer {
position:relative;
width:980px;
height:400px;
margin:auto;
background:#EDEDED;
}
#flm {
width:400px;
min-height:350px;
float:right;
margin-top:20px;
cursor:default;
}

#foot_txt {
float:left;
width:200px;
margin-top:20px;
padding:16px;
cursor:default;
}
#foot_txt1 {
float:left;
width:200px;
margin-top:20px;
padding:16px;
cursor:default;
}
#foot_txt1 a {
text-decoration:none;
cursor:pointer;
color:#333333;
}
#foot_txt1 a:hover {
font-weight:bold;
}
#arrow {
position:absolute;
width:150px;
height:92px;
bottom:60px;
right:350px;
}


/*wir über uns*/

#wuu_bg {
width:100%;
min-height:440px;
background:#FAFAFA;
clear:left;
}

#wuu {
position:relative;
width:980px;
min-height:440px;
margin:auto;
background:#FAFAFA;
}

#wuu_schild {
position:absolute;
left:1px;
width:330px;
height:480px;
z-index:1;
}

#wuu_txt {
width:640px;
float:right;
margin-right:20px;
margin-top:50px;
text-align:justify;
cursor:default;
}


/*Führerscheinklassen*/

#class_bg {
width:100%;
min-height:440px;
background:#FAFAFA;
clear:left;
}

#class {
position:relative;
width:980px;
min-height:440px;
margin:auto;
background:#FAFAFA;
}

#class_schild {
position:absolute;
right:1px;
width:330px;
height:480px;
z-index:1;
}

#choose {	
float:left;
margin-top:100px;
margin-left:150px;
cursor:default;
}

#class_b {
position:absolute;
top:150px;
left:150px;
width:195px;
height:195px;
box-shadow:1px 1px 8px #333333;
}
#class_b a{
text-decoration:none;
cursor:pointer;
}

#class_a {
position:absolute;
top:150px;
left:400px;
width:195px;
height:195px;
box-shadow:1px 1px 8px #333333;
}
#class_a a{
text-decoration:none;
cursor:pointer;
}

/*Klasse B*/
#klasse_b {
width:195px;
height:195px;
position:absolute;
left:80px;
top:62px;
box-shadow:1px 1px 8px #333333;
}

#klasse_b_auto {
width:195px;
height:195px;
position:absolute;
right:80px;
top:35px;
box-shadow:1px 1px 8px #333333;
}

#klasse_be {
width:195px;
height:195px;
position:absolute;
left:80px;
top:35px;
box-shadow:1px 1px 8px #333333;
}


#class_b_bg {
width:100%;
min-height:320px;
background:#FAFAFA;
clear:left;
}

#class_b_in {
position:relative;
width:980px;
min-height:320px;
margin:auto;
background:#FAFAFA;
}
#class_b_in a {
text-decoration:none;
cursor:pointer;
color:#333333;
}

#class_ba_bg {
width:100%;
min-height:265px;
background:#f4f4f4;
clear:left;
}
#class_ba_in {
position:relative;
width:980px;
min-height:265px;
margin:auto;
background:#f4f4f4;
}

#class_be_bg {
width:100%;
min-height:265px;
background:#FAFAFA;
clear:left;
}
#class_be_in {
position:relative;
width:980px;
min-height:265px;
margin:auto;
background:#FAFAFA;
}

#klasse_left {
float:left;
width:670px;
margin-top:62px;
margin-left:300px;
text-align:justify;
cursor:default;
}

#klasse_left1 {
float:left;
width:670px;
margin-top:35px;
margin-left:300px;
text-align:justify;
cursor:default;
}

#klasse_right {
float:left;
width:670px;
margin-left:80px;
margin-top:35px;
cursor:default;
}


/*leistungen*/

#leistungen {
float:left;
width:640px;
margin-left:20px;
margin-top:50px;
text-align:justify;
cursor:default;
}
#leistungen a {
text-decoration:none;
cursor:pointer;
color:#333333;
}
#leistungen a:hover {
font-weight:bold;
}

#class_leist_bg {
width:100%;
min-height:580px;
background:#FAFAFA;
clear:left;
}

#class_leist {
position:relative;
width:980px;
min-height:580px;
margin:auto;
background:#FAFAFA;
}

#leist_schild {
position:absolute;
right:1px;
width:330px;
height:602px;
z-index:1;
}

/*Kontakt*/

#mappic {
position:absolute;
right:35px;
top:70px;
}

#cont_txt {
width:200px;
float:left;
margin-left:400px;
margin-top:70px;
text-align:justify;
cursor:default;
}
#cont_txt a {
text-decoration:none;
cursor:pointer;
color:#333333;
}
#cont_txt a:hover {
font-weight:bold;
}

#class_imp_bg {
width:100%;
min-height:900px;
background:#FAFAFA;
clear:left;
}

#class_imp {
position:relative;
width:980px;
min-height:900px;
margin:auto;
background:#FAFAFA;
}

#impress {
width:980px;
margin:auto;
float:left;
text-align:center;
margin-top:10px;
margin-bottom:10px;
font-size:14px;
}
#impress a {
text-decoration:none;
cursor:pointer;
color:#333333;
}
#impress a:hover {
font-weight:bold;
}

#impress_txt {
float:left;
width:350px;
margin-left:20px;
text-align:justify;
cursor:default;
}
#impress_txt a {
text-decoration:none;
cursor:pointer;
color:#333333;
}
#impress_txt a:hover {
font-weight:bold;
}

#haft {
float:left;
margin-left:25px;
width:550px;
text-align:justify;
font-size:10px;
cursor:default;
}

#imp_haft_bg {
position:absolute;
bottom:0px;
left:0px;
width:350px;
height:420px;
}

#fb {
position:absolute;
width:30px;
height:30px;
margin:auto;
top:45px;
left:475px;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#wuu_txt {
width:640px;
float:right;
margin-right:20px;
margin-top:50px;
text-align:justify;
font-size:0.5em;
}

#klasse_left {
float:left;
width:670px;
margin-top:62px;
margin-left:300px;
text-align:justify;
font-size:0.5em;
}

#klasse_left1 {
float:left;
width:670px;
margin-top:35px;
margin-left:300px;
text-align:justify;
font-size:0.5em;
}

#klasse_right {
float:left;
width:670px;
margin-left:80px;
margin-top:35px;
font-size:0.5em;
}

#leistungen {
float:left;
width:640px;
margin-left:20px;
margin-top:50px;
text-align:justify;
font-size:0.5em;
}

#haft {
float:left;
margin-left:25px;
width:550px;
text-align:justify;
font-size:10px;
font-size:0.3em;
}

}