@import url(layout.css);
@import url(navigation.css);
@import url(typo.css);
/********************************** CLEARFIX **********************************/
/******************************************************************************/
.clearfix:after{content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;}
*:first-child+html .clearfix{min-height:0;}
/* IE 7*/ 
* html .clearfix{height:1%;}
/* IE 6*/
/************************************ PAGE ************************************/
/******************************************************************************/
body{background:#add8ff url(/fileadmin/templates/img/body_background.png) repeat-x scroll top center;}

#page-container-body{background-color:transparent;background-image:url(/fileadmin/templates/img/page_container_body_background.png);margin:28px auto 0;width:930px;}
#page-container-body #page-header{padding:25px 0 27px 27px;}
#page-container-body #page-header a.logo{text-indent:-9999em;background:transparent url(/fileadmin/templates/img/logo_ruhrpark.png) no-repeat scroll top left;display:block;top:0;left:0;width:222px;height:111px;}
#page-container-bottom{background:transparent url(/fileadmin/templates/img/page_container_bottom_background.png) no-repeat bottom center;width:934px;margin:0 auto;height:86px;}
/********************************* BREADCRUMB *********************************/
/******************************************************************************/
#breadcrumb{font:11px/19px Arial,sans-serif;margin:10px auto 0;width:870px;height:19px;}
#breadcrumb ul{}
#breadcrumb ul li{float:left;color:#eff7ff;list-style-type:none;}
#breadcrumb li:first-child a{-moz-border-radius:4px 0 0 4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px;padding-left:10px;}
#breadcrumb li:last-child a{-moz-border-radius:0 4px 4px 0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;}
#breadcrumb li a,
#breadcrumb li a:link,
#breadcrumb li a:visited{display:block;background:#4157a0 url(/fileadmin/templates/img/breadcrumb-arrow.png) no-repeat scroll top right;line-height:19px;color:#eff7ff;padding:0 22px 0 7px;text-decoration:none;}
#breadcrumb li a:hover,
#breadcrumb li a:focus,
#breadcrumb li a:active,
#breadcrumb li a.active{color:#add8ff;}
#breadcrumb li.active a{background-image:none;padding-right:10px;color:#add8ff;}



/********************************** CONTENT ***********************************/
/******************************************************************************/
#content-container{float:left;width:520px;margin:28px 30px 0 30px;padding:0;}
#content-container h1{font:30px/30px Arial,sans-serif;margin-bottom:12px;font-weight:bold;color:#4157a0;}
#content-container h2{font:16px/16px Arial,sans-serif;font-weight:bold;color:#4157a0;margin-bottom:8px;}
#content-container h3{font:14px/16px Arial,sans-serif;font-weight:bold;color:#4157a0;margin-bottom:8px;}
#content-container p{font:13px/20px Arial,sans-serif;color:#6d7695;margin:0 0 20px 0;}
#content-container p a,
#content-container p a:link,
#content-container p a:visited{color:#4157a0;text-decoration:none;border-bottom:1px dashed #808aad;}
#content-container p a:hover,
#content-container p a:focus,
#content-container p a:active{border-bottom-style:none;}

/*** Box: home-teaser ***/
#content-container .home-teaser h2 { display: block; position: absolute; top: 40px; left: 10px; }
#content-container .home-teaser h2 span { z-index: 1; font-family:Helvetica,sans-serif;display:block;text-transform:uppercase;font-weight:bold; background:#495CA2;padding:4px 4px 4px 4px;margin: -6px 0 0 0;line-height:22px;font-size:22px;text-align:left;float:left; clear: left; color: #FFF; white-space: nowrap;}
#content-container .home-teaser h2 span:first-child { z-index: 2; margin-top: 0;  padding-top: 4px;}
#content-container .home-teaser .bottom { position: absolute; bottom: 13px; left: 10px; width: 480px; background: rgb(73, 92, 162); background: rgba(73, 92, 162, 0.75); color: #FFF; padding: 10px; }
#content-container .home-teaser .bottom p { font-family:Arial,sans-serif;font-size:12px; line-height:16px; color:#FFFFFF; width: 380px;}
#content-container .home-teaser .bottom a.button { float: right; position: absolute; bottom: 10px; right: 10px; }
#content-container .home-teaser .bottom a.button:hover,
#content-container .home-teaser .bottom a.button:focus,
#content-container .home-teaser .bottom a.button:active { background: #495CA2;}
/*** Box: shop-info ***/
#content-container .shop-info .inner .photo{margin-bottom:10px;}
#content-container .shop-info .inner .shop-logo{float:left;width:100px;text-align:center;}
#content-container .shop-info .inner .information{padding-left:110px;}
#content-container .shop-info .inner .information .leftalign.first{margin-right:20px;}
/*** Box: dialog ***/
body.dialog .box.dialog { overflow: visible; margin-top: 28px; }
#dialog-form fieldset{border:0 none;margin:0;padding:0;position:relative;}
#dialog-form fieldset legend{background-color:#41579f;color:#ffffff;font-size:20px;line-height:24px;position:absolute;top:-22px;left:-10px;display:block;padding:0 6px;z-index: 10;}
#dialog-form fieldset .inner{position:relative;}
#dialog-form fieldset .inner p{margin:0 0 12px 0;padding:0;}
#dialog-form fieldset .inner p label{font-weight:bold;color:#7d818d;clear:right;}
#dialog-form fieldset .inner p label span{visibility:hidden;}
#dialog-form fieldset .inner p.required label span{visibility:visible;color:#41579f;}
#dialog-form fieldset .inner p input[type=text],
#dialog-form fieldset .inner p input[type=password],
#dialog-form fieldset .inner p textarea{border:1px solid #ccc;width:408px;height:27px;-moz-box-shadow:inset 2px 2px 4px #CCC;-webkit-box-shadow:inset 2px 2px 4px #CCC;box-shadow:inset 2px 2px 4px #CCC;padding:2px 6px;font-size:12px;}
#dialog-form fieldset .inner p textarea{height:140px;}
#dialog-form fieldset .inner p.required-info{margin-top:14px;color:#a0a3ab;text-align:right;}
#dialog-form fieldset .inner p.required-info span{color:#41579f;font-weight:bold;}
#dialog-form fieldset .inner a.button,
#dialog-form fieldset .inner a.button:link
#dialog-form fieldset .inner a.button:visited{background-color:#41579f;color:#ffffff;font-size:14px;padding:4px 20px;}
#dialog-form fieldset .inner a.button:hover,
#dialog-form fieldset .inner a.button:focus,
#dialog-form fieldset .inner a.button:active{background-color:#41579f;color:#ffffff;}
/*** PAGE SWITCHER ***/
#content-container ul.page-switcher{font:11px/11px Arial,sans-serif;margin:0;}
#content-container ul.page-switcher li{float:left;color:#808aad;margin-right:4px;}
#content-container ul.page-switcher li span{margin-top:6px;}
#content-container ul.page-switcher li.meta,
#content-container ul.page-switcher li.back.disabled,
#content-container ul.page-switcher li.next.disabled{padding:3px 6px;}
#content-container ul.page-switcher li.spacer{padding:3px 0 0 0;}
#content-container ul.page-switcher li a,
#content-container ul.page-switcher li a:link,
#content-container ul.page-switcher li a:visited{display:block;font-weight:bold;background-color:#ffffff;color:#4157a0;padding:3px 6px;text-decoration:none;border:0 none;}
#content-container ul.page-switcher li a:hover,
#content-container ul.page-switcher li a:focus,
#content-container ul.page-switcher li a:active{background-color:#4157a0;color:#ffffff;}
#content-container ul.page-switcher li.back a,
#content-container ul.page-switcher li.back a:link,
#content-container ul.page-switcher li.back a:visited,
#content-container ul.page-switcher li.next a,
#content-container ul.page-switcher li.next a:link,
#content-container ul.page-switcher li.next a:visited{background:0 none;}
#content-container ul.page-switcher li.back a:hover,
#content-container ul.page-switcher li.back a:focus,
#content-container ul.page-switcher li.back a:active,
#content-container ul.page-switcher li.next a:hover,
#content-container ul.page-switcher li.next a:focus,
#content-container ul.page-switcher li.next a:active{color:#4157a0;}
/*** VIDEO PLAYER ***/
.rp-videolist ul li {
    clear: both;
    margin-bottom: 4px;
}
.rp-videolist ul li a,
.rp-videolist ul li a:link,
.rp-videolist ul li a:visited {
    display: block;
    height: 50px;
    width: 100%;
    background-color: #eaeff3;
    color: #7c849e;
    text-decoration: none;
    font-weight: bold;
}

.rp-videolist ul li a:hover,
.rp-videolist ul li a:focus {
    background-color: #4157a0;
    color: #fff;
}

.rp-videolist ul li a span {
    padding-top: 5px;
    display: block;
    float: left;
}



.rp-videolist ul li a .img {
    float: left;
    margin: 0 10px 0 0;
    height: 50px;
    width: 90px;
    overflow: hidden;
    background-position: center left;
    position: relative;
}

.rp-videolist ul li a .img .counter,
.rp-videolist ul li a:hover .img .counter,
.rp-videolist ul li a:focus .img .counter {
    position: absolute;
    background-color: #41579F;
    height: 23px;
    width: 23px;
    left: 0;
    top: 27px;
    color: #ffffff;
    padding-top: 4px;
    text-align: center;
}
/*** SEARCH RESULTS ***/
#content-container ul.search-results{margin:28px 0;}
#content-container ul.search-results li{border-top:1px dashed #9faace;padding:10px 0;}
#content-container ul.search-results li:last-child{border-bottom:1px dashed #9faace;margin-bottom:28px;}
#content-container ul.search-results li p.title{font-weight:bold;font-size:16px;line-height:16px;margin-bottom:10px;color:#4157a0;}
#content-container ul.search-results li p.excerpt{color:#707eaa;margin:0;}
#content-container ul.search-results li p .highlight{font-weight:bold;color:#cc0000;}
/*** WOCHENANGEBOTE ***/
body.wochenangebote #content-container .angebot img{float:right;margin-left:10px;border:1px solid #ccc;width:92px;}
body.wochenangebote #content-container .angebot:first-child{margin-bottom:36px;}
body.wochenangebote #content-container .angebot p{width:420px;}
body.wochenangebote #content-container .angebot a.button{float:right;width:78px;color:#6fbbff;margin-top:-20px;}
body.wochenangebote #content-container .angebot a.button:hover,
body.wochenangebote #content-container .angebot a.button:focus,
body.wochenangebote #content-container .angebot a.button:active{color:#ffffff;background-color:#6fbbff;}
/*** DIALOG ***/
body.dialog #content-container img.logo-assetis{margin:50px 0 0 50px;}
/*** SHOP FINDER ***/
body.shopfinder .direct-choice { margin-bottom: 28px; }
body.shopfinder .by-letter { border: 1px solid #e0e4ed; float: left; background-color: #FFF; width: 250px; margin-right: 10px;}
body.shopfinder .by-letter .inner { padding: 4px 6px; }
body.shopfinder .by-letter ul { }
body.shopfinder .by-letter ul li { float: left; margin-right: .4em; font-weight: bold;}
body.shopfinder .by-letter ul li a,
body.shopfinder .by-letter ul li a:link,
body.shopfinder .by-letter ul li a:visited { color: #4157a0; text-decoration: none; }
body.shopfinder .by-letter ul li a:hover,
body.shopfinder .by-letter ul li a:focus,
body.shopfinder .by-letter ul li.active a { border-bottom: 2px solid #4157a0; }
body.shopfinder .by-shop { border: 1px solid #e0e4ed; float: left; background-color: #FFF; width: 240px; }
body.shopfinder .by-shop .inner { padding: 4px 23px; }
body.shopfinder .categories .leftalign { margin-right: 20px;}
body.shopfinder .category .leftalign { width: 250px; margin-right: 10px; }
body.shopfinder .category .leftalign:last-child { margin-right: 0; }
body.shopfinder .categories a,
body.shopfinder .categories a:link,
body.shopfinder .categories a:visited { background-color: #FFF; padding: 2px 4px; font-size: 12px; line-height: 20px; color: #4157a0; text-decoration: none;}
body.shopfinder .category a,
body.shopfinder .category a:link,
body.shopfinder .category a:visited { padding: 2px 4px; font-size: 12px; line-height: 20px; color: #4157a0; text-decoration: none; }
body.shopfinder .categories a:hover,
body.shopfinder .categories a:focus,
body.shopfinder .category a:hover,
body.shopfinder .category a:focus { text-decoration: underline; }
body.shopfinder .categories .all-shops { float: right; margin-top: 20px; }
/******************************* WIDE CONTENT *********************************/
/******************************************************************************/
body.wide #content-container{width:870px;}
body.wide .box{background-image:none;padding-bottom:0;margin-bottom:30px;}
/********************************** SIDEBAR ***********************************/
/******************************************************************************/
#sidebar-container{float:left;width:320px;margin:10px 0 0 0;padding:0;position:relative;}
body.home #sidebar-container{margin-top:28px;}
#sidebar-container h3{font:16px/28px Arial,sans-serif;color:#41579f;font-weight:bold;}
#sidebar-container p{font:11px/16px Arial,sans-serif;color:#808aad;margin:0;}
/*** SIDEBAR NAVIGATION ***/
#sidebar-container .nav-sidebar .white-corner{background-color:#FFFFFF;position:absolute;right:0px;top:0px;padding:0 0 10px 10px;}
#sidebar-container .nav-sidebar .white-corner .corner-inner{position:absolute;top:0px;right:0;background-color:#EEF7FF;width:100%;height:36px;}
#sidebar-container .nav-sidebar ul{}
#sidebar-container .nav-sidebar ul li{background-color:#4157a0;list-style:none outside;}
#sidebar-container .nav-sidebar ul li.header{color:#add8ff;text-transform:uppercase;font-weight:bold;padding:0 15px;height:40px;line-height:40px;font-size:14px;}
#sidebar-container .nav-sidebar ul li a,
#sidebar-container .nav-sidebar ul li a:link,
#sidebar-container .nav-sidebar ul li a:visited{display:block;margin:0 10px;padding:0 5px;border-bottom:1px dashed #6d7eb6;text-decoration:none;color:#ffffff;height:40px;line-height:40px;font-size:14px;}
#sidebar-container .nav-sidebar ul li.active a,
#sidebar-container .nav-sidebar ul li a:hover,
#sidebar-container .nav-sidebar ul li a:focus,
#sidebar-container .nav-sidebar ul li a:active{color:#add8ff;font-weight:bold;}
/*** QUICK ACCESS LEISTE ***/
#sidebar-container .quick-access{}
#sidebar-container .quick-access{}
#sidebar-container .quick-access .inner ul{background-color:#eaeff3;padding:12px 0 12px 18px;overflow:hidden;}
#sidebar-container .quick-access .inner ul li{list-style:none outside;font-size:12px;line-height:22px;height:22px;padding:0 0 0 25px;background-position:center left;background-repeat:no-repeat;position:relative;}
#sidebar-container .quick-access .inner ul li.anfahrt{background-image:url(/fileadmin/templates/img/quick-access/anfahrt.png);}
#sidebar-container .quick-access .inner ul li.dialog{background-image:url(/fileadmin/templates/img/quick-access/dialog.png);}
#sidebar-container .quick-access .inner ul li.einkaufsgutscheine{background-image:url(/fileadmin/templates/img/quick-access/einkaufsgutscheine.png);}
#sidebar-container .quick-access .inner ul li.lageplan{background-image:url(/fileadmin/templates/img/quick-access/lageplan.png);}
#sidebar-container .quick-access .inner ul li.newsletter{background-image:url(/fileadmin/templates/img/quick-access/newsletter.png);}
#sidebar-container .quick-access .inner ul li.shopfinder{background-image:url(/fileadmin/templates/img/quick-access/shopfinder.png);}
#sidebar-container .quick-access .inner ul li.tourismus_partner{background-image:url(/fileadmin/templates/img/quick-access/tourismus_partner.png);}
#sidebar-container .quick-access ul li a,
#sidebar-container .quick-access ul li a:link,
#sidebar-container .quick-access ul li a:visited{background-color:#eaeff3;font-size:12px;line-height:22px;height:22px;color:#7c849e;font-family:Arial,sans-serif;text-decoration:none;padding-right:4px;z-index:2;}
#sidebar-container .quick-access ul li a:hover,
#sidebar-container .quick-access ul li a:focus,
#sidebar-container .quick-access ul li a:active{color:#00367a;}
#sidebar-container .quick-access ul li span{position:absolute;width:240px;height:22px;top:-9px;left:25px;border-bottom:1px dashed #b3b9c8;z-index:1;}
/********************************** FOOTER ************************************/
/******************************************************************************/
#page-footer{clear:both;background-color:#41579f;padding:25px 30px;}
#page-footer ul{float:left;width:160px;padding-right:40px;}
#page-footer ul:first-child{padding-right:0px;}
#page-footer ul:last-child{padding-right:0;}
#page-footer ul li{}
#page-footer ul li a,
#page-footer ul li a:link,
#page-footer ul li a:visited{font-size:11px;line-height:18px;text-decoration:none;color:#ffffff;}
#page-footer ul li a:hover,
#page-footer ul li a:focus,
#page-footer ul li a:active{color:#add8ff;}
#page-footer ul li.header{color:#add8ff;font-size:14px;font-weight:bold;line-height:18px;}
#meta-bottom{position:absolute;width:200px;left:750px;top:25px;}
#meta-bottom .inner{float:left;width:175px;height:100px;background-color:#eff8ff;border-bottom:5px solid #384b88;}
#meta-bottom .inner img{width:125px;height:62px;margin:19px 25px 0 15px;}
#meta-bottom .space{float:left;height:100px;background-color:#eff8ff;}
#meta-bottom .space.left{width:5px;}
#meta-bottom .space.right{width:20px;}
#meta-bottom .ribbon{background:transparent url(/fileadmin/templates/img/ribbon-top-right.png) scroll top left;position:absolute;width:20px;height:12px;left:180px;top:-12px;}
#meta-bottom .copyright{float:left;width:200px;font-size:10px;color:#add8ff;padding:8px 0 0 12px;}
#nav-main{margin-bottom:25px;z-index:10;}
#nav-main .inner{float:left;background-color:#4157a0;height:40px;width:930px;border-bottom:5px solid #dfdfdf;}
#nav-main .ribbon{float:left;height:51px;width:20px;position:absolute;top:0;}
#nav-main .ribbon.left{background:transparent url(/fileadmin/templates/img/main-nav-ribbon-left.png) scroll top right;left:-20px;}
#nav-main .ribbon.right{background:transparent url(/fileadmin/templates/img/main-nav-ribbon-right.png) scroll top left;left:930px;}
#nav-main ul{}
#nav-main .inactive{display:none;}
#nav-main .inner > ul > li{float:left;list-style:none outside;margin-right:20px;position:relative;line-height:40px;height:40px;background:transparent url(/fileadmin/templates/img/main-nav-arrow.png) no-repeat scroll top right;}
#nav-main .inner > ul > li.right{/* SEARCH */
background:none;margin-right:0;float:right;margin-right:30px;}
#search-form{padding:0;}
#search-form p{margin:0;padding:0;t}
#search-form input.text{height:24px;width:160px;padding:0 10px;border:0 none;vertical-align:middle;-moz-box-shadow:inset 2px 2px 4px #888;-webkit-box-shadow:inset 2px 2px 4px #888;box-shadow:inset 2px 2px 4px #888;}
#search-submit{width:24px;height:26px;margin-top:-2px;cursor:pointer;vertical-align:middle;}
#nav-main .inner > ul > li:first-child{margin-left:30px;}
#nav-main .inner > ul > li > a,
#nav-main .inner > ul > li > a:link,
#nav-main .inner > ul > li > a:visited{color:#ffffff;float:left;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:bold;text-decoration:none;display:block;padding:0 32px 0 13px;text-transform:uppercase;}
#nav-main .inner > ul > li.active > a{color:#add8ff;}
#nav-main .inner > ul > li.hover,
#nav-main .inner > ul > li.active.hover{color:#ffffff;top:-2px;line-height:42px;height:42px;background:#412669 url(/fileadmin/templates/img/main-nav-arrow.png) no-repeat scroll bottom right;}
#nav-main .inner > ul > li.active.hover > a{color:#ffffff;}
/* Submenu */
#nav-main .inner > ul > li > ul{position:absolute;background-color:#412669;width:auto;top:42px;display:none;}
#nav-main .inner > ul > li.hover > ul{display:block;}
#nav-main .inner > ul > li > ul > li{list-style:none outside;line-height:30px;height:30px;}
#nav-main .inner > ul > li > ul > li a,
#nav-main .inner > ul > li > ul > li a:link,
#nav-main .inner > ul > li > ul > li a:visited{display:block;border-bottom:1px dashed #6d588c;white-space:nowrap;margin:0 16px 0 16px;padding:0;color:#ffffff;font:14px Helvetica,Arial,sans-serif;line-height:30px;height:30px;text-decoration:none;width:auto;}
#nav-main .inner > ul > li > ul > li a,
#nav-main .inner > ul > li > ul > li a:hover,
#nav-main .inner > ul > li > ul > li a:focus,
#nav-main .inner > ul > li > ul > li a:active{color:#c39aff;}
#nav-main .inner > ul > li > ul > li.last{padding-bottom:2px;}
#nav-main .inner > ul > li > ul > li.last a{border-bottom:0 none;}
#nav-meta{position:absolute;top:25px;left:710px;width:240px;}
#nav-meta .space{background-color:#4157a0;height:114px;float:left;}
#nav-meta .space.left{width:10px;}
#nav-meta .inner{float:left;border-bottom:5px solid #dfdfdf;width:210px;height:104px;/* + padding */
background-color:#4157a0;padding:10px 0 0 0;}
#nav-meta .space.right{width:20px;}
#nav-meta .ribbon.right{background:transparent url(/fileadmin/templates/img/ribbon-bottom-right.png) scroll top left;position:absolute;width:20px;height:12px;left:220px;top:114px;}
#nav-meta ul{}
#nav-meta li{list-style:none outside;font-family:Helvetica,Arial,sans-serif;color:#ffffff;}
#nav-meta li a,
#nav-meta li a:link,
#nav-meta li a:visited{background-color:#4157a0;background-image:url(/fileadmin/templates/img/li-nav-meta-new.png);background-position:0px 8px;background-repeat:no-repeat;padding-left:10px;color:#ffffff;display:block;font-size:12px;line-height:24px;text-decoration:none;}
#nav-meta li a:hover,
#nav-meta li a:active,
#nav-meta li a.active{background-position:0px -35px;color:#add8ff;}
/***** BUTTON *****/
button,
a.button,
a.button:link,
a.button:visited{display:block;background-color:#f1f3fa;color:#4157a0;font-size:11px;line-height:24px;height:24px;border:1px solid #dfe2eb;padding:0 6px;-moz-border-radius:5px;-webkit-border-radius:5px;text-decoration:none;text-align:center;}
a.button:hover,
a.button:focus,
a.button:active{color:#ffffff;background-color:#4157a0;}
button.right,
a.button.right{float:right;}
button.left,
a.button.left{float:left;}
#sidebar-container .box button,
#sidebar-container .box a.button{margin-top:10px;}