/* CSS-RESET
---------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0; text-rendering: optimizeLegibility;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
fieldset, img {border:0;}
a {outline:none;}
address, caption, cite, code, dfn, em, th, var {font-weight:normal;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0; font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit; background:#fff; }
input, textarea, select {*font-size:100%;}
textarea { resize: none; }
button, input[type=button] {overflow: visible;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; }


/* Apprise V2
---------------------------------------*/

.apprise-overlay { background-color: #000; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 20000; }
.apprise { background: #fff; border: 1px solid #aaa; color: #333; display: none; left: 40%; max-height: 70%; overflow: auto; position: fixed; top: -100%; width: 20%; z-index: 20001; }
.apprise .apprise-inner { padding: 20px; }
.apprise .apprise-input { margin-top: 10px; padding: 10px 0; }
.apprise .apprise-input input { display: block; margin: 0 auto; width: 98%; }
.apprise .apprise-buttons { background: #f3f3f3; border-top: 1px solid #aaa; padding: 10px 20px; text-align: right; }
.apprise .apprise-buttons button { padding: 4px 12px; background: #f3f3f3; color: #333; border:1px solid #aaa; border-radius: 3px; text-decoration: none; text-align: center; display: inline-block; margin-left:6px; font-weight: bold; }
.apprise .apprise-buttons button:hover { background-color: #e5e5e5; cursor: pointer; color: #333; }
.apprise-content ul { margin:10px 0 10px 16px; }
.apprise-content ul li { list-style:disc; }


/* Date Picker
---------------------------------------*/

.datepick { background-color: #fff; color: #3f3f3f; border: 1px solid #444; font-size: 90%; }
.datepick-rtl { direction: rtl; }
.datepick-popup { z-index: 1000; }
.datepick-disable { position: absolute; z-index: 100; background-color: white; opacity: 0.5; filter: alpha(opacity=50); }
.datepick a { color: #fff; text-decoration: none; }
.datepick a.datepick-disabled { color: #ddd !important; }
.datepick a.datepick-disabled:hover { background:#000 !important; cursor:default; }
.datepick button { margin: 0.25em; padding: 0.125em 0em; background-color: #fcc; border: none; font-weight: bold; }
.datepick-nav, .datepick-ctrl { float: left; width: 100%; height:2em; background-color: #000; color: #fff; font-size: 90%; font-weight: bold; }
.datepick-ctrl { background-color: #f5f5f5; }
.datepick-ctrl a { color:#3f3f3f; }
.datepick-cmd { width: 30%; cursor:pointer; }
.datepick-cmd:hover { background-color:#fba411; color:#fff; }
.datepick-ctrl .datepick-cmd:hover { background-color: #fba411; }
.datepick-cmd-prevJump, .datepick-cmd-nextJump { width: 8%; }
a.datepick-cmd { padding:4px 0; }
button.datepick-cmd { text-align: center; }
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear { float: left; padding-left: 4px !important; }
.datepick-cmd-current, .datepick-cmd-today { float: left; width: 35%; text-align: center; }
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close { float: right; padding-right: 4px !important; text-align: right; }
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump, .datepick-rtl .datepick-cmd-clear { float: right; padding-left: 0%; padding-right: 2%; text-align: right; }
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today { float: right; }
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump, .datepick-rtl .datepick-cmd-close { float: left; padding-left: 2%; padding-right: 0%; text-align: left; }
.datepick-month-nav { float: left; background-color: #666; text-align: center; }
.datepick-month-nav div { float: left; width: 12.5%; margin: 1%; padding: 1%; }
.datepick-month-nav span { color: #3f3f3f; }
.datepick-month-row { clear: left; }
.datepick-month { float: left; width:245px; border: 1px solid #444; text-align: center; }
.datepick-month-header, .datepick-month-header select, .datepick-month-header input { height: 2.5em; background-color: #444; color: #fff; font-weight: bold; }
.datepick-month-header select, .datepick-month-header input { height: 1.4em; margin: 0.5em; padding: 0em; border: none; font-size: 100%; }
.datepick-month-header input { position: absolute; display: none; }
.datepick-month table { width: 245px; border-collapse: collapse; }
.datepick-month thead { border-bottom: 1px solid #aaa; }
.datepick-month th, .datepick-month td { margin: 0em; padding: 0em; font-weight: normal; text-align: center; width:34px; }
.datepick-month th { border: 1px solid #666; }
.datepick-month th, .datepick-month th a { background-color: #666; color: #fff; }
.datepick-month td { background-color: #eee; border: 1px solid #aaa; }
.datepick-month td.datepick-week { border: 1px solid #666; }
.datepick-month td.datepick-week * { background-color: #666; color: #fff; border: none; }
.datepick-month a { display: block; ;background-color: #eee; color: #3f3f3f; text-decoration: none; }
.datepick-month span { display: block; }
.datepick-month td span { color: #aaa; }
.datepick-month td span, .datepick-month th span, .datepick-month td a { height:34px; line-height:34px; }
.datepick-month td .datepick-other-month { background-color: #fff; }
.datepick-month td .datepick-weekend { background-color: #ddd; }
.datepick-month td .datepick-today { background-color: #666; color:#fba411; }
.datepick-month td .datepick-highlight { background-color: #fba411; cursor:pointer; }
.datepick-month td .datepick-highlight.datepick-today { color:#3f3f3f; }
.datepick-month td .datepick-selected { background-color: #666; color: #fff; }
.datepick-month th.datepick-week { background-color: #666; color: #fff; }
.datepick-status { clear: both; background-color: #ddd; text-align: center; }
.datepick-clear-fix { clear: both; }



/* Basics
---------------------------------------*/

body {background:#fff; color:#3f3f3f; font: normal 13px/normal Verdana, Geneva, sans-serif;}

h1 {font-size:28px; color: #fff; background:#525252; padding:18px 25px; margin-bottom:20px;}
h2 {font-size:26px; color: #484848; margin-bottom:30px;}
h3 {font-size:20px; color: #484848; margin-bottom:10px;}

input[type=text], input[type=password], input[type=tel], input[type=email] {height:25px; line-height:25px; padding:0px 5px; border:1px solid #aaa;}
textarea { border:1px solid #aaa;}
select {height:27px; padding:3px; border:1px solid #aaa;}

input.error, textarea.error, select.error { background:#fba411; color:#fff; }

:focus { outline-color: #fba411; }

a {color:#555; text-decoration:underline;}
a:hover {color:#888;}
a.arrow {padding-left:7px; background:url(/img/templates/profi-reifen/cms/link_arr.png) 0 7px no-repeat;}

a.bt_grey {padding:0px 20px; height:25px; line-height:25px; white-space:nowrap; background:#525252; color:#fff; cursor:pointer; display:inline-block; zoom: 1; *display: inline; text-decoration:none;}
a.bt_grey:hover {background:#777; text-decoration:none;}

#WRAPPER {width:1200px; background: url(/img/templates/profi-reifen/cms/wrapper_bg.png) right 222px no-repeat; }

#HEAD {height: 242px; background: url(/img/templates/profi-reifen/cms/header_cms.jpg) right 0 no-repeat; position:relative; z-index:9999;}

#HEAD .logo {float:left; margin: 25px 0 0 100px;}

#HEAD .cmsLoginBox {height:36px; padding:5px 10px 0 10px; background: url(/img/templates/profi-reifen/cms/cms_login_box.png) 0 0 repeat-x; position:absolute; right:0px; width:420px;}
#HEAD .cmsLoginBox input {width:135px; float:left; margin-right:10px; line-height:25px; padding:0px 5px;}
#HEAD .cmsLoginBox a.bt_grey {float:right; height:27px; line-height:27px;}

#HEAD .cmsAppointment {position:absolute; right:0px; top:95px;}
#HEAD .cmsAppointment a {color:#3f3f3f; font-size:18px; text-decoration:none; width:210px; text-align:right; display:block; background:url(/img/templates/profi-reifen/cms/oa_bg.png) right 0 no-repeat; cursor:pointer; padding:5px 65px 5px 0;}
#HEAD .cmsAppointment a b {background:url(/img/templates/profi-reifen/cms/oa_arr.png) 5px 7px no-repeat; padding-left:20px; font-weight:normal;}

#TOPNAVI {padding:0 0 0 100px; background:url(/img/templates/profi-reifen/cms/topnav_bg.png) 0 0 repeat-x; height:37px; line-height:37px; position:absolute; top:160px; left:0px; width:1100px; font-size:16px;}
#TOPNAVI .arrow {background:url(/img/templates/profi-reifen/cms/topnav_arr.png) right 0 no-repeat; padding-right:30px;}
#TOPNAVI .aktiv.arrow {background:url(/img/templates/profi-reifen/cms/topnav_arr.png) right -37px no-repeat; padding-right:30px;}
#TOPNAVI a {padding: 0px 15px; color:#3f3f3f; text-decoration:none; display:block; height:37px; float:left; border-left:1px solid #fff;}
#TOPNAVI a:hover {background:#777; color:#fff;}
#TOPNAVI .arrow.topnav_hover {background:url(/img/templates/profi-reifen/cms/topnav_arr.png) right -74px no-repeat; color:#fff;}
#TOPNAVI .aktiv {padding: 0px 15px; background:url(/img/templates/profi-reifen/cms/topnav_bg.png) 0 -37px repeat-x; height:37px; float:left; color:#fff; border-left:1px solid #fff;}

#TOPNAVI .submenu {position:absolute; top:37px; line-height:normal; list-style:none; display:none; border-left: 1px solid #fff; z-index:999; width: 230px; }		   
#TOPNAVI .submenu a.sub, #TOPNAVI .submenu .aktiv { background:#777; color: #fff; display: block; font-size:12px; line-height: 20px; margin: 0; padding:10px 15px; border:none; border-bottom:1px solid #fff; text-indent:0px; width: 230px; text-decoration: none; height:auto; border-right:1px solid #fff; }
#TOPNAVI .submenu a.sub:hover { background:#888; color: #fff;}
#TOPNAVI .submenu .aktiv {background:#fba411; color:#fff; }

#LEFTNAVI {float:left; width:210px;}
#LEFTNAVI .default {background: url(/img/templates/profi-reifen/cms/ns_cms_sub.png) 0 -2px no-repeat #eee; color: #3f3f3f; display: block; margin: 0 0 2px 0; padding:6px 0 6px 18px; text-indent:0px;  text-decoration: none; font-size:13px; }
#LEFTNAVI .default:hover {background-color:#e5e5e5;}
#LEFTNAVI span.aktiv { display:block; background: url(/img/templates/profi-reifen/cms/ns_cms_sub_active.png) 0 -2px no-repeat #fba411; color:#fff; display: block; margin: 0 0 2px 0; padding:6px 0 6px 18px;}

#LEFTNAVI .submenu {list-style:none;}		   
#LEFTNAVI .submenu .sub {color: #666; display: block; margin:0px; padding:8px 0 8px 18px; text-indent:0px;  text-decoration: none; font-size:11px; border-bottom:1px solid #eee; }
#LEFTNAVI .submenu .sub:hover {background-color: #fff; color: #000;}
#LEFTNAVI .submenu .sub.aktiv {background:#fba411; color:#fff; border-bottom:1px solid #fff; }

#CONTENT {padding:0 0 0 100px; overflow:hidden}

#BREADCRUMB {border-bottom:1px solid #ccc; padding:0 0 5px 0; margin-bottom:10px;}
#BREADCRUMB a {font-size:11px; background:url(/img/templates/profi-reifen/cms/breadcrumb_cms.png) right 5px no-repeat; color:#3f3f3f; margin: 0 2px 0 0; padding: 0 13px 0 0; text-decoration: none; }
#BREADCRUMB a:hover { text-decoration: underline; }
#BREADCRUMB a.last { background-image: none; }

#MAIN.content {margin-left:235px; padding-bottom:30px; min-height:550px;}

#MAIN.content ul {padding-left:15px; margin-top:8px;}
#MAIN.content ul li {margin-bottom:8px; padding-left:5px; background:url(/img/templates/profi-reifen/cms/li_dot.png) 0 8px no-repeat; list-style:square;}

.datepicker { background:url(/img/templates/profi-reifen/cms/ico_calendar.png); width:16px; height:15px; display:inline-block; margin-left:5px; position:relative; top:3px; }
.datepicker i { display:none; }

#FOOT {background:#eeeeee; color:#888; padding:15px 0 15px 100px; clear:both;}
#FOOT .footerLinks a { color: #484848; text-decoration: none; margin-right: 10px; border-left: 1px solid #888; padding-left: 10px; }
#FOOT .footerLinks a:hover { text-decoration: underline; }
#FOOT .footerLinks a.noborder { border-left: none; padding-left: 0; }



/* Individual
---------------------------------------*/

.subheadlinegreyBg { color: #000; font: bold 15px Helvetica,Arial; height: 16px; padding: 0 0 20px 0; }

.sitemapgreyBg { padding: 0; width: 860px; z-index: 0; }
.sitemapgreyBg .sitemap { margin: 0 0 1px 0 !important; }
.sitemapgreyBg .sitemap_lvl3 { margin-left: 10px !important; }
.sitemapgreyBg .sitemap a {background: url(/img/templates/profi-reifen/cms/ns_cms_sub.png) 0 -2px no-repeat #eee; color: #666; display: block; padding: 6px 0 6px 18px; text-align: left; text-decoration: none; width: 225px; }
.sitemapgreyBg .sitemap a:hover {background: url(/img/templates/profi-reifen/cms/ns_cms_sub.png) 0 -2px no-repeat #e5e5e5; color: #000000; text-decoration: none; }
.sitemapgreyBg .sitemap div tr td {vertical-align: top;}

.search_branch {background:#f5f5f5}
.search_branch th {background-color: #666; color: #FFFFFF; font-weight: bold; padding: 3px 10px; text-align: left;}
.search_branch td {padding: 5px 15px;}
.search_branch td input[type=checkbox] {margin:0 5px 5px 0;}

.branch_result {border-collapse: collapse; margin-bottom:20px; background:#f5f5f5;}
.branch_result th {background-color: #525252; color: #FFFFFF; font-weight: bold; padding: 3px 10px; text-align: left;}
.branch_result td {padding: 5px 20px;}

.contact_person {float:left; width:33%;}
.contact_person img {margin:15px 0;}

.oa_hinweis {color: #FF0000; font-size: 13px; margin-top:20px;}

.mail_success {background:url(/img/templates/profi-reifen/cms/mail_success.png) no-repeat 0px 0px; padding:7px 0px 15px 50px; font-size:18px; font-weight:bold; margin-bottom:20px; }
.mail_error {background:url(/img/templates/profi-reifen/cms/mail_fail.png) no-repeat 0px 0px; padding:7px 0px 15px 50px; font-size:18px; font-weight:bold; margin-bottom:20px; }

.startbox {width:485px; height:355px; background:#eee; padding:20px 15px; margin:30px 0; color:#545454; position:relative;}
.startbox h2 {margin-bottom:40px;}
.startbox.partner img {position:absolute; top:180px; right:-40px;}
.startbox.partner .plz {position:absolute; bottom:35px; color:#323232; }
.startbox.partner a {position:absolute; bottom:35px; left:15px; font-size:18px; color:#464646; background: url(/img/templates/profi-reifen/cms/cms_linkpfeil.png) 0 7px no-repeat; text-decoration:underline; white-space:nowrap;}
.startbox.network img {position:absolute; top:132px; right:13px;}
.startbox.network a {position:absolute; bottom:35px; left:15px; font-size:18px; color:#464646; background: url(/img/templates/profi-reifen/cms/cms_linkpfeil.png) 0 7px no-repeat; text-decoration:underline;}

.external {color:#3f3f3f; text-decoration:underline; font-weight:normal; padding-left:12px; background: url(/img/templates/profi-reifen/cms/cms_linkpfeil.png) 0 5px no-repeat;}
.external:hover {color:#000;}




/* Start Slider
---------------------------------------*/

.flexslider {margin: 0; height:345px; background: #333; position: relative; zoom: 1; border:none; border-radius:0px; box-shadow:none;}

.flex-control-nav { position: absolute; text-align: left; padding:15px; bottom:0px; width:auto; z-index:9999;}
.flex-control-nav li {margin: 0 8px 0 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { text-decoration:none; width: 15px; height: 15px; text-align:center; line-height: 13px; display: block; cursor: pointer; text-indent:0px; border:none; border-radius:0px; box-shadow:none; opacity:1; background:url(/img/templates/profi-reifen/cms/slide_no.png) 0 0 no-repeat; }
.flex-control-paging li a:hover { background:url(/img/templates/profi-reifen/cms/slide_no.png) 0 0 no-repeat; }
.flex-control-paging li a.flex-active { background:url(/img/templates/profi-reifen/cms/slide_no.png) 0 -15px no-repeat; cursor: default; color:#fff; }

.slides {background:#fff;}

.slides .infotext {float:right; height:305px; width:254px; background:url(/img/templates/profi-reifen/cms/slide_info_bg.png) 0 0 no-repeat;color:#fff; padding:20px; text-shadow: 1px 1px 0px #d39022; position:relative;}
.slides .infotext h3 {font-size:28px; font-weight:bold; padding-bottom:20px; margin-bottom:20px; background:url(/img/templates/profi-reifen/cms/slide_info_tr.png) 0 bottom repeat-x; color:#fff;}
.slides .infotext .bt_grey {display:none; position:absolute; bottom:20px; left:20px; color:#fff; text-decoration:none; text-align:left; text-shadow:none;}
.slides .infotext li {margin-bottom:8px; padding-left:8px; background:url(/img/templates/profi-reifen/cms/li_dot.png) 0 8px no-repeat;}

.slides .slide1 {background:url(/img/templates/profi-reifen/cms/slide_1.gif) 0 0 no-repeat}
.slides .slide2 {background:url(/img/templates/profi-reifen/cms/slide_2.gif) 0 0 no-repeat}
.slides .slide3 {background:url(/img/templates/profi-reifen/cms/slide_3.gif) 0 0 no-repeat}



/* Apprise
---------------------------------------*/
.apprise-content ul { margin:10px 0 10px 16px; }
.apprise-content ul li { list-style:disc; }