/* =============================================================================
   Normalize/CSS Reset: html5doctor (v1.6.1)
   ========================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/* main.css */
/* =============================================================================
   Fonts
   ========================================================================== */

@font-face {
  font-family: "OpelSansW01";
  src: url("fonts/OpelSansW01-Condensed.eot");
  src: local("?"),
  url("fonts/OpelSansW01-Condensed.woff") format("woff"),
  url("fonts/OpelSansW01-Condensed.ttf") format("truetype");
}
  
@font-face {
  font-family: "OpelSansW01Bold";
  src: url("fonts/OpelSansW01-BoldCondensed.eot");
  src: local("?"),
  url("fonts/OpelSansW01-BoldCondensed.woff") format("woff"),
  url("fonts/OpelSansW01-BoldCondensed.ttf") format("truetype");
}


/* layout.css */
/* =============================================================================
   Page
   ========================================================================== */

html {
    background: #000 url(../img/bg_body.png) 0 0 repeat-x scroll;
}

#page {
	position:relative;
	display: block;
	width: 1002px;
	margin: 0 auto;
}

/* =============================================================================
   Typography OR
   ========================================================================== */

body {
	color: #000000;
    font-family: Verdana;
    font-size: 12px;
    line-height: 21px;
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

h1, .hdll{
	font-family: OpelSansW01Bold;
    background: #febe10;
    display: inline-block;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 16px;
    padding: 1px 24px 0 8px;
    text-transform: uppercase;
}
.boTitle h1 {
	margin-top:20px;
}
h2, .hdl2 {
	font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
}

h3, .hdl3 {
	font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
	margin-top:12px;
}

h4, .hdl4 {
	font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 16px;
}

abbr, acronym {
    border: 0 none;
    font-variant: normal;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    vertical-align: text-bottom;
    bottom: -0.25em;
}
a {
    color: #000000;
    text-decoration: underline;
	outline:none;
	cursor:pointer;
}
a:hover,
.partner_back:hover {
	color: #7d8677;
}
a.print {
    background: url("../img/icon_sprite.png") no-repeat scroll 0 -1398px transparent;
    display: inline-block;
    float: right;
    font-size: 12px;
    line-height: 18px;
    padding-left: 16px;
}

p {
    margin-bottom: 16px;
}

/* =============================================================================
   Header - Logo
   ========================================================================== */
   
#header {
	display: block;
	width: 100%;
	height: 91px;
}

#header a {
	display: block;
	float: right;
	width: 154px;
	height: 47px;
	margin: 22px 16px 22px 0;
	background: transparent url(../img/lgo_or.png) 0 0 no-repeat;

	text-indent: -999em;
}

/* =============================================================================
   Main
   ========================================================================== */
   
#main {
	position:relative;
	display: block;
	float:left;
	width: 100%;
	margin: 0 0 48px 0;
	background: url(../img/bg_container.png) repeat-y scroll 0 0 transparent;
    padding-bottom: 24px;
	overflow:hidden;
	z-index:21;
}

#content {
	position:relative;
	display: block;
	float:left;
	width: 938px;
	margin: 0 16px 0 16px;
	padding: 0 16px 16px 16px;
	
	background: #F8F8F8;
	
	font-family: Verdana;
	font-size: 12px;
	line-height: 21px;
	color: #000;
}

#frm_opelrent {
	display: block;
	float:left;
	width: 938px;
	height: 400px;
	margin: 0 0px 0 0px;
	padding: 0 0px 0px 0px;
	
	background: #F8F8F8;
	
	font-family: Verdana;
	font-size: 12px;
	line-height: 21px;
	color: #000;
}

/* =============================================================================
   Main - Spalten
   ========================================================================== */
   
.fRight {
    float: right;
}
   
.fLeft {
    float: left;
}

a.print {
	float: right;
	display: inline-block;
	background: url("../img/icon_sprite.png") no-repeat scroll 0 -1398px transparent;
	padding-left: 16px;
	font-size: 12px;
	line-height: 18px;
}

a.print:hover {
	color: #7d868b;
}



.col240 {
    width: 240px;
    margin: 24px 0 0 0;
    /* background: pink; */
}

.col240 .teaser {
	width: 222px;
}

.col690 {
    width: 690px;
    margin: 24px 0 0 0;
}

.colFull {
    width: 970px;
    margin: 24px 0 0 8px;
    background: transparent;
}
.col690 .inhalt {
    width: 674px;
}
.inhalt {
	display: block;
	margin: 0 auto 24px auto;
	overflow: hidden;
}

.inhalt label {
	display:block;
	float:left;
	width:125px;
}

.teaser {
	display: block;
	background: #fff;
	border: 1px solid #e1e1e2;
	margin: 0 auto 24px auto;
	overflow: hidden;
	text-align:center;
}
.teaser img {
	margin:0 auto 5px auto;
}
.teaser .teaserCont {
	padding: 0 15px 15px 15px;
	line-height: 18px;
	text-align:left;
}
.teaser .teaserCont a {
	width:100%;
}

.teaser .teaserTxt {
	display: inline;
}

.teaserCont h3 {
    margin:0 0 16px 0;
    font-size:13px;
}
.teaserCont p {
    margin-bottom:8px;
}

.teaserCont a,
.miniFeature a span,
.miniSlider a span,
.angebot a.moreless,
.angebot .content h3 a,
.list td a,
.hide_infolayer,
.snews .item a,
.newsbox .links  a,
.opl {
	display: inline-block;
	background: url(../img/icon_sprite.png) no-repeat scroll 0 -294px transparent;
    font-weight: bold;
    margin-top: 8px;
    padding-left: 16px;
    line-height:19px;
	text-decoration:none;
}

.iosSlider a,
.miniFeature a,
.miniSlider a {
    text-decoration:none;
}

.teaserCont a span {
	font-weight:normal;
}


/* =============================================================================
   Feature
   ========================================================================== */
   
#feature {
	position: relative;
	display: block;
	width: 970px;
	float:left;	
	background-color: #000;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 16px 16px 16px 16px;
	line-height:1px;
	overflow: hidden;
}

#feature a#featPrev {
	position: absolute;
	display: block;
	left: 0;
	width: 56px;
	height: 80px;
	text-indent: -999em;
	z-index: 99;
	background-color: transparent;
	background-position: left -2100px;
	background-repeat: no-repeat;
	background-image: url(../img/icon_sprite.png);
}

#feature a#featNext {
	position: absolute;
	display: block;
	right: 0;
	width: 56px;
	height: 80px;
	text-indent: -999em;
	z-index: 99;
	background-color: transparent;
	background-position: right -1900px;
	background-repeat: no-repeat;
	background-image: url(../img/icon_sprite.png);
}

#feature a#featNext:hover {
	background-position: right -2000px;
} 

#feature a#featPrev:hover {
	background-position: left -2200px;
} 

#feature #featPagination {
	float: right;
	display:block;
	position: relative;
	margin: -30px 16px 0 auto;
	z-index: 100;
	text-align: center;
}

#feature #featPagination a {
	background-color: transparent;
	background-position: right -2100px;
	background-repeat: no-repeat;
	background-image: url(../img/icon_sprite.png);

	width: 14px;
   	height: 14px;
    margin: 0 2px 0 0;
    display: block;
    text-indent: -999em;
    
    float: left;
	position: relative;
}

#feature #featPagination a:hover,
#feature #featPagination a.selected {
   	background-position: right -2166px;
    cursor: pointer;
}


.feath180 {
	height: 180px;
}

.feath224 {
	height: 224px;
}

.feath224 a#featPrev,
.feath224 a#featNext {
	top: 72px;
}

.feath290 {
	height: 290px;
}

.feath290 a#featPrev,
.feath290 a#featNext {
	top: 105px;
}



.feath375 {
	height: 375px;
}

.feath375 a#featPrev,
.feath375 a#featNext {
	top: 248px;
}

.h0 {
	display:block;
	float:left;
	margin:0;
	padding:0;
	color:#fff;
	font-size:23px;
	line-height:23px;
	font-weight:bold;
	margin: -4px 16px 16px 24px;
	text-transform:uppercase;
}

/* =============================================================================
   MiniFeature
   ========================================================================== */
   
.miniFeature,
.miniFeature2 {
	position: relative;
	display: block;
	float:left;
	height: 143px;
	background-color: #000;
	margin: 0 0 16px 16px;
	padding: 15px;
	overflow: hidden;
}

.miniFeature a {
	position: relative;
	display: block;
	width: 223px;
	height: 60px;
	float:left;	
	margin-right: 16px;
	padding:101px 0 0 0;
	background-color: #000;
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
}

.miniFeature a:last-child {
	margin-right: 0;
}

.miniFeature a span {
	display:inline-block;
	line-height: 18px;
    color: #fff;
}

.miniFeature a:hover span,
.snews .item a:hover {
    color: #7D868B;
}

/* =============================================================================
   MiniSlider
   ========================================================================== */
.featureBlock,
.featureBlock2,
.featureSlider,
.featureSlider2 {
	position: relative;
	display: block;
	float:left;
	width:462px;
	height: 143px;
	float:left;	
	background-color: #000;
    color:#fff;
	margin: 0 0 0 16px;
	padding: 14px 16px 0 15px;
	overflow: hidden;
}

.featureBlock2  {
    width:446px;
    background:#000 url(../img/bg_grey.jpg) 16px 16px repeat-x;
    padding: 14px 0 0 15px;
    border-left:16px solid #000;
    border-right:16px solid #000;
}

.featureSlider2,
.featureBlock2 {
    border-bottom:16px solid #000;
}

.mwSlider {
	position: relative;
	display: block;
	float:left;
	width:230px;
	height:345px;
	margin:0;
	padding:0;
	overflow: hidden;
}
.miniSlider,
.miniSlider2 {
	position: relative;
	display: block;
	float:left;
	width:462px;
	height: 143px;
	float:left;	
	background-color: #000;
	border-right:16px solid #000;
	margin:0;
	padding:0;
	overflow: hidden;
}

.miniSlider .slider,
.miniSlider2 .slider,
.mwSlider  .slider  {
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
}
.miniSlider .slider .item, 
.miniSlider2 .slider .item {
    display:block;
	float:left;
	position: relative;
	top: 0;
	left: 0;
	width:462px;
	height:141px;
	padding:0;
	margin:0 0 2px 0;
	font-family: OpelSansW01Bold;
	color:#fff;
	background:url(../img/minislider_bg.jpg) 0 0 repeat-x;
}

.mwSlider .slider .item {
    display:block;
	float:left;
	width:230px;
	height:345px;
	padding:0;
	margin:0;
	background-position:0 0;
	background-repeat:repeat-x;
}

.mwSlider .slider .item  span {
	position:absolute;
	top:140px;
	left:82px;
	padding:20px;
	background:#fff;
	color:#000;
	font-size:50px;
	line-height:25px;
	font-weight:bold;
	color:#000;
	opacity:0.7;
}

.start .item .top {
	display:block;
	clear:left;
	height:87px;
	padding:9px 0 0 40px;
	background-position:right 0;
	background-repeat:no-repeat;
	overflow:hidden;
}

.start .item .top .car {
    position:absolute;
    top:0;
    right:0;
	height:108px;
    width:232px;
	overflow:hidden;
}

.start .miniSlider .item  h3 {
	margin:0 0 12px 0;
	padding:0;
	background:transparent;
	font-size:22px;
	color:#febe10;
}
.start  .miniSlider2 .item  h3 {
	margin:0 0 2px 0;
	padding:0;
	background:transparent;
	font-size:18px;
	color:#febe10;
    font-weight:normal;
}
.start .miniSlider .item  .top p {
	width:195px;
	text-align:right;
	font-size:12px;
}
.start  .miniSlider2 .item  .top p {
	width:180px;
    height:65px;
	text-align:left;
	font-size:11px;
    line-height:16px;
    font-family:Verdana,Arial,Helvetica,sans;
    overflow:hidden;

    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto; 

    
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    
  
}
.start  .item  .top .img {
    display:block;
    float:right;
	width:187px;
    height:80px;
    margin:7px 4px 0 0;
    background-position:0 0;
    background-repeat:no-repeat;
    overflow:hidden;
}


.start .item  .top em {
	font-size:36px;
	font-style:normal;
}

.start  .item .bottom {
	display:block;
	clear:left;
	height:42px;
	padding:8px 40px 0 40px;
	overflow:hidden;
}

.start  .item  .bottom p {
	font-size:10px;
	font-family: Verdana;
	margin:6px 0 0 0;
	padding:0;
    line-height:19px;
}


.start  a span {
	display:inline-block;
	font-family: Verdana;
    color: #fff;
	margin:0;
}

.start  a:hover span {
    color: #7D868B;
}


.start  .featureBlock .item  .top .img,
.start  .featureBlock2 .item  .top .img {
    display:block;
    float:left;
    padding-right:16px;
    background-repeat:no-repeat;
    background-position:0 0;
}

.start  .featureBlock  .item  .top,
.start  .featureBlock  .item  .bottom,
.start  .featureBlock2  .item  .top,
.start  .featureBlock2 .item .bottom {
    padding-left:0;
}

.start .featureBlock .item  h3 {
	margin:0 0 12px 0;
	padding:0;
	background:transparent;
	font-size:22px;
	color:#febe10;
}
.start  .featureBlock2 .item  h3 {
	margin:0 0 2px 0;
	background:transparent;
	font-size:18px;
	color:#febe10;
    font-weight:normal;
}

.start .featureBlock .item  .top p {
	width:195px;
	text-align:right;
	font-size:12px;
}
.start  .featureBlock2 .item  .top p {
	width:185px;
    height:54px;
	text-align:left;
	font-size:11px;
    line-height:16px;
    font-family:Verdana,Arial,Helvetica,sans;
    overflow:hidden;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}


.featureSlider .prevButtonMini,
.featureSlider .nextButtonMini,
.featureSlider2 .prevButtonMini,
.featureSlider2 .nextButtonMini,
.mwSlider .prevButtonMini,
.mwSlider .nextButtonMini {
	position: absolute;
	top:49px;
	width: 24px;
	height: 43px;
	z-index: 2;
	display:none;
}
.mwSlider .prevButtonMini,
.mwSlider .nextButtonMini {
	top:151px;
}
.featureSlider .prevButtonMini,
.featureSlider2 .prevButtonMini,
.mwSlider .prevButtonMini {
	left:0;
	background: transparent url(../img/icon_sprite.png) 0 -1100px no-repeat;
}
.featureSlider .nextButtonMini,
.featureSlider2 .nextButtonMini,
.mwSlider .nextButtonMini  {
	right:0;
	background: transparent url(../img/icon_sprite.png) -177px -900px no-repeat;
}


.featureSlider .prevButtonMini:hover,
.featureSlider2 .prevButtonMini:hover,
.mwSlider .prevButtonMini:hover {
	background: transparent url(../img/icon_sprite.png) 0 -1200px no-repeat;
}
.featureSlider .nextButtonMini:hover,
.featureSlider2 .nextButtonMini:hover,
.mwSlider .nextButtonMini:hover {
	background: transparent url(../img/icon_sprite.png) -177px -1000px no-repeat;
}

.stackRight {
	margin-left:0;
	padding-left:0;
}




/* =============================================================================
   Links
   ========================================================================== */
   
a.dwnPdf {
	display: inline-block;
	background: transparent url(../img/icon_sprite.png) 0 -1600px no-repeat;
	padding-left: 26px;
	text-decoration: none;
	color: #000;
}

a.dwnPdf:hover {
	color: #7d868b;
}

.dotLine {
	display: block;
	height: 1px;
	background: transparent url(../img/icon_sprite.png) 0 -800px repeat;
    margin: 6px 0 6px 0;
    border: 0;
}


/* =============================================================================
   Fancybox
   ========================================================================== */
   
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(../img/fancybox.png);
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 24px;
	background: #3C3C3C ; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6E6E6E', endColorstr='#3C3C3C'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#6E6E6E), to(#3C3C3C)); /* for webkit browsers */
	background: -moz-linear-gradient(left center,  #6E6E6E,  #3C3C3C); /* for firefox 3.6+ */
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: 0px;
	right: 0;
	width: 12px;
	height: 13px;
	padding: 6px 24px;
	background: url(../img/icon_sprite.png) repeat scroll 24px -1294px transparent;
	cursor: pointer;
	z-index: 1103;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
    position:relative;
    top:-20px;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url(../img/blank.gif);
	z-index: 1102;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	width: 34px;
	height: 51px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	left: 0px;
	background: url(../img/icon_sprite.png) repeat scroll 0 -600px transparent;
}

#fancybox-left-ico:hover {
    background: url(../img/icon_sprite.png) repeat scroll 0 -700px transparent;
}

#fancybox-right-ico {
	right: 0px;
	background: url(../img/icon_sprite.png) repeat scroll right -400px transparent;
}

#fancybox-right-ico:hover {
    background: url(../img/icon_sprite.png) repeat scroll right -500px transparent;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 0px;
}

#fancybox-right:hover span {
	left: auto;
	right: 0px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #FFFFFF;
    line-height: 18px;
    margin-top: 8px;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}


.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

/* =============================================================================
   Footer
   ========================================================================== */
   
#footer {
	position: relative;
	display: block;
	width: 970px;
	float:left;	

	margin: 16px 16px 16px 16px;
	overflow: hidden;
}

#footer h2 {
	font-size: 10px;
	color: #c6c8c9;
	font-weight: bold;
	font-family: Verdana;
	line-height: 10px;
	margin-bottom: 16px;
}

#footer ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#footer ul li {
	font-size: 10px;
	color: #c6c8c9;
	font-weight: normal;
	font-family: Verdana;
	line-height: 18px;
	
	width: 80px;
	display: block;
    float: left;
    margin-right: 12px;
    overflow: hidden;
}

#footer ul li a {
	color: #c6c8c9;
    text-decoration: none;
}

#footer ul li a:hover {
	color: #c6c8c9;
	text-decoration: underline;
}


#footer .ftCol1 {
	width: 212px;
	min-height: 20px;
	display: block;
	float: left;

}

#footer .ftCol1 h2 {
	text-indent: -999px;
	display: block;
	width: 100px;
	height: 13px;
	background: url(../img/lgo_or_ft.png) 0 0  no-repeat;
	margin-bottom: 16px;
}

#footer .ftCol1 span {
	display: block;
	font-size: 10px;
	color: #febe10;
	font-weight: normal;
	font-family: OpelSansW01;
	/* font-style: oblique; */
	line-height: 10px;
	margin-bottom: 16px;
}


#footer .ftCol2 {
	width: 382px;
	display: block;
	float: left;

}

#footer .ftCol2 ul li {
	width: 60px;
    margin-right: 12px;
}


#footer .ftCol3 {
	width: 240px;
	display: block;
	float: left;

}

#footer .ftCol3 ul li {
	width: 100px;
    margin-right: 6px;
}


#footer .ftCol4 {
	width: 120px;
	display: block;
	float: left;
}

#footer .ftCol4 ul li {
	width: 16px;
	height: 16px;
    margin-right: 12px;
	margin-bottom: 16px;
}

#footer .ftCol4 ul li a {
	display:block;
	text-indent: -999em;
	background-image: url(../img/social-icons-sprite.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: pink;
}

#footer .ftCol4 ul li a[href*="facebook."] {
	background-position: -16px 0;
}

#footer .ftCol4 ul li a[href*="twitter."] {
	background-position: -16px -60px;
}

#footer .ftCol4 ul li a[href*="youtube."] {
	background-position: -16px -32px;
}

#footer .ftCol4 ul li a[href*="facebook."]:hover {
	background-position: 0 0;
}

#footer .ftCol4 ul li a[href*="twitter."]:hover {
	background-position: 0 -60px;
}

#footer .ftCol4 ul li a[href*="youtube."]:hover {
	background-position: 0 -32px;
}

/* =============================================================================
   Slider
   ========================================================================== */
#content ul {
	list-style:square;
	padding:12px 0 12px 24px;
}

/* =============================================================================
   Slider
   ========================================================================== */
.iosSlider {
	width: 970px;
	height: 290px;
}

.iosSlider .slider {
	width: 100%;
	height: 100%;
}

.iosSlider .slider .item {
	position: relative;
	top: 0;
	left: 0;
    display:block;
    float:left;
	width: 970px;
	height: 290px;
	margin: 0;
	background-repeat:no-repeat;
}

.iosSlider .slider #item1 {
	background: url(../img/top/1.jpg) no-repeat 50% 0;
}

.iosSlider .slider #item2 {
	background: url(../img/top/eiskalt_kalkuliert.jpg) no-repeat 50% 0;
}

.iosSlider .slider #item3 {
	background: url(../img/top/22.jpg) no-repeat 50% 0;
}

.iosSlider .slider .item div.text {
	position:absolute;
	top:210px;
	left:60px;
}

.iosSlider .slider .item div.text h1 {
	font-size:24px;
	line-height:24px;
	color:#000;
	margin-bottom:12px;
	text-decoration:none;
}

.iosSlider .slider .item div.text p {
	padding:0 0 0 25px;
	font-size:28px;
	line-height:28px;
	color:#fff;
	text-decoration:none;
	background: url("../img/icon_sprite.png") 0 -194px no-repeat;
}
.iosSlider .slider .item div.zeitraum {
	position:absolute;
	top:240px;
	right:10px;
	color:#fff;
	font-size:10px;
}

.iosSliderButtons {
	position: absolute;
	bottom: 16px;
	right: 10px;
	height: 10px;
	display:none;
}

.iosSliderButtons .button {
	background-color: transparent;
	background-position: right -2100px;
	background-repeat: no-repeat;
	background-image: url(../img/icon_sprite.png);

	width: 14px;
   	height: 14px;
    margin: 0 2px 0 0;
    display: block;
    text-indent: -999em;
    
    float: left;
	position: relative;
}

.iosSliderButtons .button:hover,
.iosSliderButtons .button.selected {
   	background-position: right -2166px;
    cursor: pointer;
}

.iosSlider .prevButton {
	position: absolute;
	display: block;
	top:80px;
	left: 0;
	width: 56px;
	height: 80px;
	text-indent: -999em;
	z-index: 2;
	background-color: transparent;
	background-position: left -2100px;
	background-repeat: no-repeat;
	background-image: url(../img/icon_sprite.png);
	display:none;
}
.iosSlider .prevButton:hover {
	background-position: left -2200px;
}
.iosSlider .nextButton {
	position: absolute;
	display: block;
	top:80px;
	right: 0;
	width: 56px;
	height: 80px;
	z-index: 2;
	background-color: transparent;
	background-position: right -1900px;
	background-repeat: no-repeat;
	background-image: url(../img/icon_sprite.png);
	display:none;
}
.iosSlider .nextButton:hover {
	background-position: right -2000px;
}

/* =============================================================================
   NOSCRPIPT OVERLAY
   ========================================================================== */
#overlay
  {
  position:fixed;
  top:0;
  left: 0;
  width: 100%;
  height:100%;
  min-height:1024px;
  background-color: #121212;
  z-index:500;
  opacity: 0.8;
  }
#overlay_content
  {
  position:absolute;
  top:144px;
  left:312px;
  margin:0 auto;
  padding:20px;
  width:340px;
  height:100px;
  text-align:center;
  background:#fff;
  z-index:1000;
  z-index:500;
  opacity: 0.9;
  }
#overlay_content p
  {
  font-size:12px;
  line-height:16px;
  font-weight:normal;
  }
#overlay_content a
  {
  text-decoration:underline;
  }

/* =============================================================================
	Main - Artikel
	========================================================================== */

.artMain {
    width:690px;
    margin: 24px 0 0 8px;
}

.artMain h1 {
    margin-bottom: 32px;
}

.artMain h3 {
    margin-top: 0;
}

.artPara {
	display: block;
	float:left;
	width: 690px;
	margin: 0 0 16px 0;
}

.artLeft {
	display: block;
	float: left;
	overflow: hidden;
    width: 182px;
    margin: 0;
}

.artRight {
	display: block;
	float: left;
    width: 468px;
    margin: 0 0 0 16px;;
}

.artLeft img {
	display: block;
	float: right;
   	border: 1px solid #e5e5e5;
   	margin: 0 0 16px 0;
}

.artLeft span {
	font-size: 10px;
	line-height: 12px;
	display: inline-block;
  	margin: -8px 0 16px 0;
}
a.enlarge {
    background: url("../img/icon_sprite.png") no-repeat right -4156px red;
    display: block;
    float:right;
    height: 32px;
    width: 100%;
    margin: -16px 0 16px 0;
    text-indent: -999em;
    cursor:default;
}

/* =============================================================================
	ArtikelSlider
	========================================================================== */
.iosSlider2{
	position:relative;
	display:block;
	height:100px;
	width:769px;
	margin:0 0 16px 78px;
	
	/* overflow-x:scroll;
	overflow-y:hidden;
	padding:0 78px 20px 0; */
	padding:0;
	overflow:hidden;
}
.iosSlider2 .slider {
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
}
.iosSlider2 .slider .item {
    display:block;
	float:left;
	position: relative;
	top: 0;
	left: 0;
	width:198px;
	height:100px;
	background:#000;
}
.iosSlider2 .item a {
	display:block;
	float:left;
	width:197px;
	height:100px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:#373737 url(../img/artSlider/bg.jpg) 0 0 repeat-x;
	overflow:hidden;
}
.iosSlider2 .item a:hover,
.iosSlider2 .item a.active {
	background:#373737 url(../img/artSlider/bg.jpg) 0 -100px repeat-x;
}
.iosSlider2 .item a span {
	display:block;
	width:164px;
	height:26px;
	margin:11px auto 11px auto;
	padding:52px 0 0 0;
	overflow:hidden;
}
.iosSlider2 .item a span.wider {
	width:178px;
}
.iosSlider2 .item:last-child a {
	border-right:0;
}
.prevButton2,
.nextButton2 {
	position: absolute;
	top:256px;
	width: 61px;
	height: 100px;
	z-index: 2;
}
.prevButton2 {
	left: 16px;
	background: transparent url("../img/icon_sprite.png") 0 -4198px no-repeat;
	border-right:1px solid #000;
}
.prevButton2:hover {
	background-position: 0 -4298px;
}
.nextButton2 {
	right:16px;
	background: transparent url("../img/icon_sprite.png") right -4198px no-repeat;
	border-left:1px solid #000;
}
.nextButton2:hover {
	background-position: right -4298px;
}

/* =============================================================================
   Angebote
   ========================================================================== */ 
.angebot {
	display:block;
	float:left;
	margin:0 0 48px 0;
} 
.angebot .image {
	display:block;
	float:left;
	width:224px;
	height:96px;
	background-position:0 center;
	background-repeat:no-repeat;
	background-color:#efefef;
	cursor:pointer;
}
.angebot .title {
	display:block;
	float:left;
	width:400px;
	height:96px;
	padding:0 16px;
	cursor:pointer;
}
.angebot .title h2 {
	margin-bottom:6px;
}
.angebot .title p {
	margin:0;
	padding:0;
}
.angebot .title a {
	display:block;
	clear:left;
	margin-top:20px;
}
.angebot .content {
	display:block;
	clear:left;
	padding:22px 16px;
}
.angebot .content span {
	display:block;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
}
.angebot .content h3 {
	display:block;
	margin:0;
	padding:0;
}

.angebot .btInput {
	float:right;
	width:150px;
    height:30px;
    line-height:32px;
	text-decoration:none;
}
.angebot .btInput:hover {
    color:#000;
}

#tbnav
{
  display:block;
  text-align:left;
  padding:16px 50px 24px 0;
}
#tbnav a
{
  margin-left:12px;
  padding:8px 11px;
  color:#333;
  text-decoration:none;
}
#tbnav a.active
{
  color:#fff;
  cursor:default;
  background:#666;
  font-weight:bold;
}


/* =============================================================================
   Buttons
   ========================================================================== */ 
.yellow {
    background-position: 0 -3820px;
}
.btInput {
	margin:0 16px 0 0;
    background-image: url("../img/icon_sprite.png");
    background-repeat: repeat-x;
    border-bottom: 1px solid #939393;
    border-right: 1px solid #939393;
    box-shadow: 1px 1px 0 #CECECE;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    padding:0 6px 2px 6px;
    text-align: center;
}
.yellow:hover {
    background-position:0 -3862px;
}
.small {
	width:75px;
	height:18px;
	margin:0;
	font-size:11px;
	line-height:18px;
	text-decoration:none;
	color:#fff;
}
.small:hover {
    color:#fff;
}

/* =============================================================================
   Tabellen/Auflistungen
   ========================================================================== */ 
.list {
	width:100%;
}
.list th,
.list td {
	text-align:left;
}
.list th {
	color:#fff;
	background: #797979;
	padding:5px 8px;
}
.list th span,
.list th .h3 {
	font-size:16px;
	margin:0;
	padding:0;
}
.list td {
	padding:0 8px 8px 8px;
	background: url("../img/dotted_line.gif") 0 bottom repeat-x;
	line-height:18px;
}
.list td a {
	margin:0;
	background-position: 0 -295px
}
.list .notext {
	font-size:1px;
	line-height:1px;
	padding:0;
	background:0;
}

td.a,
td.b,
td.c {
    padding:8px 0 12px 0;
}

/* =============================================================================
   Modellseiten
   ========================================================================== */ 
.modelldetails {
	position: relative;
	display: block;
	width: 970px;
	height: 224px;
	float:left;	
	background-color: #ccc;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 16px 16px 16px 16px;
	background: url("../img/bg_modelle.png") 0 0 repeat-x;
	overflow:hidden;
}
#modelldetails_scroller {
	position: relative;
	display: block;
	width: 970px;
	height: 224px;
}

#modelldetails_scroller .modell {
	position:relative;
	display:block;
	clear:left;
	width: 970px;
	height: 224px;
	margin:0;
	padding:0;
	color:#fff;
	background-position:64px 0;
	background-repeat:no-repeat;
	overflow:hidden;
}
#modelldetails_scroller .modell h1 {
	margin:17px 0 0 17px;
	background:#e9e9e9;
	color:#000;
	text-transform:none;
	padding:1px 8px;
}
#modelldetails_scroller .modell div {
	position:absolute;
	top:32px;
	left:664px;
}
#modelldetails_scroller .modell td {
	padding-right:16px;
	white-space:nowrap;
}
#modelldetails_scroller .modell td.key {
	font-weight:bold;
}
#modelldetails_scroller .modell a {
	text-decoration:none;
}
#modelldetails_scroller .modell a:hover {
	color:#000;
}

#modelldetails_scroller .modell a.btInput,
#modelldetails_scroller .modell a.notAvailable {
	position:absolute;
	bottom:16px;
}
#modelldetails_scroller .modell a.btInput {
	right:0;
    width:80px;
    height:30px;
	line-height: 32px;
	box-shadow: 1px 1px 0 #121212;
}
#modelldetails_scroller .modell a.notAvailable {
	right:16px;
	color:#fff;
	font-style:italic;
    cursor:default;
}

/* =============================================================================
   Diverse
   ========================================================================== */ 
.preview_images {
	display: block;
    float: right;
	margin:12px 0 12px 24px;
}
.preview_images img {
	display: block;
    float: left;
    margin-left: 4px;
    border: 1px solid #E1E1E2;  
}
.footnote {
	display:block;
	clear:left;
	width:970px;
	margin:0 0 16px 18px;
	padding:16px 0 0 0;
	font-size:9px;
	line-height:12px;
	color:#ccc;
}
.footnote2 {
	display:block;
	clear:left;
	width:674px;
	padding:0;
	font-size:9px;
	line-height:12px;
	color:#333;
}
.footnote_inner{
	display:block;
	clear:left;
	margin:0 0 16px 20px;
	font-size:9px;
	line-height:12px;
	color:#333;
}
.rgt {
	display:block;
	float:right;
}
.clr {
	clear:both;
}
.info {
	display:block;
	float:left;
	width:100%;
	margin:0 0 16px 0;
}
.info h1 {
	float:left;
}
.info h3{
	display:block;
	clear:left;
	margin:0;
	padding:0;
}
#infolayer {
	display:none;
	float:left;
	padding:12px 24px 12px 12px;
}
.show_infolayer {
	position:relative;
	display:block;
	float:left;
	width:17px;
	height:16px;
	margin:1px 0 0 8px;
	background:url("../img/icon_sprite.png") 0 -3708px no-repeat;
}
.hide_infolayer {
	display:block;
	float:right;
}
.trans {
	opacity: 0.25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
}

ul.nosquare li {
	list-style:none;
}







/* -----------------------------------------------------------------------------
   PARTNERSEITE
----------------------------------------------------------------------------- */
.news,
.adresse
{
  display:block;
  padding:20px;
  overflow: hidden;
}
.news
{
  height: 79px;
}
.adresse
{
  margin-bottom:5px;
  height: 168px;
}
.adresse
{
  padding:6px 0;
}
.news h3
{
  width: 69px;
  height: 9px;
  background: transparent url(../img/right2/txt_aktuelles.png) 0 0 no-repeat;
  text-indent: -223px;
}
.news h3 a
{
  display:block;
  position:absolute;
  top:19px;
  right:19px;
  width: 12px;
  height:12px;
  background: transparent url(../img/misc/rss.gif) 0 0 no-repeat;
}
.news h3 iframe
{
  display:block;
  position:absolute;
  top:131px;
  left:130px;
  width:30px;
  height:21px;
  overflow:hidden;
}
.adresse h3
{
  position:relative;
  display:block;
  width: 200px;
  max-height:40px;
  line-height:20px;
  margin:0 0 0 6px;
  padding:4px 20px 4px 14px;
  background:#595959;
  overflow:hidden;
}

.adresse h3 span
{
  width: 203px;
  margin:0;
  padding:0;
  font-size:13px;
  font-weight:bold;
  text-align:left;
  color:#fff;
  background:transparent;
  overflow:hidden;
}
.news ul
{
  margin-top: 7px;
}
.news li a
{
  display: block;
  width: 175px;
  padding: 4px 0 4px 12px;
  line-height: 19px;
  border-top: 1px solid #fdcc1a;
  background-image:url(../img/right2/arrow_rgt_small.gif);
  background-position: 0 -47px;
  background-repeat: no-repeat;
}
.news li,
.news li a
{
  font-size: 11px;
  font-weight: bold;
  color: #fff;
}
.news li a:hover
{
  color: #121212;
  background-position: 0 10px;
}
.adresse a
{
  color:#fff;
}
.adresse a:hover
{
  color:#000;
}
.adresse #homelink a
{
  position:absolute;
  top:162px;
  left:96px;
  display:block;
  width:114px;
  height:18px;
  background:transparent url(../img/misc/bt_zu_unserer_startseite.gif) 0 0 no-repeat;
  overflow:hidden;
}
.adresse #homelink a:hover
{
  background-position:0 -18px;
}
.adresse .rufnummern_email
{
  width:193px;
  height:37px;
  background:transparent url(../img/misc/bt_rufnummern_email.gif) 0 0 no-repeat;
}
.adresse .rufnummern_email:hover
{
  background-position:0 -37px;
}
.adresse p
{
  padding:6px 20px;
  overflow:hidden;
}
.adresse p span
{
  display:block;
  float:left;
  width: 217px;
  height:18px;
  line-height:18px;
  color:#fff;
  overflow:hidden;
}
.adresse p .hr
{
  display:block;
  float:left;
  width: 188px;
  height:1px;
  margin:5px 0;
  background:#fdcc1a;
}

.services,
.standort,
.preisliste
{
  padding:20px 20px;
}
.portrait
{
  padding:0 20px 15px 0;
}
.angebote
{
  padding:20px 20px 20px 0;
}
.services,
.portrait
{
  height:145px;
  border-bottom:1px solid #fff;
  overflow:hidden;
}
.standort,
.preisliste,
.angebote
{
  height:356px;
  width:650px;
  overflow:hidden;
}
#c10 .vcf
{
  display:block;
  width:162px;
  height:36px;
  margin:0 0 12px 0;
  background:transparent url(/img/misc/bt_visitenkarte.gif) 0 0 no-repeat;
  overflow:hidden;
}
#c10 .vcf:hover
{
  background-position:0 -36px;
}

.pstandort {
    padding-bottom:15px;
}
.oeffnungszeiten h3,
.standort h3,
.services h3,
.preisliste h3,
.angebote h3
  {
  padding-bottom:8px;
  font-size:13px;
  font-weight:bold;
  /* color:#bf9501; */
  color:#333;
}
.oeffnungszeiten td
{
  font-size:11px;
  padding:2px 10px 2px 0;
}
.impressum {
    text-align:right;
    padding:0 8px 0 0;
    font-size:11px;
    border:0;
    background:transparent;
}
.impressum a {
    text-decoration:none;
}
.services ul
{
  padding:0 0 0 15px;
}

.services li
{
  list-style:disc;
  line-height:20px;
}
.portrait a,
.services a,
.preisliste .preis,
.preisliste a,
.angebote a,
.standort a
{
  display:block;
  float:right;
  margin-top:8px;
}
.angebote a
{
  float:left;
}
.preisliste a.teaser,
.angebote a.teaser
{
  margin-top:0;
  color:#000;
}
.preisliste div
{
  width:240px;
  height:45px;
  line-height:20px;
  background:#d9d9d9;
  overflow:hidden;
  cursor:pointer;
}
.preisliste div.cell {
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  background:0;
  cursor:default;
}
.preisliste div img
{
  display:block;
  float:left;
  margin-right:8px;
}

.angebote div
{
  width:396px;
  height:45px;
  line-height:20px;
  background:#faefc7;
  border-bottom:2px solid #fff;
  overflow:hidden;
  cursor:pointer;
}
.angebote div img
{
  display:block;
  float:left;
  margin-right:8px;
}

.portrait a.show_ajax_layer,
.angebote a.show_ajax_layer
{
  float:right;
  margin-right:27px;
  
}
#c7_ifr,
#c8_ifr
{
  width:100%;
  height:500px;
}
.history_back
{
  position:absolute;
  top:11px;
  right:0;
}
/*
.history_back2
{
  position:absolute;
  top:21px;
  right:17px;
}
*/
.history_back2
{
  position:relative;
}

#gmap
{
  width:185px;
  height:150px;
  overflow:hidden;
}

.snav
{
  display:block;
  padding:16px 20px 70px 20px;
  overflow: hidden;
}
.snav h3
{
  height: 14px;
  padding-left:12px;
  line-height: 14px;
  color: #d77b00;
  font-weight: bold;
  background: transparent url(../img/right2/arrow_big.gif) 0 -38px no-repeat;
}
.snav p
{
  width: 120px;
  height: 9px;
  margin-top: 8px;
  font-weight:bold;
  color:#333;
}
.snav ul
{
  margin: 17px 0 0 0;
  /* margin: 17px 0 0 -8px; */
}
.snav ul li
{
  height: 20px;
  line-height: 20px;
}
.snav li a
{
  display: block;
  width: 175px;
  height: 14px;
  margin-bottom: 6px;
  padding: 0 0 0 9px;
  line-height: 14px;
  background-image:url(../img/right2/arrow_rgt_small.gif);
  background-position:0 0;
  background-repeat:no-repeat;
  overflow: hidden;
}
.snav li a,
.snav li a.selected
{
  font-size: 11px;
  font-weight: bold;
  color: #444;
  background-position:0 4px;
}
.snav li a.selected
{
  color: #d77b00;
  background-position:0 -110px;
}
.snav li a:hover
{
  color: #d77b00;
  background-position:0 -110px;
}

.teaserCont a.wackelkontakt {
    display:block;
    float:left;
    width:192px;
    height:34px;
    margin:16px 0 0 0;
    background-image: url(../img/bt_kontaktaufnahme_ani.gif);
    background-position: 0 0;
    background-repeat:no-repeat;
    overflow:hidden;
}
.teaserCont a.wackelkontakt:hover {
    background-position:0 -54px;
}


/* -----------------------------------------------------------------------------
   NEWS Startseite
----------------------------------------------------------------------------- */
.snews {
	display:block;
	clear:left;
	width:929px;
	margin:0 0 32px 16px;
	overflow:hidden;
}
.snews .item {
	display:block;
	clear:left;

	height:25px;
	padding:0 0 0 2px;
	line-height:23px;
	overflow:hidden;
}
.snews p  {
	float:left;
	color:#fff;
}
.snews  span  {
	font-size:11px;
}
.snews .item  a  {
	margin:0 0 0 2px;
	color:#fff;
	line-height:19px;
}

/* -----------------------------------------------------------------------------
   NEWSSEITE
----------------------------------------------------------------------------- */
#news {
	margin-top:8px;
}
.newsbox {
    position:relative;
	display:block;
	float:left;
	width:295px;
	height:295px;
	margin:0 16px 15px 0;
	border:1px solid #e1e1e1;
    background:#fff;
	overflow:hidden;
}
.newsbox .image,
.newsbox .image_empty {
	display:block;
	clear:left;
	width:295px;
	height:130px;
	margin:0 0 15px 0;
	background-color:#f0f0f0;
	background-position:center center;
	background-repeat:no-repeat;
}
.newsbox .image_empty {
	background:transparent;
	background-image:url(../img/news/default.jpg);
}
.newsbox span {
	margin:0 0 0 16px;
	padding:0;
	color:#989898;
	font-weight:bold;
	font-size:13px;
}
.newsbox h3 {
	width:264px;
	margin:0 0 4px 16px;
	padding:0;
	font-size:13px;
	overflow:hidden;
}
.newsbox p {
	padding:0 16px 0 0;
	font-size:11px;
	line-height:18px;
}
.newsbox .scroll-pane {
    width:262px;
    padding:0 0 4px 16px;
    height: 150px;
    overflow: auto;
}
.newsbox .links {
	height:122px;
	overflow:hidden;
}
.newsbox p > a {
    position:absolute;
    right:12px;
    bottom:8px;
}
.newsbox .links a {
	margin:11px 0 4px 16px;
	width:240px;
}

a:target + div {
	background: #fff;
}
.news_ovl {
    position: absolute; 
    left: 180px; 
    width: 570px; 
    overflow: hidden; 
    z-index: 530;
    padding:20px;
    background: #f8f8f8;
    display:none;
}
.news_ovl p {
    font-size:11px;
    max-height:380px;
    overflow:auto;
}
.ctrans_news {
    position:fixed;
}

/* -----------------------------------------------------------------------------
   PARTNERSEITE ELEMENTS
----------------------------------------------------------------------------- */
#c10 .asp1 div,
#c10 .asp2 div,
#c10 .asp3 div
{
 overflow:hidden;
}
#c10 .asp1 div
{
 width:250px;
}
#c10 .asp2 div
{
 width:153px;
 padding:0 33px 0 33px;
}
#c10 .asp3 div
{
 width:164px;
 padding:0 23px 0 23px;
}
#c10 .asp2,
#c10 .asp3
{
 background:transparent url(../img/misc/asp_trenner.gif) 0 0 no-repeat;
}
.fk
{
	display:block;
	clear:left;
	width:400px;
	font-size:11px;
}
.fk_anzahl
{
	display:block;
	clear:both;
	font-size:10px;
	margin:0;
	padding:8px 0 0 0;
}
.fk_preis
{

}

#c0,#c1,#c2,#c3,#c4,#c5,#c6,#c7,#c8,#c9,#c10 {
	background: #f8f8f8;
}
#c8 {
	padding:20px;
}

#c8 form {
	display:block;
	width:100%;
	height:340px;
	margin:20px 0;
}

#c8 form .scroll-pane {
    width:520px;
	height:340px;
    overflow: auto;
}
#c8 form input {
	margin-bottom:3px;
}
#c8 .footnote2 {
	width:525px;
}
#ctrans {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
    opacity: 0.5;
	filter:alpha(opacity=50);
	z-index:500;
	display:none;
}
.ajax_back,
.news_close {
	position:absolute;
	top:0;
	right:0;
	width:24px;
	height:24px;
	line-height:21px;
    font-size:16px;
	color:#fff;
	background:#ccc;
    font-weight:bold;
	display:none;
	cursor:pointer;
	text-align:center;
}
.partner_back {
    position:absolute;
	top:100px;
    font-family: OpelSansW01;
	color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 4px 24px 4px 16px;
    text-decoration: none;
	cursor:pointer;
	display:none;
}
#ui-datepicker-div {
	display:none;
}

.cdw {
	font-size:10px;
}
.model span {
	font-size:9px;
}

table.preisliste {
    border:1px solid #eee;
}
.preisliste td {
    width:100px;
	border:1px solid #eee;
	padding-right:4px;
}
.preisliste td.model {
    width:134px;
    border-left: 1px solid #eee;
}
.preisliste td.model div {
    display:block;
    clear:left;
    width:auto;
    margin:0;
    padding:0 0 0 8px;
    text-align:center;
    background:transparent;
}

.cs5 {
    display:block;
    width:485px;
    padding-top:2px;
    text-align:center;
    white-space:nowrap;
}
.cs6 {
    margin:0;
    padding:0;
    font-size:1px;
    line-height:24px
}

fieldset {
	padding:8px;
	border:1px solid #eee;
}
fieldset legend {
	font-weight:bold;
}
#form_contact input {
	margin-bottom:10px;
}

textarea {
    resize:none;
}

/* -----------------------------------------------------------------------------
   PARTNERVERZEICHNIS
----------------------------------------------------------------------------- */
#mapcnt { position: relative; margin-bottom: 20px; page-break-inside: avoid; }
#dmap { position: relative; top:16px; left: 64px; width: 580px; height: 480px; background: url(../img/karte.png) 0 0 no-repeat; }
#dmap ul  li{ list-style:none; white-space:nowrap;  height: 24px; background: url(../img/karte_shdw_le.png) left bottom no-repeat; }
#dmap a {float: left; margin-left: 33px; background: #fff; border: 1px #ccc solid;  padding: 3px 5px 4px 5px; font-size: 11px; line-height:16px; text-decoration:none; }
#dmap ul li span {float: left; width: 33px; height: 24px; background: url(../img/karte_shdw_ri.png) left bottom no-repeat; }
/* #dmap a:hover { padding: 2px 3px 3px 3px; color: #fff; background-color: #18307b; } */
#sh, #hbg ,#nds ,#br ,#nrw ,#he ,#rp ,#bw ,#bay ,#sal ,#be ,#bb ,#mvp ,#sa ,#san ,#th { position: absolute;  }
#sh { top: 28px; left: 130px; }
#hbg { top: 45px; left: 250px; }
#mvp  { top: 30px; left: 340px; }
#nds { top: 93px; left: 168px; }
#br { top: 62px; left: 145px; }
#be  { top: 74px; left: 395px; }
#san  { top: 106px; left: 280px; }
#nrw { top: 140px; left: 30px; }
#he { top: 180px; left: 160px; }
#th  { top: 160px; left: 265px; }
#sa  { top: 140px; left: 382px; }
#rp { top: 210px; left: 10px; }
#sal { top: 250px; left: 0px; }
#bw { top: 325px; left: 45px; }
#bay { top: 280px; left: 320px; }
#bb  { top: 105px; left: 412px; }
#loc td { width:33%; padding: 4px 32px 4px 0; }

/* -----------------------------------------------------------------------------
   ELLIPSIS
----------------------------------------------------------------------------- */
/*
.ellipsis {
    overflow: hidden;
    width:180px;
    height:65px;
	font-size:11px;
    line-height:16px;
    line-height: 25px; 
    
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    }

.ellipsis:before {
    content:"";
    float: left;
    width: 5px; height: 65px; }

.ellipsis > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px; }		

.ellipsis:after {
    content: "...";   

    font-size:16px;
    line-height: 30px; 
    font-weight:normal;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right; position: relative;
    top: -25px; left: 100%; 
    width: 3em; margin-left: -3em;
    padding-right: 5px;
    text-align: right; }
*/  

/* navigation.css */

/* =============================================================================
   Navigation - Top - Menu
   ========================================================================== */

#navTop {
	display: block;
	width: 100%;
	height: 48px;
}

#navTop ul {
    display: block;
    float: left;
    margin: 16px 16px 0 0;
    height: 32px;
}

#navTop li {
    display: inline;
    float: left;
    list-style: none;
}
#navTop a {
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    line-height: 14px;
    padding: 9px 8px;
    text-decoration: none;
}



/* =============================================================================
   Navigation - Top - Search
   ========================================================================== */
#navTop form img {
    display:block;
    float:left;
    position:relative;
    top:16px;
} 

#navTop fieldset {
	display: block;
	float: left;
	border: 0 none;
	height: 18px;
	margin: 16px 0 0 -8px;
}

#navTop label {
	display: none;
}

#navTop input#searchterm {
	float: left;
	border: 1px solid #b1b386;
	color: #5c5c5c;
	font-size: 11px;
	margin: 0;
	padding: 2px 0 1px 3px;
}

#navTop input#searchterm:focus {
	border: 1px solid #ffce1f;
	outline: medium none;
}
   
#navTop .submit {
	float: left;
	width: 23px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	background: url(../img/icon_sprite.png) repeat scroll 0 -1800px transparent;
    text-indent: -9999em;
}


/* =============================================================================
   Navigation - Main
   ========================================================================== */

#navMain {
	display: block;
	float:left;
	width: 100%;
	height: 32px;
	z-index:20;
}

#navMain ul.navLev1 {
    display: block;
    float: left;
    margin: 0;
    height: 32px;
    background: transparent url("../img/bg_container.png") 0 0 repeat-y;
}

#navMain ul.navLev1 li {
    display: block;
    position: relative;
    float: left;
    list-style: none;
}
#navMain ul.navLev1 > li {
    background:#000;
}
#navMain ul.navLev1 li:hover,
#navMain ul.navLev1 li.active {
    /* background: url(../img/nav_prim.png) no-repeat  0 0 transparent; */
    z-index:22;
    background: transparent;
}

#navMain ul.navLev1 li a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 4px 24px 4px 16px;
    font-family: OpelSansW01;
    text-decoration: none;
}

#navMain ul.navLev1 li a.sub {
   background:transparent url(../img/icon_sprite.png) right -1684px no-repeat;
}

#navMain ul.navLev1 li:hover ul {
	/* top: 32px; */ /* match top ul list item height */
	z-index: 99;
}

#navMain ul.navLev1 li.lastItem ul.navLev2 {
	left: -102px;
}


#navMain ul.navLev2 {
	position: absolute;
	display:block;
	left: 0;
	top: -999em;
	background: url(../img/nav_prim.png) 0 0 repeat;
	padding:7px 0 7px 0;
	width: 200px;

}



#navMain ul.navLev2 li {
	display:block;
	border-top: 1px solid #474747;
    margin: 0 16px;
    padding: 1px 0;
}

#navMain ul.navLev2 li:first-child {
	border-top: 0;
}
    
#navMain ul.navLev2 li a {
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 2px 8px 2px 16px;
    font-family: Verdana;
    text-decoration: none;
    margin: 0 -16px;
    width: 176px;
    
}

#navMain ul.navLev2 li.active a,
#navMain ul.navLev2 li a:hover {
    background:url(../img/icon_sprite.png) no-repeat 0 -2400px;
}

#navMain ul.navLev1 li.ovr {
	/* background: url(../img/nav_prim.png) no-repeat  0 0 transparent; */
    background: transparent;
}

#navMain ul.navLev1 li ul.navLev2
{
	top: -999em;
}	
#navMain ul.navLev1 li.ovr ul.navLev2
{
	top: 32px;
	z-index: 99;
    /*
    transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    */
}


	
/* =============================================================================
   Navigation - Sub 1
   ========================================================================== */

#navSub1 {
	float: left;
	display: block;
	width: 970px;
	padding:16px 16px 0 16px;
}

#navSub1 ul {
    display: block;
}

#navSub1 li {
    display: inline;
    float: left;
    list-style: none;
}

#navSub1 li:hover,
#navSub1 li.active {
    background: url(../img/nav_prim.png) no-repeat left -485px transparent;
}

/*
#navSub1 li:first-child a {
	padding: 9px 8px 9px 16px;
}
*/

#navSub1 li a {
    display: block;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    padding: 9px 8px 9px 8px;
    font-family: Verdana;
    text-decoration: none;
}

#navSub1 li a:hover,
#navSub1 li.active a {
    color: #000;
}

/* =============================================================================
   Navigation - Sub 2 / Tabs
   ========================================================================== */

#navSub2 {
	float: left;
	display: block;
	width: 970px;
	margin: 0 16px 0 16px;
	background:#242424;
}

#navSub2 ul {
    display: block;
}

#navSub2 li {
    display: inline;
    float: left;
    height: 32px;
    list-style: none;
    background: url(../img/nav_prim.png) no-repeat left -517px transparent;
    margin: 0 1px 0 0;
}

#navSub2 li:hover,
#navSub2 li.active {
   background: #F8F8F8;
}

#navSub2 a {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 10px 24px 10px 24px;
    font-family: Verdana;
    text-decoration: none;
}

#navSub2 li a:hover,
#navSub2 li.active a {
    color: #000;
}

/* =============================================================================
   Navigation - Inline Tabs
   ========================================================================== */

ul.inlineTab {
	float: left;
	display: block;
	width: 938px;
	height: 32px;
	margin: 16px 0 0 0;
	border-bottom: 1px solid #e1e1e1;
	padding: 0;
}

ul.inlineTab li {
	display: inline-block;
	float: left;
    height: 32px;
    list-style: none;
    margin: 0 1px 0 0;
}
   
ul.inlineTab li a {
	display: block;
	float: left;
	color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    padding: 10px 24px 10px 24px;
    font-family: Verdana;
    text-decoration: none;
	background: #000 url(../img/icon_sprite.png) 0 -3988px  no-repeat;
	border: 1px solid #e1e1e1;
}

ul.inlineTab li a.active {
    font-weight: bold;
	background: #fff url(../img/icon_sprite.png) 0 -4030px  no-repeat;
	border-bottom: 1px solid #fff;
}

#warn_if_no_js {
    display:none;
}