/*  



Theme Name: AMF



Theme URI: http://www.phatscreen.de



Description: This is template for Simple Portfolio.



Version: 1.0



Author: David Wright, Marcel Sauer



Author URI: http://www.phatscreen.de/







*/











/********************* AMF NAVI CSS ********************/







* {margin: 0px; padding: 0px; font-family: Tahoma, Arial, sans-serif; border:none; outline:none;}



img {border:0;}



#wrapper {



width: 1000px;



margin: 0 auto;}







/***************** HEADER **********************/



#head {



width: 1000px;



height: 110px;}







#head #logo {



background-image: url(img/logo.jpg);



width: 234px;



height: 69px;



position: relative;



top: 21px;



left: -2px;



float: left;}







#head #brands {



float: right;



position: relative;



top: 45px;



right: -2px;}







#head #brands ul {list-style-type: none;}







#head #brands ul li {float: left; margin-left: 40px;}





#head #brands ul li.audi_serv {
background-image: url(img/audi_s.jpg);
background-position: 0px 0px;
width: 37px;
height: 43px;}
#head #brands ul li.audi_serv:hover {background-position: 0px 43px;}
#head #brands ul li.audi_serv a {display: block; width: 37px; height: 43px;}



#head #brands ul li.seat_serv {
background-image: url(img/seat_s.jpg);
background-position: 0px 0px;
width: 40px;
height: 43px;}
#head #brands ul li.seat_serv:hover {background-position: 0px 42px;}
#head #brands ul li.seat_serv a {display: block; width: 40px; height: 43px;}



#head #brands ul li.skoda_serv {
background-image: url(img/skoda_s.jpg);
background-position: 0px 0px;
width: 34px;
height: 43px;}
#head #brands ul li.skoda_serv:hover {background-position: 0px 43px;}
#head #brands ul li.skoda_serv a {display: block; width: 34px; height: 43px;}

















#head #brands ul li.vw {



background-image: url(img/vw.jpg);



background-position: 0px 0px;



width: 43px;



height: 43px;}







#head #brands ul li.vw:hover {background-position: 0px 43px;}







#head #brands ul li.vw a {display: block; width: 43px; height: 43px;}







#head #brands ul li.audi {



background-image: url(img/audi.jpg);



background-position: 0px 0px;



width: 73px;



height: 43px;}







#head #brands ul li.audi:hover {background-position: 0px 43px;}







#head #brands ul li.audi a {display: block; width: 73px; height: 43px;}







#head #brands ul li.skoda {



background-image: url(img/skoda.jpg);



background-position: 0px 0px;



width: 40px;



height: 43px;}







#head #brands ul li.skoda:hover {background-position: 0px 43px;}







#head #brands ul li.skoda a {display: block; width: 40px; height: 43px;}







#head #brands ul li.seat {



background-image: url(img/seat.jpg);



background-position: 0px 0px;



width: 57px;



height: 43px;}







#head #brands ul li.seat:hover {background-position: 0px 43px;}







#head #brands ul li.seat a {display: block; width: 57px; height: 43px;}







#head #brands ul li.vwnutz {



background-image: url(img/vwnutz.jpg);



background-position: 0px 0px;



width: 46px;



height: 43px;}







#head #brands ul li.vwnutz:hover {background-position: 0px 43px;}







#head #brands ul li.vwnutz a {display: block; width: 46px; height: 43px;}







/****************** SLIDER **********************/



#slider {



width: 1000px;



height: 420px;



margin-bottom: 5px;



border: 1px dotted #9d9d9d;}







/********************* SITEPIC *********************/



#sitepic {



width: 1000px;



height: 220px;



margin-bottom: 5px;



border: 1px dotted #9d9d9d;}







#sitepic img {



margin-left: 10px;



margin-top: 10px;}







/********************* MENU **********************/



#menu {



background-color: transparent;



width: 1000px;



border: 1px dotted #9d9d9d;



position: absolute;



left: 50%;



margin-left: -500px;



z-index: 90;



margin-top: 10px;}







#btn_home {



background-image: url(img/home.jpg);



background-position: 0px 0px;



width: 142px;



height: 89px;



border-right: 1px solid #fff;



float: left;}







#btn_home_active {



background-image: url(img/home.jpg);



background-position: 0px 89px;



width: 142px;



height: 89px;



border-right: 1px solid #fff;



float: left;}







#btn_home:hover {background-position: 0px 89px;}







#btn_angebote {



background-image: url(img/angebote.jpg);



background-position: 0px 0px;



width: 142px;



height: 89px;



border-right: 1px solid #fff;



float: left;}







#btn_angebote_active {



background-image: url(img/angebote.jpg);



background-position: 0px 89px;



width: 142px;



height: 89px;



border-right: 1px solid #fff;



float: left;}







#btn_angebote:hover {background-position: 0px 89px;}







#btn_fahrzeug {



background-image: url(img/fahrzeugmarkt.jpg);



background-position: 0px 0px;



width: 142px;



height: 89px;



border-right: 1px solid #fff;



float: left;}







#btn_fahrzeug_active {



background-image: url(img/fahrzeugmarkt.jpg);



background-position: 0px 89px;



width: 142px;



height: 89px;



border-right: 1px solid #fff;



float: left;}







#btn_fahrzeug:hover {background-position: 0px 89px;}







#btn_news {



background-image: url(img/news.jpg);



background-position: 0px 0px;



width: 142px;



height: 89px;



border-right: 1px solid #fff;



float: left;}







#btn_news_active {



background-image: url(img/news.jpg);



background-position: 0px 89px;



width: 142px;



height: 89px;



border-right: 1px solid #fff;



float: left;}







#btn_news:hover {background-position: 0px 89px;}







#btn_termin {



background-image: url(img/termin.jpg);



background-position: 0px 0px;



width: 142px;



height: 89px;



border-right: 1px solid #fff;



float: left;}







#btn_termin_active {



background-image: url(img/termin.jpg);



background-position: 0px 89px;



width: 142px;



height: 89px;



border-right: 1px solid #fff;



float: left;}







#btn_termin:hover {background-position: 0px 89px;}







#btn_team {



background-image: url(img/team.jpg);



background-position: 0px 0px;



width: 142px;



height: 89px;



border-right: 1px solid #fff;



float: left;}







#btn_team_active {



background-image: url(img/team.jpg);



background-position: 0px 89px;



width: 142px;



height: 89px;



border-right: 1px solid #fff;



float: left;}







#btn_team:hover {background-position: 0px 89px;}







#btn_kontakt {



background-image: url(img/kontakt.jpg);



background-position: 0px 0px;



width: 142px;



height: 89px;



float: left;}







#btn_kontakt_active {



background-image: url(img/kontakt.jpg);



background-position: 0px 89px;



width: 142px;



height: 89px;



float: left;}







#btn_kontakt:hover {background-position: 0px 89px;}







#btn_home a, #btn_angebote a, #btn_fahrzeug a, #btn_news a, #btn_termin a, #btn_team a, #btn_kontakt a, #btn_news_active a, #btn_termin_active a, #btn_kontakt_active a {



display: block; width: 142px; height: 89px; text-align: right; 



text-decoration: none; line-height: 24px; color: #fff; font-size: 13px; font-family: Tahoma, Arial, sans-serif;}











#menu ul {list-style-type: none;}







#menu ul li {background-color: #7f7f7f; height: 26px; border-top: 1px dotted #9d9d9d;}







#menu ul li:hover {background-color: #003360;} 







/* Subnavi Handling */



#btn_news ul {display: none;}



#btn_news:hover ul {display: block;}







#btn_news_active ul {display: none;}



#btn_news_active:hover ul {display: block;}







#btn_termin ul {display: none;}



#btn_termin:hover ul {display: block;}







#btn_termin_active ul {display: none;}



#btn_termin_active:hover ul {display: block;}







#btn_kontakt ul {display: none;}



#btn_kontakt:hover ul {display: block;}







#btn_kontakt_active ul {display: none;}



#btn_kontakt_active:hover ul {display: block;}















/************************* CONTENT *************************/







#content_wrap {



clear: both;



background-color: transparent;



width: 1000px;



height: 100%;



margin: 0 auto;



padding-top: 140px;



margin-left: 1px;}







#left {



background-color: transparent;



width: 750px;



height: 100%;



float: left;}







#right {



background-color: transparent;



width: 250px;



height: 100%;



float: right;}







/********************* LEFT BAR ********************/



.box_l {
background-color: transparent;
width: 740px;
height: 100%;
margin-left: -1px;
margin-bottom: 30px;
float: left;
border: 1px dotted #9d9d9d;

}

.box_l h1 {color: #6f6d6d; font-size: 18px; font-weight: 300; position:relative; left:12px; top:-12px; z-index:80}

.box_l h1 span {background-color: #fff; padding-left: 8px; padding-right: 8px;}

.box_l img.welcomepic {
display: block;
margin: 0 auto;
margin-top: 10px;
margin-left:0px;
margin-bottom: 20px;
border: 1px solid #9d9d9d;}

.box_l p {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 20px;
color: #6f6d6d;
font-size: 12px;
line-height: 15px;
}


.box_l h2 {color: #6f6d6d; font-size: 14px; font-weight: 600; margin-left: 20px;}
.box_l p a {color: #6f6d6d;}
.box_l p a:hover {text-decoration: none;}
.box_l hr {
width: 698px;
margin: 0 auto;
margin-bottom: 30px;
color: #6f6d6d;
border: 1px dotted #9d9d9d;
clear: both;}

.box_l img.a1, .box_l img.a2 {
display: block;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 20px;
float: left;}

/********************* LEFT BLOG BAR ********************/

.box_l2 {
background-color: transparent;
width: 740px;
height: 100%;
margin-left: -1px;
margin-bottom: 30px;
float: left;
border: 1px dotted #9d9d9d;

}

.box_l2 h1 {color: #6f6d6d; font-size: 18px; font-weight: 300; position:relative; left:12px; top:-12px; z-index:80}

.box_l2 h1 span {background-color: #fff; padding-left: 8px; padding-right: 8px;}

.box_l2 img.welcomepic {
display: block;
margin: 0 auto;
margin-top: 10px;
margin-left:0px;
margin-bottom: 20px;
border: 1px solid #9d9d9d;}

.box_l2 p {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 20px;
color: #6f6d6d;
font-size: 12px;
line-height: 15px;
padding-right:20px;
}


.box_l2 h2 {color: #6f6d6d; font-size: 14px; font-weight: 600; margin-left: 20px;}
.box_l2 p a {color: #6f6d6d;}
.box_l2 p a:hover {text-decoration: none;}
.box_l2 hr {
width: 698px;
margin: 0 auto;
margin-bottom: 30px;
color: #6f6d6d;
border: 1px dotted #9d9d9d;
clear: both;}

.box_l2 img.a1, .box_l img.a2 {
display: block;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 20px;
float: left;}



/*********** Angebots Boxen **********/







.box_angebote {



background-color: transparent;



width: 337px;



height: 150px;



margin-right: -1px;



margin-bottom: 30px;



float: left;



border: 1px dotted #9d9d9d;



margin-left:20px;



text-align: left;}







.box_angebote .left {float:left; margin-left:10px; margin-top:10px;}



.box_angebote .right {float:left; margin-top:0px;}







.box_angebote h1 {color: #003360; font-size: 18px; margin-right: 12px; font-weight: 300;}







.box_angebote h1 span {background-color: #fff; padding-left: 8px; padding-right: 8px;}







.box_angebote p {



margin-top: 10px;



margin-bottom: 20px;



margin-right: 20px;



margin-left:10px;



color: #6f6d6d;



font-size: 12px;



line-height: 15px;}







.box_angebote p a {color: #6f6d6d;}



.box_angebote p a:hover {text-decoration: none;}







.box_angebote p span {font-weight: 600;}







/*********** Angebots Boxen Ende **********/





/*********** Angebots Team **********/







.box_team {



background-color: transparent;



width: 337px;



height: auto;



margin-right: -1px;



margin-bottom: 30px;



float: left;



border: 1px dotted #9d9d9d;



margin-left:20px;



text-align: left;}







.box_team .left {float:left; margin-left:10px; margin-top:10px;}



.box_team .right {float:left; margin-top:0px;}







.box_team h1 {color: #003360; font-size: 18px; margin-right: 12px; font-weight: 300;}







.box_team h1 span {background-color: #fff; padding-left: 8px; padding-right: 8px;}







.box_team p {



margin-top: 10px;



margin-bottom: 20px;



margin-right: 20px;



margin-left:10px;



color: #6f6d6d;



font-size: 12px;



line-height: 15px;}







.box_team p a {color: #6f6d6d;}



.box_team p a:hover {text-decoration: none;}







.box_team p span {font-weight: 600;}







/*********** Angebots Team Ende **********/







/********************* Form Boxen ********************/



.box_form {



background-color: transparent;



width: 740px;



height: 100%;



margin-left: -1px;



margin-bottom: 30px;



float: left;



}







.box_form h1 {color: #6f6d6d; font-size: 18px; margin-top: -12px; margin-left: 12px; font-weight: 300;}







.box_form h1 span {background-color: #fff; padding-left: 8px; padding-right: 8px;}







.box_form img.welcomepic {



display: block;



margin: 0 auto;



margin-top: 10px;



margin-left:0px;



margin-bottom: 20px;



border: 1px solid #9d9d9d;}







.box_form p {



margin-top: 10px;



margin-bottom: 20px;



margin-left: 20px;



color: #6f6d6d;



font-size: 12px;



line-height: 15px;}







.box_form h2 {color: #6f6d6d; font-size: 14px; font-weight: 600; margin-left: 20px;}







.box_form p a {color: #6f6d6d;}



.box_form p a:hover {text-decoration: none;}







.box_form hr {



width: 698px;



margin: 0 auto;



margin-bottom: 30px;



color: #6f6d6d;



border: 1px dotted #9d9d9d;



clear: both;}







.box_form mg.a1, .box_l img.a2 {



display: block;



margin: 0 auto;



margin-top: 10px;



margin-bottom: 20px;



margin-left: 20px;



float: left;}







/********************* Form Boxen Ende ********************/







/*********** Angebote **********/



.box_l .angebotsbox1 {



width: 339px;



height: 400px;



margin-left: 10px;



margin-top: 10px;



margin-bottom: 5px;



float: left;}







.box_l .angebotsbox2 {



width: 339px;



height: 400px;



margin-right: 10px;



margin-top: 10px;



margin-bottom: 5px;



float: right;}







.box_l p#markt {



clear: both;



display: block;



float: right;



margin-right: 20px;}







/******************* Right Bar *******************/



.box_r {



background-color: transparent;



width: 240px;



height: 100%;



margin-right: -1px;



margin-bottom: 30px;



float: right;



border: 1px dotted #9d9d9d;



text-align: right;}







.box_r h1 {color: #003360; font-size: 18px; font-weight: 300; position:relative; right:12px; top:-12px; z-index:80}







.box_r h1 span {background-color: #fff; padding-left: 8px; padding-right: 8px;}







.box_r p {



margin-top: 10px;



margin-bottom: 20px;



margin-right: 20px;



color: #6f6d6d;



font-size: 12px;



line-height: 15px;}







.box_r p a {color: #6f6d6d;}



.box_r p a:hover {text-decoration: none;}







.box_r p span {font-weight: 600;}











/************************ FOOTER ************************/







#footer {



clear: both;



width: 1000px;



height: 60px;



margin-top:30px;



margin-left: 2px;



color: #6f6d6d;



border-top: 1px dotted #9d9d9d;}







#footer ul#foot_nav {float: left; list-style-type: none; margin-top: 23px;}







#footer ul#foot_nav li {



float: left;



font-size: 12px;



font-weight: 300;



margin-right: 15px;}







#footer ul#foot_nav li a {color: #6f6d6d; text-decoration: none;}



#footer ul#foot_nav li a:hover {color: #003360;}











#footer ul#social {float: left; list-style-type: none; margin-top: 21px; margin-left: 80px;}







#footer ul#social li {float: left; margin-right: 10px;}







#footer ul#social li.facebook {



background-image: url(img/Facebook.png);



width: 16px;



height: 16px;}







#footer ul#social li.facebook a {display: block; width: 16px; height: 16px;}







#footer ul#social li.twitter {



background-image: url(img/Twitter.png);



width: 16px;



height: 16px;}







#footer ul#social li.twitter a {display: block; width: 16px; height: 16px;}







#footer ul#social li.bookmark {



margin-left: 0px;



margin-top: -2px;}







#footer ul#social li.bookmark a {color: #6f6d6d; font-size: 12px; font-weight: 300; text-decoration: none;}



#footer ul#social li.bookmark a:hover {color: #003360;}







#footer #copyright {



float: right;



background-image: url(img/copyright.jpg);



width: 92px;



height: 32px;



margin-top: 10px;}







.map_box_l {float:left; width:365px; margin-top:-20px;}



.map_box_r {float:left; width:350px; text-align:right; margin-top:-20px;}











/************************* AMF FORM CSS ***************************/







/* FIELDS */



select {



background: #f5f5f5;



border: 1px solid #9d9d9d;



padding: 5px;



width: 200px;



margin-left:20px;}







select:focus {



background: #ffffff;



border: 1px solid #9d9d9d;



outline: none;}











/* VCARDS */



.vcardbox {



background-color: #fff;



width: 337px;



height: 150px;



margin-left: 20px;



margin-bottom: 20px;



border: 1px dotted #6f6d6d;



float: left;}







.vcardbox .bluestripe {



background-image: url(img/vcards/bluestripe.jpg);



background-repeat: x-repeat;



width: 337px;



height: 40px;}







.vcardbox .vcardpic {



width: 110px;



height: 140px;



position: relative;



left: 3px;



top: -36px;



border: 1px solid #6f6d6d;



float: left;}







.vcardbox .vcardtext {



background-color: transparent;



width: 213px;



height: 140px;



position: relative;



top: -35px;



left: 8px;



float: left;}







.vcardbox .vcardtext h3 {



color: #fff;



font-weight: 300;



font-size: 16px;



margin-top: 4px;



margin-right: 10px;







text-align: right;}







.vcardbox .vcardtext p {



text-align: right;



font-size: 14px;



position: relative;



right: 10px;



top: 11px;



line-height: 18px;}







.vcardbox .vcardtext p span {font-size: 11px; font-weight: 300;}







.vcardbox .vcardtext p.link {



position: relative;



top: 10px;}







.vcardbox .vcardtext p.link a:hover {color: #003360; text-decoration: underline;}











/* MAINFORM */



#formbox {



clear: both;}