/*** SITE GENERAL ***/
 
html, body { width: 100%; margin: 0px; padding: 0px; color: #404040; }
html { font-size: 12px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
body { background: white; }
 
img { display: block; border: none; }
p { margin: 0 0 10px 0; }
a  { color: #202020; text-decoration: underline; }
a:hover { color: #f5b10d; }
table { font-size: 12px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
input { font-size: 12px; color: black; }
 
h1 { visibility: hidden; margin: 0px; padding: 0px; text-indent: 0px; }
h2  { color: #f5b10d; font-size: 15px; font-weight: bold; text-decoration: none; margin: 0; padding: 5px 0 15px 0; }
h2 a { color: #f5b10d; text-decoration: underline; }
h3 { color: inherit; font-size: 13px; font-weight: bold; text-decoration: none; margin: 0; padding-bottom: 10px;}
strong { font-weight: bold; }
em { font-style: italic; color: #ffb90e; }
strong.price { color: #cc0000; }
p.spacer { height: 25px; }
p.tip { color: gray; font-style: italic; margin-top: 0px;}

div.clear { width: 1px; height: 1px; clear: both; }
div.clear_left { width: 1px; height: 1px; clear: left; }
.clear_x { clear: both; }
 
/*** SITE SPECIFIC ***/
 
#page_container { text-align: center; }
#content_container { width: 920px; margin: 0 auto; text-align: left; position: relative; }

#head { width: 920px; height: 160px; position: relative; overflow: visible; background: url("../img/site/header.jpg") no-repeat left top; ; }
#head .overlay { width: 220px; height: 220px; position: absolute; right: -40px; bottom: -220px; background: url("../img/site/spur_oben.jpg") no-repeat; }
#head a { position: absolute; text-indent: -10000px; overflow: hidden; z-index: 10000; }

#head #image_container { position: absolute; right: 20px; top: 60px; width: 145px; height: 32px; overflow: hidden; background: black; }

#head .home     { width: 270px; height: 100px; top: 50px; left: 10px; }
#head .reifen   { height: 30px; top: 110px; width: 60px; left: 370px; }
#head .felgen   { height: 30px; top: 110px; width: 70px; left: 430px; }
#head .zubehoer { height: 30px; top: 110px; width: 80px; left: 500px; }
#head .service  { height: 30px; top: 110px; width: 70px; left: 580px; }
#head .ueber    { height: 30px; top: 110px; width: 90px; left: 650px; }
#head .angebote { height: 30px; top: 110px; width: 150px; left: 740px; }

#head .reifen:hover   { background: url("../img/site/nav_over.jpg") no-repeat 0px top; }
#head .felgen:hover   { background: url("../img/site/nav_over.jpg") no-repeat -60px top; }
#head .zubehoer:hover { background: url("../img/site/nav_over.jpg") no-repeat -130px top; }
#head .service:hover  { background: url("../img/site/nav_over.jpg") no-repeat -210px top; }
#head .ueber:hover    { background: url("../img/site/nav_over.jpg") no-repeat -280px top; }
#head .angebote:hover { background: url("../img/site/nav_over.jpg") no-repeat -370px top; }


#content { height: auto !important; height: 520px; min-height: 520px; position: relative; z-index: 5000; text-align: left; }
#page_title { position: absolute; left: -40px; top: 0px; }
#content_main { width: 680px; margin-left: 10px; min-height: 600px; }

#content_side { position: absolute; right: 10px; top: 0px; width: 200px; }
#content_side h2.quickview { text-align: center; padding: 5px; background: white;}

#footer { width: 920px; height: 140px; position: relative; overflow: visible; background: url("../img/site/footer.jpg") no-repeat left top; z-index: 0;}
#footer a { color: white; text-decoration: none; margin-right: 10px; }
#footer a:hover { color: #ffb90e; }
#footer .overlay { width: 70px; height: 80px; position: absolute; left: -40px; top: -80px; background: url("../img/site/spur_unten.jpg") no-repeat; }
#footer .nav { position: absolute; left: 25px; top: 27px; }
#footer .copyright { position: absolute; right: 25px; top: 27px; color: white; }
#footer .times { margin: auto; padding-top: 27px; text-align: center; color: #ffb90e; padding-left: 110px; }



.image_paragraph                 { margin: 10px 0px; }
.image_paragraph .image       { float: left; display: block; width: 220px; height: 150px; margin: 0 10px 0 0; text-decoration: none; }
.image_paragraph .image.last  { margin-right: 0px;}
.image_paragraph .image img   { display: block; }
.image_paragraph .image p     { display: block; width: 220px; height: 30px; color: black; overflow: hidden; font-weight: bold; }
.image_paragraph .image p.reifen { background: url("../img/site/imgbar_reifen.jpg") no-repeat center; }
.image_paragraph .image p.flagge { background: url("../img/site/imgbar_wuchten.jpg") no-repeat center; }
.image_paragraph .image p.felgen { background: url("../img/site/imgbar_felge.jpg") no-repeat center; }
.image_paragraph .image p span { display: block; margin: 5px 5px 5px 5px; }
.image_paragraph .image p a       { color: black; text-decoration: none; }
.image_paragraph .image p a:hover { color: black; text-decoration: none; }

.text_paragraph                 { margin: 10px 0px; clear: both; min-height: 150px}
.text_paragraph .image       { float: left; display: block; width: 220px; height: 150px; margin: 0 10px 0 0; text-decoration: none; clear: both;}
.text_paragraph .image.right { float: right; margin: 0 0 0 10px;}
.text_paragraph .image.last  { margin-right: 0px;}
.text_paragraph .image img   { display: block; }
.text_paragraph .image p     { display: block; width: 220px; height: 30px; color: black; overflow: hidden; font-weight: bold; }
.text_paragraph .image p.reifen { background: url("../img/site/imgbar_reifen.jpg") no-repeat center; }
.text_paragraph .image p.flagge { background: url("../img/site/imgbar_wuchten.jpg") no-repeat center; }
.text_paragraph .image p.felgen { background: url("../img/site/imgbar_felge.jpg") no-repeat center; }
.text_paragraph .image p span { display: block; margin: 5px 5px 5px 5px; }
.text_paragraph .image p a       { color: black; text-decoration: none; }
.text_paragraph .image p a:hover { color: black; text-decoration: none; }
.text_paragraph .text {}
.text_paragraph .text p {}

.single_image                 { margin: 10px 0px; }
.single_image .image       { float: left; display: block; width: 220px; height: 150px; margin: 0 0 10px 10px; text-decoration: none; }
.single_image .image.last  { margin-right: 0px;}
.single_image .image img   { display: block; }
.single_image .image p     { display: block; width: 220px; height: 30px; color: black; overflow: hidden; font-weight: bold; }
.single_image .image p.reifen { background: url("../img/site/imgbar_reifen.jpg") no-repeat center; }
.single_image .image p.flagge { background: url("../img/site/imgbar_wuchten.jpg") no-repeat center; }
.single_image .image p.felgen { background: url("../img/site/imgbar_felge.jpg") no-repeat center; }
.single_image .image p span { display: block; margin: 5px 5px 5px 5px; }
.single_image .image p a       { color: black; text-decoration: none; }
.single_image .image p a:hover { color: black; text-decoration: none; }


.image_paragraph_small            { margin: 0px 0px 10px 0px; height: 60px; overflow: hidden; }
.image_paragraph_small div.image       { float: left; display: block; width: 128px; height: 60px; margin: 0 10px 0 0; }
.image_paragraph_small div.image.last  { margin-right: 0px;}
.image_paragraph_small div.image img   { display: block; }
/*
.image_paragraph_small div.image p     { display: block; width: 220px; height: 30px; color: black; overflow: hidden; font-weight: bold; }
.image_paragraph_small div.image p.reifen { background: url("../img/site/imgbar_reifen.jpg") no-repeat center; }
.image_paragraph_small div.image p.flagge { background: url("../img/site/imgbar_wuchten.jpg") no-repeat center; }
.image_paragraph_small div.image p.felgen { background: url("../img/site/imgbar_felge.jpg") no-repeat center; }
.image_paragraph_small div.image p span { display: block; margin: 5px 5px 5px 5px; }
.image_paragraph_small div.image p a       { color: black; text-decoration: none; }
.image_paragraph_small div.image p a:hover { color: black; text-decoration: none; }
*/

form#quick_form { margin: 0px; padding: 0px; }
form#quick_form input { margin: 0px; padding: 0px;}
form#quick_form label { display: block; color: gray; }
form#quick_form input.text { margin-bottom: 10px; width: 198px; border: solid 1px gray; height: 17px; }
form#quick_form input.checkbox { ; }
form#quick_form select { margin-bottom: 10px; width: 198px; border: solid 1px gray;}
form#quick_form textarea { margin-bottom: 10px; width: 198px; height: 50px; border: solid 1px gray;}
form#quick_form input.button { display: block; margin-top: 10px; }
form#quick_form p { margin: 0 0 5px 0; }


/*  contact page  */
form.contact_form { padding: 0px; margin: 0px 0px 0px 20px; width: 600px; display: block; }

form.contact_form strong { color: #540000; }
form.contact_form div { margin: 10px 0px 0px; clear: left; height: 20px;  }
form.contact_form div label { display: block; width: 110px; float: left; text-align: right; font-weight: bold; padding-top: 4px; }
form.contact_form div input,
form.contact_form div select,
form.contact_form div textarea { width: 430px; float: left; margin: 0px; padding: 0px; height: 20px; margin-left: 10px; border: solid 1px gray; background-color: #fff; color: black; }

form.contact_form #tx_plz { width: 50px; }
form.contact_form #ta_nachricht,
form.contact_form #ta_nachricht_container { height: auto; }
form.contact_form .submit_button { height: auto; margin-left: 120px; padding-top: 10px; }
form.contact_form .submit_button input { width: 100px; height: auto; margin: 0px; padding: 3px 0px; font-weight: bold; background: #eee}

form.contact_form .message_box { height: auto; clear: left; margin-left: 100px; padding-top: 10px; }

form.contact_form ul { margin: 5px 15px; padding: 0px 0px 0px 15px; }
form.contact_form ul li { margin: 3px 0px; list-style-type: disc; }

/* anfahrt page */
.anfahrt { width: 680px; height: 500px; overflow: hidden; margin: 0px; }



/* angebote page */
table.table_prices { margin: 0 0 15px; width: 680px; text-align: left; }
table.table_prices th { text-align: left; padding: 5px; background: #f5b10d; }
table.table_prices th.price { width: 3.5em; }
table.table_prices td { padding: 5px; background: #efefef}
table.table_prices .center { text-align: center; }


#ticker { width: 680px; background: url('../img/site/bg_ticker.jpg') no-repeat; margin-bottom: 10px; }
#ticker div { padding: 4px; }
.flash_floater { display: block; float: right; width: 256px; height: 95px; margin: 0 0 10px 10px; clear: both; overflow: hidden; }

.info { background: url('../img/site/bg_ticker.jpg') no-repeat center left; padding: 3px; }