/**
 * motorgarant
 *
 * @category    design
 * @author      Dawid Rogaczewski
 * @package     motorgarant
 * @copyright   Copyright (c) 2010 motorgarant
 */

/* Reset ================================================================================= */
* { margin:0; padding:0; }

body          { font:12px/1.50 Helvetica, Arial, Geneva, Verdana, sans-serif; color:#646464; text-align:center; background: #eee url(images/body-bg.jpg) repeat-x top }

img           { border:0; vertical-align:top; }

a             { color:#3f8ca8; text-decoration:none; }
a:hover       { text-decoration:none; }
:focus        { outline: 0; }

/* Headings */
h1,h2,h3,h4,h5,h6{font-family: arial, sans-serif; color: #006083;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color: #006083;}
h1          { font-size:2em; font-weight:normal; line-height:1.15; }
h2          { font-size:1.5em; line-height:1.25; margin-bottom:.45em; }
h3          { font-size:1.3em; line-height:1.25; margin-bottom:.45em;}
h4          { font-size:1.05em; line-height:1.35; margin-bottom:.45em; }
h5          { font-size:1.05em; line-height:1.35; margin-bottom:.45em; }
h6          { font-size:1em; line-height:1.35; margin-bottom:1em; }

#sidebar h3{font-weight: normal; font-size: 1.1em}

/* Table */
table         { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
p             { margin:0 0 1em; }
p.subinfo 	  { color:#999999; font-size:11px; font-family: verdana; line-height:1.18em; margin-bottom:7px; margin-top:1px; padding-top:0; }
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.35; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small, .small { font-size:11px; }
big, .large,
.big		  { font-size:1.2em !important; }
/*sup           { font-size:1em; vertical-align:top; }*/

hr			  { height: 1px; border:none; border-bottom: 2px dotted #e5e5e5; background: none; margin-bottom: 5px; clear: both; display: block }
.h_r		  { background: url(images/hr.jpg) repeat-x bottom; padding-bottom: 10px; margin-bottom: 20px }


/* Lists */
ul, ol		 { margin:0 0 15px 20px }
.list-check	 { list-style-image: url(images/list-check.jpg); margin-left: 30px}
.list-check	li{margin-bottom: 10px; padding-right: 40px}

.list-numbers{list-style-position: inside; margin: 0; padding: 0}
.list-numbers li{ background: url(images/list-numbers.jpg) no-repeat; padding:0 0 10px 4px; font-size: 11px; color: #fff;}
.list-numbers li span{color:#646464; font-size: 12px}

/* Tools */
.hidden,
.hidden-box   { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.hide		  { display: none }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.nomr		  { margin: 0 !important}
.clear		  { clear: both; display: block; width: 100%; height: 1px}
.alignleft	  { float: left; margin: 0 20px 10px 0 }
.alignright	  { float: right; margin: 0 0 10px 20px }
.edit-link a  { text-align: center; display: block; clear: both; width: 938px; line-height: 40px; font-weight: bold; font-size: 18px; color: #000; -moz-border-radius: 10px; border:1px solid #ccc; background: #fff; margin: 20px auto}

a.more{ position: absolute; bottom: 10px; right: 10px; padding-left: 20px; text-decoration: none; font-size: 11px; color: #000; line-height: 17px; background: url(images/read_more.png) no-repeat top left;}
a.more:hover { background-position: bottom left; text-decoration: underline}

/* ======================================================================================= */


/* Layout ================================================================================ */
.wrapper { width: 940px; margin: 0 auto; overflow: hidden;}
.page { text-align:left; margin: 0 auto;  }
.main-container {position: relative; padding: 0}

/* Base Columns */
.col-left { float:left; width:220px; padding:0 0 1px; }
.col-main { float:left; padding:0 0 1px; }
.col-right { float:right; width:220px; padding:0 0 1px; }

/* 1 Column Layout */
.col1-layout .main { padding:16px 30px 40px; }
.col1-layout .col-main { float:none; width:auto; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; width:720px; }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main { width:452px; }
.col3-layout .col-wrapper { float:left; width:689px; }
.col3-layout .col-wrapper .col-main { float:right; }

/* Content Columns */
.col2-set{clear: both}
.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:48.8%; }
.col2-set .col-narrow { width:35%; }
.col2-set .col-wide { width:65%; }

.col3-set .col-1 { float:left; width:32.3%; }
.col3-set .col-2 { float:left; width:32.3%; margin-left:1.55%; }
.col3-set .col-wide {float:left; width:65%;}
.col3-set .col-3 { float:right; width:32.3%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }

/* BASIC */
#main{width: 600px; float: left; color: #333;}
#sidebar{width: 287px; float: right; color: #333;}

/* FULL */
.full-layout #main{width: 100%; float: left}



/* Global Styles ========================================================================= */

/* Buttons */
.btn,
#contactsubmit{background: url(images/btn-bg.jpg) repeat-x; float: left; color: #fff !important; font-size: 12px; padding: 2px 20px 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #89aec5; font-weight: bold; white-space: nowrap;}
.btn:hover{text-decoration: underline; cursor: pointer; color: #fff}

input.text_input{border: 1px solid #808080; background: #fff; padding: 4px 5px}
input.text_input:focus{border-color: #42D7F3}
input.s-input{width: 160px}
input.l-input{width: 342px}


/* Global Messages  */
.success { color:#3d6611; font-weight:bold; }
.error { color:#df280a; font-weight:bold; }
.notice { color:#e26703; }

.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px !important; }
.messages li li { margin:0 0 3px !important; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid !important; border-width:1px !important; padding:4px 12px !important; font-size:11px !important; font-weight:bold !important; }
.error-msg { border-color:#f16048; background-color:#faebe7; color:#df280a; }
.success-msg { background-color:#eff5ea; color:#3d6611; }
.note-msg,
.notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; }

input.inp-error{ border:1px solid #f16048; font-weight: normal; color: #333}


/* Page Heading */
.page-title { margin:5px 0 20px; display: block; border-bottom: 1px solid #ccc; padding-bottom: 10px}
.page-title h1, .page-title h2 { font-size:26px; font-weight: normal; margin-bottom: 10px }
.page-title strong{color: #333; font-size: 13px}
.search-results .page-title span{color: #a6c335}



/* Header ================================================================================ */
.header { margin:0; padding: 0 0 30px; display: block }
.header .wrapper{position: relative; padding: 0; display: block; overflow: visible}
.header #logo a{ margin: 45px 0 0; float:left; text-decoration:none; width: 202px; height: 31px; background: url(images/logo.png) no-repeat; text-indent: -9999px}
.header .claim{}
.header .screen-reader-text{display: none}


/* top navi */
.header .menu-top-menu-container{position: absolute; right: 255px; top: 5px; text-align: right;}
.header .menu-top-menu-container ul{padding: 0; margin: 0; list-style: none}
.header .menu-top-menu-container li{margin-left: 15px; float: left}
.header .menu-top-menu-container a{font-size: 11px; color: #fff; }
.header .menu-top-menu-container a:hover{text-decoration: underline}
.header .menu-top-menu-container .current-menu-item a{color: #ffe829}
#menu-item-23{background: url(images/download-icon.png) no-repeat left center; padding-left: 20px}

/* support */
.header .support{ background: url(images/top-menu-bg.jpg) repeat-x; padding: 5px 10px; position: absolute; top: 0; right: 0; color: #fff}
.header .support span{color: #fff; font-weight: bold; margin: 0 5px 0 0}
.header .support a{margin: 0 5px;color: #ffe829; padding-left: 7px; border-left: 1px dotted #fff}

/* search */
.header #searchform{position: absolute; top: 50px; right: 2px}
.header #searchform label{display: none;}
.header #searchform input#s{border: 1px solid #000; background: #fff; padding: 4px 5px; width: 140px; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.header #searchform input#s:focus{border-color: #42D7F3}
.header #searchform input#searchsubmit{border: none; width: 24px; height: 23px; font-size: 1px; text-indent: -9999px; float: left; cursor: pointer; margin: 0 0 0 5px; background: transparent url(images/search-btn.png) no-repeat}
.header #searchform input#searchsubmit:active{position: relative; top: 1px; left: 1px; outline: none}


/********** < Navigation */
.menu-header{ width: 728px; margin-top: 46px; float: right; background: url(images/menu-header-bg.png) no-repeat bottom; padding-bottom: 6px}
.menu-header ul.menu{ font-size:14px; margin: 0; list-style: none; width: 100%; }

/* ALL Levels */ /* Style consistent throughout all nav levels */
.menu-header .menu li { float: left; display: inline; margin: 0 3px 0 0;}
.menu-header .menu a{ display:block; text-decoration:none; padding: 0; width: 132px; text-align: center; line-height: 37px; height: 35px; background: #eeeeee; color: #2b2b2b; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; font-weight: bold}
.menu-header .menu a:hover{background-color: #fff; text-decoration: underline}
.menu-header .menu .current-menu-item a,
.menu-header .menu .current-menu-ancestor a{background-color: #bfd447; color: #fff}

/* sub navi */
.menu-header .menu li ul{display: none}
.menu-header .menu li.current-menu-item ul,
.menu-header .menu li.current-menu-ancestor ul{display: block}

.menu-header .menu .sub-menu{ overflow: hidden; list-style: none; margin: 0; padding: 0 0 0 10px; position: absolute; background: url(images/sub-navi-bg.jpg) repeat-x; width: 718px; right: 0px; height: 30px; -moz-border-radius: 0 0 6px 6px;-webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;}
.menu-header .menu .sub-menu li{float: left; margin: 7px 0 2px; border-right: 1px solid #738436; padding-right: 10px}
.menu-header .menu .sub-menu a{float: left; padding: 2px 7px; color: #fff; border-left: #d9ed68 1px solid; font-size: 12px; width: auto; height: auto; line-height: normal; background: none !important}
.menu-header .menu .sub-menu li.current-menu-item a{background: #7c9a14 !important; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; border-left: none}
#menu-item-91 a{border-left: none}
/********** Navigation > */

.paging{clear: both; padding: 15px 0; text-align: center; font-weight: bold;}
.paging span.active,
.paging span.inactive,
.paging a{margin-right: 3px; padding: 4px 7px; border:1px solid #E1E1E0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #4593DF !important}
.paging span.inactive{color: #9e9D9C; background: #f8f8f8}
.paging span.active{color: #fff !important; background: #9e9D9C; border: none}
.paging a{}
.paging a:hover{}


.breadcrumb{margin: 0 0 10px 10px}
/* ======================================================================================= */

/* Content =============================================================================== */
#content{background: url(images/content-bg.png) no-repeat #fff; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px; overflow: hidden; display: block; clear: both; padding: 20px; margin-bottom: 20px;}
.page-template-default #content{background-image: none}
/* ======================================================================================= */


/* Box Styles ============================================================================ */
.dg-box{display: block; overflow: hidden; margin: 0 0 15px; clear: both; background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative}

/* teaser */
.teaser{clear: none; min-height: 185px}
.teaser p{}
.teaser .dg-box-content{padding-bottom: 0}

/* box title */
.dg-box-title{padding: 7px 10px 5px; overflow: hidden; font-size: 12px; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-radius:4px 4px 0 0; position: relative; z-index: 2;}
.dg-box-title,
.dg-box-title h2{font-size:15px; color: #fff; margin: 0}
.dg-box-title a{background:none; color: inherit}

/* box content */
.dg-box-content{overflow: hidden; padding: 20px}
.dg-box-right{position: absolute; top: 15px; left: 275px; color: #000; font-size: 12px; padding-bottom: 35px; width: 315px;}
.dg-box-left{position: absolute; top: 15px; left: 120px; color: #000; font-size: 12px; padding-bottom: 35px; width: 465px;}

.border-right{border-right: 1px solid #dedede; overflow: hidden}
.border-left{border-left: 1px solid #dedede; overflow: hidden}
.border-bottom{border-bottom: 2px dotted #dedede;}

.border{ border: 3px solid #e5e5e5;}
.bgr{ -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px; background: #F2EFE8; }
.rnd{-moz-border-radius:12px; -webkit-border-radius: 12px; border-radius: 12px;}

/* border box */
.border-box{ position: relative; border: 1px solid #e5e5e5; -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; padding-bottom: 25px; margin-bottom: 20px}
.border-box .dg-box-content{padding: 10px}
.border-box .more{left: 10px}

/* colors */
.bg-blue{background: #97e9f7;}
.bg-green{background: #bfd447;}
.bg-highlight{background: url(images/content-bg.png) no-repeat #fff;}

.blue{color: #2EA0AB !important}
.green{color: #bfd447 !important}
.gray{color: #333 !important}
/* ======================================================================================= */

/* Tables ================================================================================ */
table.flex { width:100%; margin-top: 0; font-size:12px; }

table.flex thead tr { }
table.flex thead tr th { padding:0 0 5px 7px;  font-weight:bold; white-space:nowrap; }
table.flex thead tr td{ text-align: center; font-weight: bold; border-bottom: 2px solid #fff; padding: 5px 0; border-right: 10px solid #fff; color: #000}

table.flex tbody tr td{ border-bottom:1px solid #fff; border-right: 10px solid #fff }
table.flex tbody tr td { padding:5px 0; vertical-align:middle; text-align: center; color: #fff; font-size: 13px }

table.flex tfoot tr td { padding:3px 7px 0; font-weight: bold}

table.flex td.post{width: 330px; font-size: 12px}
table.flex td.post p{margin-bottom: 0}
table.flex .tt-media-wrapper{margin-bottom: 0}

table td.rating{width: 125px; position: relative}

thead td.bg-green{background: #d8e39e}
thead td.bg-blue{background: #a2ebfa}
thead td.bg-blue2{background: #cee2e3}
table.flex thead td.bg-blue3{background: #7fb4c4; border-right: none;}

td.bg-blue{background: #42d6f4}
td.bg-blue2{background: #9cc6c5}
table.flex tbody td.bg-blue3{background: #00668c; border-right: none}
/* ======================================================================================= */


/* Posts ================================================================================= */
.post{clear: both; display: block; margin-bottom: 20px}
#posts{}
#posts .tt-content-wrapper{font-size: 12px}

.posts-view-list .post-excerpt,
.posts-view-list .post .tt-media-wrapper{display: none}
.posts-view-grid .post-excerpt,
.posts-view-grid .post .tt-media-wrapper{display: block}

.post-excerpt{display: block;}

/* post meta */
.post-meta{display: block; font-size: 10px; font-family: verdana, sans-serif; margin-bottom: 10px}
.post-meta a{color: #4593DF}

/* search results */
.search-results .post p{margin: 0}
.search-results .post .entry-title a{text-decoration: underline}
.search-results .post .entry-title a:hover{text-decoration: none}

/* page header */
.page-header{display: block; width: 850px; clear: both; margin: 10px auto 40px; overflow: hidden}
.page-header h1{color: #00688b; font-weight: bold; display: block; margin: 0 0 20px}
.page-header p{}
/* ======================================================================================= */


/* Footer ================================================================================ */
.footer {padding: 0 0 20px}
.footer .wrapper { text-align: left;}
.footer a { text-decoration: underline; color: #56abe1 }
.footer a:hover { text-decoration: none; }

/* site-info */
.footer #site-info{float: left; color: #a4a2a3}
.footer #site-info img{float: left; margin: 3px 8px 0 0}
.footer #site-info a{color: #00678d;}
.footer #site-info span{font-size: 11px; line-height: 14px; float: left}

/* social media */
.footer #social-media{float: right}
.footer #social-media ul{margin: 0; padding: 0; list-style: none}
.footer #social-media ul li{float: left; margin: 0 0 0 5px}

/* Footer Box */
#footer-box{overflow: hidden; padding: 20px; background: #f7f7f7}
#footer-box .support-box{background: #fff; overflow: hidden; border: 1px solid #eee}
#footer-box .support-box p{float: left; padding: 12px 0 0 15px; font-size: 12px; line-height:17px; margin: 0}
#footer-box .support-box p strong{display: block; font-size: 15px; color: #2EA0AB }
#footer-box .support-box img{float: right}

/* Footer Menu */
#footer-box ul{list-style: none; margin: 20px 0 0; padding: 0; float: left}
#footer-box ul ul{margin-top:5px}
#footer-box li{float: left; width: 127px}
#footer-box li li{display: block}
#footer-box li strong a{color: #646464; text-decoration: none}

#footer-box .text-box{float: right; width: 230px; background: #e9e9e9; margin: 20px 0 0 0; padding: 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
/* ======================================================================================= */


/* Feature List ========================================================================== */
#feat-list {width: 940px; height: 240px; overflow: hidden; position: relative; background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 15px}
#feat-list h2{background: #97e9f7; color: #fff; line-height: 40px; margin-bottom: 10px; font-size: 14px; padding: 0 15px; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; -webkit-border-top-left-radius: 6px;}
#feat-list ul { list-style: none; padding: 0; margin: 0;}
#feat-list .feat-tabs-wrapper{width: 275px; float: left; display: block}
#feat-tabs {}
#feat-tabs li {font-size: 12px;font-family: Arial; padding: 0 10px}
#feat-tabs li img {padding: 5px; border: none; float: left; margin: 10px 10px 0 0;}
#feat-tabs li a { text-decoration: none; display: block; padding: 5px; outline: none; border-bottom: 1px dotted #ccc; font-size: 13px; line-height: 1.4}
#feat-tabs li a:hover {color: #CAE342; text-decoration: none;}
#feat-tabs li a.current {background: #f3f3f3; font-weight: bold; color: #006083}
#feat-tabs li a.current:hover {color: #3f8ca8; text-decoration: none; cursor: default;}

#feat-output {width: 665px;height: 240px; position: relative; float: right}
#feat-output li {position: absolute;height: 240px;}

#feat-output .feat-teaser{position: absolute; top: 35px; left: 350px; color: #000; font-size: 13px; padding-bottom: 35px; width: 275px;}
#feat-output .feat-teaser h3{background: none; font-size: 18px; }
#feat-output .feat-teaser h1{margin-bottom: 5px}
#feat-output .more{bottom: 20px; left: 0; font-size: 12px}

#item1 h1{font-size: 20px; color: #006083}
#item1 .more{left:10px; bottom:10px}

#item2 .feat-teaser{left:40px;top:35px;width:300px;}
#item2 h1{font-size: 20px}
#item2 .more{left:10px; bottom:10px}

#item3 .feat-teaser{left:40px;top:35px;width:300px;}
#item3 h1{font-size: 20px}
#item3 p{color: #000}
#item3 .more{color: #000}
#item3 .more{left:10px; bottom:10px}

#item4 h1{font-size: 20px}
#item4 .feat-teaser{right:40px;top:35px;width:260px;}
#item4 .more{left:10px; bottom:10px}

/*#item5 .feat-teaser{left:274px;top:64px;width:114px;height:114px}*/

#item1 .feat-teaser,
#item2 .feat-teaser,
#item3 .feat-teaser,
#item4 .feat-teaser{background: url(images/op70.png) repeat; -moz-border-radius: 12px 0 12px 0; border-radius: 12px 0 12px 0; -webkit-border-top-left-radius:12px; -webkit-border-bottom-right-radius:12px; padding: 10px 10px 20px 10px;}



/* ======================================================================================= */


/* Newsletter Box ======================================================================== */
#newsletter-box{position: relative; height: 120px; background: url(images/2col-box-bg.jpg) no-repeat}
#newsletter-box #loader{}

#newsletter-box .speech-green{background: url(images/speech_green.png) no-repeat; float: left; height: 75px; width: 152px; color: #fff; padding: 10px 12px; line-height: 17px; margin: 0 30px 0 0}
#newsletter-box .dg-box-content h3{margin-bottom: 0}
#newsletter-box .dg-box-content em{font-style: normal; margin: 0 0 22px; color: #a3c032}

/* Form */
#newsletter-intro{display: block}
#newsletter-form-box{display: none; overflow: hidden}
#newsletter-form{padding: 12px 20px}
#newsletter-form p{float: left; margin: 0 10px 10px 0}
#newsletter-form label{display: block; font-size: 12px}
#newsletter-form input.s-input{width: 187px}
#newsletter-form input.l-input{width: 280px}
#newsletter-form .btn{margin: 18px 0 0}

.page #newsletter-box .speech-green{width: 155px; margin-right: 10px}
.page #newsletter-form input.s-input{width: 155px}
.page #newsletter-form input.l-input{width: 250px}
/* ======================================================================================= */

/* Logos Box ============================================================================= */
#logos-box{height: 80px}
#logos-box div{float: left; width: 240px}
#logos-box div img{float: left; margin: 0 2px 3px}
#logos-box h3{margin-bottom: 0}
#logos-box em{font-style: normal;}
/* ======================================================================================= */

/* Logos Page ============================================================================ */
ul.logos{list-style: none; margin: 0; padding: 0; clear: both}
ul.logos li{float: left; margin: 0 25px 25px 0; text-align: center; font-size: 11px}
ul.logos li.last{margin-right: 0}
ul.logos li img{border:1px solid #ccc; border-width: 0 1px 1px 0; margin-bottom: 5px;}
ul.logos li a.gimmemore{display: block; width: 91px; height: 86px; background: #97e9f7; color: #000; font-size: 12px; line-height: 17px; padding: 10px 5px 10px 10px; text-align: left}
ul.logos li a.gimmemore strong{margin-bottom: 5px; display: block; font-size: 14px}
/* ======================================================================================= */

/* Guarantee ============================================================================= */
.guarantee-teaser ol{margin-left: 215px; margin-top: 25px}
.guarantee-teaser li{font-size: 14px; line-height: 1; margin-bottom: 10px}
.guarantee-teaser li strong{font-weight: normal}
/* ======================================================================================= */

/* Tip =================================================================================== */
.tip{background: url(images/tip-bg.jpg) no-repeat; margin: -20px 0 20px; position: relative}
.tip .dg-box-content{padding: 48px 20px 30px}
.tip .more{bottom: 15px; right: 15px}
.tip h3{color: #656565; font-size: 15px !important}

#sidebar .tip{background: url(images/tip-bg-s.gif) no-repeat; margin: 0 0 20px; position: relative; font-size: .9em}
/* ======================================================================================= */

/* Tabs ================================================================================== */
.tabs{padding:44px 7px 7px; position:relative; background: #c9e6f8}
.tabs .tabs-nav{margin: 0; position: absolute; top: 7px; left: 7px; padding: 0; list-style: none}
.tabs .tabs-nav li{float: left; margin: 0 5px 0 0}
.tabs .tabs-nav a{display:block; height:37px; line-height:37px; padding: 0 20px; color: #808080; background: #eee; -moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-radius: 6px 6px 0 0;}
.tabs .tabs-nav li.selected a{background: #fff}
.tabs .tabs-wrapper{clear: both; display: block; background: #fff; overflow: hidden}
.tabs .tabs-wrapper .more{right: 25px; bottom: 20px}
.tabs .tabs-content{padding: 20px;}
.tabs #rechner{padding-left: 200px;}
/* ======================================================================================= */

/* Acc =================================================================================== */
.faq-list{list-style: none; margin: 0 0 20px 0; padding: 0}
.faq-list li{border-bottom: 1px solid #ccc; padding: 0 5px}
.faq-list a{padding: 5px 0; display: block; font-weight: bold; color: #333}
.faq-list div{padding: 0 0 15px}
/* ======================================================================================= */

/* guarantee teaser ====================================================================== */
.guarantee-teaser{background: url(images/green_box.png) no-repeat; height: 202px; border: 1px }
#sidebar .guarantee-teaser{background: url(images/green_box-s.jpg) no-repeat;}
#sidebar .guarantee-teaser .dg-box-content{padding: 10px 0 10px 10px}
#sidebar .guarantee-teaser ol{margin-left: 140px;}
#sidebar .guarantee-teaser li{font-size: 12px; margin-bottom: 5px; color: #000}
#sidebar .guarantee-teaser.teaser{ height: 145px; min-height: 145px}
/* ======================================================================================= */


/* Modell, Modell Calculator ============================================================= */
#modell{margin-bottom: 20px; overflow: hidden}
#modell-calculator{background: #eee; padding: 7px; margin-bottom: 20px; clear: both}
#modell-calculator #slider{display: block; width: 100%; height: 80px}
#modell-calculator #slider select{display: none}

#modell-calculator form{background: #fff; padding: 14px}
#modell-calculator form input{ font-size: 13px}
#modell-calculator input.inp{border: 1px solid #ccc; padding: 4px 0px 4px 0px; background: #f1f1f1; width: 90px; float: left}
#modell-calculator input.disable{border: none; background: #fff; font-weight: bold; color: #000}

#modell-calculator label{display: block; margin: 0 0 10px; font-weight: bold}
#modell-calculator p label{font-weight: normal; font-size: 11px; background: url(images/calc-label-bg.jpg) no-repeat left top; padding: 20px 0 0; float: left; width: 105px }

#modell-calculator .col-1{float: left; width: 49%}
#modell-calculator .col-2{float: right; width: 49%}

#modell-calculator .valuta{font-weight: bold; float: left; margin: 4px 0 0 5px}
#modell-calculator p{margin: 0 0 10px}
#modell-calculator #val4 .inp{font-size: 14px}

#modell-calculator .btn{clear: both; float: right}

.modell-img{float: left; margin: 0 10px 0 0}
.modell-img img{padding: 3px; border: 1px solid #eee; background: #fff}
.modell-desc{display: table; width: 230px; float: left;}
.modell-desc span{ font-size: 11px; margin-bottom: 0}
.modell-price{background: #00668c; padding: 10px 10px 6px; float: right; width: 65px; color: #fff}
.modell-price strong{font-size: 13px; margin: 5px 0 0; display: block; white-space: nowrap}

#modell-dialog{display: none}
#modell-list{list-style: none; margin: 0; padding: 0;}
#modell-list li{clear: both; border-bottom: 1px solid #eee; overflow: hidden}
#modell-list .modell-link{display: block; color: #646464; padding: 10px; overflow: hidden}
#modell-list .modell-link:hover{background: #C9E6F8}
#modell-list .modell-link .modell-desc{width: 215px; font-size: 11px}
/* ======================================================================================= */


/* Contact =============================================================================== */
.contact-form-wrapper{background: #edf5f7; padding: 20px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
.contactleft{float: left; width: 120px; padding: 15px 0 0}
.contactright{padding: 15px 0 0}
.contactleft label{font-weight: bold}
.contactform{margin-top: 20px}
.contactform .contactright input,
.contactform .contactright textarea{border: 1px solid #999; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px}
.contactform .contactright input:focus,
.contactform .contactright textarea:focus{border-color:#00CAF8}

.contactform .error-msg{margin: 20px 0 0}

.contactform .contactright .contacterror{border-color: red}

#contactsubmit{margin-left: 120px; cursor: pointer; padding: 5px 20px; background-color: #20ACD0}
.required-msg{font-size: 11px; color: #999; margin: 10px 0 0 5px; clear: both; display: block}
/* ======================================================================================= */

/* About =============================================================================== */
.about-logo{display: block; float: left; width: 100%; min-height: 60px; border: 1px solid #ccc; margin-bottom: 20px; padding: 10px 0 0; text-align: center}
#about-content .border{min-height: 235px; border-width: 10px;}
#about-content .border p{font-size: 13px; text-align: justify; margin-bottom: 0}
/* ======================================================================================= */


/* jQuery Dialog
================================================================================ */
.ui-dialog .ui-dialog-buttonpane{ margin: 0 !important; padding: 0 !important }


form{ clear: both; float: left }
#searchform{ float: none }
.wpcf7-form{ padding: 20px; position: relative }
.wpcf7-form p{ clear: both; margin-bottom: 10px }
.wpcf7-form p label{ width: 150px; float: left; font-weight: bold; color: #002B55; margin-right: 10px; cursor: pointer }
.wpcf7-form p input[type="text"],
.wpcf7-form p input[type="password"],
.wpcf7-form p textarea,
.wpcf7-form #email, .wpcf7-form textarea{ width: 334px }
.wpcf7-form p textarea{ font-family: Arial; font-size: 0.96em; letter-spacing: 0.02em }
.wpcf7-form img.ajax-loader{ position: absolute; right: 5px; top: 3px }
.wpcf7-form .wpcf7-response-output { padding: 5px 10px; width: 482px; color: #8A1F11; background-color: #FBE3E4; border:1px solid #FBC2C4; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius: 6px;  margin:20px 0 0 0 !important; clear: both; float: left }
.wpcf7-form span.wpcf7-not-valid-tip{ background-color: #FBE3E4 !important; border-color: #FBC2C4 !important; color: #8A1F11 !important; left:20% !important; top: 10% !important; width: auto !important; padding: 1px 10px !important; font-size: 11px !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.wpcf7-form .wpcf7-mail-sent-ok, .success{ padding: 5px 10px; color: #264409; background-color: #EFFFB9; border: 1px solid #C6D880; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius: 6px; clear: both; float: left }
.wpcf7-form select{ border: 1px solid #ccc; width: 167px }
.wpcf7-form select option{ padding: 1px 4px; border-bottom: 1px dotted #ccc }
.wpcf7-form span.wpcf7-not-valid-tip-no-ajax { -moz-border-radius: 6px; background-color: #FBE3E4; border: 1px solid #FBC2C4; color: #8A1F11; font-size: 11px; left: -70px; padding: 1px 4px; position: absolute; top: 0; }

#contactsubmit{ background-color: #20ACD0; cursor: pointer; margin-left: 120px; padding: 5px 20px; }

.contact-form-wrapper form{ clear: none; float: none; padding: 0; position: inherit; }
.contact-form-wrapper{ float: left; width: 100%; }
.contact-form-wrapper h3{ font-weight:normal; }
.contact-form-wrapper .wpcf7{ width: 542px; margin-right: 40px; float: left; }
.contact-form-wrapper .flashbanner{ width: 310px; height: 285px; background: #fff; float: left; padding: 3px; border: 1px solid #ccc; }
.contact-form-wrapper .wpcf7-form input[type="text"]{ -moz-border-radius: 4px 4px 4px 4px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #999999; padding: 5px; }
.contact-form-wrapper .wpcf7-form ul label{ float: left; clear: both; width: 115px; font-weight: bold; color: #646464; }
.contact-form-wrapper .wpcf7-form ul input[type="text"]{ padding: 2px; width: 120px; }
.contact-form-wrapper .wpcf7-form ul.contact{ float: left; list-style: none; width: 241px; margin: 0 20px 20px 0; padding: 10px; background: #E0ECEF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.contact-form-wrapper .contact.last{ margin-right: 0 !important; }
.contact-form-wrapper .wpcf7-form ul.contact li{ margin-bottom: 5px; }
.contact-form-wrapper .wpcf7-form ul.contact #zipcode{ width: 40px; margin-right: 4px; }
.contact-form-wrapper .wpcf7-form ul.contact #city{ width: 70px; }
.contact-form-wrapper .wpcf7-form ul.contact #birthdate{ width: 72px; }
.contact-form-wrapper .wpcf7-form ul.contact select{ width: 126px; border: 1px solid #999999; cursor: pointer; }
.contact-form-wrapper .wpcf7-form #contactsubmit{ margin: 0; width: 125px; }
.contact-form-wrapper .wpcf7-form #gender label{ clear: none; font-weight: normal; float: none; cursor: pointer; }
.contact-form-wrapper .wpcf7-form img.ajax-loader{ position: relative; left: 5px; top: 7px; }
.contact-form-wrapper .chk_testdrive{ font-size: 1.35em; clear: both; overflow: hidden; color: #002b55; }
.contact-form-wrapper .chk_testdrive #testdrive{ margin-right: 5px; }
.contact-form-wrapper .cimg{ background-color: #fff; border:1px solid #ccc; margin-bottom: 20px; padding: 3px; }
.contact-form-wrapper span.Stadt span.wpcf7-not-valid-tip-no-ajax{ left: -120px; }