@font-face {
    font-family: 'CabinCondensedBold';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url(#) format('woff'),
         url('/fonts/cabincondensed-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*	Resets
	------------------------------------------	*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; } ul { list-style:none; } blockquote,q { quotes:none; } :focus { outline:0; }ins { text-decoration:none; }del { text-decoration:line-through; }table { border-collapse:collapse; border-spacing:0; } .inline li,.inline dd,.inline dt { display:inline; }
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block }
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .clear { zoom: 1; } /* IE7 */

/* Fonts Cabin Condensed */
h1, h2, h3 { font-family: 'CabinCondensedBold'; font-weight: normal; color: #00304b; letter-spacing: 0.02em }
h1 { font-size: 2.6em }
h2 { font-size: 2em }
h3 { font-size: 1.6em }
a { color: #4c90cd }
p { line-height: 130% }
input { height: 30px; padding: 0 6px; border: 1px solid #ccc; box-shadow: 0 1px 0 #fff; background: url(/img/backgrounds/repeats.png) left top repeat-x; font-family: Arial; font-size: 1.1em; color: #999 }
textarea { padding: 0 6px; border: 1px solid #ccc; box-shadow: 0 1px 0 #fff; font-family: Arial; font-size: 1.1em; color: #999 }
.button { height: 23px; padding: 0 8px 2px 8px; font-weight: bold; color: #fff; background: url(/img/backgrounds/repeats.png) left -30px repeat-x; border: 0; border-radius: 4px; font-family: Arial; font-size: 1em; width: auto !important; margin: 0 !important }
.button:hover, button:visited:hover { background: url(/img/backgrounds/repeats.png) left -53px repeat-x; cursor: pointer }
.button.sub { background: url(/img/backgrounds/repeats.png) left -76px repeat-x; }
.button.sub:hover { background: url(/img/backgrounds/repeats.png) left -99px repeat-x; }
a.button { display: block; padding-top: 4px; padding-bottom: 0; height: 19px; text-decoration: none; clear: both; float: left }
a.button:hover { text-decoration: none !important; color: #fff !important }
.nomarginright { margin-right: 0 !important }
.fl { float: left; }
.fr { float: right; }
.nw { white-space: nowrap }

/*	Main styles ------------------------------------------	*/
a:hover { text-decoration: underline; color: #4c90cd }
body { background: #fff url(/img/backgrounds/body.png) top center repeat-y; font: normal 13px arial; }
.wrapper { background: #fff; width: 982px; margin: 0 auto; position: relative }
.cb { clear: both; }
.line1 { height: 1px; background:#c3c3c4; width: 100%; margin: 20px 0 20px 0; padding: 0; }

.bcs-icons { position: fixed; top: 0; left: 50%; margin-left: -590px; z-index: 200; }
.bcs-icons a { text-indent: -9999px; display: block; width: 46px; height: 46px; }
	
header { padding: 0; width: 982px; position: relative; margin-bottom: 70px }
header img { position: absolute; top: 14px; left: 30px }
header #slogan { width: 797px; background: #01304c url(/img/backgrounds/slogan.png) 0 0 no-repeat; height: 51px; line-height: 51px; padding-left: 185px; font-size: 2em; font-weight: normal; color: #fff; clear: both }
header #slogan em { font-style: normal }
header #slogan h2 { color: #fff; font-size: 0.8em; font-family: Arial }
header #slogan span { display: none }
header ul { float: right; padding: 10px 0 }
header ul li { display: inline; margin: 0 0 0 15px }
header ul li a { font-size: 0.85em; color: #999; text-decoration: none }

.felsida {top:30px;position:relative;}
.error-text {width: 806px;position: absolute;right: -10px;top: 87px;z-index: 200;}
.hide-for-desktop {display:none;}

nav { margin: 0; padding: 0; z-index: 99 }
nav>ul { background: #fff url(/img/globals/sprite.png) 0 0 no-repeat; width: 806px; padding: 2px 0 4px 2px; height: 32px; margin: 10px 0; position: absolute; right: -10px; top: 87px; z-index: 9000 }
nav ul li { display: block; position: relative; float: left; height: 32px }
nav ul .ddown a, nav ul .flyout a { padding-right: 24px; background: #fff url(/img/globals/sprite.png) right -710px no-repeat }
nav ul .ddown a:hover, nav ul .ddown a:visited:hover, nav ul .flyout a:hover, nav ul .flyout a:visited:hover { background: #fff url(/img/globals/sprite.png) right -740px no-repeat }
nav ul .ddown a.ddowncurrent, nav ul .flyout a.ddowncurrent { box-shadow: 0 0 7px #666; z-index: 100; position: relative; top: 0; left: 0; border-right: 1px solid #fff; color: #4c90cd; background: #fff url(/img/globals/sprite.png) right -740px no-repeat }
nav ul .ddown span, nav ul .flyout span { display: none; width: 260px; height: 10px; background: #fff; text-indent: -9999em; font-size: 0em; position: absolute; top: 32px; left: 0; z-index: 101 }
nav ul .flyout span { width: 908px; left: -167px }
nav ul .ddown ul { position: absolute; top: 32px; left: 0; margin: 0; height: auto; background: #fff; display: none; right: auto; width: 250px; padding: 20px 10px; z-index: 99; box-shadow: 0 0 6px #666 }
nav ul .ddown ul li { display: block; float: none; height: auto }
nav ul .ddown ul li a, nav ul .flyout ul li a { float: none; background: url(/img/globals/sprite.png) -362px -71px no-repeat; padding: 8px 8px 8px 20px; height: auto; border: 0; line-height: 100%; color: #4c90cd }
nav ul .ddown ul li a:hover, nav ul .ddown ul li a:visited:hover { background: #f1f1f1 url(/img/globals/sprite.png) -362px -71px no-repeat; text-decoration: none }
nav ul li a { display: block; float: left; padding: 0 10px; height: 32px; line-height: 32px; border-right: 1px solid #e7e7e7; font-weight: bold; color: #000; text-decoration: none }
nav ul .flyout { position: static }
nav ul .flyout div { position: absolute; left: -167px; padding: 20px; width: 908px; background: #fff; z-index: 99; box-shadow: 0 0px 6px #666; top: 32px; display: none }
nav ul .flyout div ul { width: 212px; float: left; margin-right: 20px }
nav ul .flyout div figure { margin: 0 0 10px 0; padding: 0; width: 212px; height: 114px; overflow: hidden }
nav ul .flyout div ul li { border: 0; float: none; width: 212px }
nav ul .flyout ul li a { background: url(/img/globals/sprite.png) -366px -73px no-repeat; padding: 6px 8px 6px 16px }
nav ul .flyout ul li a:hover, nav ul .flyout ul li a:visited:hover { background: #e1e1e2 url(/img/globals/sprite.png) -366px -73px no-repeat; text-decoration: none }
nav ul .flyout ul li h4 a { background: url(/img/globals/sprite.png) -366px -127px no-repeat; padding: 6px 8px 6px 16px; color: #002a3a; font-size: 1.4em; font-family: 'CabinCondensedBold'; font-weight: normal }
nav ul .flyout ul li h4 a:hover, nav ul .flyout ul li h4 a:visited:hover { background: #fff url(/img/globals/sprite.png) -366px -127px no-repeat; text-decoration: underline }
.showmenu { display: none; cursor: pointer }

.main { float: left }
.main .item { display: block; width: 236px; height:180px; border:solid 1px #e1e1e2; position: relative; background: none; }
.main .item img { }
.main .item h3 { color: #fff; font-size: 19px; line-height: 22px; background: #4c90cd url(/img/globals/sprite.png) -361px -215px no-repeat; margin: 0; padding: 5px 10px 5px 25px; overflow: hidden; position: absolute; width: 204px; height: 40px; margin-top: 120px; margin-left: -2px; opacity: 0.85; }
.main a:hover, aside a:hover { color: #334c74 }
.main .articles { width: 1000px; overflow: hidden; position: relative; }

aside { width: 238px; float: left; padding-top: 10px }

.companyinfo { width: 300px; height: 339px;  background: url(/img/backgrounds/slider-blue.png); position: absolute; top: 157px; right: 1px; z-index: 1000; overflow: hidden; }
.companyinfo h1 { color: #000; background:#fff;  display:table-cell; vertical-align: middle; width:300px; padding: 10px 0 10px 0; font-size: 1.6em; height:160px; font-family: 'CabinCondensedBold'; font-weight: normal;text-align: center; line-height:0; }
.companyinfo ul { padding: 0 0 10px 0; margin: 15px 20px 10px 20px; border-bottom: 1px solid #fff }
.companyinfo ul li { display: block; color: #fff; padding: 3px 10px 3px 0; height: 12px; line-height: 12px }
.companyinfo dl { margin: 0 20px 10px 20px;  }
.companyinfo dl dt { font-size: 12px; display: block; color: #fff; padding: 3px 0 3px 0; width:45px; height: 12px; line-height: 12px; float: left; clear:right; }
.companyinfo dl dd { font-size: 12px; display: block; color: #fff; padding: 3px 0 3px 0; height: 12px; line-height: 12px; float: right; }
.companyinfo dl dd a { color: #fff; }
.companyinfo .email { display: block; height: 20px; line-height: 20px; padding: 0; background: none; text-decoration: none; color: #828284 }
.companyinfo .email a { color: #fff; margin: 10px 20px 0 20px; display: block; background: url(/img/globals/sprite.png) -171px -609px no-repeat; padding: 0 0 0 22px; text-decoration: none }
.companyinfo .email a:hover { text-decoration: underline }
.companyinfo .button { display: block; position: relative; left: 20px; top: 10px; }

.companywrapper { width: 610px; }
.companyslides { position: absolute; }
.companycontact, .companyopen { width: 300px; height: 339px; position: absolute; }
.companyopen { display: none; }
.companyopen .content { margin: 15px 20px 0 20px; width:260px; color: #fff; }

.news { width: 980px; margin-bottom: 10px; border: 1px solid #f1f1f1; }
.news a { text-decoration: none; }
.news .article { width: 465px; margin-bottom: 20px; float: left; }
.news .article .content { padding: 20px; display: none; }
.news .article .content h2 { margin-bottom: 10px; padding: 0; }
.news .article .content p { margin: 0 0 10px 0; }
.news .list { width: 485px; float: right; background-image: linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -o-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -moz-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(241,241,241)), color-stop(1, rgb(255,255,255)) ); }
.news .list h2 { margin: 20px 20px 10px 20px; width: 400px; }
.news .list li { position: relative; left: -36px; display: block; width:100%; cursor: pointer; padding: 0 0 10px 36px; margin: 0; background-repeat: no-repeat; }
.news .list li h3 { font-weight: bold; font-size: 13px; font-weight: bold; color: #000; font-family: Arial; letter-spacing: 0px; padding: 10px 20px 0 20px; border-top: solid 1px #c3c3c4 }
.news .list li span { display: block; padding: 10px 20px 0 20px; }
.news .list li h3 a, .news .list li span a { color: #000; }

.news .list li.selected { background-image: url(/img/backgrounds/accordion-hl.png); color: #fff; }
.news .list li.selected h3 a { color: #fff; }
.news .list li.selected span a { color: #fff; }

.main .media { width: 982px; }
.main .media .map { width: 486px; height: 270px; }
.main .media #map { width: 100%; height: 100%; }
#start-map-link {line-height: 13px;}
	
.modules { padding: 0 0 10px 10px }
.item { width: 232px; margin: 0 10px 10px 0; float: left; background: #f60 }
.gallery { display: block; overflow: hidden; width: auto; height: 338px; margin: 10px 0; background: #efefef; clear: both; position: relative; border: 1px solid #f1f1f1 }
.gallery div { display: block; width: 982px; height: 338px; background: #333; color: #ccc; overflow: hidden }
.pager { position: absolute; bottom: 20px; right: 327px; z-index: 30; width: auto }
.pager li { display: inline }
.pager li a { display: block; padding: 0; width: 23px; height: 23px; line-height: 23px; float: left; color: #333; margin-left: 10px; text-align: center; background: transparent url(/img/globals/sprite.png) -734px -72px no-repeat; color: #fff; font-weight: bold; text-decoration: none } 
.pager li.current a, .pager li.current a:visited:hover, .pager li.current a:hover { background: transparent url(/img/globals/sprite.png) -734px -118px no-repeat;; color: #888 }
.pager li a:visited:hover, .pager li a:hover { background: transparent url(/img/globals/sprite.png) -734px -95px no-repeat; color: #fff }
.pager .pause { display: none }
.overlay { display: block; height: 310px; width: 734px; position: absolute; top: 0; left: 0; background: url(/img/backgrounds/carousel-small-white.png) 0 0 no-repeat; text-indent: -9999em }

.slide { position: relative }
.slide div { position: absolute; top: 20px; left: 30px; z-index: 999; background: none; width: 260px }
.slide div p { padding: 4px 0 10px 0; color: #000 }
.slide div h2 { line-height: 100% }
.slide img { width: 100% }
.slide .gradient { position: absolute; top: 0px; left: 0px; z-index: 998; width: 980px; height: 339px; }
.slide .flash { top: 0; left: 0; width: 982px; }
.mobile-pechhulp { display: none }
.mobile-pechhulp .contact img {height: 15px;top: 3px;position: relative;}
.mobile-pechhulp .contact .phone {height: 15px;margin-right: 3px;top: 3px;position: relative;}
.mobile-pechhulp .contact .email {height: 15px;margin-right: 3px;margin-left: 5px;top: 3px;position: relative;}
.mobile-pechhulp .contact {padding: 0px 5px 0px 5px;text-align: center;}
.mobile-pechhulp .contact a {text-decoration: none;font-size: 14px;}
.mobile-pechhulp .content .openinghours-info {display: none; margin-top: 20px;}
.mobile-pechhulp .content .openinghours-btn p { background: #fff url(/img/globals/sprite.png) right -718px no-repeat;}
.list-arrows { padding: 10px 0 }
.list-arrows li { padding: 2px 10px; background: url(/img/globals/sprite.png) -805px -377px no-repeat }
.list-arrows li a { text-decoration: none }
.list-arrows li a:hover { text-decoration: underline; color: #334c74 }

a.arrow { display: block; float: left; clear: both; padding: 2px 10px; background: url(/img/globals/sprite.png) -795px -397px no-repeat; text-decoration: underline }
a.arrow:hover, a.arrow:visited:hover { background: url(/img/globals/sprite.png) -805px -377px no-repeat; cursor: pointer; color: #334c74 }

/* Overlay popup */
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {height:70%; width:90%;background-color:#fff;  margin-top: 20px; position: absolute;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/img/globals/close.png) no-repeat; width:22px; height:22px; display:inline; z-index:3200; position:absolute; top:12px; right:10px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}
#simplemodal-container #simplemodal-data { height: 100%; }
#simplemodal-container #simplemodal-data h2 { background: #4c90cd; height: 30px; color: #fff; padding: 10px; }
#simplemodal-container #simplemodal-data iframe { height: 100%; }
#map.small-map {height: 40px;}

/* Doormat */
#doormat { border-top: 10px solid #01304c; margin: 40px auto 0 auto; clear: both; padding: 30px 240px 40px 40px; width: 722px; overflow: auto; background: url(/img/globals/pylon.png) right bottom no-repeat; min-height: 480px }
#doormat h3 { font-size: 2em; margin-bottom: 10px }
#doormat div { width: 210px; padding: 20px 20px 20px 0; float: left; overflow: auto; }
#doormat div ul { margin-bottom: -15px }
#doormat div ul li { padding: 0 0 4px 0 }
#doormat div ul li h4 a { font-size: 1.1em }
#doormat div ul li a { text-decoration: none }
#doormat div ul li a:hover, #doormat div ul li a:visited:hover { color: #003254; text-decoration: underline }

/* Footer */
footer { background: #fff url(/img/backgrounds/footer.png) center top no-repeat; padding: 10px 0 }
footer #footerwrapper { width: 1002px; margin: 0 auto }
footer #footerwrapper .meta { border-bottom: 1px solid #ccc; padding: 0 10px 10px 10px }
footer #footerwrapper .meta ul { float: right }
footer #footerwrapper .meta ul li { float: left }
footer #footerwrapper .meta a { display: block; padding: 2px 20px 2px 14px; color: #888; font-weight: bold; text-decoration: none; float: left; background: url(/img/globals/sprite.png) -210px -46px no-repeat; font-size: 0.9em }
footer #footerwrapper .meta a:hover, footer #footerwrapper .meta ul li a:visited:hover { text-decoration: underline; color: #4d85b8 }
footer #footerwrapper .meta ul .print a { background: url(/img/globals/sprite.png) -792px -509px no-repeat; padding: 2px 20px 2px 22px; }
footer #footerwrapper .meta ul .facebook a { background: url(/img/globals/sprite.png) -792px -529px no-repeat; padding: 2px 20px 2px 22px; }
footer #footerwrapper .meta ul .twitter a { background: url(/img/globals/sprite.png) -792px -549px no-repeat; padding: 2px 20px 2px 22px; }
footer #footerwrapper .meta ul .yt a { background: url(/img/globals/sprite.png) -792px -569px no-repeat; padding: 2px 20px 2px 22px; }
footer #footerwrapper .meta ul .rss a { background: url(/img/globals/sprite.png) -792px -589px no-repeat; padding: 2px 20px 2px 22px; }
footer #footerwrapper .meta ul .share a { background: url(/img/globals/sprite.png) -792px -609px no-repeat; padding: 2px 0 2px 22px; }
footer #footerwrapper .disclaimer { padding: 20px 0 60px 0 }
footer #footerwrapper .disclaimer em { font-style: normal; font-weight: bold; margin-bottom: 10px; display: block }
footer #footerwrapper .disclaimer em, footer #footerwrapper .disclaimer p { font-size: 0.8em; color: #888 }
footer #footerwrapper .disclaimer p { padding-bottom: 10px }
footer #footerwrapper .footercontent { margin-bottom: 10px;border-bottom: 1px solid #ccc; padding: 0 10px 10px 10px  }

/* Content pages */
#content .main { width: 734px; margin-right: 10px }
#content .main figure { margin: 0; border: 1px solid #f1f1f1; overflow: hidden }
#content .main h1 { clear: both; margin-bottom: 15px }
#content #pagetitle h1, #breadcrumbs { margin-left: 30px }
#content #pagetitle { padding: 10px 280px 0 0 }
#content .image1 { width: 732px; }
#content .main p { line-height: 160%; padding-bottom: 30px }
#content .main h2 { font-weight: normal }
#content aside { padding-top: 0; margin-top: -45px }
#content aside .garage-finder { height: 206px }

.pagemeta li { padding-bottom: 4px }
.pagemeta li a { display: block; height: 20px; line-height: 20px; background: url(/img/globals/sprite.png) -792px -507px no-repeat; padding: 0 0 0 26px; text-decoration: none; color: #828284 }
.pagemeta .mail a { background: url(/img/globals/sprite.png) -171px -566px no-repeat }
.pagemeta li a:hover { text-decoration: underline }

#breadcrumbs li { float: left; padding: 0 10px 0 0; color: #80807f }
#breadcrumbs li span, #breadcrumbs li a { display: block; float: left; padding: 4px 0; color: #80807f; text-decoration: none; font-size: 0.8em }
#breadcrumbs li a { padding-right: 15px; background: url(/img/globals/sprite.png) right -637px no-repeat }
#breadcrumbs .last span { font-weight: bold }

#content #contentwrapper { width: 704px; padding: 30px 0 30px 30px }
#content #contentwrapper #leftcol { width: 470px; padding-right: 33px; float: left; border-right: 1px solid #e9e9e8 }
#content #contentwrapper #leftcol img { width: 470px; }
#content #contentwrapper #rightcol { width: 180px; float: left; padding: 0 0 0 20px }
#content #contentwrapper #leftcol ul { list-style-type: disc; margin: 0 0 15px 30px; }
#content #contentwrapper #leftcol ul li { line-height: 20px; }

#stafflist .main { width: 734px; margin-right: 10px }
#stafflist .main figure { margin: 0; border: 1px solid #f1f1f1; overflow: hidden }
#stafflist .main h1 { clear: both; margin-bottom: 15px }
#stafflist #pagetitle h1, #breadcrumbs { margin-left: 30px }
#stafflist #pagetitle { padding: 10px 280px 0 0 }

#stafflist #contentwrapper { width: 704px; padding: 30px 0 30px 30px }
#stafflist #contentwrapper #leftcol { width: 704px; padding-right: 0; float: left; }

#stafflist #contentwrapper #leftcol .stafflist .col { width: 700px; height: 170px; margin: 0 0 10px 0; float: left; }
#stafflist #contentwrapper #leftcol .stafflist img { width: 140px; float: left; margin-right: 10px;  }
#stafflist #contentwrapper #leftcol .stafflist h3 { margin: 0 0 10px 0; padding: 0 10px 0 0;  }
#stafflist #contentwrapper #leftcol .stafflist h4 { margin: 0 0 10px 0; padding: 0 10px 0 0;  }
#stafflist #contentwrapper #leftcol .stafflist p { margin: 0 10px 10px 0; padding: 0 10px 0 0;  }

#stafflist #contentwrapper #leftcol .stafflist .email { display: block; height: 20px; line-height: 20px; background: url(/img/globals/sprite.png) -792px -507px no-repeat; padding: 0 0 0 150px; text-decoration: none; color: #828284 }
#stafflist #contentwrapper #leftcol .stafflist .email a { display: block; background: url(/img/globals/sprite.png) -171px -566px no-repeat; padding: 0 0 0 22px; text-decoration: none }
#stafflist #contentwrapper #leftcol .stafflist .email a:hover { text-decoration: underline }

/* Form */
.form1 { padding: 10px; border: 1px solid #f1f1f1; text-align: right; background-image: linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -o-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -moz-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(241,241,241)), color-stop(1, rgb(255,255,255))); }
.form1 label { float: left; width: 120px; height: 35px; padding-top: 7px; }
.form1 label.error { float: none; width: auto; height: auto; padding: 0; background: none; }
.form1 input, .form1 textarea { float: right; width: 300px; float: right; margin-bottom: 10px; }
.form1 textarea { padding-top: 5px; }
.form1 .validation-cross { position: absolute; margin: 8px 0 0 292px; z-index: 100 }
.form1 .checkboxes { float: right; width: 314px; text-align: left; }
.form1 .checkboxes label, .form1 .checkboxes input { float: none; width: auto; padding: 0; height: auto; }
.form1 .checkboxes input { padding: 0 15px 0 0; }
.thanks1 { display: none; }

#subnav { padding: 20px; margin-top: 45px; border: 1px solid #f1f1f1; background-image: linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -o-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -moz-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient(bottom, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(241,241,241)), color-stop(1, rgb(255,255,255)) ); }
#subnav ul li { display: block; float: none; height: auto; }
#subnav ul li a { float: none; display: block; background: url(/img/globals/sprite.png) -362px -71px no-repeat; padding: 8px 8px 8px 20px; max-width: 300px; height: auto; border: 0; line-height: 100%; color: #4c90cd; }
#subnav ul li a:hover { color: #000; }

#stafflist #subnav { margin-top: -10px; }

#sitemap ul { padding-top: 20px; }

.youtube { width: 474px; height: 267px; }
.vimeo { width: 470px; height: 266px; }
.main .media .vimeo { width: 486px; height: 270px; }

.bottomcontent { width: 984px; margin: 0 auto; margin-top: 10px; }
.bottomcontent-mobile { display:none; }


/*	Media queries - Mobile landscape ------------------------------------------	*/
@media only screen and (min-width: 480px) and (max-width: 767px)  {
	body { font-size: 13px; background: #fff url(/img/backgrounds/body-landscape.png) top center repeat-y }
	html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }
	header { margin-bottom: 0; padding: 0; height: 60px; position: relative; width: auto }
	header ul, #doormat, footer { display: none }
	header img { width: 64px; height: 64px; top: 10px; left: 10px; z-index: 9 }
	header #slogan { padding-left: 90px; width: 390px; font-size: 1.4em; height: 60px; line-height: 60px; background: url(/img/backgrounds/slogan.png) 0 0 repeat-y }
	header #slogan a { color: #fff }
	header #slogan em { display: none }
	header #slogan h2 { font-size: 1em; float: left }
	header #slogan span { display: block }
	
	h2 { font-size: 1.2em }
	p { font-size: 1em }
	.mobile-pechhulp { padding: 10px 0 10px 0px; font-size: 1.3em; display: block; border-bottom: 1px solid #e8e8e9; margin-bottom: 10px }
	.mobile-pechhulp .contact img {height: 15px;top: 3px;position: relative;}
    .mobile-pechhulp .contact .phone {height: 15px;margin-right: 0px;top: 3px;position: relative;}
    .mobile-pechhulp .contact .email {height: 15px;margin-right: 5px;margin-left: 5px;top: 3px;position: relative;}
    .mobile-pechhulp .contact {padding: 0px 5px 0px 5px;text-align: center;}
    .mobile-pechhulp .contact a {text-decoration: none;line-height: 22px;}
    .mobile-pechhulp .content {border-top: solid 1px #c3c3c4;margin-top: 10px;padding: 10px 5px 0px 5px;}
    .mobile-pechhulp .content .openinghours-info {display: none; margin-top: 20px;}
    .mobile-pechhulp .content .openinghours-btn p { background: #fff url(/img/globals/sprite.png) right -718px no-repeat;}
    .button { padding-bottom: 0 }
	.showmenu { display: block; height: 33px; line-height: 33px; padding: 0 10px 0 32px; border: 1px solid #607986; border-radius: 4px; color: #fff; font-size: 0.9em; background: url(/img/globals/sprite.png) left -38px no-repeat; float: right; margin: 13px 10px 0 0; text-decoration: none }
	
    .error-text {width: 100%;position: absolute;right: 0px;top: 87px;z-index: 200;margin-top: 20px;}
    .hide-for-desktop {display:none;color: #80807f;}

	nav ul { width: 440px; padding: 0 20px 1px 20px !important; height: 0; overflow: hidden; background: #01304c; padding: 0; position: absolute; right: 0px; top: 0px; margin: 0; z-index: 9999; display: block }
	nav ul li { float: none; height: auto; border-bottom: 1px solid #254253 }
	nav ul li a { float: none; color: #fff; font-size: 1.2em; line-height: 44px; font-weight: normal; padding: 0 10px; border-right: 0; height: 44px }
	nav ul li a:hover { color: #fff; text-decoration: underline }
	nav ul li:last-child { border-bottom: 0 }
	nav ul .ddown a, nav ul .ddown a:hover, nav ul .ddown a.ddowncurrent, nav ul .ddown a.ddowncurrent:hover, nav ul .flyout a, nav ul .flyout a:hover, nav ul .flyout a.ddowncurrent, nav ul .flyout a.ddowncurrent:hover { box-shadow: none; z-index: 100; position: relative; top: 0; left: 0; border-right: 0; color: #fff; background: transparent url(/img/globals/sprite.png) right -764px no-repeat }
	nav ul .ddown span, nav ul .flyout span { display: none !important; }
	nav ul .ddown ul, nav ul .flyout ul { position: relative; top: 0; height: 200px; left: 0; margin: 0; height: auto; background: transparent; display: none; right: auto; width: auto; padding: 20px 10px; z-index: 250; box-shadow: 0 0 0; }
	nav ul .ddown ul li, nav ul .flyout ul li { display: block; float: none; height: auto; border: 0 }
	nav ul .ddown ul li a, nav ul .flyout ul li a { float: none; background: url(/img/globals/sprite.png) -372px -214px no-repeat; padding: 10px; height: auto; border: 0; line-height: 100%; color: #fff }
	nav ul .ddown ul li a:hover, nav ul .ddown ul li a:visited:hover, nav ul .flyout ul li a:hover, nav ul .flyout ul li a:visited:hover { background: transparent url(/img/globals/sprite.png) -372px -214px no-repeat; text-decoration: underline }
	nav ul .flyout div { position: relative; left: 0; top: 0; width: 400px; background: #00304b; height: auto; box-shadow: none; padding: 0; }
	nav ul .flyout div ul { float: none; display: block; padding: 0 0 20px 20px !important }
	nav ul .flyout div ul h4 a, nav ul .flyout div ul h4 a:hover, nav ul .flyout div ul h4 a:visited:hover { font-size: 1.4em; color: #fff; text-decoration: underline; padding-left: 0; background: none !important; font-weight: normal }
	nav ul .flyout div ul li a, nav ul .flyout div ul li a:hover, nav ul .flyout div ul li a:visited:hover { background: url(/img/globals/sprite.png) -372px -214px no-repeat }
	nav ul .flyout div figure { display: none }
	
	.wrapper { width: 480px; padding-bottom: 20px; border-bottom: 10px solid #01304c; padding-top: 0 }
    .companyinfo { width: 480px; height: auto; background:none; position:static;  }
	.companyinfo h1 { width: 480px;}
    .companyinfo .companycontact { display: none;  }
	.module { display: block; width: auto }
	.main { width: auto }
    .main .articles { width: 500px; margin-bottom: 10px; }
	.main .item { background: none; border: 0px; width: 236px; float: left; height: 180px; margin: 10px 10px 0 0 }
    .main .item h3 { margin-left: -1px; width: 202px; }
    .main .news { width: 480px; margin: 0; }
    .main .news .article { display: none; }
    .main .news .list { width: 480px; float: none; }
    .main .news .list li { cursor: default; }
    .news .list li.selected { background-image: none; color: #000; }
    .news .list li.selected h3 { color: #000; }
    .news .list li.selected span { color: #000; }

	.main .media { width: 100%; }
    .main .media .map { width: 482px; height: 270px; float: none; }
    #start-map-link {line-height: 13px;}
    .main .media .vimeo { width: 482px; height: 270px; float: none; margin-top: 10px; }
	
	.gallery { margin: 0 0 10px 0; width: auto; height: 165px; display: none }
	.gallery .slide div { display: block; width: 480px; height: 165px; background: #333; color: #ccc; overflow: hidden }
	.gallery .slide div img { width: 100% }
	.gallery .slide .flash { display: block; width: auto; height: auto; }
	.gallery .slide .flash img { width: 982px; height: 338px; }
	
	aside { width: 480px; padding-top: 20px }
	aside .inzet { float: left; height: 150px; width: 193px }
	
	#breadcrumbs li span, #breadcrumbs li a { font-size: 0.9em }
	#breadcrumbs { margin-left: 20px }
	#content .main { width: 480px }
	#content .main img { width: 480px }
	#content .main h1 { margin-left: 20px; margin-bottom: 10px }
	#content #pagetitle { padding-right: 0 }
	#content #pagetitle h1 { margin-left: 20px }
	#content aside { padding-top: 0; margin: 0 }
	#content aside .emph { height: 350px !important; margin-right: 10px }
	#content aside .inzet { height: auto }
	#content #contentwrapper { padding: 20px; width: 440px }
	#content #contentwrapper #leftcol { border: 0; padding: 0; width: 440px }
	#content #contentwrapper #leftcol p { font-size: 1.2em }
	#content #contentwrapper #leftcol h2 { font-size: 2em }
    #content #contentwrapper #leftcol img { width: 440px; }
	#content #contentwrapper #leftcol ul li { font-size: 16px; line-height: 24px; }
	#content #contentwrapper #rightcol { padding: 0; width: 440px }
	#content #contentwrapper #rightcol .pagemeta { border-top: 1px solid #e8e8e9; padding-top: 20px }
	#content #contentwrapper #rightcol .pagemeta li { width: 220px; float: left }
	#content #contentwrapper #rightcol .pagemeta li a { font-size: 1.2em }
	
	#stafflist .main { width: 480px }
	#stafflist .main img { max-width: 440px; height: auto; }
	#stafflist .main h1 { margin-left: 20px; margin-bottom: 10px }
	#stafflist #pagetitle { padding-right: 0 }
	#stafflist #pagetitle h1 { margin-left: 20px }
	#stafflist aside { padding-top: 0; margin: 0 }
	#stafflist aside .emph { height: 350px !important; margin-right: 10px }
	#stafflist aside .inzet { height: auto }
    #stafflist #contentwrapper { width: 440px; padding: 20px }
    #stafflist #contentwrapper #leftcol { border: 0; padding: 0; width: 440px }

    #stafflist #contentwrapper #leftcol .stafflist .col { width: 450px; height: 210px; margin: 0 0 10px 0; float: left; }
    #stafflist #contentwrapper #leftcol .stafflist .left { width: 140px; float: left; margin: 0 10px 0 0;  }
    #stafflist #contentwrapper #leftcol .stafflist h3 { margin: 0 0 10px 150px; padding: 0; }
    #stafflist #contentwrapper #leftcol .stafflist p { margin: 0 0 10px 150px; padding: 0; }
	#stafflist #contentwrapper #leftcol .stafflist .email { background: none; }

	.news .list li.selected h3 a { color: #000; }
	.news .list li.selected span a { color: #000; }

    .form1 { text-align: right; }
	.form1 label { display: block; float: left; width: 120px; height: 35px; padding-top: 7px; }
	.form1 input, .form1 textarea { float: right; width: 270px; float: right; margin-bottom: 10px; }
	.form1 textarea { padding-top: 5px; }
	.form1 .validation-cross { position: absolute; margin: 8px 0 0 262px; }
	.form1 label.error { float: none; width: auto; height: auto; padding: 0; background: none; }
    .form1 .checkboxes { float: right; width: 314px; text-align: left; }
    .form1 .checkboxes label, .form1 .checkboxes input { float: none; width: auto; margin: 10px 0 0 0; height: auto; }
    .form1 .checkboxes input { margin-right: 15px; float: left; }
	.thanks1 { display: none; }

	.youtube { width: 430px; height: 237px; }
	.vimeo { width: 440px; height: 244px; }

	.popup { width:768px; background: #fff; position: absolute; z-index: 255; top: 100px; left: 100px; }
	.popup iframe { width: 100%; height: 100%; border: 0; }

	.bottomcontent { display: none; }
	.bottomcontent-mobile { display: block; width: 480px; margin: 0 auto; margin-top: 10px;}
	.bottomcontent-mobile img { width: 100%; }
}

/*	Media queries - Mobile portrait ------------------------------------------	*/
@media only screen and (max-width: 479px){
		body { font-size: 13px; background: #fff url(/img/backgrounds/body-portrait.png) top center repeat-y }
		html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }
		header { margin-bottom: 12px; padding: 0; height: 60px; position: relative; width: auto }
		header ul, #doormat, footer { display: none }
		header img { width: 64px; height: 64px; top: 10px; left: 10px; z-index: 9 }
		header #slogan { width: auto; font-size: 1.4em; height: 60px; line-height: 60px; background: url(/img/backgrounds/slogan.png) left top repeat-y }
		header #slogan a { color: #fff }
		header #slogan em { display: none }
		header #slogan h2 { font-size: 1em; display: none }
		header #slogan span { display: block }
		
		.dealer header { margin-bottom: 0 }
		
		.wrapper { width: 300px }
		.item { clear: both; float: none; display: block; width: auto }
		.gallery { margin: 10px; width: auto; height: 96px; display: none }
		.gallery div { display: block; width: 280px; height: 96px; background: #333; color: #ccc; overflow: hidden }
		.slide img { width: 100% }
		h2 { font-size: 1.5em }
		.mobile-pechhulp { padding: 0px 5px 10px 5px; text-align: left; font-size: 1.1em; display: block; border-bottom: 1px solid #e8e8e9; margin-bottom: 0 }
        .mobile-pechhulp .contact {padding: 10px 5px 0px 5px;text-align: center;}
        .mobile-pechhulp .contact a {text-decoration: none;line-height: 22px;font-size: 14px;}
        .mobile-pechhulp .contact img {height: 15px;top: 3px;position: relative;}
        .mobile-pechhulp .contact .phone {height: 15px;margin-right: 0px;top: 3px;position: relative;}
		.mobile-pechhulp .content{ text-align: left; margin-top: 10px;padding: 0px 5px 0px 5px;}
        .mobile-pechhulp .content .openinghours-info {display: none; margin-top: 20px;}
        .mobile-pechhulp .content .openinghours-btn p { background: #fff url(/img/globals/sprite.png) right -718px no-repeat;}
        .button { padding-bottom: 0 }
		.showmenu { display: block; height: 33px; line-height: 33px; padding: 0 10px 0 32px; border: 1px solid #607986; border-radius: 4px; color: #fff; font-size: 0.9em; background: url(/img/globals/sprite.png) left -38px no-repeat; float: right; margin: 13px 10px 0 0 }

        #simplemodal-container {height: 370px; margin-top: -30px;}

        .error-text {width: 100%;position: relative;right: 0px;top: 0px;z-index: 200;margin-top: 30px;padding: 10px;}
        .hide-for-desktop {display:block;color: #80807f;font-weight: bold;font-size: 12px;font-family: arial;margin-bottom: 10px;}

		nav ul { width: 260px; padding: 0 20px 1px 20px !important; height: 0; overflow: hidden; background: #01304c; padding: 0; position: absolute; right: 0px; top: 0px; margin: 0; z-index: 9999; display: block }
		nav ul li { float: none; height: auto; border-bottom: 1px solid #254253;}
		nav ul li:last-child { border-bottom: 0 }
		nav ul li a { float: none; color: #fff; font-size: 1.2em; line-height: 44px; font-weight: normal; padding: 0 10px; border-right: 0; height: 44px }
		nav ul li a:hover { text-decoration: underline; color: #fff }
		nav ul .ddown a, nav ul .ddown a:hover, nav ul .ddown a.ddowncurrent, nav ul .ddown a.ddowncurrent:hover, nav ul .flyout a, nav ul .flyout a:hover, nav ul .flyout a.ddowncurrent, nav ul .flyout a.ddowncurrent:hover { box-shadow: none; z-index: 100; position: relative; top: 0; left: 0; border-right: 0; color: #fff; background: transparent url(/img/globals/sprite.png) right -764px no-repeat }
		nav ul .ddown span, nav ul .flyout span { display: none !important }
		nav ul .ddown ul, nav ul .flyout ul { position: relative; top: 0; height: 200px; left: 0; margin: 0; height: auto; background: transparent; display: none; right: auto; width: auto; padding: 20px 10px; z-index: 99; box-shadow: 0 0 0 }
		nav ul .ddown ul li, nav ul .flyout ul li { display: block; float: none; height: auto; border: 0 }
		nav ul .ddown ul li a, nav ul .flyout ul li a { float: none; background: url(/img/globals/sprite.png) -372px -214px no-repeat; padding: 10px; height: auto; border: 0; line-height: 100%; color: #fff }
		nav ul .ddown ul li a:hover, nav ul .ddown ul li a:visited:hover, nav ul .flyout ul li a:hover, nav ul .flyout ul li a:visited:hover { background: transparent url(/img/globals/sprite.png) -372px -214px no-repeat; text-decoration: underline }
		nav ul .flyout div { position: relative; left: 0; top: 0; width: 220px; background: #00304b; height: auto; box-shadow: none; padding: 0 }
		nav ul .flyout div ul { float: none; display: block; padding: 0 0 20px 20px !important }
		nav ul .flyout div ul h4 a, nav ul .flyout div ul h4 a:hover, nav ul .flyout div ul h4 a:visited:hover { font-size: 1.4em; color: #fff; text-decoration: underline; padding-left: 0; background: none !important; font-weight: normal }
		nav ul .flyout div ul li a, nav ul .flyout div ul li a:hover, nav ul .flyout div ul li a:visited:hover { background: url(/img/globals/sprite.png) -372px -214px no-repeat }
		nav ul .flyout div figure { display: none }
		
		.main { width: auto }
		.main .item { background-image: none; margin: 10px; box-shadow: 0 1px 4px #ddd; width: 238px; padding: 20px }
        .main .item h3 { margin-left: -1px; width: 202px; }
		aside { width: 280px; margin: 10px; padding-top: 0 }
		aside .inzet { width: 240px }
		aside .inzet.garage-finder { background: url("/img/backgrounds/garage-finder-mobile.png") no-repeat scroll right top #f1f1f1; width: 242px; height: auto }
		.main .visual-pylon img { display: none }

        .companyinfo { height: auto; background:none; position:static;  }
        .companyinfo .companycontact { display: none;  }
        .gallery { display: none; }
        .news { width: 280px; margin: 0 0 0 10px; border: none; }
        .news .article { display: none; }
        .news .list { width: 278px; float: none; }
		.news .list h2 { font-size: 16px; width: 280px; }
        .main .news .list li { cursor: default; }
        .news .list li.selected { background-image: none; color: #000; }
        .news .list li.selected h3 a { color: #000; }
		.news .list li.selected span a { color: #000; }

        .main .articles {  width: auto; }
		.main .media { width: auto; }
        .main .media .map { width: 280px; height: 200px; margin: 0 10px 10px 10px; float: none; }
        .main .media .vimeo { width: 280px; height: 160px; margin: 10px; float: none; margin-top: 10px; }
		
		#breadcrumbs li span, #breadcrumbs li a { font-size: 0.9em }
		#breadcrumbs { margin-left: 20px; padding-bottom: 4px }
		#content .main { width: 300px }
		#content .main img { width: 300px }
		#content .main h1 { margin-left: 20px; margin-bottom: 10px; line-height: 100% }
		#content aside { padding-top: 0 }
		#content aside .emph { margin-right: 10px }
		#content aside .garage-finder { margin-right: 0 }
		#content #pagetitle { padding-right: 0 }
		#content #pagetitle h1 { margin-left: 20px }
		#content .main figure { border: 0 }
		#content #contentwrapper { padding: 20px; width: 260px }
		#content #contentwrapper #leftcol { border: 0; padding: 0; width: 260px }
		#content #contentwrapper #leftcol p { font-size: 1.2em }
		#content #contentwrapper #leftcol h2 { font-size: 2em; line-height: 100%; margin-bottom: 6px }
        #content #contentwrapper #leftcol img { width: 260px; height: auto; }
		#content #contentwrapper #leftcol ul li { font-size: 16px; line-height: 24px; }
		#content #contentwrapper #rightcol { padding: 0; width: 260px }
		#content #contentwrapper #rightcol .pagemeta { border-top: 1px solid #e8e8e9; padding-top: 20px }
		#content #contentwrapper #rightcol .pagemeta li a { font-size: 1.2em }
		
		#stafflist .main { width: 300px }
		#stafflist .main img { width: 300px }
		#stafflist .main h1 { margin-left: 20px; margin-bottom: 10px; line-height: 100% }
		#stafflist aside { padding-top: 0 }
		#stafflist aside .emph { margin-right: 10px }
		#stafflist aside .garage-finder { margin-right: 0 }
		#stafflist #pagetitle { padding-right: 0 }
		#stafflist #pagetitle h1 { margin-left: 20px }
		#stafflist .main figure { border: 0 }
		#stafflist #contentwrapper { padding: 20px; width: 260px }
		#stafflist #contentwrapper #leftcol { border: 0; padding: 0; width: 260px;}
		#stafflist #contentwrapper #leftcol p { font-size: 1.2em }
		#stafflist #contentwrapper #leftcol h2 { font-size: 2em; line-height: 100%; margin-bottom: 6px }
        #stafflist #contentwrapper #leftcol img { width: 260px; height:auto; }
        
        #stafflist #contentwrapper #leftcol .stafflist .col { width: 248px; height: auto; margin: 0; float: none; }
        #stafflist #contentwrapper #leftcol .stafflist img { width: 140px; float: none; margin: 10px 0 10px 0;  }
        #stafflist #contentwrapper #leftcol .stafflist h3 { margin: 0 0 10px 0; padding: 0;  }
        #stafflist #contentwrapper #leftcol .stafflist h4 { font-size: 1.2em;  }
        #stafflist #contentwrapper #leftcol .stafflist p { margin: 0 0 10px 0; padding: 0;  }

        #stafflist #contentwrapper #leftcol .stafflist .email { display: block; height: 20px; line-height: 20px; padding: 0; background: none; text-decoration: none; color: #828284 }
        #stafflist #contentwrapper #leftcol .stafflist .email a { display: block; background: url(/img/globals/sprite.png) -171px -566px no-repeat; padding: 0 0 0 22px; text-decoration: none }
        #stafflist #contentwrapper #leftcol .stafflist .email a:hover { text-decoration: underline }

		.form1 { text-align: left; }
		.form1 label { display: block; float: left; width: 225px; height: auto; margin-bottom: 5px; padding-top: 7px; }
		.form1 label.error { float: none; width: auto; height: auto; padding: 0; background: none; }
		.form1 input, .form1 textarea { float: right; width: 225px; float: right; margin-bottom: 10px; }
		.form1 textarea { padding-top: 5px; }
		.form1 .validation-cross { position: absolute; margin:37px 0 0 -8px; }
        .form1 .checkboxes { float: right; width: 225px; text-align: left; }
        .form1 .checkboxes label, .form1 .checkboxes input { float: none; width: auto; margin: 10px 0 0 0; height: auto; }
        .form1 .checkboxes input { margin-right: 15px; float: left; }
		.thanks1 { display: none; }

		.vimeo { width: 260px; height: 150px; }
		.youtube { width: 260px; height: 146px; }
		.bottomcontent { display: none; margin-top: 10px;margin-bottom: 10px; }
		.bottomcontent-mobile { display: block; width: 280px; margin: 0 auto; margin-bottom: 10px;}
		.bottomcontent-mobile img { width: 100%; }
}

/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
    -------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}