@charset 'utf-8';

/* -------------------------------------------------------------------------------- reset ----- */

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: #FFFFFF;
}
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: "" "";
}
/* -- part 2 -- */
html {
height: 100%;
}
body {
height: 101%;
background-color: #fff;
}
strong, b {
font-weight: bold;
}
em, i {
font-style: italic;
}
label,
input[type=button],
input[type=submit],
button {
cursor: pointer;
}
q:lang(de) {
quotes: '»' '«' '›' '‹';
}
q:lang(en) {
quotes: '“' '”' "‘" "’";
}
abbr[title] {
border-bottom: 1px dotted #888 !important;
cursor: help;
}
a abbr {
cursor: pointer !important;
}
.ie7 address {
font-style: normal;
}
img {
-ms-interpolation-mode: bicubic;
}
/* HTML5 display-role reset */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* -- extensions -- */
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input[type=hidden] {
	display: none !important;
}
input {
	margin: 0;
}
sup {
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
	font-size: 0.75em;
}
/* [end: reset] */



/* -------------------------------------------------------------------------------- tools ----- */

.hide-forced {
position: absolute;
left: -9999em;
top: -9999em;
}
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.hidden {
display: none;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* -------------------------------------------------------------------------------- construction ----- */

body {
	font-family: "futura-pt", Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 140%;
	background: #D5D5D5 url(images/background/kloiber-bg.jpg) top center fixed;
	color: #6B6B6B;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#main {
	width: 960px;
	float: left;
	background: #fff;
}

#header_wrapper {
	float: left;
	width: 960px;
	height: 208px;
	background: url(images/header/header_4.jpg) top left no-repeat;
}

#nav_wrapper {
	float: left;
	width: 960px;
	height: 58px;
}

#content_wrapper {
	padding: 42px 0 42px 0;
	float: left;
	width: 960px;
	display: inline;
}

#footer_wrapper {
	float: left;
	width: 960px;
	margin-top: 20px;
}





/* -------------------------------------------------------------------------------- basics ----- */

a:link, a:visited {
/*	color: #005a9d; */
	font-weight: bold;
	color: #ff751a;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
/*	color: #6B6B6B; */
}





/* -------------------------------------------------------------------------------- tools ----- */

#clear, .clear {
	clear: both;
}
.nobreak, .nowrap {
	white-space: nowrap;
}
.hidden {
	display: none;
}
.invisible, .inv {
	visibility: hidden;
}





/* -------------------------------------------------------------------------------- header ----- */

#header img {
	margin: 15px;
}

#header_wrapper a#header_logo {
	display: block;
	float: left;
	width: 190px;
	height: 120px;
}

#header {
	float: right;
	width: 770px;
}

body #claim h4.claimtxt {
	padding: 0 15px 0 0;
	font-size: 11.5px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	height: 24px;
	line-height: 24px;
}
body.ie6 #claim h4.claimtxt {
	height: auto;	/* fixes haslayout issue */
}













/* -------------------------------------------------------------------------------- navigation ----- */

#nav_wrapper #nav_first,
#nav_wrapper #nav_second {
	height: 29px;
}

#nav_wrapper #nav_first {
	background: #535957;
}
#nav_wrapper #nav_second {
	background: #bababa;
}

#nav_wrapper #nav_first ul,
#nav_wrapper #nav_second ul {
	float: left;
	padding: 0 0 0 40px;
	height: 29px;
}

#nav_wrapper #nav_first ul li,
#nav_wrapper #nav_second ul li {
	float: left;
	display: inline;
	height: 29px;
	padding: 0 20px 0 0;
	list-style-type: none;
}

#nav_wrapper #nav_first ul li a,
#nav_wrapper #nav_second ul li a {
	height: 29px;
	padding: 0 3px 0 3px;
	font-size: 15px;
	font-weight: normal;
	line-height: 29px;
	letter-spacing: 0.25px;
}

#nav_wrapper #nav_first ul li a:hover,
#nav_wrapper #nav_second ul li a:hover,
#nav_wrapper #nav_first ul li.selected a,
#nav_wrapper #nav_second ul li.selected a {
	color: #FFFFFF;
	text-decoration: none;
}
#nav_wrapper #nav_first ul li a {
	color: #bababa;
}
#nav_wrapper #nav_second ul li a {
	color: #535957;
}

#nav_wrapper #nav_first ul li.start a {
	display: block;
	width: 20px;
	margin: 0;
	padding: 0;
	background: url(images/nav/start-icon.gif) 2px 7px no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
#nav_wrapper #nav_first ul li.start a:hover {
	background: url(images/nav/start-icon.gif) 2px -33px no-repeat;
}
/*
#nav_wrapper #nav_first ul li.start.selected a {
	background: url(images/nav/start-icon.gif) 2px -33px no-repeat;
}
*/
#nav_wrapper #nav_first ul li.last,
#nav_wrapper #nav_second ul li.last {
	background: none;
}



/* bread crumbs */

#bread_crumbs {
	height: 28px;
	padding: 14px 0 0 15px;
	float: left;
	color: #6b6b6b;
	font-size: 11px;
}

#bread_crumbs span,
#bread_crumbs ul,
#bread_crumbs li {
	display: inline;
	float: left;
}

#bread_crumbs span {
	margin-right: 2px;
}

#bread_crumbs a,
#bread_crumbs a:link,
#bread_crumbs a:visited,
#bread_crumbs a:hover,
#bread_crumbs a:active {
	text-decoration: none;
	color: #6b6b6b;
}
#bread_crumbs a:hover,
#bread_crumbs a:active {
	text-decoration: underline;
}

#bread_crumbs li {
	padding-left: 4px;
}
#bread_crumbs li a {
	background: url("images/nav/breadcrumb_spacer.gif") right 4px no-repeat;
	padding-right: 14px;
}

#bread_crumbs li a.homeCrumb,
#bread_crumbs li.startCrumbs {
	padding-left: 0;
}
#bread_crumbs li a.currentCrumb,
#bread_crumbs li.startCrumbs {
	background: none;
}
/*
#bread_crumbs li a.currentCrumb {
	text-decoration: underline;
}
*/




/* -------------------------------------------------------------------------------- main ----- */





/* -------------------------------------------------------------------------------- content ----- */

#content {
	float: left;
	width: 550px; /* 905px; */
	margin: 0 0 0 40px;
	/*
	overflow: hidden;
	*/
}

/* headlines */

/* overview pages */

#content h1 {
	margin: 0 0 0.75em 0;
	font-size: 32px;
	font-weight: bold;
	line-height: 120%;
	color: #ff751a;
}
#content h2 {
	clear: both;
	margin: 0 0 0.75em 0;
	padding: 2.0em 0 0.30em 0;
	border-bottom: 4px solid #E0E0E0;
	font-size: 20px;
	font-weight: bold;
	color: #FF751A;
}
#content h1 + h2 {
	padding-top: 0.25em;
}
#content h3 {
	margin: 0 0 1.0em 0;
	padding: 1.0em 0 0 0;
	font-size: 22px;
	font-weight: bold;
	color: #FF751A;
}
#content h4 {
	margin: 0 0 1.0em 0;
	padding: 1.0em 0 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #6B6B6B;
}
#content p {
	margin: 0 0 1.0em 0;
	text-align: justify;
}

#content ul {
	margin: 0 0 1.0em 0;
	list-style: disc inside;
}
#content ul li {
	margin: 0 2.0em 0.5em 2.5em;
}
#content ol {
	overflow: hidden;
	margin: 0 0 1.0em 0;
	padding: 0 0 0 1.5em;
	list-style: decimal outside;
}
#content ol li {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 0.5em;
}
#content .entry-content div {
	margin: 0 0 1.0em 0;
}

#content img {
	display: block;
	margin: 0 0 1.0em 0;
}

#content img.left {
	float: left;
	margin: 0 22px 12px 0;
}



/* locations */

#content .locations {
	padding: 2.0em 0 0 0;
}
#content .locations ul {
	float: left;
	width: 100%;
	list-style: none;
}
#content .locations li {
	float: left;
	width: 33%;
	padding: 0;
	margin: 0;
}
#content .locations h4 {
	margin: 0 1.0em 0.5em 0;
	line-height: 140%;
}





#content .link_more {
	margin: -0.5em 0 0 0;
	font-size: 90%;
}
#content .link_more a {
	position: relative;
	display: block;
	font-weight: normal;
}
#content .link_more a:before {
    /* content: '\2023\0020'; */
	content: '\00BB\0020';
}





/*
#content .article {
	margin: 0 0 1.0em 0;
	border-bottom: 4px solid #E0E0E0;
}
*/





#content small a {
	font-weight: normal;
}






/* -------------------------------------------------------------------------------- content pages ----- */

/* start */

#teaser_start {
	float: left;
	margin:  0 0 50px 0;
}
#teaser_start img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}
#teaser_start a.textlink {
	display: block;
	font-weight: normal;
    text-shadow: 0 0 8px #FFFFFF;
}
#teaser_start a.textlink:before {
	content: '\00BB\0020';
}
#teaser_start .teaser_box {
	padding: 0 0 5px 0;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
#teaser_start .teaser_dienstleistung {
	float: left;
	width: 630px;
	margin: 0 0 0 -40px;
}
#teaser_start .teaser_tankkarte {
	float: left;
	width: 330px;
	margin: 0 -360px 0 0;
}
#teaser_start .teaser_inner {
	padding: 0 0 0 40px;
}



/* autowaesche */

body#petershausen-autowaesche ul.pflegeprogramme {
	margin: 0 0 2.0em 0;
	padding: 0 0 0.3em 0;
	border-bottom: 4px solid #E0E0E0;
	list-style: none;
}
body#petershausen-autowaesche ul.pflegeprogramme li {
	margin: 0.6em 0 0 0;
	padding: 0.5em 0 0 0;
	border-top: 4px solid #E0E0E0;
}
body#petershausen-autowaesche ul.pflegeprogramme li p {
	clear: both;
	margin: 0 0 0.25em 0;
	text-align: left;
}
body#petershausen-autowaesche ul.pflegeprogramme li p:first-child {
}
body#petershausen-autowaesche ul.pflegeprogramme .prgnr {
	float: left;
	margin: 0 0 0.4em 0;
	width: 50%;
	font-weight: bold;
}
body#petershausen-autowaesche ul.pflegeprogramme .price {
	float: left;
	width: 50%;
	text-align: right;
	font-weight: bold;
}



body#petershausen-autowaesche ol.sbwash {
	font-weight: bold;
}
body#petershausen-autowaesche ol.sbwash li span {
	font-weight: normal;
}





/* tankkartenantrag */

body#kartenantrag #content .btn_download_wrapper {
	margin: 0 0 1.15em 0;
}
body#kartenantrag #content .btn_download {
	padding: 6px 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: #ff751a;
	color: #FFFFFF;
}











/* -------------------------------------------------------------------------------- sidebar ----- */

#sidebar {
	float: right;
	width: 290px;
}

body#start #sidebar {
	margin-top: 300px;
}


#sidebar .widget {
	margin: 0 0 40px 0;
	padding: 10px 12px;
	background: #ff751a;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: #D5D5D5 url(images/background/kloiber-bg.jpg) 0 24%;
}
#sidebar .widget h3 {
	font-size: 16px;
	margin: 0 0 1.0em 0;
	/*
	font-weight: bold;
	color: #666666;
	*/
}
#sidebar .widget p {
	margin: 0 0 1.0em 0;
}








#sidebar h3 {
	margin: 0 0 1.0em 0;
	border-bottom: 4px solid #E0E0E0;
	font-size: 16px;
	font-weight: bold;
}





.sidebar_station_prices {
	float: left;
	width: 290px;
}
.sidebar_station_prices ul {
	float: left;
	width: 258px;
}
.sidebar_station_prices ul li {
	float: left;
	display: block;
	width: 119px;
	height: 62px;
	margin: 0 8px 8px 0;
	padding: 5px 0 0 0;
	border: 1px solid #cdcdcd;
	background: url(images/sidebar/station_prices/hr.png) 0 8px no-repeat;
	overflow: hidden;
}
.sidebar_station_prices p,
.sidebar_station_prices span {
	line-height: 1;
	white-space: nowrap;
	color: #999999;
}
.sidebar_station_prices p {
	font-size: 14px;
	line-height: 100%;
	font-weight: bold;
	overflow: hidden;
}
.sidebar_station_prices p.pr_name {
	padding: 0 10px 0 10px;
}
.sidebar_station_prices span.pr_name_text {
	padding: 0 2px 0 2px;
	background: #FFFFFF;
	text-transform: uppercase;
}
.sidebar_station_prices p.pr_price {
	margin: 2px 8px 0 8px;
	padding: 4px 10px 4px 0;
	border: 1px solid #cdcdcd;
	font-size: 30px;
	text-align: right;
}
.sidebar_station_prices p.pr_price span.pr_price_fraction {
	padding: 0 0 0 0.1em;
	font-size: 50%;
}
.sidebar_station_prices ul li.bft_logo {
	float: right;
	background: url(images/sidebar/station_prices/bft-logo.png) 0 0 no-repeat;
}

p.sidebar-price-notice {
	clear: both;
	width: 100%;
	font-size: 15px;
	font-weight: normal;
}




/* -------------------------------------------------------------------------------- footer ----- */

#footer_wrapper #footer {
	float: left;
	width: 880px;
	margin: 0 40px 40px 40px;
	border-top: 4px solid #e0e0e0;
}

/*
#footer_wrapper .social {
	display: none;
}
*/

#footer_wrapper .social {
	float: left;
	width: 50%;
	margin: 6px 0 0 0;
}
#footer_wrapper .social a {
	color: #909090;
}
#footer_wrapper .social a:hover {
	color: #555555;
}
#footer_wrapper .social .facebook {
	display: inline-block;
	height: 29px;
	line-height: 29px;
	padding: 0 0 0 37px;
	background: url(images/footer/FB-f-Logo__blue_58.png) 0 0 no-repeat;
	background-size: 29px 29px;
}

#footer_wrapper ul.footer {
	float: right;
	width; 50%;
	list-style-type: none;
}

#footer_wrapper ul.footer li {
	float: left;
	display: block;
	margin: 6px 0 0 0;
	padding: 0 9px 0 0;
	background: url("images/servicenav/servicenav_div_2.gif") right 50% no-repeat;
}

#footer_wrapper ul.footer li a {
	float: left;
	display: block;
	padding: 3px;
	color: #909090;
}

#footer_wrapper ul.footer li.last {
	margin-right: -3px;
	padding-right: 0;
	background: none;
}

#footer_wrapper ul.footer li a:hover,
#footer_wrapper ul.footer li a.active {
	color: #555555;
}
























/* -------------------------------------------------------------------------------- colorbox ----- */

/*
    ColorBox core style:
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


/*
    user style
*/

#cboxOverlay				{ background: #FFFFFF; }
#colorbox, #cboxOverlay, #cboxWrapper
							{ overflow:visible; }
#colorbox					{  }
    #cboxContent			{ margin: 0; padding: 0; border: 1px solid #C0C0C0; background: #FFFFFF; }
        .cboxIframe			{ background: #C0C0C0; }
        #cboxError			{ padding: 1px; border: 1px solid #C0C0C0; }
        #cboxLoadedContent	{ background: #FFFFFF; padding: 4px 4px 27px 4px; }
        #cboxTitle 			{ display: none !important; }
        #cboxCurrent 		{ display: none !important; }
        #cboxSlideshow 		{ display: none !important; }
        #cboxPrevious 		{ position: absolute; bottom: 4px; left: 4px; margin: 0; background:url(images/colorbox/controls-kloiber.png) no-repeat 0 -19px; width: 20px; height: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
        #cboxPrevious:hover { background-position: -20px -19px; }
        #cboxNext 			{ position: absolute; bottom: 4px; left: 29px; margin: 0; background:url(images/colorbox/controls-kloiber.png) no-repeat 0 0; width: 20px; height: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
        #cboxNext:hover 	{ background-position: -20px 0; }
        #cboxLoadingOverlay { background: #FFFFFF; }
        #cboxLoadingGraphic { background: #FFFFFF url(images/colorbox/loading.gif) no-repeat center center; }
        #cboxClose 			{ position: absolute; bottom: 4px; right: 4px; display: block; background: url(images/colorbox/controls-kloiber.png) no-repeat 0 -38px; width: 20px; height: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
        #cboxClose:hover 	{ background-position: -20px -38px; }