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,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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {quotes: "" ""; }

/*
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
header, section, footer, aside, nav, article { display: block; line-height: 1 }

iframe, iframe * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
*/ 

/*****/

body { font-family: Arial, Helvetica, sans-serif, sans; color: #5d5d5d; font-size: 100.01%; border-top: 5px #c0dcf4 solid; }
p { margin-bottom: 1.25em;	}
a { text-decoration: none; color: #5d5d5d; }
a:hover { text-decoration: underline; color: #4072bb; }
a:focus { outline: 1px #8a1214 dotted; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
tr, td { vertical-align: top; }

sup { position: relative; font-size: 50%; top: -9px }

/*****/

#container { margin-top: 195px; }
#contentbereich { background: url(../img/layout/bg_contentbereich.gif) repeat-y 23.5% 0; overflow: hidden; margin: 2em 0; }
#content { width: 74%; float: right; font-size: .9rem; padding: 1%; }
#content h1 { color: #656565; font-weight: bold; font-size: 1.5rem; margin-bottom: .6667rem; }
#content h2 { color: #656565; font-weight: bold; font-size: 1.2rem; margin-bottom: 1rem;	}
#content h3 { color: #656565; font-weight: bold; font-size: 1.1rem; margin-bottom: 1rem;	}
#content h4 { color: #555; font-weight: bold; margin-bottom: 1em; border-bottom: 1px #555 dotted; }	
#content p, #content ol, #content ul, #features ul.liste1 { font-size: .95rem; line-height: 1.5rem; margin-bottom: 1rem; }
#features ul.liste1 { font-size: .9rem; }	
#content ul, #features ul.liste1 { margin-bottom: 1rem; }
#content li, #features ul.liste1 li { background: url(../img/addi/bullit1.gif) no-repeat 0 9px; padding-left: 12px; }
#content ul ul { padding-left: 12px }
#content ol { list-style-type: decimal }
#content ol li { background: none; padding: 0; margin-left: 1rem }

#content a { color: #4072bb; }


#features ul.liste1 li { background-position: 0 5px; }

.cols { overflow: hidden; }
.cols.cols-2c .col { width: 47%; padding-right: 3% }
.cols.cols-2c .col:first-child { float: left;  }
.cols.cols-2c .col:last-child { float: right; }

/*****/

#features { width: 21.6667%; float: left; padding: 1% }
#features .feature { margin-bottom: 1.25em; padding-bottom: .5em; border-bottom: 1px #656565 dotted; }
#features .feature:last-child { border-bottom: 0; }	
#features h3, #features h4 { color: #555; text-transform: uppercase; font-weight: bold; font-size: 90%; }
#features p { font-size: 80%; margin-top: 1.25em; }	
#features img.rahmen { width: 100%; max-width: 400px; height: auto; }
#features a.aktiv { color: #e36c0a; }

/*****/

#footer { clear: both;	background: #36393e; border-top: 1px #9da0a1 solid; padding: .5em 0; color: #fff; font-size: 70%; padding-left: 25.5%; }
#footer a { color: #fff; }	

/*****/

#navigation, #logo, #topnavi, #schmuckbilder, #logoVersicherungen { position: absolute; }
#navigation { top: 137px; width: 100%; height: 45px; background: linear-gradient(to bottom,  rgba(122,174,231,1) 0%,rgba(90,151,231,1) 100%); font-family: Verdana, Arial, Helvetica, sans-serif, sans; font-weight: bold; font-size: 90%; }
#navigation ul { margin-left: 23.5%; font-size: 80%; background: url(../img/layout/bg_nav_li.jpg) no-repeat top left; height: 45px; padding-left: 2px; }
#navigation ul li { float: left; }
#navigation a { color: #fff; display: block; padding: 17px 24px 16px; background: url(../img/layout/bg_nav_li.jpg) no-repeat top right; }
#navigation a:hover, #navigation a.aktiv { text-decoration: none; background-color: #5290e3; }

#naviToggler { cursor: pointer; float: right; width: 30px; height: 24px; margin: 13px 10px 0 0; background: url('../img/layout/hamburger.png') no-repeat;  }
#naviToggler.active { background-image: url('../img/layout/hamburger_close.png'); }
#topnavi { top: 15px; left: 12px; font-size: 70%; text-transform:uppercase; }
#topnavi a { color: #4F4F4F; }
#topnavi a.aktiv { color: #AC4218; }	

#logo { top: 35px; left: 8px; max-width: 22.5%;	}
#logoVersicherungen { top: 101px; left: 11px; width: 277px; }
#logo, #logoVersicherungen { min-width: 230px; z-index: 10 }
#logo img, #logoVersicherungen img { max-width: 100%; height: auto; }

#schmuckbilder { top: 14px; left: 23.5%; width: 76.5%; height: 115px; overflow: hidden; background: url(../img/layout/bg_schmuckbilder-lkw-versicherung.jpg) no-repeat 562px 0; }
#schmuckbilder img { margin-right: 10px; }

/*****/

/* Big Time Auswahl Startseite */
.versicherungenUebersicht { overflow: hidden; margin: 1.5rem 0; }
.versicherungenUebersichtItem { width: 270px; max-width: 100%; margin: 0 30px 30px 0; padding: 12px; float: left; border: 1px #4072bb solid; -moz-border-radius: 6px; webkit-border-radius: 6px; border-radius: 6px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.versicherungenUebersichtItem:hover { background: #f6faff; }
.versicherungenUebersichtItem h3 { font-size: 1.2rem; font-weight: bold; border-bottom: 1px #4072bb solid; margin-bottom: .6rem; padding-bottom: .6rem; color: #4072bb; }
.versicherungenUebersichtItem p { hyphens: auto; }

/* FAQ Versicherer Kontakt */
.versicherer {  }
.versicherer .item, .infoReader .item .item { background: none; margin: 0; padding: 1.65rem 0; border: 0; overflow: hidden; }
.versicherer .theLogo { float: left; margin-right: 1rem; }
.versicherer .txt { float: left; }
.versicherer a { display: inline-block; margin-bottom: .6rem; background: #4072bb; color: #fff !important; padding: .21rem .6rem; border-radius: .3rem }
.versicherer a:hover, .versicherer a:focus { text-decoration: none; background: #e36c0a; }

/* Externe Inhalte */
iframe.padme { padding: 3rem 0; margin-bottom: 3rem; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; }

/*****/

.infoListe .item, .infoReader .item { background: #f5f5f5; margin: 1.5rem 0; padding: 1.5rem; border-radius: .3rem }
.infoListe .item p { display: inline; }

body#faq .infoListe .item { cursor: pointer; }
body#faq .infoListe .item:hover { background-color: #e5e5e5; }

/*****/

.BigButton1 { font-size: 1rem; text-transform: uppercase; font-weight: bold; background: linear-gradient(to bottom,  rgba(122,174,231,1) 0%,rgba(90,151,231,1) 100%); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.BigButton1:hover { background: linear-gradient(to bottom,  rgba(155,196,240,1) 0%,rgba(98,153,225,1) 100%);
 }	
.BigButton1 a { background: url(../img/addi/bg_bigbutton1_a.gif) no-repeat 0 12px; color: #fff !important; display: block; padding: 9px 9px 9px 15px; margin-left: 9px; outline: 0; }
.BigButton1 a.ext { background: url(../img/addi/bg_bigbutton1_a-ext.gif) no-repeat 0 12px;  }
.BigButton1 a:hover { text-decoration: none; }
.versicherungenUebersichtItem .BigButton1 { margin-bottom: 1.5rem; }
.BigButton1.standalone { display: inline-block; margin: 1.5rem 0 2rem; padding: .3rem .75rem; }
.BigButton1.standalone p { margin-bottom: 0 !important;  }

ul.checkedFeatures { margin-bottom: 2em !important; }
ul.checkedFeatures li { background: url(../img/layout/bg_checkedFeatures_li2.gif) no-repeat 0 1px !important; padding-left: 36px !important; margin-bottom: .5em; }

.infokasten1 { border: 1px #4072bb solid;  background: #f6faff; -moz-border-radius: 6px; webkit-border-radius: 6px; border-radius: 6px; padding: 1em; margin: 1.5em 0; max-width: 600px;}

table.uebersicht1 { margin-bottom: 30px; border: 1px #ddd solid; border-radius: 3px }
table.uebersicht1 th { background: #f6faff; font-weight: bold }
table.uebersicht1 th, table.uebersicht1 td { padding: .6rem .3rem; text-align: center; width: 17.5% }
table.uebersicht1 th:first-child, table.uebersicht1 td:first-child { text-align: left }
table.uebersicht1 td.bg1 { background: #e5e5e5 }
table.uebersicht1 tfoot td { font-style: italic; font-size: .7rem; background: #f5f5f5 }
table.uebersicht1 tbody tr:hover td { background: #555; color: #fff; }
table.uebersicht1 tbody tr:hover td.bg1 { background: #333; }

.stress, .stress1 { color: #e36c0a; color: #AC4218; font-weight: bold; }
.block { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px #999 dotted; }
.block:last-child { border-bottom: 0; }	
#preloader { display: none; }
.extFacebookLikebox { height: 375px; overflow: hidden; }
.fb-like-box { max-width: 100% !important; overflow: hidden; background-color: #f6faff; }
.tel1 { font-size: 105% !important; font-weight: bold; background: url(../img/addi/tel1.gif) no-repeat 0 -1px; padding-left: 30px; margin: 0; }
.tel1 + p { margin-top: .75em !important; }	
.floatbreaker { clear: both; }
.rahmen { border: 1px #595959 solid; }
.rechts { float: right; margin: 3px 0 15px 15px; }
.links { float: left; margin: 3px 15px 15px 0; }
a.rArr { background: url(../img/addi/rArr.gif) no-repeat 0px 4px; padding-left: 9px; }
a.lArr { background: url(../img/addi/lArr.gif) no-repeat 0px 4px; padding-left: 9px; }	
#content a.rArr { padding-left: 11px; }	
#features a.rArr { background: url(../img/addi/bg_rArr_feature.gif) no-repeat 0px 3px; }	
a.rArr.external { background: url(../img/addi/icon_ext.gif) no-repeat 0 2px; padding-left: 15px !important; }
a.rArr.mailto { background: url(../img/addi/icon_email.gif) no-repeat 0 5px; padding-left: 15px; }
a.rArr.mailto img { vertical-align: middle; }
a.rArr.excel { background: url(../img/addi/icon_excel.gif) no-repeat 0 2px; padding-left: 15px !important; }
a.pdf { background: url(../img/addi/icon_pdf.gif) no-repeat 0 2px; padding-left: 18px; }
a.doc { background: url(../img/addi/icon_doc.gif) no-repeat 0 2px; padding-left: 18px; }
a.button { background: linear-gradient(to bottom, rgba(122,188,255,1) 0%,rgba(64,150,238,1) 100%); color: #fff !important; padding: .9rem 1.2rem; border-radius: 4px; text-transform: uppercase; font-weight: bold }
a.button:hover { background: linear-gradient(to bottom,  rgba(155,205,255,1) 0%,rgba(64,150,238,1) 100%);
 text-decoration: none; }

#hinweisNoscript { position: absolute; top: 0px; left: 0px; width: 100%; background: red; color: white; text-align: center; padding: 5px 0; font-size: 80%; font-weight: bold; }


/*****/

.hide, .mobile-only { display: none !important; }

@media screen and (max-width: 1024px) /* MOBILE NAVIGATION BREAKPOINT: */
{
	.mobile-only { display: block !important; }
	.mobile-no { display: none !important; }
	
	html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
	header, section, footer, aside, nav, article { display: block; line-height: 1 }	
	
	#contentbereich { background-image: none; }
	#content, #features { float: none; width: 100%; padding: 1rem; }
	
	#features { background-color: #f6faff; }
	
	#naviMobile { position: absolute; top: 0px; left: 0px; z-index: 100; margin: 0; background: #555; text-transform: uppercase; font-size: .9rem; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
	#naviMobile a { color: #fff; display: block; border-bottom: 1px #ccc dotted; padding: 1rem; }
	#naviMobile strong { font-weight: normal; }
	#naviMobile li:last-child  a { border-bottom: 0; }
	#naviMobile a:hover, #naviMobile a:focus { background: #ddd; color: #333; text-decoration: none; }
	
	#naviMobile.hideme { margin-left: -1024px;  }
	#naviMobile a.naviMobileClose { background-image: url('../img/layout/hamburger_close.png'); background-repeat: no-repeat; background-position: 9px 14px; padding-left: 42px; }
	#naviMobile a.naviMobileClose:hover { background-image: url('../img/layout/hamburger_close-dark.png'); }
	
	#logo { top: 24px; }
	#schmuckbilder  { width: 100%; left: 0px; background-position: 250px 0; }
	#schmuckbilder img { display: none; }
	
	#footer { padding: .3rem .9rem; }
}
@media screen and (max-width: 800px)
{
	body#lkw-versicherungsberatung-kontakt .cols-2c .col { float: none; padding: 10px; width: 100%; }
	.versicherungenUebersichtItem { width: 100%; margin: 0 0 3rem 0; height: auto !important }
}
@media screen and (max-width: 420px)
{
	table.uebersicht1 th { display: none; }
	table.uebersicht1 td { display: block; width: 100%; text-align: left; font-weight: bold; }
	table.uebersicht1 tbody td:first-child { font-weight: bold; background: #333; color: #fff }
	table.uebersicht1 tbody td:first-child::before { content: 'Motorleistung: '; font-weight: bold; }
	table.uebersicht1.lead-gewicht tbody td:first-child::before { content: 'Gewicht: '; }
	table.uebersicht1.lead-neuwert tbody td:first-child::before { content: 'Neuwert: '; }
	table.uebersicht1.lead-none tbody td:first-child::before { content: ''; }
	table.uebersicht1 tbody td:nth-child(2)::before { content: 'Nur KH²: '; }
	table.uebersicht1 tbody td:nth-child(3)::before { content: 'VK² 300 / 150 €³: '; }
	table.uebersicht1 tbody td:nth-child(4)::before { content: 'VK² 500 / 150 €³: '; }
	table.uebersicht1 tbody td:nth-child(5)::before { content: 'VK² 1000 / 150 €³: '; }
	table.uebersicht1 tbody td:nth-child(6)::before { content: 'TK² 150 €³: '; }
	table.uebersicht1 tbody td::before { font-weight: normal }
	table.uebersicht1 tbody tr:hover td { background: transparent; color: #333}
	table.uebersicht1 tbody tr:hover td:first-child { background: #333 !important; color: #fff !important }
	table.uebersicht1 tbody tr:hover td:nth-child(2) { background: #e5e5e5 !important; color: rgb(93, 93, 93) !important }
	
	
}