@charset "iso-8859-1";
/* CSS Document */

* { margin:0; padding:0; }
ul, li { list-style:none }

a { text-decoration:none; color:#fff; }

h1 { font-size:18px; }
h2 { font-size:18px; } 
h3 { font-size:16px; }
h4 { font-size:12px; }
h5 { font-size:12px; color:#444; padding:0 0 3px; }
h6 { font-size:11px; padding:2px; background:#fff url(../img/raster.gif); font-weight:bold }
h1 span, h6 span { background:#fff; }

#home h1 { padding:20px 0 20px; text-align:center; width:510px; background:#fff url(../img/raster.gif); }
#impressum h1 { padding:0 0 30px; }
.subline { clear:both; padding:0 0 3px 0; background:url(../img/stripes.png); width:510px; }

.clearer { height:20px; clear:both; }

body { background:#000 url(../img/global-bck.png); font-family:Arial, Helvetica, sans-serif; font-size:13px; }
#site { width:1000px; margin:20px auto 0; }

#header { position:relative; }

#header img { position:absolute; top:2px; left:-5px; z-index:1 }
#header div { margin:0 20px; height:160px; background:#0d43ad url(../img/stripes.png) 0px 157px repeat-x; }
#header ul { position:relative; margin-left:217px; padding:0 0 0 3px; background:url(../img/right-header.png) 0 0 repeat-y; height:78px; z-index:5 }
#header ul li { float:left; background:url(../img/nav-bck.png) no-repeat; text-align:center; color:#fff; font-weight:bold; font-size:16px; }
#header ul li.kontakt a { height:44px; padding:25px 20px 0; }
#header ul li a { display:block; width:108px; height:54px; padding:15px 20px 0;}

#header ul li.hover,
#header ul li.active { background:url(../img/nav-active-bck.png) no-repeat; }
#header ul li.hover a,
#header ul li.active a {  }

#header .subtitle { background:#000; color:#fff; padding:5px 10px; height:15px; font-weight:bold; border-top:1px solid #666; border-bottom:3px solid #faf205; }

#header .subnav { background:url(../img/subnav-bck.png) top right no-repeat; font-size:11px; color:#fff; font-weight:bold; text-align:right; margin:15px 0; padding:3px 10px; }
#header .subnav span a { padding:2px 5px; cursor:pointer }
#header .subnav span.hover a,
#header .subnav span.active a { color:#000; background-color:#faf205; }
#header .subnav span.home { border-bottom:1px solid #faf205;  }

#content { background:#fff url(../img/left.png) repeat-y; margin:0 20px; }

#left { width:220px; float:left; }

#left .box { background:#6b727c url(../img/stripes.png) 0px 72px repeat-x; color:#fff; height:75px; font-weight:bold; text-align:center; }
#left .box p { background:#6b727c url(../img/right-box.png) 217px 0px repeat-y; height:40px; padding:15px 0; }

#left .kontakt { margin:0px 10px 20px; padding:0 3px 0 0; text-align:center }
#left .kontakt img { margin:5px 0; border:none;}
#left .kontakt p.signatur { background:url(../img/signatur.png) no-repeat; padding:35px 0 0 0; font-size:10px; font-weight:bold; }

#home #left .kontakt p,
#recycling #left .kontakt p,
#recycling #left .kontakt h3,
#impressum #left .kontakt p { text-align:left; }
p.name,
#recycling #left .kontakt p { padding:5px 0; }
#recycling #left .kontakt h3 { padding:20px 0 10px; }
#widerrufsbelehrung #left .kontakt,
#AGB #left .kontakt,
#home #left .kontakt,
#impressum #left .kontakt { margin:20px 10px; }

#left .kontakt img,
#middle img { border:none;}
#recycling img,
#recycling #left .kontakt img,
#ersatzteile #left .kontakt img,
#ersatzteile img
{ border:none;}
#left .zeiger-wrapper { background:url(../img/zeiger-bck.png) repeat-y; padding:20px 0 0; }
#left .zeiger { background:url(../img/zeiger.png) left bottom no-repeat; padding:5px 0 25px; text-align:center !important; font-weight:bold; } 


#left .note { background:url(../img/paper.png) no-repeat; padding:40px 0 20px; margin-top:25px;}
#left .note p { text-align:right !important; padding:0 45px 0 0 !important; }

#middle { width:700px; margin:0 0 0 220px; background:#fff; padding:20px; }
#home #middle,
#eingetroffen #middle { padding:20px 0px 20px 20px; width:720px; }
#middle p { padding:15px 100px 15px 0; }

#middle #fadein-wrapper { float:left; width:510px; }
#middle .fadein { position:relative; width:500px; height:335px; border:5px solid #000; }
#middle .fadein img { position:absolute; left:0; top:0; border:none;	padding:0px; }
#middle .fadein-subtitle { height:27px; width:510px; background:#000 url(../img/pic-subtitle-bck.png); color:#fff; font-weight:bold; }
#middle .fadein-subtitle ul {  padding:0px 5px; }
#middle .fadein-subtitle ul li { float:left; width:130px; height:15px; padding:3px 5px; }
#middle .fadein-subtitle ul li.title { background:transparent url(../img/oeffnungszeiten-bck.png) no-repeat; } 
#middle .fadein-subtitle ul li.zweizeiler { font-size:10px; padding:0px 50px 0px 0px; text-align:right; width:110px; }

#middle .rows { padding:20px 0 0 0; }
#middle .rows div { width:260px; float:left; }
#middle .rows img { float:left; margin:30px 0 0 10px; }
#middle .rows p   { padding:0; margin:10px 0; }

#middle .two-collum { float:left; padding:0 15px 0 0; width:335px; height:270px; }
#middle .two-collum p { padding:10px 0; }
#middle .two-collum h4 { padding:10px 0; }
#ersatzteile #platz { width:450px;}
.gallery a{ color:#000; text-align:center;}
#recycling .gallery a{ float:left;}
#ersatzteile #platz .gallery a.l {float:left; margin-left:0px;}
#ersatzteile #platz .gallery p {padding:2px 0px 2px 0px;}
#ersatzteile #platz .gallery a.r {float:right; margin-right:20px;}
#ersatzteile #lager { width:215px;}
#kontakt #middle .two-collum p { padding:0 0 10px; }

#middle .wischer { background:url(../img/wischer-verwertungsnachweis.png) 0 23px no-repeat; }
#middle .two-collum p.wischer-txt { padding:20px 0 10px 40px; color:#333; font-size:11px; font-weight:bold }
#middle .wischer p span { font-weight:bold; font-size:18px; padding-left:40px; }
#ersatzteile .wischer div { background:url(../img/wischer-selbstabbau.png) 0 17px no-repeat; } 
#ersatzteile #platz { background:url(../img/wischer-selbstabbau.png) 185px -7px no-repeat; } 
#ersatzteile div.wischer-txt { margin-top:-15px; padding-left:200px; color:#333; font-size:11px; font-weight:bold }
#lager p { margin-bottom:31px;}
#recycling .gallery p { padding-bottom:2px; padding-left:0px; padding-right:0px; padding-top:3px;}

#middle div.grid .rahmen { margin:0 12px 0 0;}
#middle div.grid > div .rahmen { margin-top:10px;}
#middle div.grid > div { width:222px; float:left; }
#middle div.grid div.video  { border:none; width:434px; height:300px; }

#middle .gebrauchtreifen-wrapper { margin-top:290px; }
#middle .gebrauchtreifen-wrapper h2 { background:#171717 url(../img/pfeile.png) 2px 2px no-repeat; height:20px; color:#fff; padding:5px 50px; }
#middle .gebrauchtreifen { height:160px; }
#middle .gebrauchtreifen img { float:left; margin:0 20px 0 0; }
#middle .gebrauchtreifen div { float:left; width:auto; }

#news { margin:0 0 0 520px; width:190px; background:url(../img/stripes.png) 0px 28px; }
#news p { background:#171717 url(../img/pfeile-small.png) 2px 2px no-repeat; height:14px; color:#fff; font-weight:bold; padding:5px 0 5px 40px; }
#news div { margin:0; padding:3px 0; height:310px;}
#news div.gallery { margin:0; padding:0; overflow-y:auto; overflow-x:hidden}
#news a table { color:#000; }
#news table { margin:0; padding:5px 0 0; background:#fff; width:174px; }
#news table tr td { padding:2px 2px 3px 5px; vertical-align:top; }
#news table tr td.img { width:85px; }
#news table tr td img { padding:0; }
#news table:hover { background:#f3f5fb; cursor:pointer }
#news table.empty:hover { background:#fff; cursor:auto }
#preview {	position:absolute;	border:1px solid #000;	background:#000;	padding:4px;	display:none;	color:#fff; }
#preview span {	display:block; margin:5px 5px 0; padding:0; }

#footer { margin:0 20px; height:1px; background:#fff; clear:both; border-bottom:3px solid #0d43ad; }

.rahmen{background:#fff;	border:solid 1px #ccc;	padding:4px; margin-bottom:5px;}
.rahmen p { font-size:12px;}
.nowrap { white-space:nowrap;}
#AGB #left .kontakt p { text-align:left;}
#widerrufsbelehrung #left .kontakt p { text-align:left;}

.text {padding-right:100px;}

#entsorgung .two-collum .rahmen { width:200px;}