/* @group Boilerplate Head */
/*
* HTML5 ✰ Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, div, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #e2001a; color: #fff; text-shadow: none; }
::selection { background: #e2001a; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
/*a:visited { color: #551a8b; }*/
a:hover { color: #06e; }
a:focus { outline: thin dotted}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #777777; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; border:1px inset #b3b3b3;}
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input { *overflow: auto; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* @end *//* @group Basic */
@font-face {
font-family: 'PTSansRegular';
src: url(/static/fonts/PTS55F-webfont.eot);
src: url(/static/fonts/PTS55F-webfont.eot?#iefix) format('embedded-opentype'),
url(/static/fonts/PTS55F-webfont.woff) format('woff'),
url(/static/fonts/PTS55F-webfont.ttf) format('truetype'),
url(/static/fonts/PTS55F-webfont.svg#PTSansRegular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PTSansRegular';
src: url(/static/fonts/PTS75F-webfont.eot);
src: url(/static/fonts/PTS75F-webfont.eot?#iefix) format('embedded-opentype'),
url(/static/fonts/PTS75F-webfont.woff) format('woff'),
url(/static/fonts/PTS75F-webfont.ttf) format('truetype'),
url(/static/fonts/PTS75F-webfont.svg#PTSansRegular) format('svg');
font-weight: bold;
font-style: normal;
}
/*@font-face {
font-family: 'PTSansItalic';
src: url(/static/fonts/PTS56F-webfont.eot);
src: url(/static/fonts/PTS56F-webfont.eot?#iefix) format('embedded-opentype'),
url(/static/fonts/PTS56F-webfont.woff) format('woff'),
url/static/fonts/PTS56F-webfont.ttf) format('truetype'),
url(/static/fonts/PTS56F-webfont.svg#PTSansRegular) format('svg');
font-weight: normal;
font-style: normal;
}
*/
html{
background: none;
}
.centerframe {
width: 1124px;
display: block !important;
margin: 0px auto;
}
.centerframe.center_landesportal {
margin: 83px auto;
}
p, li{
font-size: 14px;
font-weight: 500;
line-height: 21px;
}
small{
font-size: 13px;
line-height: 20px;
}
input{
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
}
body {
font-family: 'PTSansRegular', Helvetica, Arial, sans-serif;
color: #444;
}
.fontface body,
.fontface input{
font-family: 'PTSansRegular', Helvetica, Arial, sans-serif;
}
br {
line-height:21px;
}
a {
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
text-decoration: none;
color: #e2001a;
}
a:hover {
text-decoration: none;
color: #e2001a;
}
a.more{
margin-left: 5px;
font-weight:bold;
}
.kogis .main_article p a{
font-weight:bold;
}
.main_article p a{
font-weight:bold;
}
.header .page_title{
color: white;
border: none;
height: 42px;
margin: 7px 0px 0px 0px;
position: relative;
}
.kogis .header .page_title{
margin-top: 8px;
width: 450px;
}
.header .page_title a{
text-transform: uppercase;
width: auto;
font-size: 15px;
font-weight: normal;
height: 100%;
margin: 3px 0px 0px 12px;
}
.fontface .page_title a{
font-size: 16px;
}
.bde .header .page_title a{
width: 150px;
height: 25px;
padding-top: 8px;
margin: 0px 0px 0px 7px;
}
.header .page_title .twolines{
padding-top: 0px !important;
font-size:14px;
margin: -3px 0px 0px 12px !important;
}
.header .page_title .twolines.portal{
width: 200px;
}
.header .page_title a.center{
text-align: center !important;
}
.kogis .header .page_title a.center{
margin-top:8px;
}
h1{
font-size: 22px;
text-transform: uppercase;
font-weight: normal;
}
h2{
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #b3b3b3;
padding-bottom: 5px;
}
h3{
font-size: 16px;
font-weight: bold;
}
h5{
font-size: 13px;
font-weight: bold;
}
.subhead{
font-size: 13px;
margin-top: 0;
}
.teaser{
margin-top: 20px;
padding: 0px !important;
}
ul, ol { padding: 0; }
ul.nostyle li{
list-style: none;
}
#main ul, #main ol{
padding-left: 30px;
list-style: square;
}
.italic{
font-style: italic;
}
.interfaceicon{
background: url('/static/img/interface.png') no-repeat;
display: inline-block;
}
.glyphish{
background-image: url('/static/img/glyphish/interface.png') !important;
}
time, .date{
margin-right: 20px;
display: inline-block;
width: 70px;
font-size: 12px;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.inline_image{
float: left;
padding: 14px 15px ;
}
.kogis .legend{
padding:5px 0 3px 0;
/*background:#F0F0F0;*/
font-size:12px;
}
.legend{
padding:5px 0 3px 0;
font-size:11px;
}
.image_size_150{
width:150px;
}
.image_size_225{
width:225px;
}
.image_size_585{
width:585px;
}
.inline_left{
float: left;
padding-left: 0;
padding-right: 15px;
}
.inline_right{
float: right;
padding-left: 15px;
padding-right: 0;
}
.inlinefloat_left{
padding-left: 15px !important;
}
/* @end */
/* @group Header */
.header{
position: absolute;
display: block;
height: 55px;
width: 100%;
top: 0px;
z-index: 300000;
padding: 0px;
background: #0e78ad;
-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
box-shadow: 0px 1px 5px rgba(100,100,100,0.65);
border-bottom: 1px solid #779eb9;
}
.js .header{
position: fixed;
}
.header .centerframe{
position: relative;
}
.header a,
.header .head_entity{
/*text-transform: lowercase;
font-variant:small-caps;
font-size: 17px;*/
text-transform: uppercase;
text-decoration: none;
color: #ffffff !important;
position: relative;
}
nav.mobile a{
color: #f5f5f5 !important;
}
.header a:visited{
color: #FFFFFF;
}
.header a:focus{
outline: 2px double #e2001a;
text-decoration: underline;
}
.header a:hover{
color: #999999;
}
.header .centerframe div,
.header .centerframe span,
.header .centerframe form,
.header .centerframe a{
display: block;
float: left;
}
.header .centerframe a{
margin-top: 12px;
}
.header .centerframe .logo_wrapper ul li a,
.header .centerframe #head_language_list li a{
margin-top: 3px !important;
}
.logo_wrapper{
position: relative;
}
#logo{
margin: 0 0 0 6px;
padding: 2px 0 0;
height: 50px;
}
#logo a{
height: 50px;
}
.logo_wrapper:hover ul,
.logo_wrapper ul.active,
.logo_wrapper:hover ul.active{
top: 37px !important;
}
.logo_wrapper ul{
position: absolute;
border-left: 1px solid #779eb9;
border-right: 1px solid #779eb9;
border-bottom: 1px solid #779eb9;
background-color: #0e78ad;
-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
text-align: left;
left: 0px;
top: -1000px;
width: 95px;
padding-top:0px;
list-style: none;
clear: both;
}
.kogis .logo_wrapper ul {
width: 150px;
}
.header .logo_wrapper ul li a{
padding: 2px 5px;
margin-bottom: 2px;
text-transform: none!important;
font-variant:normal;
font-size:13px;
background-color: #0e78ad;
display: block;
float: none !important;
}
.kogis_login {
position: fixed;
width: 921px;
padding-top: 10px;
height: 23px;
background: white;
font-weight: bold;
display: block;
top: 56px;
left: 50%;
margin-left: -562px;
padding: 10px 20px 0px;
-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.7);
box-shadow: 3px 3px 1px rgba(50, 50, 50, 0.45);
z-index: 30;
color: #0e78ad;
}
.kogis_login .left_section{
float: left;
}
.kogis_login .right_section{
float: right;
}
.logo_wrapper ul li a:focus{
background: #e2001a;
}
#instance_logo{
position: absolute;
right: 10px;
top: 2px;
}
#searchform {
margin-top: 8px;
position: relative;
}
#searchform input#searchinput{
margin-left: 2px;
margin-right:3px;
border: 1px solid #b3b3b3;
padding: 5px;
width: 281px;
}
.hiddenlabel{
position:absolute;
height:1px;
width:1px;
overflow:hidden;
}
.hiddentext{
top: -5000px;
left: -5000px;
color: transparent;
position: absolute;
height: 1px;
width: 1px;
display: block;
}
#searchform input#runsearch{
width: 20px;
height: 20px;
border: none;
position: absolute;
top: 5px;
right: 5px;
background: url('/static/img/interface.png') no-repeat -40px 0px ;
}
.head_divider{
background: #6696c0;
height: 37px;
width: 1px;
margin: 6px 8px 0px;
vertical-align: middle;
}
.head_map,
.head_my{
text-align: center;
position: relative;
padding: 5px 0px;
}
.head_map{
width: 165px;
margin-top: 1px;
padding-left: 18px !important;
}
#head_management,
#head_language{
text-align: center;
margin: 0;
display: inline-block;
vertical-align: middle;
position: relative;
padding: 7px 1px;
}
#head_management li,
#head_language li,
.head_my_login a{
letter-spacing: 0px;
}
#head_language {
width: 90px;
}
#head_language a{
margin-left: 5px;
margin-right: 5px;
}
#head_management{
width: 160px;
padding: 12px 0px;
}
#management_sites{
position: absolute;
right: -12px;
width: 182px;
background-color: #002c4c;
-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
text-align: left;
display: block;
top: -1000px;
}
#head_management:hover #management_sites, #management_sites.active{
position: absolute;
top: 29px;
border-left: 1px solid #779eb9;
border-right: 1px solid #779eb9;
border-bottom: 1px solid #779eb9;
}
#management_sites li{
width: 100%;
overflow: hidden;
}
#management_sites li a{
text-transform: none;
display: block;
font-size:13px;
width: 100%;
padding: 2px 10px;
}
#management_sites li a:focus{
position: absolute;
top: 1024px;
padding: 2px 8px !important;
outline: none !important;
}
#head_management:hover #management_sites li a:focus{
position: static;
padding: 2px 10px !important;
outline: none !important;
}
#management_sites.active a:focus{
outline: 2px solid #e2001a !important;
position: static;
display: block;
}
#head_management:hover li a,
#management_sites.active li a{
padding: 5px 10px;
}
#management_sites li a:focus{
padding: 5px 10px;
width: 164px;
background: #e2001a;
}
#management_sites li {
}
#head_language_list{
position: absolute;
top: -1000px;
background-color: #002c4c;
-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
text-align: left;
display: block;
border-left: 1px solid #779eb9;
border-right: 1px solid #779eb9;
border-bottom: 1px solid #779eb9;
padding-top: 6px;
list-style:none;
right: -9px;
width: 101px;
}
.fontface #head_language_list {
right: -9px;
width: 104px;
}
#head_language:hover #head_language_list, #head_language_list:focus, #head_language_list.active{
top: 24px;
}
#head_language_list li{
width: 90px;
}
#head_language_list li a{
text-transform: none;
font-variant:normal;
font-size:13px;
display: block;
width: 79px;
overflow: hidden !important;
padding: 2px 0px 0px 10px;
margin-bottom: 2px;
}
#head_language_list .active_language{
text-decoration: underline;
}
#head_language_list li a:focus{
background: #e2001a;
}
.head_map{
width: 100px;
}
.head_dgs{
width:46px;
height: 20px;
}
.head_easy_language{
width:30px;
height: 20px;
}
.head_easy_language,
.head_dgs{
padding: 4px 0px !important;
}
.portal .head_easy_language,
.portal .head_dgs{
width: auto !important;
}
.portal .head_easy_language{
padding-left: 40px !important;
}
.portal .head_dgs{
padding-left: 55px !important;
margin-right: 5px;
}
.head_my a{
width: 116px;
padding-left: 20px;
}
.head_my:hover .head_my_login,
.head_my .head_my_login.active{
top: 37px;
}
.head_my_login{
position: absolute;
right: -13px;
top: -3036px;
padding: 10px;
width: 147px;
border-left: 1px solid #779eb9;
border-right: 1px solid #779eb9;
border-bottom: 1px solid #779eb9;
overflow: hidden;
background-color: #002c4c;
-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
display: block;
text-align: left;
}
.fontface .head_my_login {
right: -9px;
width: 141px;
}
.head_my_login input{
width: 135px;
padding-left: 4px;
margin-bottom:5px;
}
.head_my_login label{
margin-bottom: 1px;
color:#ffffff;
letter-spacing: 0px;
}
.head_my_login a{
text-transform: none;
font-variant:normal;
font-size:13px;
margin: 2px 0px 0px;
}
#loginform{
width: 130px;
}
#login{
border: none;
width: 120px;
background: white;
text-align: left;
border: 1px solid #779eb9;
width: 142px;
margin-top:5px;
font-weight:bold;
color:#444444;
height:26px;
}
button:focus,
input:focus,
select:focus,
textarea:focus{
outline: 2px solid #e2001a;
}
.head_map_icon{
width: 20px;
height: 20px;
background: url('/static/img/interface.png');
position: absolute;
left: -2px;
bottom: 4px;
display:block ;
}
.head_dgs_icon{
width: 56px;
height: 26px;
background: url('/static/img/interface.png') -117px 0px;
position: absolute;
left: -7px;
top: -1px;
display:block ;
}
.head_easy_language_icon{
width: 28px;
height: 26px;
background: url('/static/img/interface.png') -170px 0px;
position: absolute;
left: 4px;
top: -1px;
display:block ;
}
.head_my_icon{
width: 20px;
height: 20px;
background: url('/static/img/interface.png') -20px 0px;
position: absolute;
left: 0px;
bottom: 5px;
}
.kogis .head_my_icon{
left: 10px;
}
#head_minimize{
background: url('/static/img/interface.png') no-repeat -151px -44px;
width: 18px;
height: 18px;
margin-top: 15px;
}
#head_minimize:focus{
outline: 1px double #e2001a;
}
#head_minimize .tooltip{
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
position: absolute;
right: 0px;
padding: 10px;
width: 0px;
top: 35px;
z-index: 300;
background: white;
color: black;
border-radius: 2px;
text-indent: 0px;
text-transform: none;
text-align: center;
opacity: 0;
font-size: 0px;
padding: 0px;
-webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
}
.interfaceicon.insert{
width: 7px;
height: 7px;
background-position: -46px -36px;
display:none;
}
#head_minimize:hover .tooltip{
top: 35px;
opacity: 1.0;
font-size: 14px;
padding: 20px;
width: 125px;
}
#head_minimize:hover .tooltip .insert{
display: block;
}
#head_minimize:hover:focus{
outline: none !important;
}
#head_minimize:hover:focus .tooltip{
outline: none !important;
}
#head_minimize .tooltip .insert{
position: absolute;
right: 7px;
top: -7px;
}
#head_minimize.minimized{
background-position: -133px -44px;
}
/* @end */
/* @group Main */
#container{
background: #ffffff;
background: rgba(255,255,255,0.98);
width: 960px;
/* margin-top: 150px; */
border: 1px solid #777777;
position: relative;
margin-bottom: 30px;
padding-bottom: 10px;
display:block;
overflow: visible;
/*background-image:url("/static/img/raster_bg.jpg");*/
}
#container.show_grid{
background-image:url("/static/img/raster_bg.jpg");
}
.kogis #container{
-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
box-shadow: 3px 3px 1px rgba(50,50,50,0.45);
margin-top: 110px;
}
#main{
padding: 10px 14px 15px 15px;
width: 600px;
float: left;
position: relative;
}
#main a:focus,
#main h2:focus{
color: #e2001a;
text-decoration: underline !important;
outline: none;
}
.kogis #main{
width: 450px;
}
.kogis.head_navigation #main{
width: 600px;
padding: 29px 60px;
}
.dropdown_indicator{
width: 7px;
height: 7px;
background: url('/static/img/interface.png') 0px -36px;
margin-left: 2px;
margin-bottom: 4px;
margin-top: 15px;
}
#photographer{
position: fixed;
bottom: 0px;
padding: 10px;
z-index: 999;
left: 50%;
margin-left: -511px;
background: white;
-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.7);
box-shadow: 0px 1px 4px rgba(0,0,0,0.7);
border-bottom: 1px solid #779eb9;
text-align: center;
display: none;
}
#photographer a{
color: black;
text-decoration: none !important;
}
.head_main{
border: none;
/*border-bottom: 1px solid #b3b3b3;*/
}
/* Finanzen */
.head_main#finanzen .head_main_content{
width: 820px;
height: 90px;
background: #002c4c;
position: relative;
}
.head_main#finanzen h1{
margin-left: 0px !Important;
width: 570px;
padding: 10px;
bottom: 0;
color: white;
position: absolute;
left: 0px;
text-shadow: 0px 2px 3px #555;
border: none;
}
/* asv */
#asv .head_main_content{
width: 820px;
height: 220px;
background: url('/static/img/title_asv.jpg') no-repeat;
}
#asv .head_main{
height: 260px;
}
#asv .head_content{
height: 260px;
}
#asv .head_main h1{
color:#ffffff;
border-bottom:none !important;
}
/* Umwelt */
#umwelt .head_main_content{
width: 820px;
height: 220px;
background: url('/static/img/title_umwelt.jpg');
position: relative;
}
#umwelt .head_main h1{
position: absolute;
right: 30px;
top: 0px;
border: none;
}
#umwelt h2,#umwelt h3, #umwelt h6, #umwelt a{
color: green;
}
#umwelt aside#marginal a{
color:white;
}
#umwelt{
background: #79b41c;
background-image: url('/static/img/bg_umwelt.jpg');
}
#umwelt .marginal_item h3{
color: green !important;
}
#umwelt aside#marginal a{
color: green !important;
}
#umwelt .main_article input[type="submit"]{
background: green !important;
}
#container h1{
margin: 0;
font-weight: bold;
padding: 7px 7px 7px 0px;
text-align: left;
color: #545454;
/* border-bottom: 1px solid #b3b3b3;*/
padding-bottom: 10px;
line-height:normal;
}
.head_main.special h1{
text-align: center !important;
margin: 0 auto;
display: block;
letter-spacing: 2px;
padding-bottom: 20px;
}
.head_main.visitenkarte h1{
padding-bottom: 5px !important;
}
.head_main.visitenkarte .subhead{
margin-top: 5px;
}
.kogis_main_visitenkarte{
margin-left: 20px;
padding-bottom: 20px;
}
.head_main_content{
float: left;
padding: 20px 16px 20px 15px !important;
text-align: left;
position: relative !important;
width: 930px;
border-bottom: 1px solid #777777;
}
.head_main.special .head_main_content{
width: 860px !Important;
padding: 10px 50px 20px !important;
float: none;
text-align: center;
}
.head_main.special .breadcrump{
padding-left: 20px !important;
padding-top: 10px !important;
}
.head_main_content hr{
margin: 0;
}
.head_main_content_title_wrapper{
position: absolute;
top: 10px;
left: 15px;
}
.head_main_links_wrapper {
margin-top: 60px;
width: 590px;
float: left;
padding-bottom: 10px;
margin-bottom: 30px;
}
.head_main_links_wrapper.nocategory{
padding: 0px 0px;
width: 590px;
margin-top: 65px;
}
.head_main_links_wrapper.nocategory hr{
margin-top: 5px !important;
}
.head_main_content .head_main_links_wrapper{
margin-bottom: 0px;
padding-bottom: 0px;
}
.head_main_aside {
width: 300px;
float: right;
}
.head_main_aside img{
display: block;
margin: 0 auto;
}
.head_main_links{
list-style: square;
padding: 0px 20px ;
}
.head_main_links.nocategory{
padding: 0 20px !important;
}
.head_main_links a{
text-decoration: none;
}
.head_main_links a:focus{
color: #e2001a;
text-decoration: underline;
outline: none;
}
.head_main_links li{
width: 50%;
float: left;
}
.main_sb_list ul{
list-style: none !important;
margin: 0;
padding: 0px 0px 0px 15px !important;
}
/* @end */
/* @group Navigation */
.nav.mobile{
position: fixed;
display: none;
top: 55px;
background: red;
width: 100%;
height: 43px;
padding-top: 5px;
z-index: 300;
background: #002c4c;
-moz-box-shadow: 0px 8px 10px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 8px 10px rgba(0,0,0,0.2);
box-shadow: 0px 8px 10px rgba(0,0,0,0.2);
border-top: 1px solid #779eb9;
border-bottom: 1px solid #779eb9;
}
.nav.mobile a{
color: white !important;
}
.nav.mobile #mobile_navigation{
width: 68%;
padding: 13px;
display: inline-block;
text-align: center;
font-size: 14px;
}
.nav li{
border-bottom: 1px solid #DDDDDD;
}
.current a{
color: #e2001a !important;
}
/* @group Bremen.de */
.head_navigation .nav a{
color: #333333;
}
.head_navigation .nav .sub_navigation a:hover{
color: #e2001a;
}
.head_navigation .nav a:focus {
color: #e2001a !important;
outline: none;
text-decoration: underline !important;
}
.head_navigation .nav .main_navigation{
padding: 0;
margin: -1px 0px 0px;
position: relative;
width: 101%;
display: block;
}
.head_navigation .nav .main_navigation li{
display: block;
float: left;
text-align: center;
padding: 12px 0px 8px 0px;
/*text-transform: lowercase;
font-size: 16px;
font-variant: small-caps;*/
font-size:13px;
text-transform: uppercase;
margin: 0px;
margin-left: -1px;
}
.head_navigation .nav li.main_navigation_link:last-child{
border-right: 0px;
}
.head_navigation.head_navigation_count_one .nav li.main_navigation_link{
width: 960px;
}
.head_navigation.head_navigation_count_two .nav li.main_navigation_link{
width: 479px;
}
.head_navigation.head_navigation_count_two .nav li.main_navigation_link:last-child{
width: 480px;
}
.head_navigation.head_navigation_count_three .nav li.main_navigation_link{
width: 319px;
}
.head_navigation.head_navigation_count_three .nav li.main_navigation_link:last-child{
width: 320px;
}
.head_navigation.head_navigation_count_four .nav li.main_navigation_link{
width: 239px;
}
.head_navigation.head_navigation_count_four .nav li.main_navigation_link:last-child{
width:240px;
}
/*.head_navigation.head_navigation_count_four nav .sub_navigation_links li:last-child{
width:208px !important;
}*/
.head_navigation.head_navigation_count_four .nav .detail_navigation ul li.main_navigation_link:last-child{
width:50px !important;
}
.head_navigation.head_navigation_count_five .nav li.main_navigation_link{
width: 196px;
}
.head_navigation.head_navigation_count_five .nav li.main_navigation_link:last-child{
width:172px;
}
.head_navigation.head_navigation_count_six .nav li.main_navigation_link{
width: 159px;
}
.head_navigation.head_navigation_count_six .nav li.main_navigation_link:last-child{
border-right: 0px;
width: 160px;
}
.head_navigation.head_navigation_count_seven .nav li.main_navigation_link{
width: 136px;
}
.head_navigation.head_navigation_count_seven .nav li.main_navigation_link:last-child{
width: 138px;
}
.head_navigation.head_navigation_count_eight .nav li.main_navigation_link{
width: 106px;
}
.head_navigation.head_navigation_count_five .sub_navigation:last-child{
/*width: auto;*/
}
.head_navigation .nav li .sub_navigation{
width: 960px;
position: absolute;
padding: 0px 0px 0px;
margin-top: 9px;
left: 0px;
z-index: 150;
background: #e8e8e8;
color: #555;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
top: 33px;
display: none;
}
.bde .nav.standardview li.main_navigation_link.active{
border-bottom:none;
height: 22px;
background: #e8e8e8 !important;
}
.bde .nav.standardview li.main_navigation_link:hover{
background: #E8E8E8;
}
.bde .nav.standardview li.main_navigation_link.active .sub_navigation,
.bde .nav.standardview li.main_navigation_link.active .sub_navigation_additional{
display: block;
}
.nav.standardview li.main_navigation_link{
background: white;
}
.head_navigation .nav li.main_navigation_link.activated{
height: 22px;
margin-bottom: 40px;
background: #e8e8e8;
border-bottom: none;
}
.head_navigation .nav li.main_navigation_link.activated.out{
background: #ffffff;
}
.head_navigation .nav li.main_navigation_link.activated:hover {
background: #E8E8E8;
}
.head_navigation .nav li.main_navigation_link.activated.active{
background: #F3f3f3;
}
.head_navigation .nav li.main_navigation_link.activated .sub_navigation{
display: block;
height: 42px;
margin-top: 10px;
border: none;
}
/*.main_navigation.has_activated li.main_navigation_link:hover .sub_navigation{
}*/
.head_navigation .nav ul.sub_navigation_links{
width: 100%;
margin: 0;
padding: 0;
margin-top: -1px;
display: block;
height: 100%;
}
.bde .sub_navigation_links{
padding: 0px 20px !important;
width: 920px !important;
}
.head_navigation .nav ul.sub_navigation_links li{
padding: 0;
font-variant:normal;
font-size: 13px;
border: none;
display: block;
text-align: left;
padding: 13px 20px 11px 20px;
line-height: 18px;
width: auto;
float: left !important;
text-transform: none;
letter-spacing: 0;
-webkit-transition: color .1s ease;
-moz-transition: color .1s ease;
-o-transition: color .1s ease;
transition: color .1s ease;
}
.bde.head_navigation .nav ul.sub_navigation_links li.sub_navigation_link{
padding-left: 6px;
padding-right: 6px;
text-align: center;
overflow:hidden;
}
.bde.head_navigation .nav ul.sub_navigation_links li.sub_navigation_link .detail_navigation{
text-align: left;
}
.head_navigation .nav ul.sub_navigation_links.alignright li{
float: right !important;
}
.head_navigation .nav ul.sub_navigation_links li.sub_navigation_link li{
float: left !important;
}
.head_navigation .nav .sub_navigation_additional{
position: absolute;
top: 41px;
z-index: 200;
height: 125px;
width: 960px;
background: #e8e8e8;
display: none;
border-top: 1px solid #777777;
border-bottom: 1px solid #CCCCCC;
-moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.2);
box-shadow: 0px 2px 1px rgba(100,100,100,0.2); /*f0f0f0*/
}
.head_navigation .nav .sub_navigation_additional .sub_navigation_aside{
margin-left: 660px;
display: block;
height: 100px;
margin-top: 13px;
margin-bottom: 10px;
border-left: 1px solid #777777;
}
.head_navigation .nav .sub_navigation_additional .sub_navigation_aside li{
border: none;
display: block;
text-align: left;
padding: 3px 0px 0px 20px;
width: 100%;
}
.head_navigation .nav li.main_navigation_link.activated.active .sub_navigation_additional{
/*top: 82px !important;*/
display: block;
z-index: 50;
}
.head_navigation .nav li.main_navigation_link.activated:hover .sub_navigation_additional{
display: none;
}
.head_navigation .nav li.main_navigation_link.activated.active:hover .sub_navigation_additional{
display: block;
}
.head_navigation .main_navigation .sub_navigation_count_one .sub_navigation_link { width: 920px }
.head_navigation .main_navigation .sub_navigation_count_two .sub_navigation_link { width: 449px }
.head_navigation .main_navigation .sub_navigation_count_three .sub_navigation_link{ width: 295px }
.head_navigation .main_navigation .sub_navigation_count_four .sub_navigation_link { width: 219px }
.head_navigation .main_navigation .sub_navigation_count_five .sub_navigation_link { width: 173px }
.head_navigation .main_navigation .sub_navigation_count_six .sub_navigation_link { width: 142px }
.head_navigation .main_navigation .sub_navigation_count_seven .sub_navigation_link{ width: 120px }
.head_navigation .main_navigation .sub_navigation_count_eight .sub_navigation_link{ width: 91px }
.head_navigation .nav li.sub_navigation_link.activated a{
font-weight: bold;
}
.head_navigation .nav li.sub_navigation_link.activated li a{
font-weight: normal;
}
.head_navigation .nav li.sub_navigation_link.activated li.activated a{
font-weight: bold;
}
.head_navigation .nav li.sub_navigation_link.active .detail_navigation{
top: 42px;
display: block;
}
.head_navigation .nav li.sub_navigation_link.active a{
font-weight: bold;
}
.head_navigation .nav li.sub_navigation_link.active .detail_navigation a{
font-weight: normal;
}
.head_navigation .nav .detail_navigation{
position: absolute;
top: 23px;
height: 100px;
width: 620px;
background: transparent;
left: -5px;
padding-left: 20px;
z-index: 300;
display: none;
padding-top: 20px;
z-index: 500 !important;
}
.head_navigation .nav .detail_navigation ul{
margin-top: 10px;
}
.head_navigation .nav .detail_navigation ul li{
margin-left: 0px;
padding: 0px 22px 10px 0px;
height: 18px;
display: block;
float: left;
width: auto;
white-space: nowrap;
}
span.detail_navigation_head{
font-size: 24px;
font-weight: bold;
display: block;
border-bottom: 1px solid #777777;
padding-bottom: 10px;
padding-top: 5px;
}
.interfaceicon.arrow{
width: 7px;
height: 7px;
background-position: -30px -36px;
margin-right: 5px;
vertical-align: middle;
margin-bottom: 6px;
}
.interfaceicon.bullet{
width: 7px;
height: 7px;
background-position: -38px -36px;
margin: 0px 10px;
vertical-align: middle;
margin-bottom: 6px;
}
.interfaceicon.arrowindicator{
width: 7px;
height: 7px;
background-position: -6px -36px;
display: none;
margin-left: 20px;
vertical-align: middle;
margin-bottom: 6px;
}
.interfaceicon.arrowindicator.mobile{
display: none;
}
/* @end */
/* @group Kogis */
.kogis .main_navigation_link.activated{
margin-bottom: -1px !important;
background: #F0F0F0 !important;
}
.kogis .main_navigation_link:hover{
background: #F0F0F0 !important;
}
/*.kogis.head_navigation navigation li.main_navigation_link.activated{
background: #F0F0F0 !important;
}
.kogis.head_navigation navigation li.main_navigation_link.activated.no_sublink{
border-bottom: 1px solid #777777;
height: 22px;
}
*/
/* @group Umwelt */
.kogis.nobg{
background: #f0f0f0;
}
/* @end */
.aside_navigation #container .nav{
width: 176px;
height: 100%;
display: block;
float: left;
margin-right: 0px;
border-right: 1px solid #DDDDDD;
}
.aside_navigation #container .nav ul{
list-style: none;
}
.aside_navigation .nav li{
padding: 10px 20px 10px 20px;
}
.aside_navigation .nav ul.main_navigation li.main_navigation_link.active{
border-bottom: 1px solid #DDDDDD;
background: #f4f4f4;
font-weight: bold;
}
.aside_navigation .nav ul.main_navigation{
margin: 0 !important;
}
.aside_navigation .nav ul li .sub_navigation{
display: none;
}
.aside_navigation .nav ul li .sub_navigation li{
padding-right: 10px;
padding-left: 20px;
width: 125px;
}
/*nav.standardview li:hover .sub_navigation{
display: block;
}*/
.aside_navigation .nav ul li .detail_navigation{
}
.aside_navigation .nav ul li .detail_navigation li{
padding-left: 20px;
width: 120px;
padding-right: 15px;
}
.aside_navigation .nav ul li ul li:last-child{
border: none;
}
/*.aside_navigation nav.standardview li.sub_navigation_link:hover ul{
display: block;
}*/
.aside_navigation .nav.standardview .main_navigation_link.second{
background-color: #f4f4f4;
}
.kogis #main_nav .sub_navigation li{
font-size: 14px;
}
.kogis .main_navigation_link.activated .sub_navigation{
background-color: #F0F0F0;
}
.kogis .sub_navigation_link{
padding: 0px 0px 4px !important;
}
.kogis .sub_navigation{
height: 36px;
padding: 8px 0px 11px 16px !important;
border-bottom: 1px solid #777 !important;
}
.kogis .sub_navigation_links{
border: none !important;
}
.kogis .sub_navigation_link.activated a{
color: #002c4c;
}
.kogis .sub_navigation_link.activated .detail_navigation{
display: block;
position: absolute;
left: 0px;
margin: 0 0 0 30px;
padding: 6px 0px 0px 1px !important;
height: 22px;
width: 930px;
border-bottom: 1px solid #777;
overflow: hidden;
}
.kogis .sub_navigation_link.activated .detail_navigation li{
/* padding: 0px 0px 4px;*/
padding: 0px;
}
.kogis .sub_navigation_link.activated .detail_navigation li a{
color: #555;
}
.kogis.second_nav_lines_one .detail_navigation
.kogis.second_nav_lines_two .detail_navigation,
.kogis.second_nav_lines_three .detail_navigation {
display: none !important;
}
.kogis.second_nav_lines_one .sub_navigation_link.activated .detail_navigation
.kogis.second_nav_lines_two .sub_navigation_link.activated .detail_navigation,
.kogis.second_nav_lines_three .sub_navigation_link.activated .detail_navigation {
display: block !important;
}
/* 1 2nd */
.kogis.third_nav_lines_one .sub_navigation_link.activated .detail_navigation{ height: 22px; }
.kogis.third_nav_lines_two .sub_navigation_link.activated .detail_navigation{ height: 39px; }
.kogis.third_nav_lines_three .sub_navigation_link.activated .detail_navigation{ height: 56px !important;}
.kogis.second_nav_lines_one .sub_navigation{ height: 14px !important; }
.kogis.second_nav_lines_two .sub_navigation{ height: 36px !important; }
.kogis.second_nav_lines_three .sub_navigation{ height: 58px !important; }
.kogis.second_nav_lines_one .detail_navigation{ top: 34px !important; }
.kogis.second_nav_lines_two .detail_navigation{ top: 56px !important; }
.kogis.second_nav_lines_three .detail_navigation{ top: 78px !important; }
.kogis.second_nav_lines_one #main_nav.standardview{ height: 77px !important; }
.kogis.second_nav_lines_two #main_nav.standardview{ height: 99px !important; }
.kogis.second_nav_lines_third #main_nav.standardview{ height: 121px !important; }
.kogis.second_nav_lines_none #main_nav.standardview .sub_navigation{ display: none }
.kogis.second_nav_lines_one.third_nav_lines_none #main_nav.standardview{ height: 77px !important; }
.kogis.second_nav_lines_one.third_nav_lines_one #main_nav.standardview{ height: 106px !important; }
.kogis.second_nav_lines_one.third_nav_lines_two #main_nav.standardview{ height: 123px !important; }
.kogis.second_nav_lines_one.third_nav_lines_three #main_nav.standardview{ height: 140px !important; }
.kogis.second_nav_lines_two.third_nav_lines_one #main_nav.standardview{ height: 128px !important; }
.kogis.second_nav_lines_two.third_nav_lines_two #main_nav.standardview{ height: 148px !important; }
.kogis.second_nav_lines_two.third_nav_lines_three #main_nav.standardview{ height: 168px !important; }
.kogis.second_nav_lines_two.third_nav_lines_none #main_nav.standardview{ height: 99px !important; }
.kogis.second_nav_lines_three.third_nav_lines_one #main_nav.standardview{ height: 150px !important; }
.kogis.second_nav_lines_three.third_nav_lines_two #main_nav.standardview{ height: 173px !important; }
.kogis.second_nav_lines_three.third_nav_lines_three #main_nav.standardview{ height: 196px !important; }
.kogis.second_nav_lines_three.third_nav_lines_none #main_nav.standardview{ height: 121px !important; }
/* @end */
/* @end */
/* @group Breadcrump */
.breadcrump{
margin: 0px;
margin-left: 0px;
padding: 0px !important;
height: 16px;
margin-bottom: 7px;
}
.breadcrump li{
list-style: none;
display: inline-block;
font-size: 12px;
margin-left: 0px;
}
.breadcrump li a {
display: inline-block;
vertical-align: bottom;
}
.breadcrump li a:focus{
color: #e2001a;
text-decoration: underline !important;
outline: none;
}
.breadcrump li span{
display: inline-block;
vertical-align: middle;
}
.breadcrump_divider{
width: 7px;
height: 7px;
background: url('/static/img/interface.png') -8px -37px;
margin: -2px 0px 0px 5px;
}
/* @end */
/* @group portalseite */
.portal#container{
display:none;
}
.portalseite{
display: none;
}
.portal .skip-links{
display: none;
}
.portal #container{
left: 5000px;
display: none;
}
.portal .portalseite{
display: block;
}
.portaloverlay{
background: #333333;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
right: 0px;
bottom:0px;
z-index: 1;
}
.portal_wrapper{
position: absolute;
width: 960px;
left: 50%;
margin-left: -460px;
top: 80px;
height: 483px;
z-index:20;
z-index: 2;
}
.portalseite .portal_head{
background-color: #002c4c;
color: white ;
position: absolute;
display: block;
width: 940px;
height: 80px;
padding: 2px 10px 0px;
vertical-align: top;
margin: 0;
top: 320px;
}
.portalseite .portal_head *{
color: white;
}
.portal_hero {
padding: 10px;
background: #FFFFFF;
}
.portalseite ul.cities{
display: block;
width: 960px;
position: absolute;
left:0px;
bottom:0px;
list-style: none;
margin: 0;
}
.portalseite ul.cities li{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2 ease-in-out;
background: #FFFFFF;
background: rgba(255,255,255,0.98);
height: 60px;
width: 299px;
padding: 10px;
margin-top: 1px;
margin-left: 1px;
cursor: pointer;
position: relative;
display: block;
float: left;
}
.portalseite ul.cities a{
width: 100%;
display: block;
height: 100%;
}
.portalseite ul.cities a:focus{
outline: 2px solid #e2001a;
}
.portalseite .cities_indicator{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2 ease-in-out;
position: absolute;
height: 100%;
right: 10px;
top: 0px;
width: 20px;
height: 0px;
background-color: #e2001a;
top:0px;
background-position: -241px -56px;
}
.portalseite ul.cities li:hover .cities_indicator{
height: 45px;
}
.portalseite ul.cities img{
padding-right: 20px;
}
.portalseite h2{
border: none;
display: inline-block;
margin: 0;
font-weight: bold;
font-size: 16px;
line-height: 20px;
}
.portalseite ul.portal_ad{
position: absolute;
bottom: 0px;
left: 50%;
width: 960px;
margin-left: -460px;
padding: 10px 5px;
margin-bottom: 0;
background-color: #002c4c;
z-index:1;
}
.portalseite ul.portal_ad li{
display: inline-block;
margin: 0px 10px 0 10px;
}
.portalseite ul.portal_ad a{
display: block;
}
.portalseite ul.portal_ad a:focus{
outline: 2px solid #e2001a;
}
.portalseite .text_help{
right: 10px;
bottom: 10px;
position: absolute;
}
.portalseite .text_help ul{
width: 400px;
}
.portalseite .text_help li{
list-style: none;
height: 30px;
margin-left: 40px;
float: left;
}
.portalseite .text_help a{
display: block;
}
.portalseite .text_help a:focus{
outline: 2px solid #e2001a;
}
/* @end */
/* @group Slidebox */
.slidebox_wrapper{
height: 362px;
width: 600px;
overflow: hidden;
position: relative;
margin-top: 0px;
margin-bottom: 15px;
}
.slidebox{
width: 600px;
overflow: hidden;
display: block;
z-index: 0;
position: absolute;
margin: 0;
top: 0;
padding-left: 0px !important;
}
.slidebox_indicators{
position: absolute;
z-index: 99;
width: auto;
padding: 0 !important;
height: 12px;
right: 15px;
top: 0px;
}
.slidebox_indicators li{
display: block;
margin-bottom: 4px;
padding: 0;
text-indent: -9999px;
cursor: pointer;
}
.slidebox_indicators .indicator{
width: 12px;
height: 12px;
background: url('/static/img/interface.png') no-repeat -34px -22px;
display: block;
padding: 0px;
z-index: 999;
border: 2px solid transparent;
}
.slidebox_indicators .indicator:focus{
border: 2px solid #e2001a;
}
.slidebox li a:focus h2{
}
.slidebox li a:focus .slide_sub{
background: #e2001a;
}
.slidebox_indicators .indicator.active{
background: url('/static/img/interface.png') no-repeat -48px -22px;
}
.slide_playpause {
position: absolute;
z-index: 148;
left: 20px;
top: -40px;
width: 30px;
height: 30px;
padding-top: 10px;
background: #002c4c;
display: block;
text-indent: -9999px;
}
.interfaceicon.play,
.interfaceicon.pause{
width: 16px;
height: 16px;
display: block;
margin: 6px 8px;
}
.slide_playpause:focus{
top: 0px !important;
background: #e2001a;
}
.interfaceicon.play{
background-position: -63px 0px;
}
.interfaceicon.pause{
background-position: -78px 0px;
}
.slidebox li{
width: 600px;
height: 362px;
display: block !important;
position: relative;
}
.slidebox li a{
display:block;
height: 362px;
}
.slidebox li.load a{
display:block;
}
.slidebox li.active a{
display: block;
}
.slidebox li.active .slide_title{
display: block;
bottom: 56px;
}
.slidebox li.active .slide_sub{
display: block;
opacity: 1;
}
.slidebox li img{
position: absolute;
z-index: 5;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.slidebox .slide_title{
z-index: 10;
position: absolute;
bottom: 38px; /*62px*/
left: 20px;
padding: 5px 10px;
margin: 0px;
background: white;
background: rgba(255,255,255,0.9) ;
text-decoration: none !important;
font-size: 12px;
text-transform: uppercase;
display: none;
font-weight: normal;
}
.slidebox .slide_sub{
z-index: 13;
position: absolute;
bottom: 0px;
width: 560px;
opacity: 0;
padding: 20px;
background: #002c4c;
color: white;
text-transform: uppercase;
font-size: 18px;
/*background: rgba(255,255,255,0.9) ;*/
text-decoration: none !important;
text-align: left;
}
/* @end */
/* @group Articles */
.main_article{
padding: 14px 0px 14px 0px;
clear: both;
}
.main_article.news p{
padding-left: 0px !important;
}
.main_article.map{
padding: 10px;
}
.main_article h2,
.main_article h6,
.main_article_half h2,
.main_article_half h6{
margin-top: 0px;
margin-bottom: 4px !important;
padding-bottom: 3px;
border-bottom: none !important;
font-size:16px;
font-weight: bold;
}
.main_article h2.invert,
.main_article h6.invert{
background: #002c4c;
color: #FFF;
font-weight: 300;
padding: 5px 10px;
}
.main_article p{
padding: 0px 0px 0px 15px;
}
.kogis .main_article p{
padding: 0px 0px 0px 15px;
}
.main_article .article_time{
font-weight: 300;
padding-bottom: 5px;
padding-top: 0px;
display: block;
font-size: 12px;
}
.main_article hr{
margin: 5px 0px;
}
.main_article a:focus img{
border: 1px solid #e2001a;
}
.main_article img{
display: inline-block;
vertical-align: top;
/*margin-top: 12px;*/
}
.main_article .article_head_image{
/* auskommentiert TS 26.11.2012 Ticket #2012112210000021 */
/* padding-left: 15px; */
}
.kogis .main_article .article_head_image.news{
padding-left: 0px;
padding-bottom:60px;
margin-top:4px;
}
.kogis .main_article h2.news_headline_withdate{
float:left;
width:80%;
}
.kogis .news_headline_withdate_date{
float:right;
width:20%;
display:inline;
height:100%;
text-align:right;
font-weight:bold;
}
.main_article .nexttoteaser{
display: inline-block;
width: 435px;
margin-left: 10px;
vertical-align: top;
position: relative;
}
.main_article .nexttoteaser.longteaser{
width: 600px !important;
}
.kogis .main_article .nexttoteaser{
width: 445px;
margin-left:0px !important;
}
.main_article_half{
width: 288px;
margin-top: 14px;
vertical-align: top;
}
.main_article_half.half_left{
margin-right: 20px;
float:left;
margin-top: -5px;
}
.main_article_half.half_right{
margin-left: 300px;
}
.main_article_half hr{
margin: 5px 0px ;
}
.main_article_half p{
margin-top: 7px;
}
.main_article .a_z_list li{
display:inline-block;
width:20px;
height:20px;
text-align:center;
border:1px solid #dcdcdc;
margin-bottom:14px;
}
.main_article .a_z_list li:hover{
background: #eeeeee;
}
.main_article .a_z_list li.spec {
width:40px;
}
.main_article .a_z_list li.active {
background:#002c4c;
color:#FFFFFF;
}
.main_article .a_z_list li.active a {
color:#ffffff !important;
}
.main_article .a_z_list li.inactive a {
border:1px dotted #dcdcdc;
color:#b3b3b3;
}
.main_article .a_z_list li.empty {
color:#b3b3b3;
}
.main_article .a_z_list li.inactive{
border:1px dotted #dcdcdc;
}
.main_article .project{
border: 1px solid #b3b3b3;
padding:7px;
margin-left:15px;
}
.main_article .project_head div{
display:inline-block;
vertical-align:top;
}
.main_article .project_content div{
display:inline-block;
vertical-align:top;
}
.main_article .project_head{
border-bottom: 1px dotted #b3b3b3;
padding-bottom:5px;
}
.main_article .project_content{
padding-top:5px;
}
.main_article .project_content p{
padding: 0px;
font-size: 13px;
line-height: 18px;
}
.main_article .project_name{
font-weight:bold;
}
.main_article .project_date{
width:100px;
}
.main_article .project_location{
width:100px;
}
.main_article .project_description{
width:465px;
line-height:20px;
}
.main_article .project_info_list{
padding:5px;
margin-left:15px;
padding-right:0px;
}
.main_article .project_info{
border-bottom: 1px dotted #b3b3b3;
padding:10px 0px;
font-size: 14px;
}
.main_article .project_info:last-child{
border-bottom: none;
}
.main_article .project_info_left{
font-weight:bold;
width:210px;
display:inline-block;
vertical-align: top;
}
.main_article .project_info_right{
display:inline-block;
width:330px;
padding-left:15px;
vertical-align: top;
}
ul.content_functions{
width: 100%;
text-align: left;
margin: 5px 0px 24px 0px;
padding: 0 !important;
}
ul.content_functions li{
display: inline-block;
padding-left: 35px;
padding-right: 0px;
margin: 0 19px;
position: relative;
text-transform: uppercase;
}
ul.content_functions li span.interfaceicon{
width: 30px;
height: 23px;
position: absolute;
left: 0px;
}
ul.content_functions li a{
color: #002c4c;
font-size: 12px;
}
ul.content_functions li:hover a{
color: #e2001a !important;
/*text-transform: lowercase;
font-size: 16px;
font-variant: small-caps;*/
text-transform:uppercase;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
.interfaceicon.print{
background-position: -46px -98px;
width: 30px;
height: 23px;
}
ul.content_functions li:hover .interfaceicon.print{
background-position: -46px -123px;
}
.interfaceicon.send{
background-position: 2px -99px;
width: 30px;
height: 23px;
}
ul.content_functions li:hover .interfaceicon.send{
background-position: 2px -124px;
}
.interfaceicon.share{
background-position: -74px -100px;
width: 30px;
height: 23px;
}
ul.content_functions li:hover .interfaceicon.share{
background-position: -74px -125px;
}
.interfaceicon.map{
background-position: -23px -101px;
width: 30px;
height: 23px;
}
ul.content_functions li:hover .interfaceicon.map{
background-position: -23px -126px;
}
.interfaceicon.businesscard{
width: 23px;
height: 23px;
display: inline-block;
vertical-align: bottom;
margin-right: 6px;
padding-bottom: 2px;
background-position: -98px -98px;
}
a:hover .interfaceicon.businesscard{
background-position: -98px -123px;
}
.aside_list_short .interfaceicon.businesscard{
background-position: -103px -95px;
margin-right:2px;
}
.aside_list_short a:hover .interfaceicon.businesscard {
background-position: -103px -120px;
}
.interfaceicon.website{
width: 23px;
height: 23px;
display: inline-block;
vertical-align: bottom;
margin-right: 6px;
padding-bottom: 2px;
background-position: -129px -98px;
}
a:hover .interfaceicon.website{
background-position: -129px -123px;
}
.interfaceicon.info_link {
width: 11px;
height: 20px;
display: inline-block;
vertical-align: top;
margin-right: 2px;
padding-bottom: 4px;
background-position: -77px -19px;
}
a:hover .interfaceicon.info_link {
background-position: -88px -19px;
}
.interfaceicon.ex_link{
width: 19px;
height: 12px;
display: inline-block;
vertical-align: top;
margin-right: 6px;
padding-bottom: 2px;
background-position: -2px -149px;
}
a:hover .interfaceicon.ex_link{
background-position: -2px -173px;
}
.interfaceicon.filetxt{
width: 15px;
height: 23px;
display: inline-block;
vertical-align: top;
margin-right: 6px;
padding-bottom: 2px;
background-position: -55px -150px;
}
a:hover .interfaceicon.filetxt{
background-position: -55px -175px;
}
.interfaceicon.fileimg{
width: 15px;
height: 23px;
display: inline-block;
vertical-align: top;
margin-right: 6px;
padding-bottom: 2px;
background-position: -107px -150px;
}
a:hover .interfaceicon.fileimg{
background-position: -107px -174px;
}
.interfaceicon.filekey{
width: 15px;
height: 23px;
display: inline-block;
vertical-align: top;
margin-right: 6px;
padding-bottom: 2px;
background-position: -32px -150px;
}
a:hover .interfaceicon.filekey{
background-position: -32px -175px;
}
.interfaceicon.file{
width: 15px;
height: 23px;
display: inline-block;
vertical-align: top;
margin-right: 6px;
padding-bottom: 2px;
background-position: -82px -150px;
}
a:hover .interfaceicon.file{
background-position: -82px -174px;
}
.main_article table{
width: 585px;
margin-left:15px;
border-spacing: 10px;
}
.main_article table td,
.main_article table th{
padding: 7px;
vertical-align: top;
text-align: left;
}
.table_right{
text-align: right !important;
}
.table_center{
text-align: center !important;
}
/* @group Forms */
.main_article form p{
padding: 8px 0px;
}
.main_article label{
display: block;
font-weight: bold;
}
.main_article input[type="radio"]{
float: left;
margin-right: 15px;
margin-top:3px;
}
.main_article input[type="checkbox"]{
float: left;
margin-right: 15px;
margin-top:4px;
}
.main_article input[type="text"],
.main_article textarea, .main_article input[type="select"]{
width: 438px;
padding: 5px;
margin-bottom:3px;
}
.main_article input[type="submit"]{
float: right;
margin-right: 150px;
border: none;
background: #002c4c;
padding: 5px 30px;
color: white;
}
.kogis .main_article input[type="submit"]{
margin-right: 135px;
}
.main_article input[type="submit"]:focus{
background: #e2001a;
}
.required_field{
color:#e2001a ;
font-weight:normal;
}
.form_error{
background:#fcdedc;
border: 2px solid #e2001a;
}
.form_error_text{
font-weight:normal;
font-size:12px;
}
.alert_box{
width:418px;
padding:15px 15px 0px 15px;
margin-left:15px;
border: 2px solid #e2001a;
}
.alert_box a{
color:#e2001a;
}
.nexttoteaser.hotel_booking form label{
opacity:0;
display:inline;
height:0px;
font-size:8px;
margin:0px;
line-height: 0;
}
.nexttoteaser.hotel_booking form select{
margin-left: 10px;
}
.nexttoteaser.hotel_booking form p{
padding:2px 0px;
margin:0px;
}
.nexttoteaser.hotel_booking form select#stay{
width: 140px;
margin-left: 7px;
}
.nexttoteaser.hotel_booking form select#guests{
width: 140px;
margin-left: 10px;
}
.nexttoteaser.hotel_booking form select#rooms{
width: 140px;
margin-left: 58px
}
.nexttoteaser.hotel_booking form input#runhotelsearch{
border:none;
color: #FFFFFF;
background: #0d6d9d;
margin-left:212px;
padding: 5px 32px;
margin-top:15px;
}
/* @end */
/* @group Main Advert */
.main_advert{
padding: 20px 0px;
margin-top: 10px;
border: 1px solid #b3b3b3 !important;
}
.main_advert span{
border: none !important;
padding: 20px;
}
.main_advert ul{
padding-top: 15px;
}
.main_advert ul li{
list-style: none;
margin-bottom: 20px;
}
.main_advert h2{
border: none;
padding: 0px;
margin: 0px;
text-transform: uppercase;
}
.main_advert p{
margin: 0;
color: #333;
}
.main_advert img{
display: inline-block;
vertical-align: top;
}
.main_advert .main_advert_content{
width: 300px;
margin-left: 20px;
display: inline-block;
}
/* @end */
/* @end */
/* @group Aside */
.aside{
padding: 10px 0px 15px 15px ;
width: 316px;
float: left;
display: block;
/*border-left: 1px solid #CCCCCC;*/
}
.aside .main_article_half {
margin-top: 0px;
}
.aside ul{
list-style: none;
margin-bottom: 15px;
margin-top: 0px;
}
.aside_teaser{
margin-top: 0px;
}
.aside_teaser li{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2 ease-in-out;
padding: 5px 15px 5px;
border-bottom: 1px solid #b3b3b3;
}
.aside_teaser li:last-child{
border-bottom: none;
}
.aside_teaser li:hover{
background: #E8E8E8;
}
.aside_teaser img,
.aside_teaser .aside_teaser_content{
display: inline-block;
vertical-align: top;
}
.aside_teaser img{
padding-right: 5px;
}
.aside_teaser_head{
font-weight: bold;
}
.aside_teaser :first-child{
padding-top: 2px ;
}
.aside_teaser a{
color: #444;
display: block;
}
.aside_teaser a:focus{
outline: 1px solid #e2001a;
}
.aside_teaser a:focus img{
border: 1px solid #e2001a;
}
.aside_teaser a:focus .aside_icon{
border: none;
}
.aside_list_head{
width: 317px;
background: #002c4c;
margin-left: 0px;
}
.aside_list_head h6{
font-weight: 300;
color: white;
padding: 7px;
font-size: 16px;
margin-top: 0;
margin-bottom: 0px;
border: none;
}
.aside_list_head h6 a{
color: #FFFFFF !important;
}
.aside_list_short {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2 ease-in-out;
padding: 10px 15px;
border-bottom: 1px solid #b3b3b3;
}
.aside_list_short:hover{
background: #E8E8E8;
}
.aside_list_short.underlined{
border-bottom: 1px solid #b3b3b3;
}
.aside_list_short a{
color: #555;
cursor: pointer;
display: block;
padding: 2px;
}
.aside_teaser .aside_teaser_content{
width: 260px;
}
.aside_teaser .aside_teaser_content a{
position: relative;
}
.aside_teaser_content span,
.aside_teaser_content p {
padding-left: 50px;
}
.aside_teaser .aside_teaser_content img{
position: absolute;
left: 5px;
}
.aside_shorthead:focus{
outline: 1px solid #e2001a;
}
.aside_teaser .aside_teaser_content p{
margin-top: 0px;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 13px;
line-height: 17px;
margin-bottom: 5px;
}
.aside_list_short .interfaceicon{
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
margin-right: 24px;
margin-left: 2px;
}
.aside_teaser .aside_teaser_half{
width:118px;
text-align:center;
display:inline-block;
vertical-align: top;
padding:0px 0px 0px 0px;
}
.aside_teaser .aside_teaser_half:first-Child{
border-right:1px solid #b3b3b3;
width:125px;
padding-right:7px;
}
.aside_teaser .aside_teaser_half img{
position:relative;
display:block;
left:30px;
}
.aside_teaser .aside_teaser_half_head{
padding-left:0px;
}
.interfaceicon.twitter{
background-position: 0px -44px;
}
.interfaceicon.facebook{
background-position: -60px -44px;
}
.interfaceicon.mrwong{
background-position: -30px -44px;
}
.interfaceicon.googlep{
background-position: -306px -5px;
}
.interfaceicon.xing{
background-position: -246px -5px;
}
.interfaceicon.linkedin{
background-position: -276px -5px;
}
.interfaceicon.flickr{
background-position: -336px -5px;
}
.interfaceicon.blogland{
background-position: -366px -5px;
}
.interfaceicon.twitterinline{
background-position: -211px -44px;
height: 21px;
width: 21px;
margin-left: 7px;
vertical-align: middle;
}
.aside_ad{
margin: 15px 0 15px 0px;
padding:8px;
padding-top:3px;
border:1px solid #b3b3b3;
border-right:0px;
}
.ad_head{
font-size: 9px;
text-align: right;
display: block;
}
/* @end */
/* @group Search */
ul.content_functions.search_filter li{
display: block;
text-align: left;
margin-bottom: 8px;
}
ul.content_functions.search_filter li a{
font-size: 14px;
}
.search_results li{
list-style: none;
padding-bottom:20px;
}
.search_results h2{
text-align: left;
position: relative;
}
.search_results h2 .interfaceicon{
position: absolute;
left: -34px;
width: 32px;
bottom: 1px;
}
.search_source{
padding: 0 !important;
margin: 0 !important;
}
.gastro_search_detail{
margin-left:135px;
}
.gastro_search_detail span.interfaceicon.phone{
background-position: -309px -94px;
}
.pagination {
margin: -10px 0px -10px 0px !important;
padding: 0px 0px 0px 30px !important;
float:left;
}
.pagination.results_on_page{
float:right;
}
.kogis .pagination {
margin: -10px 0px -10px 0px !important;
padding: 0px 0px 0px 15px !important;
}
.kogis .search_count{
margin: 0px 0px 0px 0px !important;
}
.pagination li{
list-style: none;
float: left;
margin: 0px 5px;
font-weight:bold;
}
.pagination li:first-child{
margin-left:0px;
}
.pagination .current_page{
font-weight:normal;
color:#444444;
}
.interfaceicon.article{
margin-right: 6px;
background-position: -150px -100px;
height: 23px;
}
.interfaceicon.events{
background-position: -177px -100px;
height: 23px;
}
.interfaceicon.attachment{
background-position: -79px -146px;
height: 23px;
width: 23px;
}
.aside_list_short .interfaceicon.attachment{
background-position: -79px -149px;
margin-right:10px;
}
.aside_list_short a:hover .interfaceicon.attachment {
background-position: -79px -172px;
}
.interfaceicon.office{
margin-right: 6px;
background-position: -228px -100px;
height: 23px;
}
.interfaceicon.dog{
background-position: -150px -150px;
height: 23px;
}
.interfaceicon.wheelchair{
background-position: -125px -150px;
height: 23px;
}
.interfaceicon.nosmoking{
background-position: -98px -150px;
height: 23px;
}
.interfaceicon.project{
background-position: -280px -151px;
height: 23px;
}
.interfaceicon.news{
background-position: -310px -151px;
height: 23px;
}
.interfaceicon.service{
background-position: -339px -151px;
height: 23px;
}
/* Social Bar OF */
#social-bar .interfaceicon:hover {
background-color: #e8e8e8;
}
#social-bar li {
float: left;
padding: 16px;
width: 30px;
height: 30px;
}
#social-bar li span {
width: 30px;
height: 30px;
}
.kogis #searchinput{
width: 216px !important;
}
.kogis .search_results {
padding: 0px !Important;
margin: 0 !Important;
}
.kogis .search_results li{
padding-bottom: 40px !Important;
padding-left:15px;
}
/* @end */
/* @group Gallery */
.gallery_list{
padding-left: 15px !important;
}
.gallery_list li{
list-style:none;
float:left;
height:115px;
padding-right:2px;
}
.gallery_list.gastrofinder_quicksearch li{
padding-left:7px;
}
.gallery_list li span{
display:block;
}
.gallery_nav{
width:420px;
margin: 10px auto 20px;
text-align:right;
}
.gallery_nav li{
display:inline;
padding-right:10px;
}
.gallery_nav .gallery_link_inactive {
color:grey;
}
.gallery img{
margin: 50px auto 0px;
display: block;
}
.gallery {
padding: 10px;
}
/* @end */
/* @group Table */
table{
margin: 28px 0px;
}
table .dotright{
border-right: 1px dotted #CCC;
}
.main_article table.dotbottom, table .dotbottom{
border-bottom: 1px dotted #CCC;
}
.main_article table.dotleft, table .dotleft{
border-left: 1px dotted #CCC;
}
.main_article table.dottop, table .dottop{
border-top: 1px dotted #CCC;
}
.main_article table.dotstrong, table .dotstrong {
border-color: #999999;
border-width: 1px;
border-style:dotted;
}
table th{
background-color: #444444;
color: #FFFFFF;
}
table .lowbg{
background-color: #777777;
color: #FFFFFF;
}
table tr:nth-child(odd){
background-color: #EEEEEE;
}
/* @end */
/* @group Events Table */
.events_table #t1, #t2{
width:10%;
}
.events_table tr.weekend{
background:#e8e8e8;
}
.events_navi{
margin-top:14px;
padding-left:20px;
}
.events_navi .month_pre{
float:left;
}
.events_navi .month_next{
float:right;
}
.interfaceicon.arrow_pre{
background-position: -220px -80px;
width: 15px;
height: 14px;
}
.interfaceicon.arrow_next {
position:absolute;
left:15px;
background-position: -118px -80px;
width: 18px;
height: 14px;
}
a:hover .interfaceicon.arrow_next {
position:absolute;
left:15px;
background-position: -149px -80px;
width: 18px;
height: 14px;
}
a:hover .interfaceicon.arrow_pre{
background-position: -189px -80px;
width: 18px;
height: 14px;
}
.interfaceicon.arrow_firstpage{
background-position: -217px -65px;
width: 17px;
height: 14px;
}
.interfaceicon.arrow_lastpage{
background-position: -118px -65px;
width: 17px;
height: 14px;
}
a:hover .interfaceicon.arrow_firstpage{
background-position: -186px -65px;
width: 17px;
height: 14px;
}
a:hover .interfaceicon.arrow_lastpage{
background-position: -149px -65px;
width: 17px;
height: 14px;
}
/* @end */
/* @group Tabs */
.tab_content.inactive {
display:none;
}
.tabs.activated{
padding: 0px !important;
margin-left: 20px;
display: block;
width: 460px;
margin-top: 50px;
border-bottom: 1px solid #999999;
}
.tabs.activated li{
display: inline-block;
list-style: none;
padding-right: 20px;
padding-left: 10px;
border-right: 1px solid #999999;
font-weight: bold;
}
.tabs.activated li.active a{
font-weight: normal;
color: #444444 !important;
}
.tab_content{
clear: both;
padding: 0px !important;
margin: 0px 20px 20px !important;
border-bottom: 1px solid #999999;
}
/* @group Visitenkarte */
.head_main_links.visitenkarte{
width: 160px;
float: left;
margin: 20px 20px 10px 10px;
}
.head_main_links.visitenkarte li {
list-style: none;
padding: 0px 15px 5px;
width: 180px;
position: relative;
}
.kogis_main_visitenkarte .visitenkarte{
padding-left: 25px !important;
}
.visitenkarte .head_main_links_wrapper{
margin-top: 0px !important;
}
.head_main_links.visitenkarte .interfaceicon{
position: absolute;
left: -20px;
width: 30px;
height: 19px;
top: -1px;
}
.interfaceicon.time{
background-position: -338px -98px;
height: 23px;
}
.interfaceicon.web{
background-position: -283px -99px;
height: 18px;
width: 23px;
}
.aside_list_short .interfaceicon.web{
background-position: -285px -99px;
margin-right:10px;
}
.aside_list_short a:hover .interfaceicon.web {
background-position: -285px -124px;
}
.interfaceicon.person{
background-position: -255px -100px;
height: 23px;
}
.interfaceicon.phone{
background-position: -309px -100px;
height: 23px;
width: 30px;
}
.interfaceicon.fax{
background-position: -367px -100px;
height: 23px;
}
/* @end */
/* @group folds */
.fold_content .inactive{
display:none;
}
.fold_content {
padding-left: 20px;
}
.fold_content h5{
margin-left:-15px;
}
.fold_content a span.selected{
background-position: -267px -71px;
}
.fold_content a:hover span.selected{
background-position: -290px -71px !important;
}
/* @end */
/* @group Gastrofinder*/
.gastrofinder_search{
height:602px;
padding:0px 15px;
border: 1px solid #B3B3B3;
margin-bottom:28px;
}
.gastrofinder_search select{
width:270px;
}
.gastrofinder_search input{
width:557px !important;
}
.gastrofinder_search input[type="submit"]{
float:left;
width:567px !important;
margin:0px;
}
.gastrofinder_search_left{
float:left;
width:270px;
padding-right:15px;
height:400px;
}
.gastrofinder_search_right{
float:right;
}
/* @end */
/* @group Kogis aside */
.kogis .aside#marginal{
width: 240px;
padding: 0;
padding-top: 0px;
float: left;
}
.kogis .aside#marginal .marginal_logo{
margin:14px 15px;
min-height: 41px;
}
.kogis .aside#marginal .marginal_item{
padding: 0 0 26px 0;
position: relative;
}
.kogis .aside#marginal .marginal_item h3{
color: #002c4c;
padding: 10px 10px 5px 0px;
margin: 0;
margin-left: 15px;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #b3b3b3;
}
.kogis .aside#marginal .marginal_item p{
padding: 15px;
margin-top: 0px;
font-size: 13px;
line-height: 18px;
}
.kogis .aside#marginal .marginal_item ul{
padding: 10px 0px 15px 15px;
}
.kogis .aside#marginal .marginal_item.list ul{
padding: 0px 0px 15px 15px;
}
.kogis .aside#marginal .marginal_item.list h2{
margin-bottom:0px;
padding-bottom:8px;
}
.kogis .aside#marginal .marginal_item.list ul li:first-child{
/*padding-top:10px;*/
}
.kogis .aside#marginal .marginal_item.list ul li:hover{
background: #E8E8E8;
}
.kogis .aside#marginal .marginal_item ul li{
line-height:22px;
border-bottom: 1px solid #b3b3b3;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2 ease-in-out;
}
.kogis .aside#marginal .marginal_item ul li a{
border-bottom:0px;
width: 208px;
position: relative;
display: block;
color: #555;
cursor: pointer;
display: block;
line-height:22px;
padding: 10px 0px 10px 5px;
right:0px;
bottom:0px;
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
}
.kogis .aside#marginal .marginal_item.list a{
width: 192px;
}
/*.kogis .aside#marginal .marginal_item ul li:first-Child a {
p
}*/
.kogis .aside#marginal .marginal_item ul li a:hover {
background-color:#eee;
}
.kogis .aside#marginal .marginal_item ul li a:focus{
outline: 2px solid #e2001a;
}
.kogis .aside#marginal .text_help ul{
padding:0px;
}
.kogis .aside#marginal .text_help img{
padding-right:6px;
}
/*.kogis aside#marginal .text_help ul li:first-child{
padding-top:10px;
}*/
.kogis .aside#marginal .text_help ul li:hover{
background: #E8E8E8;
}
.kogis .aside#marginal .marginal_item.teaser{
margin:0px 0px 20px 0px;;
}
.kogis .aside#marginal .marginal_item.teaser img{
position: absolute;
left: 5px;
bottom: 16px;
}
.kogis .aside#marginal .marginal_item.teaser span{
padding:0px 0px 0px 50px;
}
.kogis .aside#marginal .marginal_item.teaser p{
padding:0px 0px 0px 50px;
margin:0px;
}
.kogis .aside#marginal .marginal_item.teaser ul{
padding-left:0px;
}
.kogis .aside#marginal .marginal_item.teaser ul li{
border-bottom: 1px solid #B3B3B3;
}
.kogis .aside#marginal .marginal_item.teaser ul li:last-child{
border:none;
}
.kogis .aside#marginal .marginal_item.teaser ul li:hover{
background: #E8E8E8;
}
.kogis .aside#marginal .marginal_item .interfaceicon {
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
margin-right: 24px;
margin-left: 2px;
}
.kogis .aside#marginal a{
border-bottom: 1px solid #b3b3b3;
padding: 5px 0px 0px 5px;
width: 50px;
font-weight: normal;
position: absolute;
right: -1px;
bottom: 25px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2 ease-in-out;
}
.kogis .aside#marginal a:focus{
color: #e2001a;
text-decoration: underline !important;
outline: none;
font-weight: bold;
}
.kogis .main_article h1 {
margin-top: 10px;
}
.kogis .main_article h2{
margin-bottom: 0px ;
/* padding-bottom: 4px;*/
display: block;
/* border-bottom: 1px solid #b3b3b3;*/
color: #002c4c;
width: 100%;
}
.kogis #marginal h6{
font-size: 16px;
padding-right: 20px;
padding-bottom: 8px;
border-bottom: 1px solid #B3B3B3;
margin: 0;
}
.kogis .main_article h4, h5{
color: #002c4c;
}
.main_article h2.news_headline{
z-index: 13;
position: absolute;
bottom: 788px;
width: 560px;
padding: 20px;
background: #002c4c;
color: white;
font-size: 18px;
text-decoration: none !important;
text-align: left;
}
.main_article h2.news_headline a{
color:#ffffff;
}
/* @end */
/* @group Footer */
#footer {
width: 930px;
margin-left: 15px;
margin-top: 30px;
}
#footer ul{
background: #002c4c;
padding-left: 10px;
display: block;
width: 920px;
margin: 0;
}
#footer ul li{
display: inline-block;
margin-right: 19px;
padding: 5px 4px ;
}
#footer ul li a{
color: white;
font-size: 12px;
}
.fontface #footer ul li a {
font-size: 14px;
}
#footer ul li a:hover{
color: white;
}
#footer ul li a:focus{
border: none;
outline: 2px solid #e2001a;
}
#footer span{
width: 100%;
display: block;
padding:10px 0px;
margin-left: 10px;
}
.kogis #footer{
margin-left: 15px;
margin-top: 16px;
}
.kogis #footer ul{
background: none;
padding-left: 0px;
display: block;
width: 930px;
margin: 0;
border-top: 1px solid #777777;
}
.kogis #footer ul li a{
color: #002c4c;
font-size: 12px;
margin-left: 0px;
}
.fontface .kogis #footer ul li a{
font-size: 14px;
}
#back{
text-indent: -9999px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
width: 21px;
height: 21px;
background: url('/static/img/interface.png') no-repeat -111px -44px;
margin-bottom: 10px;
}
#totop{
text-indent: -9999px;
display: inline-block;
vertical-align: top;
width: 22px;
height: 21px;
background: url('/static/img/interface.png') no-repeat -89px -44px;
margin-bottom: 10px;
margin-left: 873px;
}
#totop:focus ,
#back:focus {
border: none;
outline: 2px solid #e2001a;
}
/* @end */
/* @group Ads */
body.ad_wallpaper{
background: #FC3 !important;
}
.ad_wallpaper #wp_1{
position: absolute;
top: -92px;
right: -2px;
}
.ad_wallpaper #wp_2{
position: absolute;
right: -162px;
top: -92px;
display: block;
}
#ad_aside{
position: absolute;
right: -202px;
top: -1px;
}
#ad_aside_skyscrapper{
position: absolute;
top: -1px;
right: -162px;
}
#ad_top {
width: 960px;
margin-left: 2px;
margin-bottom: -3px;
text-align: right;
min-height: 94px;
margin-top: 15px;
}
/* @end */
/* @group Skip-Links */
.skip-links{
position: absolute;
display: block;
width: 860px;
left: 50%;
margin-left: -512px;
top: 43px;
list-style: none;
z-index: 2147483647;
}
.skip-links li{
position: absolute;
}
.skip-links li a{
position: absolute;
width: 860px;
padding-top: 5px;
height: 25px;
background: white;
font-weight: bold;
display: block;
top: -330px;
text-align: center;
}
.skip-links li a:focus{
top: 0px;
}
.accessibility{
position: absolute;
top: -9999px;
left: 0px;
width: 5px;
height: 5px;
}
.only_mobile {
display: none !important;
}
/* @end */
/********************** WK CSS START **********************/
/* Inhaltsbereiche */
#main.article.page h1.main_headline {
color: #545454;
padding: 0px;
font-size: 18px;
background: none;
}
#main .rubrik_h2 {
background: #002c4c;
color: #fff;
padding: 10px;
}
#main ul.content_list {
padding: 0 10px;
list-style: none;
}
.content_list li {
border-bottom: 1px solid #bbb;
padding: 5px 0;
position: relative;
font-size: 13px;
}
.rubriken_list li {
font-weight: bold;
}
.content_list li.last {
border-bottom: 0
}
.content_list li:hover{
background: #e8e8e8;
cursor: pointer;
}
.content_list li:hover a{
color: #e2001a;
}
.content_list .list_icon {
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: 5px;
display: block;
}
.content_list .arrow_icon {
background: url('/static/img/interface.png') -118px -80px;
}
.content_list li:hover .arrow_icon {
background-position-x: -149px;
}
.content_list li.photo .photo_icon {
background: url("/static/sb/img/interface.png") -28px 2px;
right: 20px;
}
.content_list li.gewerblich .euro_icon {
background: url("/static/sb/img/interface.png") 0px 2px;
right: 40px;
}
.content_list a:visited {
color: #444;
}
.rubriken_list a {
width: 70%;
display: block;
}
.eintraege_list_head {
border-bottom: 1px solid #bbb;
font-weight: bold;
font-size: 16px;
}
.eintraege_list .list_date {
position: absolute;
right: 70px;
}
.eintraege_list_head .list_date {
position: absolute;
right: 95px;
}
.eintraege_list_head .head_caption {
margin-left: 10px;
}
/* Marginalspalte */
.aside .aside_ad{
padding-left: 5px;
}
.aside#aside_bar{
padding-top: 30px;
}
/* Festplatzierung */
.m011_festplatzierung_fce_d ul{
overflow: hidden;
}
.m011_festplatzierung_fce_d ul li{
float: left;
height: 150px;
}
.m011_festplatzierung_fce_d ul li img {
padding: 5px;
}
/* Google half Banner */
.m011_google_half_banner_fce_d > div{
margin: 5px;
}
/* Google Full Banner */
.m011_google_full_banner_fce_d{
margin: 15px 0;
padding: 5px 10px;
border: 1px solid #b3b3b3;
}
.m011_google_full_banner_fce_d > div{
width: 468px;
margin: 0 auto;
}
/* Ligatus */
.m011_ligatus_fce_d{
border: 1px solid #b3b3b3;
padding-top: 20px;
margin-top: 30px;
}
.m011_ligatus_fce_d .ad_head{
padding-right: 20px;
}
.m011_ligatus_fce_d > div{
padding: 10px 20px 30px 20px;
}
/* Inserieren Button */
.m011_inserieren_fce_d .button_inserieren{
height: 34px;
width: 308px;
background: #e2001a;
color: #fff;
}
.m011_inserieren_fce_d .button_inserieren:hover{
background: #434f56;
}
.m011_inserieren_fce_d .button_inserieren a span{
width: 308px;
top: 6px;
position: relative;
height: 34px;
display: block;
vertical-align: middle;
text-align: center;
}
/* Suche */
.m011_suche_fce_d input[type="text"]{
margin: 0;
width: 190px;
height: 28px;
}
.m011_suche_fce_d input[type="submit"]{
height: 34px;
width: 100px;
margin-left: 6px;
font-size: 16px;
}
.m011_suche_fce_d input[type="submit"]:hover{
background: #e2001a;
}
/* Inserate Liste */
#inserate ul{
list-style: none;
}
#inserate ul ul{
padding-left: 0;
}
#inserate ul ul li{
padding: 2px 10px 2px 30px;
}
#inserate ul ul li:nth-child(odd) {
background-color: #eeeeee;
}
#eintraege #table_eintraege table{
width: 100%;
}
#eintraege #table_eintraege th{
background: #002c4c;
font-size: 14px;
line-height: 21px;
}
#eintraege #table_eintraege th#t1{
text-align: left;
padding: 2px 10px 2px 10px;
height: 30px;
}
#eintraege #table_eintraege tr.liste,
#eintraege #table_eintraege tr.liste_foto,
#eintraege #table_eintraege tr.liste_gewerblich,
#eintraege #table_eintraege tr.liste_gewerblich_foto{
font-size: 14px;
line-height: 21px;
}
#eintraege #table_eintraege tr td[headers="t1"]{
padding: 2px 10px 2px 10px;
}
#eintraege #table_eintraege tr td[headers="t2"]{
text-align: center;
}
#eintraege #table_eintraege tr:nth-child(2) td{
padding-top: 8px;
}
/* Datumstrenner Werbung */
#eintraege .separator_ads .teaser_wrapper{
margin: 15px 0;
padding: 5px 10px;
border: 1px solid #b3b3b3;
}
#eintraege .teasercontent{
margin-left: 115px;
}
#eintraege .teaserbild{
float: left;
margin-right: 15px;
}
#eintraege .separator_ads{
background: #fff;
margin-bottom: 20px;
}
#eintraege .separator_ads h2{
padding-top: 10px;
}
/* Datumstrenner Panorama */
#eintraege .separator_ads_panorama {
margin: 15px 0;
padding: 5px 10px;
border: 1px solid #b3b3b3;
background: #fff;
}
.separator_ads .teaserbild{
float: left;
margin-right: 15px;
}
/* Inserieren */
.main_article .achtung_img {
margin-right: 5px;
}
.main_article fieldset{
margin-bottom: 15px;
padding-left: 10px;
width: 580px;
}
.main_article input[type="text"],
.main_article textarea,
.main_article input[type="select"],
.main_article select {
width: 568px;
}
.main_article textarea{
line-height: 21px;
}
.main_article p{
margin-bottom: 10px;
padding-left: 10px;
width: 580px;
}
.main_article form > p{
margin-bottom: 10px;
padding-left: 10px;
}
.main_article .ie6_wrapper{
min-height: 30px;
}
.main_article .ie6_wrapper input{
margin-right: 10px;
}
/* Eintrag */
#main .toolbar ul{
list-style: none;
background: #002c4c;
overflow: hidden;
height: 34px;
padding: 0 10%;
position: relative;
}
#main .toolbar ul li{
float: left;
width: 25%;
padding: 8px 0;
text-align: center;
}
#main .toolbar ul li a{
color: #fff;
}
#main .toolbar ul li.arrow{
position: absolute;
float: none;
padding: 0;
width: auto;
text-align: inherit;
}
#main .toolbar ul li.arrow a{
display: block;
width: 30px;
height: 34px;
}
#main .toolbar ul li.right_arrow{
right: 0px;
width: 30px;
height: 34px;
border-left: 2px solid #fff;
background: url("/static/sb/img/interface.png") no-repeat scroll -125px 9px transparent;
}
#main .toolbar ul li.left_arrow{
left: 0px;
width: 30px;
height: 34px;
border-right: 2px solid #fff;
background: url("/static/sb/img/interface.png") no-repeat scroll -154px 9px transparent;
}
#main .toolbar ul li.arrow img{
padding-right: 10px;
padding-left: 10px;
padding-top: 7px;
}
#main div#gewerbliche_anzeige p,
#main div#gewerbliche_anzeige #visitenkarte,
#main #antwort_form, #main div#freie_anzeige p,
#main div#freie_anzeige #visitenkarte {
padding-left: 32px;
padding-right: 32px;
}
/* Jakob 26.01.2022 - start */
#main div#gewerbliche_anzeige > div{
padding-left: 32px;
padding-right: 32px;
font-size: 13px;
line-height: 21px;
}
#main div#gewerbliche_anzeige > div.toolbar{
padding-left: 0;
padding-right: 0;
}
#main div#gewerbliche_anzeige #visitenkarte{
line-height: 12px;
font-size: 9px;
}
#main div#gewerbliche_anzeige #visitenkarte .vcard_logo{
margin-top: 1rem;
}
/* Jakob 26.01.2022 - stop */
#main div#gewerbliche_anzeige ul, #main div#freie_anzeige ul{
padding-left: 50px;
padding-right: 32px;
}
#main .bildergalerie{
margin: 22px 32px;
position: relative;
}
#main .bildergalerie ul{
list-style: none;
padding-left: 32px;
padding-right: 32px;
margin-bottom: 15px;
overflow: hidden;
}
.bildergalerie li{
float: left;
padding: 5px;
}
.main_article #antwort_form fieldset {
margin-bottom: 15px;
width: 536px;
padding-left: 0px;
}
.main_article #antwort_form fieldset p{
width: 536px;
}
.main_article #antwort_form input[type="text"],
.main_article #antwort_form textarea,
.main_article #antwort_form input[type="select"],
.main_article #antwort_form select {
width: 523px;
}
.main_article #antwort_form input[type="submit"],
.main_article #anzeige_melden_form input[type="submit"] {
margin-right: 0;
margin-top: 15px;
}
.main_article #antwort_form h3 a{
color: #000;
}
#main div#gewerbliche_anzeige .vcard_logo{
height: auto;
}
/* Contactable */
#id_wallpaper_target #contactable #contactForm{
background-color: #002c4c;
top: 280px;
z-index: 2000;
}
#id_wallpaper_target #contactable #contactable_inner {
top: 182px;
}
#id_wallpaper_target #contactable form#contactForm .submit{
background-color: #e2001a;
border: 3px solid #e2001a;
}
#id_wallpaper_target #contactable #contactForm .red {
color: #e2001a;
}
#id_wallpaper_target #contactable #contactable_inner {
background-image: url('http://schwarzesbrett.bremen.de/static/img/contact.png');
}
/* Hovertext */
a.titlefloat div {
display: none;
border: 1px solid #777777;
background: #EEEEEE;
left: 50px;
margin-top: 10px;
padding: 5px;
text-decoration: none;
position: absolute;
width: 500px;
}
a.titlefloat:hover div {
display: block;
}
a.titlefloat:hover {
border: none;
}
#anzeige_melden .agb{
margin-top: 80px;
}
#table_eintraege tr a:visited{
color: #444444 !important;
}
#jquery-lightbox{
z-index: 10000 !important;
}
#jquery-overlay{
z-index: 5000 !important;
}
.jcarousel-skin-ie7 .jcarousel-item:hover {
border-color: transparent !important;
}
.main_content #main {
padding-top: 0;
}
#main .breadcrump {
height: 40px;
margin-top: 10px;
}
.m011_suche_fce_d .aside_list input[type="submit"] {
background: none repeat scroll 0 0 #002c4c;
border: medium none;
color: white;
padding: 5px 20px;
margin-left: 0;
}
.m011_suche_fce_d .aside_list input[type="submit"]:hover {
background: #e2001a;
}
.m011_suche_fce_d .aside_list input[type="text"] {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
}
#id_wallpaper_target {
position: relative;
margin-top: 55px;
z-index: 100;
padding-top: 3px;
}
.aside .aside_ad {
border: 0;
}
.aside .ad_head {
margin-right: 10px;
}
.head_main_content_title_wrapper {
top: 15px !important;
}
body.naMediaAd_WALLPAPER #ad_aside_skyscrapper {
top: -95px;
left: 961px;
}
.bildergalerie .gallery-arrow {
position: absolute;
top: 0;
width: 30px;
height: 75px;
cursor: pointer;
}
.bildergalerie .gallery-arrow-left {
left: 0;
}
.bildergalerie .gallery-arrow-right {
right: 0;
}
.bildergalerie .gallery-arrow span {
width: 30px;
height: 30px;
display: block;
top: 20px;
position: relative;
}
.bildergalerie .gallery-arrow-left span {
background: #FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat 0px 6px;
}
.bildergalerie .gallery-arrow-right span {
background: #FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat -46px 6px;
}
.bildergalerie .gallery-arrow-left:hover span {
background: #FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat -85px 6px;
}
.bildergalerie .gallery-arrow-right:hover span {
background: #FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat -131px 6px;
}
.bildergalerie-content {
margin: 0 30px;
}
.naMediaAd_MEDIUM_RECTANGLE .adp-position .adp-top-right {
z-index: 1000 !important;
}
.naMediaAd_LAYER #ad1 {
z-index: 1000 !important;
}
/* Yasser fix for issue 3090 in veronika */
.entry_text {
font-family "Open Sans";
font-size 13px;
padding-right: 32px;
padding-left: 32px;
}
#main div#freie_anzeige .entry_text p { padding-right:0 !important; padding-left:0 !important;}
/* ######## Drive Log ###### */
.drive_log input[type=number]::-webkit-inner-spin-button,
.drive_log input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.drive_log {
background-image:url('/static/sb/drivelog/background.jpg');
width:300px;
height:250px;
}
.drive_log #calc_form {
border:hidden;
}
.drive_log #form_text {
padding-left: 40px;
padding-top: 90px;
}
.drive_log #form_buttons {
padding-top: 20px;
}
.drive_log #container_calc {
float:left;
padding-left:29px;
}
.drive_log #button_calc {
border:hidden;
width:242px;
height:47px;
background:none;
background-image:url('/static/sb/drivelog/btn_calc.png');
}
.drive_log #button_calc:hover {
background-image:url('/static/sb/drivelog/btn_calc_over.png');
}
.drive_log .input:focus {
outline-width: 0;
}
.drive_log input:invalid, input:-moz-ui-invalid {
border: 0;
outline: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.drive_log input.input {
padding-top: 4px;
width: 216px;
height: 20px;
background: none;
border: hidden;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 12px;
margin: 0;
}
.drive_log .clearfix {
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size:0;
line-height: 0;
}/********************** WK CSS END **********************/
/********************** BST CSS START **********************/
/* BLAUES BAND */
/* aenderungen fuer dreifach-Zeilen im Titel, wieder verworfen
.bde .header .page_title a {
padding-top: 0;
}
.header .page_title {
margin-top: 0;
}
.bde .header .page_title a span.small_title{
font-size: 10px;
line-height: 4px;
margin-bottom: 5px;
width: 100%;
}
.header .page_title a.center {
padding-top: 0;
}
.header .page_title {
margin-top: 0;
}
*/
.bde .header .page_title a {
float: none;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
}
.bde .header .head_advertise_icon {
background: url("/static/sb/img/interface.png") repeat scroll -215px 0 transparent;
bottom: 5px;
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.bde .header .head_advertise_arrow_icon {
background: url("/static/sb/img/interface.png") repeat scroll -185px 4px transparent;
bottom: 5px;
height: 20px;
right: 0;
position: absolute;
width: 20px;
}
.head_map.icon_right {
padding-left: 0 !important;
padding-right: 18px !important;
}
/* MAIN-NAVI */
.head_navigation .nav ul.sub_navigation_links.sub_navigation_count_none {
display: none;
}
.head_navigation .nav ul.sub_navigation_links.sub_navigation_count_none ~ .sub_navigation_additional {
top:0;
}
.head_navigation.head_navigation_count_five .nav li.main_navigation_link {
width: 239px;
}
.head_navigation.head_navigation_count_five .nav li.main_navigation_link:last-child {
width: 240px;
}
/* ANCHORS */
#inserate ul li a.gruppen_anchor {
position: relative;
top: -60px;
}
/* BREADRUMB */
/*
.head_main_content_title_wrapper {
top: 35px;
}
*/
#main #eintraege {
padding-top: 20px;
}
/*
#eintraege #table_eintraege > tr.liste > td[headers="t1"],
#eintraege #table_eintraege > tr.liste > td[headers="t1"] ~ td {
padding-top: 10px;
}
*/
/* FOOTER */
#footer ul li {
margin-right: 17px;
}
/* ERGEBNISLISTE */
#table_eintraege tr.liste a {
background: url("http://bremen.de/fastmedia/10/minipfeil.gif") no-repeat scroll 0 3px transparent;
margin-left: 0;
padding-left: 8%;
}
#table_eintraege tr.liste_foto a {
background: url("/fastmedia/104/icon_foto.gif") no-repeat scroll 0 3px transparent;
margin-left: 0;
padding-left: 8%;
}
#table_eintraege tr.liste_gewerblich a {
background: url("/fastmedia/104/icon_haendler.gif") no-repeat scroll 0 center transparent;
margin: 0;
padding-left: 8%;
}
#table_eintraege .liste_gewerblich_foto a {
background: url("/fastmedia/104/icon_haendler_foto.gif") no-repeat scroll 0 center transparent;
margin: 0;
padding-left: 8%;
}
/* BUTTON-LISTE */
#main ul.button_list {
list-style-type: none;
padding-left: 2%;
}
#main ul.button_list li {
background-color: #002c4c;
height: 60px;
margin-bottom: 5px;
text-align: center;
width: 90%;
}
#main ul.button_list li a {
color: #FFFFFF;
display: block;
padding-bottom: 6px;
padding-top: 8px;
font-size: 15px;
}
#main ul.rubrik_list {
list-style-type: none;
padding-left: 2%;
}
#main ul.rubrik_list li {
margin-bottom: 5px;
}
#main ul.rubrik_list li span.icon {
background: url("http://bremen.de/fastmedia/10/minipfeil.gif") no-repeat scroll 0 3px transparent;
display: inline-block;
height: 14px;
width: 10px;
}
#main ul.button_list li:hover {
background-color: #e2001a;
}
#main ul.button_list li a:focus {
text-decoration: none !important;
}
/* HINTERGRUND */
html {
background-color: #002c4c !important;
}
/* ANZEIGEN-ANSICHT */
#main .entry_date {
font-size: 11px;
font-style: normal;
padding-left: 484px !important;
padding-right: 0 !important;
}
#main .entry_date em {
font-weight: bold;
font-style: normal;
}
#main .entry_name em {
font-weight: bold;
font-style: normal;
}
/* FONTS */
@font-face {
font-family: 'PTSansRegular';
src: url(/static/fonts/PTS55F-webfont.eot);
src: url(/static/fonts/PTS55F-webfont.eot?#iefix) format('embedded-opentype'),
url(/static/fonts/PTS55F-webfont.woff) format('woff'),
url(/static/fonts/PTS55F-webfont.ttf) format('truetype'),
url(/static/fonts/PTS55F-webfont.svg#PTSansRegular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PTSansRegular';
src: url(/static/fonts/PTS75F-webfont.eot);
src: url(/static/fonts/PTS75F-webfont.eot?#iefix) format('embedded-opentype'),
url(/static/fonts/PTS75F-webfont.woff) format('woff'),
url(/static/fonts/PTS75F-webfont.ttf) format('truetype'),
url(/static/fonts/PTS75F-webfont.svg#PTSansRegular) format('svg');
font-weight: bold;
font-style: normal;
}
/* INSERIEREN-BUTTON */
.button_inserieren a span.inserieren_icon {
background: url("/static/sb/img/interface.png") no-repeat scroll -51px 6px transparent;
border-left: 5px solid #FFFFFF;
margin-left: 86%;
padding-left: 1%;
top: 0;
width: 13%;
}
.button_inserieren a span.legend {
color: #FFFFFF;
display: inline-block;
float: left;
font-size: 19px;
font-weight: bold;
text-align: center;
top: 3px;
width: 86%;
text-transform: uppercase;
}
#main .toolbar ul li.arrow img {
padding-top: 9px;
}
/* MELDEN */
#anzeige_melden_form, #anzeige_loeschen_form {
width: 578px;
margin-bottom: 100px;
}
#main {
padding-top: 40px;
}
#aside_bar.aside {
padding-top: 40px;
}
/* CONTACTABLE */
#contactable #contactable_inner {
background-image:url(images/contact.png);
color:#FFFFFF;
background-color:#333333;
cursor:pointer;
height:102px;
left:0;
margin-left:-5px;
*margin-left:-5px;
overflow:hidden;
position:fixed;
*position:absolute;
text-indent:-100000px;
top:102px;
*margin-top:10px;
width:44px;
z-index:100000;
}
#contactable #contactForm {
background-color:#333333;
border:2px solid #FFFFFF;
color:#FFFFFF;
height:500px;
left:0;
margin-left:-400px;
*margin-left:-434px;
margin-top:-160px;
overflow:hidden;
padding-left:30px;
position:fixed;
top:200px;
width:360px;
*width:394px;
z-index:99;
}
#contactable form#contactForm input, #contactable form#contactForm textarea {
background:#FFFFFF none repeat scroll 0 0;
outline-style:none;
outline-width:medium;
width:325px;
padding:5px;
border:1px solid #dfdfdf;
font-family: georgia;
font-size:1em;
margin-bottom:10px;
}
#contactable form#contactForm .submit {
background: #F5410F none repeat scroll 0 0;
outline-style:none;
outline-width:medium;
width:325px;
padding:5px;
border:3px solid #F52D0F;
outline-color:-moz-use-text-color;
font-family: georgia;
font-size:1em;
cursor:pointer;
color:#FFF;
text-transform:uppercase;
font-weight:bolder;
font-family:Helvetica;
margin-top:10px;
}
#contactable form#contactForm p {
width:325px;
font-size:0.9em;
}
#contactable form#contactForm .disclaimer {
*margin-left:20px;
}
#contactable #contactForm .red {
color: #F5410F;
}
#contactable #overlay {
background-color:#666666;
display:none;
height:100%;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:100%;
z-index:0;
}
#contactable .error { background-color: #EDBE9C; }
#contactable #name.error { background-color: #EDBE9C; }
#contactable #email.error { background-color: #EDBE9C; }
#contactable #comment.error { background-color: #EDBE9C; }
#contactable form#contactForm label{
*margin-left:20px;
}
#contactable form#contactForm #loading {
background: url(images/ajax-loader.gif) no-repeat;
width:55px;
height:55px;
margin: 100px auto;
display:none;
}
#contactable #callback {
font-family: georgia;
font-size:1.1em;
color: #FFF;
width:325px;
margin: 100px auto;
display:none;
}
#contactable .holder {
margin:0 auto;
*margin-left:20px;
padding-top:20px;
}
#contactable form#contactForm .feedback_title {
font-size: 14px;
font-weight: bold;
}
#contactable form#contactForm label span.red {
font-size: 20px;
}
/* INSERIEREN */
.inserieren_form fieldset legend {
font-weight: bold;
}
.inserieren_form fieldset label {
font-weight: normal;
}
.inserieren_form #image_drop_zone {
border: 2px dashed #bbb;
border-radius: 5px;
color: #888886;
padding: 5%;
text-align: center;
}
.inserieren_form .drop_zone_description {
display: block;
padding-bottom: 10px;
}
.inserieren_form #thumbs_list .image_thumb {
max-height: 75px;
max-width: 115px;
border: 1px solid #000;
margin: 10px 5px 0 0;
}
/* ANZEIGEN */
#table_eintraege tr.liste_gewerblich a,
#table_eintraege tr.liste_gewerblich_foto a,
#table_eintraege tr.liste_foto a,
#table_eintraege tr.liste a {
background: none;
padding-left: 0;
}
#table_eintraege tr.liste_gewerblich a {
margin-left: 35px;
}
#table_eintraege tr.liste_gewerblich_foto a {
margin-left:0;
}
#table_eintraege tr.liste_gewerblich span.icon {
background: url("/static/sb/img/interface.png") no-repeat scroll 6px 3px transparent;
float: left;
height: 20px;
width: 25px;
}
#table_eintraege tr.liste_gewerblich_foto span.icon {
background: url("/static/sb/img/interface.png") no-repeat scroll 6px 3px transparent;
float: left;
height: 20px;
width: 60px;
}
#table_eintraege tr.liste_foto span.icon {
background: url("/static/sb/img/interface.png") no-repeat scroll -29px 3px transparent;
float: left;
height: 20px;
margin-left: 35px;
width: 25px;
}
#table_eintraege tr.liste span.icon {
width: 60px;
height: 20px;
float: left;
}
#eintraege #table_eintraege tr td[headers="t1"] {
padding-left: 0;
}
/* SUCHE */
.m011_suche_fce_d {
margin-bottom: 45px;
}
/* RUBRIKEN */
#inserate ul li ul li a:visited{
color: #444444 !important;
}
.main_article #anzeige_melden_form input[type="text"],
.main_article #anzeige_melden_form textarea,
.main_article #anzeige_melden_form select,
.main_article #antwort_form input[type="text"],
.main_article #antwort_form textarea,
.main_article #antwort_form select,
.main_article #anzeige_loeschen_form input[type="text"],
.main_article #anzeige_loeschen_form textarea,
.main_article #anzeige_loeschen_form select,
.main_article .inserieren_form input[type="text"],
.main_article .inserieren_form textarea,
.main_article .inserieren_form select {
margin-bottom: 10px;
}
.main_article form fieldset label {
font-weight: bold;
}
/* ANZEIGE EINGABE */
.main_article fieldset p.short_p_with_image {
display: inline;
width: 560px;
}
.main_article form fieldset label.no_bold {
font-weight: normal;
}
/* USER MESSAGES */
.user_message {
border: 1px solid;
margin: 10px 0px;
padding:5px 10px 5px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.user_message.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/static/sb/img/ok.png');
}
.user_message.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/static/sb/img/cancel.png');
}
/* ERRORS IN FORMS */
.error {
color:#e2001a;
}
/* counters in lists */
.rubriken_count {
/* background-color: #F7F7F7;
border: 1px solid #0E78DD;
border-radius: 50% 50% 50% 50%; */
display: block;
height: 19px;
width: 19px;
font-size: 11px;
color: #444;
position: absolute;
right: 20px;
top: 6px;
}
.rubriken_count.two_digits {
width: 24px;
}
.rubriken_count.three_digits {
width: 32px;
}
.rubriken_count.four_digits {
width: 39px;
}
.inserieren_rubrik_info {
padding-left: 10px;
margin-bottom: 10px;
width: 580px;
}
#container .inserieren_rubrik_info > p {
padding: 0;
display: inline;
}
/* loading indicator */
.ie6_wrapper #warten {
padding-left: 10px;
}
.ie6_wrapper #warten .waiting-text {
left: 10px;
position: relative;
top: 5px;
}
/* RUBRIKENLISTE, VISITENKARTENSUCHE */
#main.article.rubrik h1,
#main.article.vcard h1 {
background: none repeat scroll 0 0 #002c4c;
color: #ffffff;
font-size: 16px;
padding: 7px 7px 7px 10px;
}
#aside_bar.aside {
padding-top: 57px;
}
.vcard .content_list.eintraege_list > li:last-child {
border-bottom: medium none;
}
.vcard .content_list.eintraege_list span.fa-eur,
.vcard .content_list.eintraege_list span.fa-camera {
visibility: hidden;
}
.vcard .content_list.eintraege_list li.gewerblich span.fa-eur {
visibility: visible;
}
.vcard .content_list.eintraege_list li.photo span.fa-camera {
visibility: visible;
}
.vcard #eintraege div.eintraege_list_head {
margin-bottom: 30px;
}
/* Font Awesome Icons */
.infosign {
background-color: #e2001a;
color: #FFFFFF;
font-size: 16px;
padding: 2px 6px 0;
}
/* philipp */
#sb_button_extended_search {
width: 308px;
color: #0077AF;
text-align: right;
}
#sb_button_extended_search :hover,
#sb_button_extended_search :hover > i,
#sb_button_extended_search :hover > span,
#sb_button_extended_search :hover > a {
color: #e2001a;
}
#sb_button_extended_search_options {
}
.fa{
color: #002c4c;
}
.fa-whatsapp::before{
font-size:13px;
margin-right: -4px;
}
#whatsapp{
margin-left: 5px;
}
.js .js-hidden {
display: none
}
.js .js-visible {
visibility: visible !important;
display: block !important;
}/********************** BST CSS END **********************/
/********************** STO CSS START **********************/
#main #eintraege {
padding-top: 20px;
}
.bildergalerie .fa-angle-left, .bildergalerie .fa-angle-right {
color: #002c4c;
cursor: pointer;
font-size: 35px;
height: 50%;
padding: 20px 0;
position: absolute;
top: 0;
width: 30px;
font-family: fontawesome;
font-weight: bold;
}
.bildergalerie .fa-angle-right {
right: 0;
}
.bildergalerie .fa-angle-left {
left: 0;
}
.bildergalerie .fa-angle-right:hover, .bildergalerie .fa-angle-left:hover {
color:#e2001a;
}
.bildergalerie .fa.fa-angle-right:before {
float: right;
}
#main .toolbar ul li.right_arrow, #main .toolbar ul li.left_arrow {
background-image: none;
font-family: fontawesome;
text-align: center;
color: #FFFFFF;
font-size: 18px;
border: none;
width: 40px;
}
#main .toolbar ul li.left_arrow {
top: 6px;
}
#main div#gewerbliche_anzeige ul, #main div#freie_anzeige ul {
padding-left: 40px;
padding-right: 40px;
}
#main .toolbar ul li.right_arrow a .fa-angle-right {
top: 6px !important;
font-weight: normal !important;
font-style: normal;
left:5px;
}
#main .toolbar ul li.left_arrow a .fa-angle-left {
top: 6px !important;
font-weight: normal !important;
font-style: normal;
}
/* F?r die neue Toolbar mit Icons
#main .toolbar ul li {
width: 20%;
padding-right: 0px !important;
padding-left: 0px !important;
}
.toolbar ul {
padding-right: 0px !important;
padding-left: 0px !important;
}
.toolbar .fa-angle-left, .toolbar .fa-angle-right{
width: 10% !important;
color: #fff;
font-size: 35px;
line-height: 0.4 !important;
}
.toolbar .fa{
line-height: 0.5;
}
*/
#eintraege .separator_ads h2 {
padding-top: 0px;
}
p, li {
font-size: 13px;
}
#eintraege .separator_ads .teaser_wrapper {
margin: 10px 0 15px;
padding: 5px 10px 0;
}
/* Suchfeld f?r die mobile Ansicht*/
#searchform_mobile {
display:none;
}
/* Suchfeld f?r die mobile Ansicht Ende*/
.infosign {
background-color: #e2001a;
font-size: 14px;
padding: 2px 6px 0;
}
.fa {
margin: 0 5px 5px 0;
}
.content_list li a {
display: block;
}
.fa-camera {
display: block;
height: 20px;
position: absolute;
top: 8px;
width: 20px;
right: 18px;
text-align: center;
}
.fa-eur {
display: block;
height: 20px;
position: absolute;
top: 8px;
width: 20px;
right: 40px;
text-align: center;
}
.fa-angle-right {
display: block;
height: 20px;
position: absolute;
top: 8px;
width: 20px;
right: 0;
text-align: center;
font-weight: bold;
}
.rubriken_count:hover {
color: #e2001a;
}
.content_list span:hover {
color: #e2001a;
}
.fa-caret-right {
margin: -2px 3px 0 !important;
}
#main.article.page h1 {
color:#fff;
font-size: 16px;
padding: 7px 7px 7px 10px;
background: none repeat scroll 0 0 #002c4c;
margin-bottom: 10px;
}
/*socialshareprivacy */
#socialshareprivacy {
border-top: 1px solid #999999;
float: left;
padding-bottom: 10px;
margin-left: 30px;
margin-top: 15px;
width: 88%;
}
#socialshareprivacy ul{
background: none;
list-style-type: none;
}
#socialshareprivacy ul li a:focus {
border: none;
outline: none;
}
#socialshareprivacy span.info {
display: none;
}
#socialshareprivacy .display span.info{
display: block;
}
#socialshareprivacy span.help_info{
width:25px;
}
/*socialshareprivacy ende */
/*Werbung Anfang */
#mobile_ad_top {
display:none;
}
.plista_widget_belowArticle{
margin-top:35px;
}
/*Werbung Ende*/
#main ul.content_list {
padding: 0 9px 10px;
}
.date_headline {
font-size: 16px;
font-weight: bold;
margin: 0 0 0 10px;
}
.fa.fa-check.success {
color: #4F8A10;
}
.fa.fa-check {
left: 45px !important;
position: absolute;
margin-top:2px;
}
.user_message ul li{
background-repeat: no-repeat;
background-position: 10px center;
margin: 10px 15px;
}
.user_message.success {
background-image:none !important;
background-color: #FFFFFF;
color: #4F8A10;
border: 2px solid !important;
}
.user_message.error .fa.fa-times {
left: -65px !important;
position: relative;
margin-top:2px;
float: left;
}
.user_message ul li{
background-repeat: no-repeat;
background-position: 10px center;
margin: 10px 15px;
}
.user_message.error {
background-image:none !important;
background-color: #fff;
color: #e2001a;
border: 2px solid !important;
}
#main ul.content_list {
padding: 0 0 10px;
}
.content_list li {
padding: 5px 9px;
}
#rss_feed_abo {
background-color: #002c4c;
margin-bottom: 15px;
padding: 9px 7px 5px 10px;
text-align: center;
top: 3px;
width: 64%;
}
#rss_feed_abo a {
color: #ffffff;
}
#rss_feed_abo:hover {
background-color: #e2001a;
}
.no-bullet {
list-style:none;
}
#main div#freie_anzeige .entry_text p {
padding-right: 0 !important;
padding-left: 0 !important;
}/********************** STO CSS END **********************/
/********************** SASS STYLES START **********************/
/********************** SASS STYLES END **********************/
/* Lightbox Evolution
----------------------------------
----------------------------------*/
.jquery-lightbox-move *
{
webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.jquery-lightbox-overlay
{
background:#000000;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.jquery-lightbox
{
padding:17px 0;
background:#FFFFFF;
position:relative;
}
.jquery-lightbox-border-top-left,
.jquery-lightbox-border-top-right,
.jquery-lightbox-border-top-middle,
.jquery-lightbox-border-bottom-left,
.jquery-lightbox-border-bottom-middle,
.jquery-lightbox-border-bottom-right
{
position:absolute;
height:7px;
width:12%;
z-index:7000;
background:#FFFFFF;
overflow:hidden;
}
.jquery-lightbox-border-top-left
{
top:0;
left:0;
}
.jquery-lightbox-border-top-right
{
top:0;
right:0;
}
.jquery-lightbox-border-top-middle
{
width:78%;
top:0;
left:12%;
}
.jquery-lightbox-border-bottom-left
{
bottom:0;
left:0;
}
.jquery-lightbox-border-bottom-right
{
bottom:0;
right:0;
}
.jquery-lightbox-border-bottom-middle
{
width:78%;
bottom:0;
left:12%;
}
.jquery-lightbox-title
{
background:#FFFFFF;
color:#000000;
font-family:verdana,arial,serif;
font-size:11px;
line-height:14px;
padding:5px 8px;
margin:12px 0 0;
position:absolute;
top:100%;
z-index:7002;
opacity:0.9;
}
.jquery-lightbox-html
{
position:relative;
z-index:7000;
border:0;
border-left:7px solid #FFFFFF;
border-right:7px solid #FFFFFF;
padding:0px 15px;
vertical-align:top;
-webkit-overflow-scrolling: touch;
}
.jquery-lightbox-html embed,
.jquery-lightbox-html object,
.jquery-lightbox-html iframe
{
vertical-align:top;
display:block;
}
.jquery-lightbox-background
{
position:absolute;
top:7px;
left:7px;
z-index:6999;
float:left;
padding:0;
}
.jquery-lightbox-background img
{
display:block;
position:relative;
border:0;
margin:0;
padding:0;
width:100%;
height:100%;
}
.jquery-lightbox-mode-image .jquery-lightbox-html
{
z-index:6998;
padding:0;
}
.jquery-lightbox-mode-html .jquery-lightbox-background
{
background:#FFFFFF;
}
.jquery-lightbox-mode-html .jquery-lightbox-html
{
overflow:auto;
}
.jquery-lightbox-loading,
.jquery-lightbox-mode-html .jquery-lightbox-loading
{
background:#FFFFFF url(/static/img/jquery-lightbox-loading.gif) no-repeat center center;
}
.jquery-lightbox-button-close
{
background:#FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat -157px 8px;
position:absolute;
top:12px;
right:-26px;
width:30px;
height:30px;
}
.jquery-lightbox-button-close:hover
{
background:#FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat -157px -30px;
}
.jquery-lightbox-button-close span,
.jquery-lightbox-buttons span
{
display:none;
}
.jquery-lightbox-mode-image .jquery-lightbox-button-close
{
top:7px;
right:7px;
bottom:7px;
z-index:7002;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init,
.jquery-lightbox-buttons .jquery-lightbox-buttons-end,
.jquery-lightbox-buttons .jquery-lightbox-button-left,
.jquery-lightbox-buttons .jquery-lightbox-button-right
{
display:none;
}
.jquery-lightbox-buttons .jquery-lightbox-button-max
{
background:#FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat 7px -23px;
position:absolute;
left:7px;
bottom:7px;
width:45px;
height:30px;
z-index:7001;
}
.jquery-lightbox-buttons .jquery-lightbox-button-max:hover
{
background:#FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat 7px -55px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-min
{
background:#FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat -35px -23px;
position:absolute;
left:7px;
bottom:7px;
width:42px;
height:30px;
z-index:7001;
}
.jquery-lightbox-buttons .jquery-lightbox-button-min:hover
{
background:#FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat -35px -55px;
}
.jquery-lightbox-buttons-custom
{
background:#FFFFFF;
height:33px;
line-height:33px;
font-size:10px;
position:absolute;
top:7px;
left:7px;
}
.jquery-lightbox-buttons-custom a
{
color:#7b7b7b;
font-size:12px;
display:inline;
font-weight:bold;
text-decoration:underline;
padding:0 7px;
}
.jquery-lightbox-navigator
{
position:absolute;
z-index:7002;
overflow:hidden;
top:7px;
left:7px;
height:90px;
}
.jquery-lightbox-navigator .jquery-lightbox-button-left
{
position:absolute;
height:90px;
width:40%;
left:0;
}
.jquery-lightbox-navigator .jquery-lightbox-button-left span
{
background:#FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat 4px 10px;
width:0;
height:0;
overflow:hidden;
display:block;
padding:30px 0 10px 40px;
position:absolute;
top:30px;
left:0;
z-index:7003;
cursor:hand;
}
.jquery-lightbox-navigator .jquery-lightbox-button-left:hover span
{
opacity:1;
filter: alpha(opacity=100);
background:#FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat -81px 10px;
}
.jquery-lightbox-navigator .jquery-lightbox-button-right
{
position:absolute;
height:90px;
width:40%;
right:0;
}
.jquery-lightbox-navigator .jquery-lightbox-button-left:focus, .jquery-lightbox-navigator .jquery-lightbox-button-right:focus
{
outline: none;
}
.jquery-lightbox-navigator .jquery-lightbox-button-right span
{
background:#FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat -40px 10px;
width:0;
height:0;
overflow:hidden;
display:block;
padding:30px 0 10px 40px;
position:absolute;
top:30px;
right:-1px;
z-index:7003;
cursor:hand;
}
.jquery-lightbox-navigator .jquery-lightbox-button-right:hover span
{
opacity:1;
filter: alpha(opacity=100);
background:#FFFFFF url(/static/img/jquery-lightbox-theme-bremen.png) no-repeat -125px 10px;
}
.jquery-lightbox-mode-html .jquery-lightbox-navigator
{
display:none;
}
.jquery-lightbox-hide
{
display:none;
}
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/* WK fix */
.owl-item {
text-align: center;
}
/*
* jQuery File Upload Plugin CSS 1.3.0
* https://github.com/blueimp/jQuery-File-Upload
*
* Copyright 2013, Sebastian Tschan
* https://blueimp.net
*
* Licensed under the MIT license:
* http://www.opensource.org/licenses/MIT
*/
.fileinput-button {
position: relative;
overflow: hidden;
}
.fileinput-button input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
-ms-filter: 'alpha(opacity=0)';
font-size: 200px;
direction: ltr;
cursor: pointer;
}
/* Fixes for IE < 8 */
@media screen\9 {
.fileinput-button input {
filter: alpha(opacity=0);
font-size: 100%;
height: 100%;
}
}
/*
* jQuery File Upload UI Plugin CSS 9.0.0
* https://github.com/blueimp/jQuery-File-Upload
*
* Copyright 2010, Sebastian Tschan
* https://blueimp.net
*
* Licensed under the MIT license:
* http://www.opensource.org/licenses/MIT
*/
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
background: url("../img/progressbar.gif") !important;
filter: none;
}
.fileupload-process {
float: right;
display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
display: block;
width: 32px;
height: 32px;
background: url("../img/loading.gif") center no-repeat;
background-size: contain;
}
.files audio,
.files video {
max-width: 300px;
}
@media (max-width: 767px) {
.fileupload-buttonbar .toggle,
.files .toggle,
.files .btn span {
display: none;
}
.files .name {
width: 80px;
word-wrap: break-word;
}
.files audio,
.files video {
max-width: 80px;
}
.files img,
.files canvas {
max-width: 100%;
}
}
/* START HOST HB Specific CSS */
/* END HOST HB Specific CSS */
/* @group Boilerplate Footer */
/* ==|== non-semantic helper classes ========================================
Please define your styles before this div.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
}
/* RELAUNCH STYLES 2016 ANFANG*/
.fa {
color: #002c4c !important;
}
body {
font-family: 'Open Sans', sans-serif !important;
}
.rubriken_list li {
font-weight: 600;
}
#container {
background: rgba(255,255,255,0.9);
}
.toolbar .fa {
color: #fff;
}
body {
font-family: 'Open Sans', sans-serif !important;
color: #434e53;
}
h1 {
letter-spacing: 0px !important;
}
.aside_list_head {
background: #002c4b;
}
#searchform input#searchinput {
padding: 8px 5px 5px 4px;
}
#social_media ul {
margin-top: 22px;
}
#social_media {
margin-right: 7px;
}
#searchform {
margin-top: 11px;
}
#searchform input#searchinput {
width: 88px;
}
.fa-search::before {
padding: 4px 6px 6px 6px;
}
.search-box {
-webkit-transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
height: 25px;
border: none;
cursor: pointer;
background: #ebebeb;
}
.search-box + label .search-icon {
color: black;
}
.search-box:hover + label .search-icon {
color: white;
}
.search-box:focus {
-webkit-transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
border: none;
outline: none;
box-shadow: none;
padding-left: 15px;
cursor: text;
width: 400px;
border-radius: auto;
background: #ebebeb;
color: black;
}
.search-box:focus + label .search-icon {
color: black;
}
#search-submit {
position: relative;
left: -5000px;
}
.search-icon {
position: relative;
left: -30px;
color: white;
cursor: pointer;
}
body:not(:-moz-handler-blocked) .bde.head_navigation .nav ul.sub_navigation_links li.sub_navigation_link {
overflow: visible !important;
-moz-column-count: 4 !important;
}
body:not(:-moz-handler-blocked) div.spalten {
/*max-height: 700px;*/
}
#footer ul {
width: 960px;
}
#footer span {
width: 960px;
color:#fff;
}
.bde .sub_navigation_links {
padding: 0px 0px !important;
}
div.spalten {
width: 960px;
}
.bde.head_navigation .nav ul.sub_navigation_links li.sub_navigation_link {
-moz-column-count: 4 !important;
padding-bottom: 15px;
}
.logo_invert {
width: 100px;
/* left: -90px !important; */
/* position: absolute; */
top: 4px;
opacity: 0;
transition: opacity 0.7s;
}
.logo_invert_scrolled {
opacity: 1 !important;
}
.main_nav {
height: 43px;
}
.search_in_navi .fa-search::before {
position: absolute;
right: -20px;
}
div#multicolumn {
clear: both;
margin:0 0 20px;
-moz-column-count:4; /* Firefox */
-moz-column-rule:1px dotted #000; /* Firefox */
-webkit-column-count:4; /* Safari and Chrome */
-webkit-column-rule:1px dotted #000; /* Safari and Chrome */
column-count:4;
column-gap:20px;
column-rule:1px dotted #000;
clear: both;
}
.search_in_navi {
opacity: 0;
transition: opacity 0.7s;
}
.search_in_navi_active {
opacity: 1 !important;
}
.add_searchtext {
display: none;
}
.show_text{
display: block;
color: #FFFFFF;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
margin-left: -500px;
}
.searchform_band input.searchform_band {
width: 20px;
position: fixed;
top:15px;
}
input.searchform_band {
opacity: 0;
}
input.searchform_band:focus {
opacity: 1;
}
input.searchform_band:hover {
opacity: 1;
}
.wrap {
margin: 7px -20px;
display: inline-block;
position: relative;
height: 22px;
float: right;
padding: 0;
}
.wrap input[type="text"] {
height: 22px;
font-size: 22px;
display: inline-block;
border: none;
outline: none;
color: #555;
padding: 3px;
padding-right: 60px;
width: 0px;
position: absolute;
top: 0;
right: 0;
background: none;
z-index: 3;
transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
cursor: pointer;
}
.wrap input[type="text"]:focus:hover {
background-color: #fff;
}
.wrap input[type="text"]:focus {
width: 500px;
z-index: 1;
cursor: text;
background-color: #fff;
margin-top: -16px;
}
.wrap input[type="submit"] {
height: 22px;
width: 22px;
display: inline-block;
color:red;
float: right;
background: url(http://hb.dev.bremen.de/fastmedia/10/icon_suche_band.png) center center no-repeat;
text-indent: -10000px;
border: none;
position: absolute;
top: 3px;
right: 0;
z-index: 2;
cursor: pointer;
transition: opacity .4s ease;
}
.wrap input[type="submit"]:hover {
opacity: 0.8;
}
.wrap input[type="submit"]:focus {
border: 1px solid green;
}
input#search {
font-family: 'PTSansRegular';
font-size: 14px;
color: #e2001a !important;
text-transform: uppercase;
font-weight: bold;
}
div#redBand {
background-color: #000;
width: 10px;
position: absolute;
height: 43px;
margin: auto;
left: -994px;
top: -7px;
transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
}
div#redBand:focus {
width: 990px;
}
.centerframe.weissesband {
width: 836px !important;
}
.karussell_relaunch {
height: 511px;
background-color: #fff;
width: 100%;
}
.kacheln_reihe a .click_dummy{
width: 100%;
height: 100%
}
.kacheln_reihe {
margin-left: auto;
margin-right: auto;
width: 836px;
height: 210px;
}
.kachel1x1 {
background-color: rgba(255,255,255,0.9);
width: 200px;
height: 200px;
margin: 12px 6px 0px 6px;
float: left;
position: relative;
}
.kachel_links {
margin-left:0px;
}
.kachel_rechts {
margin-right:0px;
}
.kachel1x1 h2 {
text-transform: none;
margin: 10px;
font-weight: bold !important;
font-size: 20px;
border: none;
}
.kachel1x1 p {
margin: 10px;
font-size: 16px;
}
.text_auf_bild {
}
.text_auf_bild img {
display: block;
}
.text_auf_bild .kacheltext {
/* position: absolute;*/
background-color: #ffffff;
opacity: 0.9;
margin-left: 3px;
width: 97%;
margin-top: 109px;
height: 88px;
padding-top: 1px;
}
.text_auf_bild h2{
color: #434e53;
}
.text_auf_bild h2 a {
color: #434e53;
}
.text_auf_bild h2 a:hover, .text_auf_bild h2 a:focus {
color: #e40613;
}
.text_auf_bild p{
color: #434e53;
font-size: 11px;
line-height: 15px;
margin-top: -10px;
}
.text_auf_bild_small {
}
.text_auf_bild_small img {
display: block;
}
.text_auf_bild_small .kacheltext {
/*position: absolute;*/
background-color: #ffffff;
opacity: 0.9;
margin-left: 3px;
width: 98%;
margin-top: 109px;
height: 88px;
padding-top: 1px;
}
.text_auf_bild_small h2{
color: #434e53;
margin-bottom: 33px;
}
.text_auf_bild_small h2 a {
color: #434e53;
}
.text_auf_bild_small h2 a:hover, .text_auf_bild h2 a:focus {
color: #e40613;
}
.text_auf_bild_small p{
color: #434e53;
font-size: 11px;
line-height: 15px;
margin-top: -10px;
}
.slick-slide {
height: 511px !important;
}
.slick-dots {
bottom: 0px !important;
z-index: 4000 !important;
}
.slick-dots li button {
background: rgba(0,0,0,.1) !important;
border:3px solid #fff!important;
content: none !important;
width: 1px !important;
height: 1px !important;
border-radius: 50%!important;
box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.slick-dots li.slick-active button {
background: #fff !important;
}
.slick_carusel_slider_data {
box-shadow: 0 0 3px rgba(0,0,0,.2);
max-width: 821px;
margin: 0 auto;
background-color: #fff;
opacity: 0.9;
padding: 15px 0px 15px 15px;
display: block;
}
.slick_carusel_slider_data {
color: #434e53 !important;
}
h1.slick_carusel_slider_title {
text-transform: none;
font-weight: bold !important;
margin-bottom: 5px;
}
h2.slick_carusel_slider_subtitle {
border-bottom: none !important;
font-weight: normal !important;
}
.neo-nav-row {
height: 41px;
}
.kacheln_reihe a {
color:#434e53;
}
.slick_carusel_slider_source {
font-size: 8px;
}
.slick-dots li button::before {
content: normal !important;
}
.slick-active .slick-dots li button {
background: #000 !important;
}
.slick_carusel_slider_data_transparent {
margin: 0px auto !important;
}
.neo-nav-main__item {
font-weight: 500 !important;
}
.neo-sub-nav__item--head a {
font-weight: bold !important;
padding: 5px 0px !important;
}
.neo-sub-nav__item a {
padding: 2px 0px !important;
}
.kacheln_reihe a:hover {
color: #e40613 !important;
}
#container {
background: rgba(255,255,255,0.9);
}
.slick_carusel_slider_data {
padding: 1px 0px 15px 15px !important;
}
.logo_mobil {
display: none;
}
.neo-sidenav-menu {
display: none;
}
.neo-search-menu {
display: none;
}
#footer {
background-color: #424e55;
}
#footer #socialshareprivacy {
background-color: #fff;
}
div#footer_position {
width: 960px;
margin-left: auto;
margin-right: auto;
}
#footer #totop_wrapper {
margin-right: 10px;
margin-top: -36px;
}
#footer ul li a {
padding-right: 5px;
text-transform: uppercase;
}
#footer ul li {
margin-right: 5px;
}
.gastrofinder_search {
height: auto;
background-color: #002c4b !important;
color: #fff;
}
.gastrofinder_search_top {
padding-top: 10px;
}
body, button, input, select, textarea {
font-family: 'Open Sans', sans-serif;
}
.aside_list_short .interfaceicon {
width: 29px;
}
#searchform input#searchinput {
padding: 7px 5px 6px 4px;
}
#socialshareprivacy ul li a {
padding-right:0px !important;
}
.breadcrump li a {
margin-top: 1px;
}
.suche_relaunch {
background-color: #002c4b;
padding: 15px 10px;
}
.bs_search_input {
width: 80%;
border: none;
height: 20px;
}
.bd_search_button {
width: 16%;
}
input#search_query {
padding-left: 5px;
}
li.tabbar_container {
margin-left: 5px;
border: 1px solid #ccc;
}
li.tabbar_container_active {
margin-left: 5px;
border: 1px solid #ccc;
}
.header {
position: static !important;
display: block;
height: 90px;
width: 100%;
top: 0px;
z-index: 0;
padding: 0px;
background: #fff;
color: #000 !important;
border: none !important;
font-weight: bold !important;
}
#social_media {
float: right;
}
#social_media ul{
list-style: none;
margin-right: -7px;
margin-top: 18px;
}
#social_media ul li {
float: left;
margin-left: 4px;
}
/* =============================================================================
Zusaetzliche css fuer Relaunch 2016
========================================================================== */
@media all
{
.ui-state-hover, .ui-widget-content .ui-state-hover{
border:1px solid #e40613 !important;
background:transparent !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
color: #002c4b !important;
}
.ui-state-default, .ui-widget-content a {
color: #002c4b !important;
}
table.ui-datepicker-calendar th{
color: #002c4b;
}
.ui-state-highlight, .ui-widget-content .ui-state-highligh{
background-color:#e40613 !important;
}
.ui-widget-header{
color: #002c4b !important;
}
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default{
background-color:transparent !important;
}
.comiseo-daterangepicker-buttonpanel .ui-button .ui-button-text {
background-color:transparent !important;
color: #002c4b !important;
}
.balken_fortschritt li.first{
margin-right: 16px;
}
.show_mobile{
display: none !important;
}
.aside_teaser_content svg{
fill: red;
}
.head_dropdown img {
width: 16px;
height: 18px;
margin-top: -3px;
}
.subkids_navigation li {
clear: both;
-moz-column-count: 4 !important;
-moz-column-width: 12em;
}
.head_dropdown img.flagge {
width: 15px;
height: 10px;
margin-top: -3px;
}
body {
background: #002c4b !important;
}
.breadcrumb_row {
background-color: #ffffff;
margin-top: 20px !important;
width: 100%;
height: 25px;
}
.breadcrumb {
max-width: 836px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
/* Navigation Anfang */
.neo-nav-row {
background: #e40613;
position: relative;
}
.neo-nav-row.is-open {
height:auto !important;
}
.neo-nav-row.is-sticky, .neo-nav-row.is-open {
position: fixed;
top: 0;
width: 100%;
z-index: 4001;
}
.neo-nav {
margin: auto;
max-width: 836px;
width: 100%;
}
.neo-nav-main__img {
opacity: 0;
display: none;
}
.neo-nav-main {
margin: 0;
padding: 0;
clear:both;
}
.neo-sub-nav {
list-style: none;
margin: 0;
}
.mobile_site_menu { display: none;
}
.main_content {
margin-top: 30px;
}
.head_navigation .nav a:hover {
color: #e2001a !important;
}
.sub_navigation_link li {
border-bottom: 1px solid #ccc;
min-width: 200px;
padding: 5px 10px 5px 0;
-moz-column-count: 4 !important;
}
.sub_navigation a {
color: #444444 !important;
}
.sub_navigation a:hover {
color: #991B1E !important;
}
.head_navigation .nav a:hover {
color: #e2001a;
}
.head_navigation .nav a:active {
color: #e2001a;
}
.head_navigation .nav a {
color: #fff;
}
.head_navigation .nav li .sub_navigation {
background-color: #fff;
color: #e2001a !important;
-moz-column-count: 4 !important;
}
.head_divider {
background:none repeat scroll 0 0 #FFF;
}
.main_nav {
clear:both;
background: #e40613;
z-index:150;
}
.head_navigation .nav .detail_navigation {
background-color:#fff !important;
left:-1px;
}
.main_navigation_link.activated {
background-color:#e2001a !important;
}
a {
color: #e40613;
}
a:hover {
color: #e2001a;
}
.head_navigation .nav a.hover {
color: #e2001a !important;
}
.head_navigation .nav .sub_navigation_additional {
background-color: #fff !important;
color: #e2001a !important;
}
.head_navigation .nav li.sub_navigation_link.active a {
color: #e2001a !important;
}
.main_navigation_link {
background-color: #e2001a !important;
color: #fff !important;
}
.main_navigation_link:hover {
background-color: #fff !important;
color: #e2001a !important;
}
.head_navigation .nav .detail_navigation {
background-color: #fff !important;
color: #e2001a !important;
}
h6.invert {
background-color: #002c4b !important;
color: #fff !important;
font-size: 16px !important;
padding: 7px !important;
}
.carousel li.active {
background-color: #878787;
}
.carousel li {
background-color: #e2001a;
}
.main_article input[type="submit"]{
background: none repeat scroll 0 0 #e40613;
}
}
@media only screen and (max-width:980px) {
.neo-nav-main .fa{
outline: none;
}
.neo-sub-nav__list.is-active .neo-sub-nav__item{
display: block;
}
.neo-sub-nav__list.is-active .fa-caret-down{
transform: rotate(180deg);
}
.neo-nav-main .neo-sub-item__trigger{
background-color: transparent;
border:none;
float:right;
padding:5px 14px 0 14px;;
outline:none;
}
.neo-nav-main .neo-main-item__trigger{
background-color: transparent;
border:none;
float:right;
padding:10px 14px;
outline:none;
}
.neo-nav-main .fa-caret-down{
color: #e40613;
font-size:1.5em;
transition: transform .4s ease-out;
}
.neo-nav-main__item.is-active .neo-main-item__trigger .fa{
transform: rotate(180deg);
}
.neo-main-item{
line-height: 2;
text-transform: uppercase;
font-weight:bold !important;
display:inline-block !important;
padding:10px;
margin-left:10px;
}
.neo-nav-main__item{
border-bottom:1px solid #e40613;
}
.neo-nav-row{
bottom: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.neo-nav-row.is-open {
}
.sub-nav-trigger {
background-color: transparent;
width: 100%;
border: none;
text-align: center;
color: #fff;
padding: 20px;
text-transform: uppercase;
border-top: 1px solid #fff;
cursor: pointer;
}
.neo-nav-main__item.is-active {
background-color: #fff;
}
.neo-nav-main__item.is-active .sub-nav-trigger {
background-color: #e40613;
}
.neo-nav-main__item a, .neo-nav-main__item ul {
display: none;
}
.neo-nav-main__item.is-active a {
padding: 10px;
}
.neo-nav-main__item.is-active a, .neo-nav-main__item.is-active ul {
display: block;
color: #e40613;
text-align: center;
}
.neo-nav-menu-trigger {
background-color: transparent;
border: none;
height: 40px;
vertical-align: middle;
padding: 0 10px;
}
.neo-nav-menu-trigger svg {
fill: #fff;
}
.neo-nav-menu-trigger .close-svg {
display: none;
}
.is-open .neo-nav-menu-trigger .burger-svg {
display: none;
}
.is-open .neo-nav-menu-trigger .close-svg {
display: block;
}
.neo-nav {
display: none;
}
.is-open .neo-nav {
display: block;
}
}
@media only screen and (min-width: 980px) {
.neo-nav-main .fa-caret-right{
display:none;
}
.neo-sub-item__trigger{
display:none;
}
.neo-main-item__trigger{
display:none;
}
.neo-nav-menu-trigger {
display: none;
}
.sub-nav-trigger {
display: none;
}
.neo-nav-main {
display: table;
width: 100%;
border-left: 1px solid #777;
border-right: 1px solid #f07e8b;
position: relative;
z-index: 5000;
}
.neo-nav-main__item {
display: table-cell;
text-align: center;
padding: 10px 0;
color: white;
font-weight: 500;
text-transform: uppercase;
border-right: 1px solid #777;
border-left: 1px solid #f07e8b;
}
.neo-nav-main__img {
list-style: none;
position: absolute;
right: 100%;
margin-right: 4px;
margin-top: 4px;
transition: opacity .8s ease-out;
top: 0;
}
.is-sticky .neo-nav-main__img {
opacity: 1;
display: block;
}
.neo-nav-main__img img {
width: 100px;
}
.neo-nav-main__item:hover {
background: #e8e8e8;
background: white;
color: #e40613;
box-shadow: 0 0 3px 3px rgba(23, 23, 23, .3);
}
.neo-nav-main__item a {
color: white;
}
.neo-nav-main__item:hover > a {
color: #e40613;
display: block;
position: relative;
}
.neo-nav-main__item:hover > a:after {
content: ' ';
position: absolute;
left: 0;
top: 100%;
height: 15px;
width: 100%;
background-color: #fff;
z-index: 1;
}
.neo-sub-nav {
position: absolute;
left: 0;
top: 100%;
background: #e8e8e8;
background: white;
width: 100%;
text-align: left;
list-style: none;
box-sizing: border-box;
margin: 0;
padding: 10px;
-moz-column-count: 4;
-moz-column-gap: 18px;
-webkit-column-count: 4;
-webkit-column-gap: 18px;
column-count: 4;
column-gap: 18px;
display: none;
box-shadow: 0 0 3px 3px rgba(23, 23, 23, .3);
}
.neo-sub-nav__list {
margin: 0;
list-style: none;
-webkit-column-break-inside: avoid;
/* Chrome, Safari */
page-break-inside: avoid;
/* Theoretically FF 20+ */
break-inside: avoid-column;
/* IE 11 */
}
.neo-sub-nav__list li:last-child {
padding-bottom: 1em;
}
.neo-nav-main__item:hover .neo-sub-nav, .neo-sub-nav:hover {
display: block;
}
.neo-sub-nav__item {
text-transform: none;
margin: 0;
}
.neo-sub-nav__item a {
display: block;
border-bottom: 1px dotted #434f56;
color: #434e53;
}
.neo-sub-nav__item:hover a {
display: block;
border-bottom: 1px dotted #434f56;
color: #434e53;
background-color: #e3e3e3;
}
.neo-sub-nav__item--head {
text-transform: uppercase;
}
.neo-sub-nav__item--head a {
color: #e40613;
}
.neo-sub-nav__item--head:hover a {
color: #e40613;
}
.neo-sub-nav__item--head a {
border-top: 1px dotted #e40613;
border-bottom: 1px solid #e40613;
}
.neo-nav-row__shadow {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.neo-nav-row__shadow::before {
content: '';
position: absolute;
width: 100%;
box-shadow: 0 0 3px 3px rgba(23, 23, 23, .3);
}
.sub_navigation_link a {
border-top: 1px dotted #e40613;
border-bottom: 1px solid #e40613;
width: 240px;
display: block;
padding-top: 5px;
padding-bottom: 2px;
}
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, div, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #e40613
; color: #fff; text-shadow: none; }
::selection { background: #e40613
; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
/*a:visited { color: #551a8b; }*/
a:hover { color: #06e; }
a:focus { outline: thin dotted}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
a {
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
text-decoration: none;
color: #e2001a;
}
a:hover {
text-decoration: none;
color: #e40613;
}
h2{
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #b3b3b3;
padding-bottom: 5px;
}
/* @group Header */
.header{
position: static !important;
display: block;
height: 90px;
width: 100%;
top: 0px;
z-index: 0;
padding: 0px;
background: #fff;
color: #000 !important;
border: none !important;
font-weight: bold !important;
}
.js .header {
position: absolute;
}
.header a,
.header .head_entity{
text-transform: uppercase;
text-decoration: none;
position: relative;
}
.header .centerframe div, .header .centerframe span, .header .centerframe form, .header .centerframe a {
width: auto;
}
nav.mobile a{
color: #f5f5f5 !important;
}
.header a:visited{
color: #444;
}
.header a:focus{
outline: 2px double #e40613;
}
.header a:hover{
color: #999999;
}
.header .centerframe div,
.header .centerframe span,
.header .centerframe form,
.header .centerframe a{
display: block;
float: left;
}
.header .centerframe a{
margin-top: 0px;
}
.header .centerframe .logo_wrapper ul li a,
.header .centerframe #head_language_list li a{
margin-top: 3px !important;
}
.logo_wrapper{
position: relative;
margin-top: 12px;
margin-right: 15px;
}
#logo{
margin: 0 0 0 1px;
padding: 2px 0 0;
height: 50px;
}
#logo a{
height: 50px;
}
.logo_normal {
display: block;
}
.logo_navi_wrapper {
width:1100px;
text-align:center;
margin: auto;
}
.headline {
margin-left: auto;
margin-right: auto;
width: 836px;
}
.anzeige {
background-color:#FFF;
position: absolute;
right: 0;
top: 0;
line-height: 12px;
font-size: 9px;
padding: 1px 4px;
}
.logo_wrapper:hover ul,
.logo_wrapper ul.active,
.logo_wrapper:hover ul.active{
top: 37px !important;
}
.logo_wrapper ul{
position: absolute;
border-left: 1px solid #3d8038;
border-right: 1px solid #3d8038;
border-bottom: 1px solid #3d8038;
background-color: #e2001a;
text-align: left;
left: 0px;
top: -1000px;
width: 95px;
padding-top:0px;
list-style: none;
clear: both;
}
.header .logo_wrapper ul li a{
padding: 2px 5px;
margin-bottom: 2px;
text-transform: none!important;
font-variant:normal;
font-size:13px;
background-color: #fff;
display: block;
float: none !important;
}
.logo_wrapper ul li a:focus{
background: #e40613;
}
#instance_logo{
position: absolute;
right: 10px;
top: 2px;
}
#searchform {
margin-top: 8px;
position: relative;
}
#searchform input#searchinput {
margin-left: 15px;
margin-right:3px;
border: 1px solid #b3b3b3;
padding: 5px;
width: 281px;
}
.searchbox .searchform {
margin-top: 0px;
position: relative;
}
.searchbox .searchform input#searchinput1, .searchbox .searchform input#searchinput2{
margin-left: 0px;
margin-right:3px;
border: 1px solid #b3b3b3;
padding: 5px;
width: 200px;
}
.searchbox .searchform input#runsearch1, .searchbox .searchform input#runsearch2{
width: 20px;
height: 20px;
border: none;
position: absolute;
top: 5px;
right: 30px;
background: url('//bremen.de/static/img/interface.png') no-repeat -40px 0px ;
padding: 0 !important;
}
.searchbox input[type="submit"]{
float: right;
margin-right: 75px;
border: none;
background: #e2001a;
padding: 5px;
color: white;
}
.hiddenlabel{
position:absolute;
height:1px;
width:1px;
overflow:hidden;
}
.hiddentext{
top: -5000px;
left: -5000px;
color: transparent;
position: absolute;
height: 1px;
width: 1px;
display: block;
}
#searchform input#runsearch{
z-index:10000;
width: 20px;
height: 20px;
border: none;
position: absolute;
top: 3px;
right: 5px;
background: none ;
}
.head_divider{
background: #ffffff;
height: 37px;
width: 1px;
margin: 6px 8px 0px;
vertical-align: middle;
}
.head_map,
.head_my{
text-align: center;
position: relative;
letter-spacing: 1px;
padding: 5px 0px;
}
.head_map{
width: 165px;
margin-top: 1px;
padding-left: 18px !important;
}
#head_management, #head_language, #head_urbanlife_logo{
text-align: center;
margin: 0;
display: inline-block;
vertical-align: middle;
position: relative;
padding: 7px 1px;
letter-spacing: 1px;
}
#head_management li,
#head_language li,
.head_my_login a{
letter-spacing: 0px;
}
#head_language {
width: 90px;
}
#head_language a{
margin-left: 5px;
margin-right: 5px;
}
#head_management{
width: 160px;
padding: 12px 0px;
}
#management_sites{
position: absolute;
right: -12px;
width: 182px;
background-color: #e2001a;
text-align: left;
display: block;
top: -1000px;
}
#head_management:hover #management_sites, #management_sites.active{
position: absolute;
top: 29px;
border-left: 1px solid #3d8038;
border-right: 1px solid #3d8038;
border-bottom: 1px solid #3d8038;
}
#management_sites li{
width: 100%;
overflow: hidden;
}
#management_sites li a{
text-transform: none;
display: block;
font-size:13px;
width: 100%;
padding: 2px 10px;
}
#management_sites li a:focus{
position: absolute;
top: 1024px;
padding: 2px 8px !important;
outline: none !important;
}
#head_management:hover #management_sites li a:focus{
position: static;
padding: 2px 10px !important;
outline: none !important;
}
#management_sites.active a:focus{
outline: 2px solid #e40613 !important;
position: static;
display: block;
}
#head_management:hover li a,
#management_sites.active li a{
padding: 5px 10px;
}
#management_sites li a:focus{
padding: 5px 10px;
width: 164px;
background: #e40613;
}
#management_sites li {
}
#head_language_list{
position: absolute;
top: -1000px;
background-color: #e2001a;
text-align: left;
display: block;
border-left: 1px solid #3d8038;
border-right: 1px solid #3d8038;
border-bottom: 1px solid #3d8038;
padding-top: 6px;
list-style:none;
right: -9px;
width: 101px;
}
.fontface #head_language_list {
right: -9px;
width: 104px;
}
#head_language:hover #head_language_list, #head_language_list:focus, #head_language_list.active{
top: 24px;
}
#head_language_list li{
width: 90px;
}
#head_language_list li a{
text-transform: none;
font-variant:normal;
font-size:13px;
display: block;
width: 79px;
overflow: hidden !important;
padding: 2px 0px 0px 10px;
margin-bottom: 2px;
}
#head_language_list .active_language{
text-decoration: underline;
}
#head_language_list li a:focus{
background: #e40613;
}
.head_map{
width: 100px;
}
.head_dgs{
width:46px;
height: 20px;
}
.head_easy_language{
width:30px;
height: 20px;
}
.head_easy_language,
.head_dgs{
padding: 4px 0px !important;
}
.portal .head_easy_language,
.portal .head_dgs{
width: auto !important;
}
.portal .head_easy_language{
padding-left: 40px !important;
}
.portal .head_dgs{
padding-left: 55px !important;
margin-right: 5px;
}
.head_my a{
width: 116px;
padding-left: 20px;
}
.head_my:hover .head_my_login,
.head_my .head_my_login.active{
top: 37px;
}
.head_my_login{
position: absolute;
right: -13px;
top: -3036px;
padding: 10px;
width: 147px;
border-left: 1px solid #3d8038;
border-right: 1px solid #3d8038;
border-bottom: 1px solid #3d8038;
overflow: hidden;
background-color: #e2001a;
display: block;
text-align: left;
}
.fontface .head_my_login {
right: -9px;
width: 141px;
}
.head_my_login input{
width: 135px;
padding-left: 4px;
margin-bottom:5px;
}
.head_my_login label{
margin-bottom: 1px;
color:#ffffff;
letter-spacing: 0px;
}
.head_my_login p{
margin-bottom: 12px;
color:#ffffff;
}
.head_my_login a{
text-transform: none;
font-variant:normal;
font-size:13px;
margin: 2px 0px 0px;
}
#loginform{
width: 130px;
}
#login{
border: none;
width: 120px;
background: white;
text-align: left;
border: 1px solid #3d8038;
width: 142px;
margin-top:5px;
font-weight:bold;
color:#444444;
height:26px;
}
button:focus,
input:focus,
select:focus,
textarea:focus{
outline: 2px solid #e40613;
}
#head_minimize:focus{
outline: 1px double #e40613;
}
/* @group Main */
#container{
background: #ffffff;
background: rgba(255,255,255,0.98);
width: 960px;
border: none;
position: relative;
margin-bottom: 30px;
margin-top: 15px;
padding-bottom: 10px;
display:block;
overflow: visible !important;
min-height: 700px;
}
#container.show_grid{
background-image:url("/static/img/raster_bg.jpg");
}
#main{
padding: 10px 14px 15px 15px;
width: 600px;
float: left;
position: relative;
}
#main a:focus,
#main h2:focus{
color: #e40613;
text-decoration: underline !important;
outline: none;
}
.dropdown_indicator{
width: 7px;
height: 7px;
background: url('//bremen.de/static/img/interface.png') 0px -36px;
margin-left: 2px;
margin-bottom: 4px;
margin-top: 15px;
}
#photographer{
position: fixed;
bottom: 0px;
padding: 10px;
z-index: 999;
left: 50%;
margin-left: -511px;
background: white;
text-align: center;
display: none;
}
#photographer a{
color: black;
text-decoration: none !important;
}
.head_main{
border: none;
}
#container h1{
margin: 0;
font-weight: bold;
text-align: left;
color: #545454;
}
.head_main.special h1{
text-align: center !important;
margin: 0 auto;
display: block;
letter-spacing: 2px;
padding-bottom: 20px;
}
.head_main.visitenkarte h1{
padding-bottom: 5px !important;
}
.head_main.visitenkarte .subhead{
margin-top: 5px;
}
.head_main_content{
float: left;
padding: 20px 16px 20px 15px !important;
text-align: left;
position: relative !important;
width: 930px;
}
.head_main.special .head_main_content{
width: 860px !Important;
padding: 10px 50px 20px !important;
float: none;
text-align: center;
}
.head_main.special .breadcrump{
padding-left: 20px !important;
padding-top: 10px !important;
}
.head_main_content hr{
margin: 0;
}
.head_main_content_title_wrapper {
position: relative;
clear: both;
}
.head_main_links_wrapper {
margin-top: 60px;
width: 590px;
float: left;
padding-bottom: 10px;
margin-bottom: 30px;
}
.head_main_links_wrapper.nocategory{
padding: 0px 0px;
width: 590px;
margin-top: 65px;
}
.head_main_links_wrapper.nocategory hr{
margin-top: 5px !important;
}
.head_main_content .head_main_links_wrapper{
margin-bottom: 0px;
padding-bottom: 0px;
}
.head_main_aside {
width: 300px;
float: right;
}
.head_main_aside img{
display: block;
margin: 0 auto;
}
.head_main_links{
list-style: square;
padding: 0px 20px ;
}
.head_main_links.nocategory{
padding: 0 20px !important;
}
.head_main_links a{
text-decoration: none;
}
.head_main_links a:focus{
color: #e40613;
text-decoration: underline;
outline: none;
}
.head_main_links li{
width: 50%;
float: left;
}
.main_sb_list ul{
list-style: none !important;
margin: 0;
padding: 0px 0px 0px 15px !important;
}
/* @end */
/* @group Navigation */
.nav.mobile{
position: fixed;
display: none;
top: 55px;
background: red;
width: 100%;
height: 43px;
padding-top: 5px;
z-index: 300;
background: #e2001a;
border-bottom: 1px solid #c8080a;
}
.nav.mobile a{
color: white !important;
}
.nav.mobile #mobile_navigation{
width: 68%;
padding: 13px;
display: inline-block;
text-align: center;
font-size: 14px;
}
.nav li{
border-bottom: 1px solid #DDDDDD;
}
.current a{
color: #e40613 !important;
}
/* @group Bremen.de */
.head_navigation .nav .sub_navigation a:hover{
color: #e40613;
}
.head_navigation .nav a:focus {
color: #aeaeae !important;
outline: none;
}
.head_navigation .nav .main_navigation{
both: clear;
margin: auto;
position: relative;
letter-spacing:1px;
width: 973px;
display: block;
padding-left: 1px;
}
.head_navigation .nav .main_navigation .remove_navi {
display: none;
}
.head_navigation .nav .main_navigation li{
display: block;
float: left;
text-align: center;
padding: 12px 0px 8px 0px;
font-size:13px;
text-transform: uppercase;
margin: 0px;
margin-left: -1px;
}
.head_navigation .nav li.main_navigation_link:last-child{
border-right: 0px;
}
.head_navigation .nav li.main_navigation_link{
width: 239px !important;
border-right: 1px solid #777;
border-left: 1px solid #f07e8b;
}
.head_navigation .nav li .sub_navigation{
width: 960px;
position: absolute;
padding: 0px 0px 0px;
margin-top: 9px;
left: 0px;
z-index: 150;
background: #fff;
color:#e2001a;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
top: 33px;
column-count: 4;
column-gap: 5px;
clear: both;
-moz-column-count: 4 !important;
-moz-column-gap: 5px !important;
column-count: 4;
clear: both;
-webkit-column-count: 4;
-webkit-column-gap: 5px;
}
.bde .nav.standardview li.main_navigation_link.active{
border-bottom:none;
height: 22px;
background: #fff !important;
}
.bde .nav.standardview li.main_navigation_link:hover{
background: #fff;
}
.bde .nav.standardview li.main_navigation_link.active .sub_navigation,
.bde .nav.standardview li.main_navigation_link.active .sub_navigation_additional{
display: block;
}
.nav.standardview li.main_navigation_link{
background: white;
}
.head_navigation .nav li.main_navigation_link.activated{
height: 22px;
margin-bottom: 40px;
background: #fff;
color: #e2001a;
border-bottom: none;
}
.head_navigation .nav li.main_navigation_link.activated.out{
background: #ffffff;
}
.head_navigation .nav li.main_navigation_link.activated:hover {
background: #fff;
color: #e2001a;
}
.head_navigation .nav li.main_navigation_link.activated.active{
background: #F3f3f3;
}
.head_navigation .nav li.main_navigation_link.activated .sub_navigation{
display: block;
height: 42px;
margin-top: 10px;
border: none;
}
.head_navigation .nav ul.sub_navigation_links{
margin: 0;
padding: 0;
margin-top: -1px;
display: block;
height: 100%;
-moz-column-count: 4 !important;
column-count:4;
}
.bde .sub_navigation_links{
padding: 0px 20px !important;
width: 920px !important;
}
.head_navigation .nav ul.sub_navigation_links li{
padding: 0;
font-variant:normal;
font-size: 13px;
border: none;
display: block;
text-align: left;
padding: 13px 20px 11px 20px;
line-height: 18px;
width: auto;
float: left !important;
text-transform: none;
letter-spacing: 0;
-webkit-transition: color .1s ease;
-moz-transition: color .1s ease;
-o-transition: color .1s ease;
transition: color .1s ease;
-moz-column-count: 4 !important;
column-count: 4;
}
.bde.head_navigation .nav ul.sub_navigation_links li.sub_navigation_link{
-moz-column-count: 4 !important;
padding-right: 6px;
padding-bottom: 14px;
text-align: left;
text-transform: uppercase;
overflow:hidden;
}
.bde.head_navigation .nav ul.sub_navigation_links li.sub_navigation_link .detail_navigation{
text-align: left;
}
.head_navigation .nav ul.sub_navigation_links.alignright li{
-moz-column-count: 4 !important;
float: right !important;
}
.head_navigation .nav ul.sub_navigation_links li.sub_navigation_link li{
-moz-column-count: 4 !important;
float: left !important;
}
.head_navigation .nav .sub_navigation_additional{
position: absolute;
top: 41px;
z-index: 200;
height: 125px;
width: 960px;
background: #fff;
color: #e2001a;
display: none;
}
.head_navigation .nav .sub_navigation_additional .sub_navigation_aside{
margin-left: 660px;
display: block;
height: 100px;
margin-top: 13px;
margin-bottom: 10px;
}
.head_navigation .nav .sub_navigation_additional .sub_navigation_aside li{
border: none;
display: block;
text-align: left;
padding: 3px 0px 0px 20px;
width: 100%;
}
.head_navigation .nav li.main_navigation_link.activated.active .sub_navigation_additional{
display: block;
z-index: 50;
}
.head_navigation .nav li.main_navigation_link.activated:hover .sub_navigation_additional{
display: none;
}
.head_navigation .nav li.main_navigation_link.activated.active:hover .sub_navigation_additional{
display: block;
}
.head_navigation .main_navigation .sub_navigation_count_one .sub_navigation_link { width: 920px }
.head_navigation .main_navigation .sub_navigation_count_two .sub_navigation_link { width: 449px }
.head_navigation .main_navigation .sub_navigation_count_three .sub_navigation_link{ width: 295px }
.head_navigation .main_navigation .sub_navigation_count_four .sub_navigation_link { width: 219px }
.head_navigation .main_navigation .sub_navigation_count_five .sub_navigation_link { width: 173px }
.head_navigation .main_navigation .sub_navigation_count_six .sub_navigation_link { width: 142px }
.head_navigation .main_navigation .sub_navigation_count_seven .sub_navigation_link{ width: 120px }
.head_navigation .main_navigation .sub_navigation_count_eight .sub_navigation_link{ width: 91px }
.head_navigation .nav li.sub_navigation_link.activated a{
font-weight: bold;
}
.head_navigation .nav li.sub_navigation_link.activated li a{
font-weight: normal;
}
.head_navigation .nav li.sub_navigation_link.activated li.activated a{
font-weight: bold;
}
.head_navigation .nav li.sub_navigation_link.active .detail_navigation{
top: 42px;
display: block;
}
.head_navigation .nav li.sub_navigation_link.active a{
font-weight: bold;
}
.head_navigation .nav li.sub_navigation_link.active .detail_navigation a{
font-weight: normal;
}
.head_navigation .nav .detail_navigation{
clear: both;
position: absolute;
top: 23px;
height: 100px;
width: 940px;
background: transparent;
padding-left: 20px;
z-index: 300;
display: none;
padding-top: 20px;
z-index: 500 !important;
clear:both;
}
.head_navigation .nav .detail_navigation ul{
margin-top: 10px;
}
.head_navigation .nav .detail_navigation ul li{
margin-left: 0px;
padding: 0px 22px 10px 0px;
height: 18px;
display: block;
float: left;
width: auto;
white-space: nowrap;
}
span.detail_navigation_head{
font-size: 24px;
font-weight: bold;
display: block;
color: #e2001a;
padding-bottom: 10px;
padding-top: 5px;
}
.interfaceicon.arrow{
width: 7px;
height: 7px;
background-position: -30px -36px !important;
margin-right: 5px;
vertical-align: middle;
margin-bottom: 6px;
}
.interfaceicon.bullet{
width: 7px;
height: 7px;
background-position: -38px -36px !important;
margin: 0px 10px;
vertical-align: middle;
margin-bottom: 6px;
}
.interfaceicon.arrowindicator{
width: 7px;
height: 7px;
background-position: -6px -36px !important;
display: none;
margin-left: 20px;
vertical-align: middle;
margin-bottom: 6px;
}
.interfaceicon.arrowindicator.mobile{
display: none;
}
/* @end */
.aside_navigation #container .nav{
width: 176px;
height: 100%;
display: block;
float: left;
margin-right: 0px;
border-right: 1px solid #DDDDDD;
}
.aside_navigation #container .nav ul{
list-style: none;
}
.aside_navigation .nav li{
padding: 10px 20px 10px 20px;
}
.aside_navigation .nav ul.main_navigation li.main_navigation_link.active{
border-bottom: 1px solid #DDDDDD;
background: #f4f4f4;
font-weight: bold;
}
.aside_navigation .nav ul.main_navigation{
margin: 0 !important;
}
.aside_navigation .nav ul li .sub_navigation{
display: none;
}
.aside_navigation .nav ul li .sub_navigation li{
padding-right: 10px;
padding-left: 20px;
width: 125px;
}
.aside_navigation .nav ul li .detail_navigation li{
padding-left: 20px;
width: 120px;
padding-right: 15px;
}
.aside_navigation .nav ul li ul li:last-child{
border: none;
}
.aside_navigation .nav.standardview .main_navigation_link.second{
background-color: #f4f4f4;
}
/* @end */
/* @group Breadcrump */
.breadcrump{
margin: 0px;
margin-left: 0px;
padding: 0px !important;
height: 16px;
margin-bottom: 7px;
}
.breadcrump li{
list-style: none;
display: inline-block;
font-size: 12px;
margin-left: 0px;
}
.breadcrump li a {
display: inline-block;
vertical-align: bottom;
}
.breadcrump li a:focus{
color: #e40613;
text-decoration: underline !important;
outline: none;
}
.breadcrump li span{
display: inline-block;
vertical-align: middle;
}
.breadcrump_divider{
width: 7px;
height: 7px;
background: url('//bremen.de/static/img/interface.png') -8px -37px;
margin: -2px 0px 0px 5px;
}
/* @end */
/* @group portalseite */
.portal#container{
display:none;
}
.portalseite{
display: none;
}
.portal .skip-links{
display: none;
}
.portal #container{
left: 5000px;
display: none;
}
.portal .portalseite{
display: block;
}
.portaloverlay{
background: #333333;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
right: 0px;
bottom:0px;
z-index: 1;
}
.portal_wrapper{
position: absolute;
width: 960px;
left: 50%;
margin-left: -460px;
top: 80px;
height: 483px;
z-index:20;
z-index: 2;
}
.portalseite .portal_head{
background-color: #e2001a;
color: white ;
position: absolute;
display: block;
width: 940px;
height: 80px;
padding: 2px 10px 0px;
vertical-align: top;
margin: 0;
top: 320px;
}
.portalseite .portal_head *{
color: white;
}
.portal_hero {
padding: 10px;
background: #FFFFFF;
}
.portalseite ul.cities{
display: block;
width: 960px;
position: absolute;
left:0px;
bottom:0px;
list-style: none;
margin: 0;
}
.portalseite ul.cities li{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2 ease-in-out;
background: #FFFFFF;
background: rgba(255,255,255,0.98);
height: 60px;
width: 299px;
padding: 10px;
margin-top: 1px;
margin-left: 1px;
cursor: pointer;
position: relative;
display: block;
float: left;
}
.portalseite ul.cities a{
width: 100%;
display: block;
height: 100%;
}
.portalseite ul.cities a:focus{
outline: 2px solid #e40613;
}
.portalseite .cities_indicator{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2 ease-in-out;
position: absolute;
height: 100%;
right: 10px;
top: 0px;
width: 20px;
height: 0px;
background-color: #e40613;
top:0px;
background-position: -241px -56px;
}
.portalseite ul.cities li:hover .cities_indicator{
height: 45px;
}
.portalseite ul.cities img{
padding-right: 20px;
}
.portalseite h2{
border: none;
display: inline-block;
margin: 0;
font-weight: bold;
font-size: 16px;
line-height: 20px;
}
.portalseite ul.portal_ad{
position: absolute;
bottom: 0px;
left: 50%;
width: 960px;
margin-left: -460px;
padding: 10px 5px;
margin-bottom: 0;
margin-top: 0;
background-color: #e2001a;
z-index:1;
}
.portalseite ul.portal_ad li{
display: inline-block;
margin: 0px 10px 0 10px;
}
.portalseite ul.portal_ad a{
display: block;
}
.portalseite ul.portal_ad a:focus{
outline: 2px solid #e40613;
}
.portalseite .text_help{
right: 10px;
bottom: 10px;
position: absolute;
}
.portalseite .text_help ul{
width: 400px;
}
.portalseite .text_help li{
list-style: none;
height: 30px;
margin-left: 40px;
float: left;
}
.portalseite .text_help a{
display: block;
}
.portalseite .text_help a:focus{
outline: 2px solid #e40613;
}
/* @end */
/* @group Slidebox */
.slidebox_wrapper{
height: 362px;
width: 600px;
overflow: hidden;
position: relative;
margin-top: 0px;
margin-bottom: 15px;
}
.slidebox{
width: 600px;
overflow: hidden;
display: block;
z-index: 0;
position: absolute;
margin: 0;
top: 0;
padding-left: 0px !important;
}
.slidebox_indicators{
position: absolute;
z-index: 99;
width: auto;
padding: 0 !important;
height: 12px;
right: 15px;
top: 0px;
}
.slidebox_indicators li{
display: block;
margin-bottom: 4px;
padding: 0;
text-indent: -9999px;
cursor: pointer;
}
.slidebox_indicators .indicator{
width: 12px;
height: 12px;
background: url('//bremen.de/static/img/interface.png') no-repeat -34px -22px;
display: block;
padding: 0px;
z-index: 999;
border: 2px solid transparent;
}
.slidebox_indicators .indicator:focus{
border: 2px solid #e40613;
}
.slidebox li a:focus .slide_sub{
background: #e40613;
}
.slidebox_indicators .indicator.active{
background: url('//bremen.de/static/img/interface.png') no-repeat -48px -22px;
}
.slide_playpause {
position: absolute;
z-index: 148;
left: 20px;
top: -40px;
width: 30px;
height: 30px;
padding-top: 10px;
background: #e2001a;
display: block;
text-indent: -9999px;
}
.interfaceicon.play,
.interfaceicon.pause{
width: 16px;
height: 16px;
display: block;
margin: 6px 8px;
}
.slide_playpause:focus{
top: 0px !important;
background: #e40613;
}
.interfaceicon.play{
background-position: -63px 0px !important;
}
.interfaceicon.pause{
background-position: -78px 0px !important;
}
.slidebox li{
width: 600px;
height: 362px;
display: block !important;
position: relative;
}
.slidebox li a{
display:block;
height: 362px;
}
.slidebox li.load a{
display:block;
}
.slidebox li.active a{
display: block;
}
.slidebox li.active .slide_title{
display: block;
bottom: 56px;
}
.slidebox li.active .slide_sub{
display: block;
opacity: 1;
}
.slidebox li img{
position: absolute;
z-index: 5;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.slidebox .slide_title{
z-index: 10;
position: absolute;
bottom: 38px;
left: 20px;
padding: 5px 10px;
margin: 0px;
background: white;
background: rgba(255,255,255,0.9) ;
text-decoration: none !important;
font-size: 12px;
text-transform: uppercase;
display: none;
font-weight: normal;
}
.slidebox .slide_sub{
z-index: 13;
position: absolute;
bottom: 0px;
width: 560px;
opacity: 0;
padding: 20px;
background: #e2001a;
color: white;
text-transform: uppercase;
font-size: 18px;
text-decoration: none !important;
text-align: left;
}
/* @end */
/* @group Articles */
.main_article{
padding: 14px 0px 14px 0px;
clear: both;
}
.main_article.news p{
padding-left: 0px !important;
}
.main_article.map{
padding: 10px;
}
.main_article h2,
.main_article h6,
.main_article_half h2,
.main_article_half h6{
margin-top: 0px;
margin-bottom: 4px !important;
padding-bottom: 3px;
border-bottom: none !important;
font-size:16px;
font-weight: bold;
}
.main_article h2.invert,
.main_article h6.invert{
background: #e2001a;
color: #FFF;
font-weight: 300;
padding: 5px 10px;
}
.main_article p{
padding: 0px 0px 0px 0px;
}
.main_article .article_time{
font-weight: 300;
padding-bottom: 5px;
padding-top: 0px;
display: block;
font-size: 12px;
}
.main_article hr{
margin: 5px 0px;
}
.main_article a:focus img{
border: 1px solid #e40613;
}
.main_article img{
display: inline-block;
vertical-align: top;
}
.main_article .nexttoteaser{
display: inline-block;
width: 435px;
margin-left: 10px;
vertical-align: top;
position: relative;
}
.veranstaltung_ergebnisliste .nexttoteaser {
margin-left: 190px;
margin-botton: 20px;
}
.vk_left button, input, select, textarea {
color: #434e53;
}
.shopping_submit input[type="submit"] {
background: #cc0000 none repeat scroll 0 0;
}
.main_article .nexttoteaser.longteaser{
width: 600px !important;
}
.main_article_half{
margin-top: 14px;
vertical-align: top;
}
.main_article_half.half_left{
margin-right: 20px;
float:left;
margin-top: -5px;
}
.main_article_half.half_right{
margin-left: 300px;
}
.main_article_half hr{
margin: 5px 0px ;
}
.main_article_half p{
margin-top: 7px;
}
.main_article .a_z_list li{
display:inline-block;
min-width:20px;
height:20px;
text-align:center;
border:1px solid #dcdcdc;
margin-bottom:14px;
padding: auto 2px;
}
.main_article .a_z_list li:hover{
background: #eeeeee;
}
.main_article .a_z_list li.spec {
width:30px;
}
.main_article .a_z_list li.active {
background:#e2001a;
color:#FFFFFF;
}
.main_article .a_z_list li.active a {
color:#ffffff !important;
}
.main_article .a_z_list li.inactive a {
border:1px dotted #dcdcdc;
color:#b3b3b3;
}
.main_article .a_z_list li.empty {
color:#b3b3b3;
}
.main_article .a_z_list li.inactive{
border:1px dotted #dcdcdc;
}
.main_article .project{
border: 1px solid #b3b3b3;
padding:7px;
margin-left:15px;
}
.main_article .project_head div{
display:inline-block;
vertical-align:top;
}
.main_article .project_content div{
display:inline-block;
vertical-align:top;
}
.main_article .project_head{
border-bottom: 1px dotted #b3b3b3;
padding-bottom:5px;
}
.main_article .project_content{
padding-top:5px;
}
.main_article .project_content p{
padding: 0px;
font-size: 13px;
line-height: 18px;
}
.main_article .project_name{
font-weight:bold;
}
.main_article .project_date{
width:100px;
}
.main_article .project_location{
width:100px;
}
.main_article .project_description{
width:465px;
line-height:20px;
}
.main_article .project_info_list{
padding:5px;
margin-left:15px;
padding-right:0px;
}
.main_article .project_info{
border-bottom: 1px dotted #b3b3b3;
padding:10px 0px;
font-size: 14px;
}
.main_article .project_info:last-child{
border-bottom: none;
}
.main_article .project_info_left{
font-weight:bold;
width:210px;
display:inline-block;
vertical-align: top;
}
.main_article .project_info_right{
display:inline-block;
width:330px;
padding-left:15px;
vertical-align: top;
}
ul.content_functions{
width: 100%;
text-align: left;
margin: 5px 0px 24px 0px;
padding: 0 !important;
}
ul.content_functions li{
display: inline-block;
padding-left: 35px;
padding-right: 0px;
margin: 0 19px;
position: relative;
text-transform: uppercase;
}
ul.content_functions li span.interfaceicon{
width: 30px;
height: 23px;
position: absolute;
left: 0px;
}
ul.content_functions li a{
color: #e2001a;
font-size: 12px;
}
ul.content_functions li:hover a{
color: #e40613 !important;
text-transform:uppercase;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
.interfaceicon.print{
background-position: -46px -98px;
width: 30px;
height: 23px;
}
ul.content_functions li:hover .interfaceicon.print{
background-position: -46px -123px;
}
.interfaceicon.send{
background-position: 2px -99px;
width: 30px;
height: 23px;
}
ul.content_functions li:hover .interfaceicon.send{
background-position: 2px -124px;
}
.interfaceicon.share{
background-position: -74px -100px;
width: 30px;
height: 23px;
}
ul.content_functions li:hover .interfaceicon.share{
background-position: -74px -125px;
}
.interfaceicon.map{
background-position: -23px -101px;
width: 30px;
height: 23px;
}
ul.content_functions li:hover .interfaceicon.map{
background-position: -23px -126px;
}
.interfaceicon.businesscard{
width: 23px;
height: 23px;
display: inline-block;
vertical-align: bottom;
margin-right: 6px;
padding-bottom: 2px;
background-position: -98px -98px;
}
a:hover .interfaceicon.businesscard{
background-position: -98px -123px;
}
.aside_list_short .interfaceicon.businesscard{
background-position: -103px -95px !important;
margin-right:2px;
}
.aside_list_short a:hover .interfaceicon.businesscard {
background-position: -103px -120px !important;
}
.aside_list_short .interfaceicon.web {
background-position: -285px -95px !important;
}
.aside_list_short a:hover .interfaceicon.web {
background-position: -285px -120px !important;
}
.interfaceicon.website{
width: 23px;
height: 23px;
display: inline-block;
vertical-align: bottom;
margin-right: 6px;
padding-bottom: 2px;
background-position: -129px -98px;
}
a:hover .interfaceicon.website{
background-position: -129px -123px;
}
.interfaceicon.info_link {
width: 11px;
height: 20px;
display: inline-block;
vertical-align: top;
margin-right: 2px;
padding-bottom: 4px;
background-position: -77px -19px !important;
}
a:hover .interfaceicon.info_link {
background-position: -88px -19px !important;
}
.interfaceicon.ex_link{
width: 19px;
height: 12px;
display: inline-block;
vertical-align: top;
margin-right: 6px;
padding-bottom: 2px;
background-position: -2px -150px !important;
}
a:hover .interfaceicon.ex_link{
background-position: -2px -174px !important;
}
.interfaceicon.filetxt{
width: 15px;
height: 23px;
display: inline-block;
vertical-align: top;
margin-right: 6px;
padding-bottom: 2px;
background-position: -55px -150px !important;
}
a:hover .interfaceicon.filetxt{
background-position: -55px -175px !important;
}
.interfaceicon.fileimg{
width: 15px;
height: 23px;
display: inline-block;
vertical-align: top;
margin-right: 6px;
padding-bottom: 2px;
background-position: -107px -150px !important;
}
a:hover .interfaceicon.fileimg{
background-position: -107px -174px !important;
}
.interfaceicon.filekey{
width: 15px;
height: 23px;
display: inline-block;
vertical-align: top;
margin-right: 6px;
padding-bottom: 2px;
background-position: -32px -150px !important;
}
a:hover .interfaceicon.filekey{
background-position: -32px -175px !important;
}
.interfaceicon.file{
width: 15px;
height: 23px;
display: inline-block;
vertical-align: top;
margin-right: 6px;
padding-bottom: 2px;
background-position: -82px -150px !important;
}
a:hover .interfaceicon.file{
background-position: -82px -174px !important;
}
.main_article table{
width: 585px;
margin-left:15px;
border-spacing: 10px;
}
.main_article table td,
.main_article table th{
padding: 7px;
vertical-align: top;
text-align: left;
}
.table_right{
text-align: right !important;
}
.table_center{
text-align: center !important;
}
/* @group Forms */
.main_article form p{
padding: 8px 0px;
}
.main_article label{
display: block;
font-weight: bold;
}
.main_article input[type="radio"]{
float: left;
margin-right: 15px;
margin-top:3px;
}
.main_article input[type="checkbox"]{
float: left;
margin-right: 15px;
margin-top:4px;
}
.main_article input[type="submit"]{
float: right;
margin-right: 150px;
border: none;
background: #e2001a;
padding: 5px 30px;
color: white;
}
.main_article #dienstleistungen {
margin-left: 30px;
}
.main_article #dienstleistungen input[type="text"] {
width: 227px;
float: left;
}
.main_article #dienstleistungen input[type="submit"]{
float: left;
margin: 0px 20px;
}
.kogis .main_article input[type="submit"]{
margin-right: 135px;
}
.main_article input[type="submit"]:focus{
background: #e40613;
}
.required_field{
color:#e40613;
font-weight:normal;
}
.form_error{
background:#fcdedc;
border: 2px solid #e40613;
}
.form_error_text{
font-weight:normal;
font-size:12px;
}
.alert_box{
width:418px;
padding:15px 15px 0px 15px;
margin-left:15px;
border: 2px solid #e40613;
}
.alert_box a{
color:#e40613;
}
.nexttoteaser.hotel_booking form label{
opacity:0;
display:inline;
height:0px;
font-size:8px;
margin:0px;
line-height: 0;
}
.nexttoteaser.hotel_booking form select{
margin-left: 10px;
}
.nexttoteaser.hotel_booking form p{
padding:2px 0px;
margin:0px;
}
.nexttoteaser.hotel_booking form select#stay{
width: 140px;
margin-left: 7px;
}
.nexttoteaser.hotel_booking form select#guests{
width: 140px;
margin-left: 10px;
}
.nexttoteaser.hotel_booking form select#rooms{
width: 140px;
margin-left: 58px
}
.nexttoteaser.hotel_booking form input#runhotelsearch{
border:none;
color: #FFFFFF;
background: #0d6d9d;
margin-left:212px;
padding: 5px 32px;
margin-top:15px;
}
/* @end */
/* @group Main Advert */
.main_advert{
padding: 0px;
margin-top: 10px;
border: 1px solid #B3B3B3;
padding-top: 10px;
}
.main_advert span{
border: none !important;
padding: 20px;
}
.main_advert ul{
padding-top: 15px;
}
.main_advert ul li{
list-style: none;
margin-bottom: 20px;
}
.main_advert h2{
border: none;
padding: 0px;
margin: 0px;
text-transform: uppercase;
}
.main_advert p{
margin: 0;
color: #333;
}
.main_advert img{
display: inline-block;
vertical-align: top;
}
.main_advert .main_advert_content{
width: 300px;
margin-left: 20px;
display: inline-block;
}
/* @end */
/* @group Aside */
.aside{
padding: 10px 0px 15px 15px ;
width: 316px;
float: left;
display: block;
}
.aside .main_article_half {
margin-top: 0px;
}
.aside ul{
list-style: none;
margin-bottom: 15px;
margin-top: 0px;
}
.aside_teaser{
margin-top: 0px;
}
.aside_teaser li{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2 ease-in-out;
padding: 5px 15px 5px;
border-bottom: 1px solid #b3b3b3;
}
.aside_teaser_half li{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2 ease-in-out;
padding: 5px 4px;
width: 170px;
hight: 20px;
float: left;
}
.aside_teaser_half li.right {
width: 130px;
}
.aside_teaser_head_2spalten{
}
.aside_teaser li:last-child{
border-bottom: none;
}
.aside_teaser li:hover, .aside_teaser_half li:hover{
background: #E8E8E8;
}
.aside_teaser img,
.aside_teaser .aside_teaser_content{
display: inline-block;
vertical-align: top;
}
.aside_teaser img, .aside_teaser_half li img{
padding-right: 5px;
}
.aside_teaser_head{
font-weight: bold;
}
.aside_teaser :first-child{
padding-top: 2px ;
}
.aside_teaser a, .aside_teaser_half a{
color: #444;
display: block;
}
.aside_teaser a:focus{
outline: 1px solid #e40613;
}
.aside_teaser a:focus img{
border: 1px solid #e40613;
}
.aside_teaser a:focus .aside_icon{
border: none;
}
.aside_list_head{
width: 317px;
background: #e2001a;
margin-left: 0px;
}
.aside_list_head h6{
font-weight: 300;
color: white;
padding: 7px;
font-size: 16px;
margin-top: 0;
margin-bottom: 0px;
border: none;
}
.aside_list_head h6 a{
color: #FFFFFF !important;
}
.aside_list_short {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2 ease-in-out;
padding: 10px 15px;
border-bottom: 1px solid #b3b3b3;
}
.aside_list_short:hover{
background: #E8E8E8;
}
.aside_list_short.underlined{
border-bottom: 1px solid #b3b3b3;
}
.aside_list_short a{
color: #555;
cursor: pointer;
display: block;
padding: 2px;
}
.aside_teaser .aside_teaser_content{
width: 260px;
}
.aside_teaser .aside_teaser_content a{
position: relative;
}
.aside_teaser_content span,
.aside_teaser_content p {
padding-left: 50px;
}
.aside_teaser .aside_teaser_content img{
position: absolute;
left: 5px;
}
.aside_shorthead:focus{
outline: 1px solid #e40613;
}
.aside_teaser .aside_teaser_content p{
margin-top: 0px;
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 13px;
line-height: 17px;
margin-bottom: 5px;
}
.aside_list_short .interfaceicon{
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
margin-right: 24px;
margin-left: 2px;
}
.aside_list_short .interfaceicon.ex_link {
background-position: -2px -145px !important;
}
.aside_list_short a:hover .interfaceicon.ex_link {
background-position: -2px -169px !important;
}
.aside_teaser .aside_teaser_half{
width:118px;
text-align:center;
display:inline-block;
vertical-align: top;
padding:0px 0px 0px 0px;
}
.aside_teaser .aside_teaser_half:first-Child{
border-right:1px solid #b3b3b3;
width:125px;
padding-right:7px;
}
.aside_teaser .aside_teaser_half img{
position:relative;
display:block;
left:30px;
}
.aside_teaser .aside_teaser_half_head{
padding-left:0px;
}
.interfaceicon.twitter{
background-position: 0px -44px;
}
.interfaceicon.facebook{
background-position: -60px -44px;
}
.interfaceicon.youtube{
background-position: -30px -44px;
}
.interfaceicon.googlep{
background-position: -306px -5px;
}
.interfaceicon.xing{
background-position: -246px -5px;
}
.interfaceicon.linkedin{
background-position: -276px -5px;
}
.interfaceicon.flickr{
background-position: -336px -5px;
}
.interfaceicon.blogland{
background-position: -366px -5px;
}
.interfaceicon.twitterinline{
background-position: -211px -44px;
height: 21px;
width: 21px;
margin-left: 7px;
vertical-align: middle;
}
.aside_ad{
margin: 15px 0 15px 0px;
padding:8px;
padding-top:3px;
border:1px solid #b3b3b3;
border-right:0px;
}
.ad_head {
font-size: 9px;
text-align: right;
display: block;
}
/* @end */
/* @group Search */
ul.content_functions.search_filter li{
display: block;
text-align: left;
margin-bottom: 8px;
}
ul.content_functions.search_filter li a{
font-size: 14px;
}
.search_results li{
list-style: none;
padding-bottom:20px;
}
.search_results h2{
text-align: left;
position: relative;
}
.search_results h2 .interfaceicon{
position: absolute;
left: -34px;
width: 32px;
bottom: 1px;
}
.search_source{
padding: 0 !important;
margin: 0 !important;
}
.gastro_search_detail{
margin-left:135px;
}
.gastro_search_detail span.interfaceicon.phone{
background-position: -309px -94px;
}
.jumplistelement {
margin: 20px 0;
}
.pagination {
margin: -5px 0px -10px 0px !important;
padding: 0px 0px 0px 30px !important;
float:left;
}
.pagination.results_on_page{
float:right;
}
.pagination li{
list-style: none;
float: left;
margin: 0px 5px;
font-weight:bold;
}
.pagination li:first-child{
margin-left:0px;
}
.pagination .current_page{
font-weight:normal;
color:#444444;
}
.interfaceicon.article{
margin-right: 6px;
background-position: -150px -100px !important;
height: 23px;
}
.interfaceicon.events{
background-position: -177px -100px !important;
height: 23px;
}
.interfaceicon.attachment{
background-position: -79px -146px !important;
height: 23px;
width: 23px;
}
.aside_list_short .interfaceicon.attachment{
background-position: -79px -149px !important;
margin-right:10px;
}
.aside_list_short a:hover .interfaceicon.attachment {
background-position: -79px -172px !important;
}
.interfaceicon.office{
margin-right: 6px;
background-position: -228px -100px !important;
height: 23px;
}
.interfaceicon.dog{
background-position: -150px -150px !important;
height: 23px;
}
.interfaceicon.wheelchair{
background-position: -125px -150px !important;
height: 23px;
}
.interfaceicon.nosmoking{
background-position: -98px -150px !important;
height: 23px;
}
.interfaceicon.project{
background-position: -280px -151px !important;
height: 23px;
}
.interfaceicon.news{
background-position: -310px -151px !important;
height: 23px;
}
.interfaceicon.service{
background-position: -339px -151px !important;
height: 23px;
}
/* Social Bar OF */
#social-bar .interfaceicon:hover {
background-color: #e8e8e8;
}
#social-bar li {
float: left;
padding: 16px;
width: 30px;
height: 30px;
}
#social-bar li span {
width: 30px;
height: 30px;
}
/* @end */
/* @group Table */
table{
margin: 28px 0px;
}
table .dotright{
border-right: 1px dotted #CCC;
}
.main_article table.dotbottom, table .dotbottom{
border-bottom: 1px dotted #CCC;
}
.main_article table.dotleft, table .dotleft{
border-left: 1px dotted #CCC;
}
.main_article table.dottop, table .dottop{
border-top: 1px dotted #CCC;
}
.main_article table.dotstrong, table .dotstrong {
border-color: #999999;
border-width: 1px;
border-style:dotted;
}
table th{
background-color: #444444;
color: #FFFFFF;
}
table .lowbg{
background-color: #777777;
color: #FFFFFF;
}
table tr:nth-child(odd){
background-color: #EEEEEE;
}
/* @end */
/* @group Tabs */
.tab_content.inactive {
display:none;
}
.tabs.activated{
padding: 0px !important;
margin-left: 20px;
display: block;
width: 460px;
margin-top: 50px;
border-bottom: 1px solid #999999;
}
.tabs.activated li{
display: inline-block;
list-style: none;
padding-right: 20px;
padding-left: 10px;
border-right: 1px solid #999999;
font-weight: bold;
}
.tabs.activated li.active a{
font-weight: normal;
color: #444444 !important;
}
.tab_content{
clear: both;
padding: 0px !important;
margin: 0px 20px 20px !important;
border-bottom: 1px solid #999999;
}
.main_article h2.news_headline{
z-index: 13;
position: absolute;
bottom: 788px;
width: 560px;
padding: 20px;
background: #e2001a;
color: white;
font-size: 18px;
text-decoration: none !important;
text-align: left;
}
.main_article h2.news_headline a{
color:#ffffff;
}
/* @end */
/* @group Footer */
#footer {
width: 100%;
margin-left: 15px;
margin-top: 30px;
}
#footer ul{
background: #e2001a;
padding-left: 0px;
display: block;
width: 100%;
}
#footer ul li{
display: inline-block;
margin-right: 10px;
padding: 2px 0px ;
}
#footer ul li a{
color: white;
font-size: 12px;
}
#footer ul li a:hover{
color: white;
}
#footer ul li a:focus{
border: none;
outline: 2px solid #e40613;
}
#footer span{
width: 836px;
display: block;
padding:0px 0px;
margin:auto;
}
#totop:focus ,
#back:focus {
border: none;
// outline: 2px solid #e40613
;
}
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
.header, #main_nav, .breadcrump.startbc, ul.content_functions, #ad_top, .ads, .ad_inner_text, .main_advert, #ad_aside_skyscrapper, #footer {display:none;}
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after, a[href^="http:"]:after, a[href^="https:"]:after, a[href^="/"]:after, a[href^="detail."]:after { content: ""; } /* Don't show links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
/* kein Plista Widget beim drucken TS 25.10.2013 */
.plista_widget_slide { display: none !important; }
}
/********* fewo *********/
.head_main_links.visitenkarte li.fewo_haus{
background-image: url("/fastmedia/10/li_haus_adresse.png");
background-repeat: no-repeat;
padding-left: 3em;
list-style: none outside none;
position: relative;
width: 200px;
}
.head_main_links.visitenkarte li.fewo_besonderheiten{
width: 200px;
}
.head_main_links.visitenkarte.fewo{
width: 210px;
}
.erfolg{
color:#1aa81a;
padding-bottom:0;
}
.error{
color:#cc0000;
padding-bottom:0;
}
.login_error{
color:#ffffff;
}
.belegt{
text-decoration:line-through;
background-color:#EEEEEE;
}
/********************************/
/***** styles visitenkarte *****/
/********************************/
/*** fewo kalender ***/
.kalender .jcarousel-skin-ie7{
width:575px;
}
.kalender .jcarousel-skin-ie7 .jcarousel-item {
border: 0 none;
height: 300px;
width: 440px;
}
.kalender .jcarousel-skin-ie7 .jcarousel-clip-horizontal {
height: 305px;
overflow: hidden;
width: 445px;
}
.kalender hr{
border:0;
}
.kalender table {
border: 1px solid #E4E6E5;
height: 265px;
margin-top: 0.5em;
padding: 10px;
width: 425px;
}
.kalender td{
background-color: #fff;
text-align:center;
padding:5px;
width: 1.8em;
}
.kalender td.belegt{
background-color: #EEEEEE;
text-decoration: line-through;
}
.interfaceicon.xing{
background-position: -246px -5px;
}
.bold{font-weight:bold;}
.project_info_left img{margin-right:1.5em;}
.logo{
width:0px;
}
.vika_content{
margin-bottom:5em;
}
.vika_content_inline_left{
float: left;
padding-left: 0;
margin-right: 25px;
}
.vika_fuss{
margin-top:2.5em;
}
.clearfix:after {
clear: both;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.aside_list input[type="text"]{
padding-top:2px;
padding-bottom:2px;
padding-left:6px;
padding-right:6px;
margin-top:0.8em;
margin-bottom:1.5em;
}
.aside_list input[type="submit"]{
background: none repeat scroll 0 0 #e2001a;
border: medium none;
color: white;
padding: 5px 20px;
}
/******************************************/
/***** styles veranstaltungskalender *****/
/******************************************/
.event_search{
border: 1px solid #B3B3B3;
margin-bottom: 28px;
padding: 0 15px;
}
.event_search input[type="submit"]{
float:none;
width:25em;
margin-right:0px;
}
.event_search input[type="checkbox"]{
margin-left:5px;
}
.main_article form p.vk{
padding-bottom:2px;
}
.vk_hinweis{
font-size:12px;
}
.event_search_left{
padding-right: 15px;
}
.event_search_right input{
width:25px;
}
#veranstaltung{
width:315px;
padding-left:5px;
padding-right:5px;
padding-bottom:0px;
padding-top:0px;
margin-bottom:0;
}
/*veranstaltungskalender (kalenderblatt) alte css*/
.kalenderblatt{
width:200px;
font-size:0.9em;
margin-right:1.6em;
margin-left:0.5em;
padding-top:1.5em;
float:left;
}
.vk_monat{
font-weight:bold;
color:#333333;
float:left;
}
.vk_zurueck_blaettern{
position:absolute;
left:10.5em;
float:left;
margin-left:4.5em;
}
.vk_vor_blaettern{
position:absolute;
left:16em;
margin-left:1.4em;
float:left;
}
.vk_wochentag{
margin-right:2px;
margin-bottom:2px;
padding-left:0.1em;
padding-right:0.1em;
padding-top:0.3em;
padding-bottom:0.3em;
font-weight:bold;
width:23px;
text-align:center;
color:#fff;
background-color:#999;
float:left;
}
.vk_tag_alter_monat{
margin-right:2px;
margin-bottom:2px;
padding-left:0.1em;
padding-right:0.1em;
padding-top:0.3em;
padding-bottom:0.3em;
font-weight:bold;
width:23px;
text-align:center;
color:#666;
background-color:#ccc;
float:left;
}
.vk_tag_aktueller_monat{
margin-right:2px;
margin-bottom:2px;
padding-left:0.1em;
padding-right:0.1em;
padding-top:0.3em;
padding-bottom:0.3em;
font-weight:bold;
width:23px;
text-align:center;
color:#333333;
background-color:#59b653;
float:left;
}
.vk_tag_aktiv{
margin-right:2px;
margin-bottom:2px;
padding-left:0.1em;
padding-right:0.1em;
padding-top:0.3em;
padding-bottom:0.3em;
font-weight:bold;
width:23px;
text-align:center;
color:#fff;
background-color:#e40613;
float:left;
}
.vk_alle{
visibility:hidden;
}
.jumpliste_form{
padding-bottom:1.5em;
padding-top:1.5em;
margin-left: -2em;
}
.jumpliste_form input[type="submit"]{
background-color: #EEEEEE;
border: 1px solid #EEEEEE;
color: #2B5781;
font-weight: bold;
margin: 0.2em;
padding-left: 0.4em;
padding-right: 0.4em;
}
.jumpliste_form input[type="submit"]:focus{
background: none repeat scroll 0 0;
width:1.5em;
}
.jumpliste_form .aktive_seite {
background-color: #FFFFFF;
border: 1px solid #EEEEEE;
color: #2B5781;
font-weight: bold;
margin: 0.2em;
padding-left: 0.2em;
padding-right: 0.2em;
padding-top: 0.4em;
padding-bottom: 0.4em;
}
.jumpliste_form .seite {
color: #444444;
font-size: 14px;
font-weight: bold;
margin-bottom: 14px;
margin-left: 4.2em;
}
.head_navigation .nav .detail_navigation {
color: #FFFFFF !important;
}
.plista_widget_sidebar .plistaHl {
background: none repeat scroll 0 0 #002c4b !important;
}
#route-search {
background: url('/static/img/bike_it/bikeit-karte-back.png');
height: 100px;
width: 600px;
}
#route-search h2 {
color: #fff;
border: 0;
font-size: 21px;
margin: 0;
padding: 14px 10px 7px 10px;
}
#route-search form {
padding: 7px 10px 14px 10px;
}
#route-search input#route-from, #route-search input#route-to {
width: 35%;
margin-right: 10px;
height: 28px;
border: 1px solid #fff;
font-size: 16px;
padding: 0 10px;
}
#route-search input#search-button {
width: 17%;
border: 1px solid #fff;
background-color: #fff;
height: 32px;
font-size: 16px;
}
#route-search input#search-button:hover {
transition: all 0.2s ease-in-out 0s;
background-color: #e40613;
color: #fff;
border: 1px solid #e40613;
}
#route-mobile-notification {
display: none;
}
.jquery-lightbox-button-close {
background: #FFFFFF url(/static/img/bike_it/jquery-lightbox-theme-bremen-bikeit.png) no-repeat -157px 8px;
}
.route-img-map {
cursor: pointer;
}
@charset "UTF-8";
@media only screen and (max-width: 750px) {
.nav.mobile {
background: none repeat scroll 0 0 #e40613
!important;
}
.main_navigation_link.fixed_additional, .main_navigation_link.fixed_additional:hover {
background-color: #e40613
!important;
}
.nav.mobileview li.main_navigation_link.activated {
background-color: #eeeeee !important;
}
.nav.mobileview li.main_navigation_link:hoover {
background-color: #eeeeee !important;
}
#route-mobile-notification {
display: block;
}
#route-search, .route-img-map {
display: none !important;
}
}
.breadcrump_divider {
background: url("//bremen.de/static/img/interface.png") repeat scroll -8px -37px rgba(0, 0, 0, 0);
height: 7px;
margin: -2px 0 0 5px;
width: 7px;
}
#totop {
color: #FFFFFF;
background: none;
}
a.totop {
color: #FFFFFF;
font-size: 16px;
}
#back {
background: url("//bremen.de/static/img/interface.png") no-repeat scroll -111px -44px rgba(0, 0, 0, 0);
}
#footer #totop {
float: right;
margin-bottom: 0px;
}
#footer #totop_wrapper {
margin-right: 406px;
margin-top: -33px;
}
#footer #back {
margin-top: 5px;
}
.searchbox .searchform input#runsearch1, .searchbox .searchform input#runsearch2{
width: 20px;
height: 20px;
border: none;
position: absolute;
top: 5px;
right: 30px;
background: url('//bremen.de/static/img/interface.png') no-repeat -40px 0px ;
padding: 0 !important;
}
.dropdown_indicator{
width: 7px;
height: 7px;
background: url('//bremen.de/static/img/interface.png') 0px -36px;
margin-left: 2px;
margin-bottom: 4px;
margin-top: 15px;
}
.slidebox_indicators .indicator{
width: 12px;
height: 12px;
background: url('//bremen.de/static/img/interface.png') no-repeat -34px -22px;
display: block;
padding: 0px;
z-index: 999;
border: 2px solid transparent;
}
.slidebox_indicators .indicator.active{
background: url('//bremen.de/static/img/interface.png') no-repeat -48px -22px;
}
.interfaceicon {
background: url("//bremen.de/static/img/interface.png");
display: inline-block;
}
body.naMediaAd_WALLPAPER #ad_aside_skyscrapper{
top: -92px;
left: 961px;
}
#ip_billboard { height: 600px; }
#ip_billboard ~ .breadcrump.startbc{
margin-top: 212px !important;
}
#ad_aside_skyscrapper {
position: absolute;
top: -1px;
left: 962px;
z-index: 2000;
}
.naMediaAd_MEDIUM_RECTANGLE .adp-position .adp-top-right {
z-index: 1000 !important;
}
.naMediaAd_LAYER #ad1 {
z-index: 1000 !important;
}
.button_fahrradrahmen {
background: none repeat scroll 0 0 #e2001a;
border: medium none;
color: #FFFFFF;
margin-left: 0;
padding: 5px 20px;
margin-bottom: 15px;
}
.button_fahrradrahmen:hover {
background: none repeat scroll 0 0 #e40613;
}
td {
padding: 5px 0 5px 10px;
vertical-align: middle;
}
table {
margin: 0 0 15px;
}
#wrapper_zone_a h6 {
border-bottom: medium none !important;
font-size: 16px;
font-weight: bold;
margin-bottom: 4px !important;
margin-top: 0;
padding-bottom: 3px;
}
.fahrrad_text {
width: 288px;
display: inline-block;
}
.fahrrad_text_rechts {
width: 288px;
display: inline-block;
margin-left: 20px !important;
}
.fahrrad_text input {
border: 0;
background-color: transparent !important;
}
.fahrrad_text_rechts input {
border: 0;
background-color: transparent !important;
}
.nav.mobileview_search {
background-color: #e40613 !important;
}
.fa-chevron-left, .fa-chevron-up {
color: #e2001a !important;
}
#mob_nav_headline {
border-bottom: 1px solid #e2001a !important;
}
b, strong {
font-size: 14px;
font-weight: bold;
}
.bde .header .page_title a {
width: 200px;
}
.centerframe {
margin-top: 0px !important;
width:950px !important;
}
body {
box-shadow: none !important;
border-bottom: 0px !important;
}
#searchform input#searchinput {
width: 105px;
height: 14px;
font-weight: bold;
background-color: #d9dee1;
color: #e2001a !important;
text-transform: uppercase;
border: none !important;
}
.header .centerframe div, .header .centerframe span, .header .centerframe form, .header .centerframe a {
color: #002c4c !important;
}
#social_media {
float: right;
}
#social_media ul{
/* list-style: none; */
margin-right: -7px;
margin-top: 18px;
}
#social_media ul li {
float: left;
margin-left: 4px;
}
.header #head_language {
font-size: 11px;
width: auto;
margin-top: 11px;
}
.head_dropdown {
margin: 19px 8px 0px 10px;
text-transform: uppercase;
font-size: 11px;
}
.head_my {
text-align: left;
margin: 14px 15px;
}
.head_map, .head_my {
font-size: 11px;
}
#head_language .fa {
float:left;
}
.head_my a {
padding-left: 0px;
}
.head_search {
float: right !important;
width: 100%;
margin-right: -35px;
}
#head_management, #head_language, #head_urbanlife_logo {
padding: 8px 1px !important;
}
.footer_wrapper {
background-color: #424e55;
color: #fff;
}
#footer ul {
background: transparent;
width: 836px;
margin: auto !important;
}
#footer {
background-color: #fff;
margin: 0px !important;
}
#footer #socialshareprivacy {
height: 29px;
float: none;
width: auto !important;
}
.fontface #footer ul li a {
font-size: 11px;
text-transform: uppercase;
margin-right:10px;
}
#footer span {
font-size: 12px;
}
.suche_band {
margin-top: 5px;
margin-left: -5px;
}
.header .fa {
margin-right: 3px;
}
.suche_band .fa-search::before {
background-color: #e2001a;
color: #ffffff;
font-size: 16px;
margin-left: -6px;
}
.search_in_navi .fa-search::before {
display: none;
background-color: #ffffff;
color: #e2001a;
font-size: 16px;
margin-left: -7px;
padding: 3px;
position: fixed;
right: 430px;
opacity: 0;
transition: opacity 0.7s;
}
.search_in_navi_active .fa-search::before{
display: block;
opacity: 1;
transition: opacity 0.7s;
}
#footer #content_functions {
margin-bottom: 0px;
}
#head_language_list {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #fff;
}
#loginform {
width: auto;
}
.head_my_login {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #fff;
}
.head_my_login label {
color: #444;
}
#login {
background: #ccc;
text-align: center;
border: none;
}
.bde .nav.standardview li.main_navigation_link.active a {
color:#e2001a !important
}
.head_navigation .nav ul.sub_navigation_links {
border-bottom: none;
}
.head_navigation .nav li .sub_navigation {
-webkit-box-shadow: inset 0px -40px 51px 10px rgba(235,235,235,1);
-moz-box-shadow: inset 0px -40px 51px 10px rgba(235,235,235,1);
box-shadow: inset 0px -40px 51px 10px rgba(235,235,235,1);
}
.header .centerframe div, .header .centerframe span, .header .centerframe form, .header .centerframe a {
letter-spacing: normal;
}
.breadcrump.startbc {
margin-top: -20px !important;
margin-left: 5px;
margin-bottom: -5px;
}
.head_navigation .nav ul.sub_navigation_links li {
padding: 5px 10px 5px 0px;
}
ul.subkids_navigation {
margin:0px;
padding-top: 4px;
-moz-columns-count: 4 !important;
}
ul.sub_navigation_links li.sub_navigation_link {
border-bottom: 1px dotted #e40613;
min-width: 200px;
}
.sub_navigation {
padding: 10px 0px !important;
}
#searchform input#searchinput:hover {
-webkit-transform:width 0.6s,;
-moz-transform:width 0.6s,;
-o-transform:width 0.6s,;
transform:width 0.6s,;
}
#searchform input#searchinput:focus {
-webkit-transform:width 0.6s,;
-moz-transform:width 0.6s,;
-o-transform:width 0.6s,;
transform:width 0.6s,;
width: 200px;
}
.fragen_info {
background-color: transparent;
padding: 15px;
height: 100px;
}
/*gastrofinder */
.gastrofinder_search select,
.button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all.navigator-widget,
.gastrofinder_search input[type="submit"]{
width: 240px !important;
}
.main_article input[type="submit"]{
float:none;
}
.bildergalerie .gallery-arrow,
.bildergalerie .gallery-arrow-right span,
.bildergalerie .gallery-arrow-left span,
.bildergalerie .gallery-arrow-right:hover,
.bildergalerie .gallery-arrow-left:hover,
.bildergalerie .gallery-arrow-right span:hover,
.bildergalerie .gallery-arrow-left span:hover {
background-color: transparent;
height: 30px;
}
.headline h1{
color: #fff;
margin-bottom: 5px;
}
#logo:focus {
height: 70px;
outline: none;
}
.faktenbox_wrapper {
background: transparent;
}
table tr:nth-child(2n+1) {
background: #fff;
}
.kachel_festplatzierung {
width: 100%;
height: 100%;
}
body {
font-family: 'Open Sans', sans-serif !important;
color: #434e53;
}
h1 {
letter-spacing: 0px !important;
}
.aside_list_head {
background: #002c4b;
}
#searchform input#searchinput {
padding: 8px 5px 5px 4px;
}
#social_media ul {
margin-top: 22px;
}
#social_media {
margin-right: 7px;
}
#searchform {
margin-top: 11px;
}
#searchform input#searchinput {
width: 97px;
}
.fa-search::before {
padding: 4px 6px 6px 6px;
}
.search-box {
-webkit-transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
height: 25px;
border: none;
cursor: pointer;
background: #ebebeb;
}
.search-box + label .search-icon {
color: black;
}
.search-box:hover + label .search-icon {
color: white;
}
.search-box:focus {
-webkit-transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
border: none;
outline: none;
box-shadow: none;
padding-left: 15px;
cursor: text;
width: 400px;
border-radius: auto;
background: #ebebeb;
color: black;
}
.search-box:focus + label .search-icon {
color: black;
}
#search-submit {
position: relative;
left: -5000px;
}
.search-icon {
position: relative;
left: -30px;
color: white;
cursor: pointer;
}
body:not(:-moz-handler-blocked) .bde.head_navigation .nav ul.sub_navigation_links li.sub_navigation_link {
overflow: visible !important;
-moz-column-count: 4 !important;
}
body:not(:-moz-handler-blocked) div.spalten {
/*max-height: 700px;*/
}
#footer ul {
width: 960px;
padding:5px 0px;
}
#footer span {
width: 960px;
}
.bde .sub_navigation_links {
padding: 0px 0px !important;
}
div.spalten {
width: 960px;
}
.bde.head_navigation .nav ul.sub_navigation_links li.sub_navigation_link {
-moz-column-count: 4 !important;
padding-bottom: 15px;
}
.logo_invert {
width: 100px;
/* left: -90px !important; */
/* position: absolute; */
top: 4px;
opacity: 0;
transition: opacity 0.7s;
}
.logo_invert_scrolled {
opacity: 1 !important;
}
.main_nav {
height: 43px;
}
.search_in_navi .fa-search::before {
position: absolute;
right: -20px;
}
div#multicolumn {
clear: both;
margin:0 0 20px;
-moz-column-count:4; /* Firefox */
-moz-column-rule:1px dotted #000; /* Firefox */
-webkit-column-count:4; /* Safari and Chrome */
-webkit-column-rule:1px dotted #000; /* Safari and Chrome */
column-count:4;
column-gap:20px;
column-rule:1px dotted #000;
clear: both;
}
.search_in_navi {
opacity: 0;
transition: opacity 0.7s;
}
.search_in_navi_active {
opacity: 1 !important;
}
.add_searchtext {
display: none;
}
.show_text{
display: block;
color: #FFFFFF;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
margin-left: -500px;
}
.searchform_band input.searchform_band {
width: 20px;
position: fixed;
top:15px;
}
input.searchform_band {
opacity: 0;
}
input.searchform_band:focus {
opacity: 1;
}
input.searchform_band:hover {
opacity: 1;
}
.wrap {
margin: 7px -20px;
display: inline-block;
position: relative;
height: 22px;
float: right;
padding: 0;
}
.wrap input[type="text"] {
height: 22px;
font-size: 22px;
display: inline-block;
border: none;
outline: none;
color: #555;
padding: 3px;
padding-right: 60px;
width: 0px;
position: absolute;
top: 0;
right: 0;
background: none;
z-index: 3;
transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
cursor: pointer;
}
.wrap input[type="text"]:focus:hover {
background-color: #fff;
}
.wrap input[type="text"]:focus {
width: 500px;
z-index: 1;
cursor: text;
background-color: #fff;
margin-top: -16px;
}
.wrap input[type="submit"] {
height: 22px;
width: 22px;
display: inline-block;
color:red;
float: right;
background: url(http://hb.dev.bremen.de/fastmedia/10/icon_suche_band.png) center center no-repeat;
text-indent: -10000px;
border: none;
position: absolute;
top: 3px;
right: 0;
z-index: 2;
cursor: pointer;
transition: opacity .4s ease;
}
.wrap input[type="submit"]:hover {
opacity: 0.8;
}
.wrap input[type="submit"]:focus {
border: 1px solid green;
}
input#search {
font-family: 'PTSansRegular';
font-size: 14px;
color: #e2001a !important;
text-transform: uppercase;
font-weight: bold;
}
div#redBand {
background-color: #000;
width: 10px;
position: absolute;
height: 43px;
margin: auto;
left: -994px;
top: -7px;
transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
}
div#redBand:focus {
width: 990px;
}
.centerframe.weissesband {
width: 836px !important;
}
.karussell_relaunch {
height: 511px;
background-color: #fff;
width: 100%;
}
.kacheln_reihe a .click_dummy{
width: 100%;
height: 100%
}
.kacheln_reihe {
margin-left: auto;
margin-right: auto;
width: 836px;
height: 210px;
}
.kachel1x1 {
background-color: rgba(255,255,255,0.9);
width: 200px;
height: 200px;
margin: 12px 6px 0px 6px;
float: left;
position: relative;
}
.kachel_links {
margin-left:0px;
}
.kachel_rechts {
margin-right:0px;
}
.kachel1x1 h2 {
text-transform: none;
margin: 10px;
font-weight: bold !important;
font-size: 20px;
border: none;
}
.kachel1x1 p {
margin: 10px;
font-size: 16px;
}
.text_auf_bild {
}
.text_auf_bild img {
display: block;
}
.text_auf_bild .kacheltext {
/* position: absolute;*/
background-color: #ffffff;
opacity: 0.9;
margin-left: 3px;
width: 97%;
margin-top: 109px;
height: 88px;
padding-top: 1px;
}
.text_auf_bild h2{
color: #434e53;
}
.text_auf_bild h2 a {
color: #434e53;
}
.text_auf_bild h2 a:hover, .text_auf_bild h2 a:focus {
color: #e40613;
}
.text_auf_bild p{
color: #434e53;
font-size: 11px;
line-height: 15px;
margin-top: -10px;
}
.text_auf_bild_small {
}
.text_auf_bild_small img {
display: block;
}
.text_auf_bild_small .kacheltext {
/*position: absolute;*/
background-color: #ffffff;
opacity: 0.9;
margin-left: 3px;
width: 98%;
margin-top: 109px;
height: 88px;
padding-top: 1px;
}
.text_auf_bild_small h2{
color: #434e53;
margin-bottom: 33px;
}
.text_auf_bild_small h2 a {
color: #434e53;
}
.text_auf_bild_small h2 a:hover, .text_auf_bild h2 a:focus {
color: #e40613;
}
.text_auf_bild_small p{
color: #434e53;
font-size: 11px;
line-height: 15px;
margin-top: -10px;
}
.slick-slide {
height: 511px !important;
}
.slick-dots {
bottom: 0px !important;
z-index: 4000 !important;
}
.slick-dots li button {
background: rgba(0,0,0,.1) !important;
border:3px solid #fff!important;
content: none !important;
width: 1px !important;
height: 1px !important;
border-radius: 50%!important;
box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.slick-dots li.slick-active button {
background: #fff !important;
}
.slick_carusel_slider_data {
box-shadow: 0 0 3px rgba(0,0,0,.2);
max-width: 821px;
margin: 0 auto;
background-color: #fff;
opacity: 0.9;
padding: 15px 0px 15px 15px;
display: block;
}
.slick_carusel_slider_data {
color: #434e53 !important;
}
h1.slick_carusel_slider_title {
text-transform: none;
font-weight: bold !important;
margin-bottom: 5px;
}
h2.slick_carusel_slider_subtitle {
border-bottom: none !important;
font-weight: normal !important;
}
.neo-nav-row {
height: 41px;
}
.kacheln_reihe a {
color:#434e53;
}
.slick_carusel_slider_source {
font-size: 8px;
}
.slick-dots li button::before {
content: normal !important;
}
.slick-active .slick-dots li button {
background: #000 !important;
}
.slick_carusel_slider_data_transparent {
margin: 0px auto !important;
}
.neo-nav-main__item {
font-weight: 500 !important;
}
.neo-sub-nav__item--head a {
font-weight: bold !important;
padding: 5px 0px !important;
}
.neo-sub-nav__item a {
padding: 2px 0px !important;
}
.kacheln_reihe a:hover {
color: #e40613 !important;
}
#container {
background: rgba(255,255,255,0.9);
}
.slick_carusel_slider_data {
padding: 1px 0px 15px 15px !important;
}
.logo_mobil {
display: none;
}
.neo-sidenav-menu {
display: none;
}
.neo-search-menu {
display: none;
}
#footer {
background-color: #424e55;
}
#footer #socialshareprivacy {
background-color: #fff;
}
div#footer_position {
width: 960px;
margin-left: auto;
margin-right: auto;
}
#footer #totop_wrapper {
margin-right: 0;
margin-top:0;
}
#footer #totop_wrapper .fa{
color: #fff !important;
font-size: 16px;
}
#footer ul li a {
padding-right: 5px;
text-transform: uppercase;
}
#footer ul li {
margin-right: 5px;
}
.gastrofinder_search {
height: auto;
background-color: #002c4b !important;
color: #fff;
}
.gastrofinder_search_top {
padding-top: 10px;
}
body, button, input, select, textarea {
font-family: 'Open Sans', sans-serif;
}
.aside_list_short .interfaceicon {
width: 29px;
}
#searchform input#searchinput {
padding: 7px 5px 6px 4px;
}
#socialshareprivacy ul li a {
padding-right:0px !important;
}
.breadcrump li a {
margin-top: 1px;
}
.suche_relaunch {
background-color: #002c4b;
padding: 15px 10px;
}
.bs_search_input {
width: 80%;
border: none;
height: 20px;
}
.bd_search_button {
width: 16%;
}
input#search_query {
padding-left: 5px;
}
li.tabbar_container {
margin-left: 5px;
border: 1px solid #ccc;
}
li.tabbar_container_active {
margin-left: 5px;
border: 1px solid #ccc;
}li#freunde, li#ical_save, li#ticket, li#whatsapp {
background-color: #e2001a;
}
.veranstaltung_anzeigen_button {
background: #e2001a none repeat scroll 0 0;
font-size: 13px;
width: 28% !important;
}
.veranstaltung_ergebnisliste .fa {
color: #002c4b;
}
.vk_nexttoteaser{
margin-left: 190px;
}
.shopping_suchformular{
background-color: #002c4b;
}
/* branchensuche */
.branchensuche_input {
width: 428px;
}
.branchensuche {
background: none;
}
.branchensuche_suchfeld_right input[type="submit"] {
background: #e2001a none repeat scroll 0 0;
}
.inline_image_branchensuche{
padding-bottom: 35px;
padding-top: 0;
}
.a_unterkat_branchensuche{
color: #434e53;
text-decoration: underline;
font-weight: normal;
}
.ergebnis_navigator a{
font-wight: normal;
}
/* a bis z liste */
.main_article .a_z_list li {
background-color: #fff;
border: 1px solid #434e53;
}
.main_article .a_z_list a{
color: #434e53;
}
/* gastronavigator */
.gastrofinder_search_right{
width: 285px;
}
.gastrofinder_search_left{
width: 290px;
}
.gastrofinder_search {
background: none;
padding-right:0;
padding-left: 5px;
}
.gastrofinder_search_top input[type="text"]{
width:577px !important;
}
.gastrofinder_search input[type="submit"]{
width: 272px !important;
}
/* weiterbildungsberatung */
.map_icon {
background-color: #002c4b;
}
/* visitenkarte */
.head_main_links.visitenkarte {
margin-right: 10px;
width: 150px;
}
.nav_vika{
margin-left: -25px;
}
.main_article a.vika_more{
font-weight: normal;
margin-left: 5px;
}
li.navigation_link_pp_aktiv a{
text-decoration: none;
font-size: 12.5px;
}
li.navigation_link_pp a{
text-decoration: none;
font-size: 12.5px;
}
li.navi_vika_bsf a{
text-decoration: none;
font-size: 12.5px;
}
li.navi_vika_bsf_aktiv a{
text-decoration: none;
font-size: 12.5px;
}
.visitenkarte{
font-size: 13.5px;
}
.visitenkarte p, .visitenkarte li, .visitenkarte a{
font-size: 13.5px;
}
.visitenkarte td{
line-height: 15px;
}
.visitenkarte a{
color: #434e53;
text-decoration: underline;
}
.main_article .nexttoteaser.vika_nextoteaser{
margin-top: -3px;
}
.vika_fuss a{
color: #434e53;
text-decoration: underline;
font-size: 13.5px;
}
.vika_fuss{
line-height: 21px;
font-size: 13.5px;
}
.sh_vika_offen tr:nth-child(2n+1) {
background: none;
}
.sh_wochentag {
width: 20px;
}
.wb_adresse a{
color: #434e53;
}
.bsf_accordion_h3{
color: #434e53;
}
.gewerbliche_anzeigen a{
color: #434e53;
text-decoration: underline;
font-weight: normal;
}
/* visitenkarte */
.head_main_links.visitenkarte {
margin-right: 10px;
width: 150px;
}
.nav_vika{
margin-left: -25px;
}
.main_article a.vika_more{
font-weight: normal;
margin-left: 5px;
}
.visitenkarte{
font-size: 13.5px;
}
.visitenkarte p, .visitenkarte li, .visitenkarte a{
font-size: 13.5px;
}
.visitenkarte td{
line-height: 15px;
}
.visitenkarte a{
color: #434e53;
text-decoration: underline;
}
.main_article .nexttoteaser.vika_nextoteaser{
margin-top: -3px;
}
.vika_fuss a{
color: #434e53;
text-decoration: underline;
font-size: 13.5px;
}
.vika_fuss{
line-height: 21px;
font-size: 13.5px;
}
.sh_vika_offen tr:nth-child(2n+1) {
background: none;
}
.sh_wochentag {
width: 20px;
}
.wb_adresse a{
color: #434e53;
}
.bsf_accordion_h3{
color: #434e53;
}
.gewerbliche_anzeigen a{
color: #434e53;
text-decoration: underline;
font-weight: normal;
}
.head_navigation .nav .main_navigation li.navigation_link_pp{
border-top:0px;
border-left:0;
margin-left:0;
width:156px;
}
.head_navigation .nav .main_navigation li.navigation_link_pp_aktiv{
background: #ffffff;
color: #e2001a;
border-top:0px;
border-left:0;
margin-left:0;
width:165px;
}
.head_navigation .nav .main_navigation li.navi_vika_bsf{
border-top:0px;
border-left:0;
margin-left:0;
width:330px;
}
.head_navigation .nav .main_navigation li.navi_vika_bsf_aktiv{
background: #ffffff;
border-top:0px;
border-left:0;
margin-left:0;
width:330px;
}
/* neueintrag */
.neueintrag_content {
font-size: 13.5px;
}
.rechter_bereich {
float: none;
padding-top: 398px;
}
.vika_neu_vorschau_logo{
padding-top: 70px;
}
/* barrierefrei */
.search_bsf {
background-color: #ffffff;
min-height: 732px;
border: 1px solid #cccccc;
}
.search_bsf button {
background: #e2001a none repeat scroll 0 0;
border: 1px solid #cccccc;
}
.bsf_search_results{
background: #ffffff none repeat scroll 0 0;
border: 1px solid #cccccc;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 8px;
}
.pagination{
padding-left:5px !important;
}
.bsf_accordeon_margin_left{
margin-left: -18px;
}
.bsf_background{
background-color: #ffffff;
padding: 16px;
width: 284px;
}
.bsf_ls_h6{
margin-top: 44px;
}
.bsf_was_ist_bsf{
background: #ffffff none repeat scroll 0 0;
border: 1px solid #cccccc;
padding-left: 24px;
padding-top: 12px;
padding-bottom: 58px;
}
.bsf_was_ist_bsf table{
margin-left: -18px;
}
.bsf_was_ist_bsf a{
color: #434e53;
text-decoration: underline;
font-weight: normal;
}
.bsf_druck_content{
background: #ffffff none repeat scroll 0 0;
border: 1px solid #cccccc;
padding-left: 24px;
padding-top: 12px;
padding-bottom: 58px;
}
li#freunde, li#ical_save, li#ticket, li#whatsapp {
background-color: #e2001a;
}
.veranstaltung_anzeigen_button {
background: #e2001a none repeat scroll 0 0;
font-size: 13px;
width: 28% !important;
}
.veranstaltung_ergebnisliste .fa {
color: #002c4b;
}
.vk_nexttoteaser{
margin-left: 190px;
}
.shopping_suchformular{
background-color: #002c4b;
}
/* branchensuche */
.branchensuche_input {
width: 428px;
}
.branchensuche {
background: none;
}
.branchensuche_suchfeld_right input[type="submit"] {
background: #e2001a none repeat scroll 0 0;
}
.inline_image_branchensuche{
padding-bottom: 35px;
padding-top: 0;
}
.a_unterkat_branchensuche{
color: #434e53;
text-decoration: underline;
font-weight: normal;
}
.ergebnis_navigator a{
font-wight: normal;
}
/* a bis z liste */
.main_article .a_z_list li {
background-color: #fff;
border: 1px solid #434e53;
}
.main_article .a_z_list a{
color: #434e53;
}
/* gastronavigator */
.gastrofinder_search_right{
width: 285px;
}
.gastrofinder_search_left{
width: 290px;
}
.gastrofinder_search {
background: none;
padding-right:0;
padding-left: 5px;
}
.gastrofinder_search_top input[type="text"]{
width:577px !important;
}
.gastrofinder_search input[type="submit"]{
width: 272px !important;
}
/* weiterbildungsberatung */
.map_icon {
background-color: #002c4b;
}
/* visitenkarte */
.head_main_links.visitenkarte {
margin-right: 10px;
width: 150px;
}
.nav_vika{
margin-left: -25px;
}
.main_article a.vika_more{
font-weight: normal;
margin-left: 5px;
}
li.navigation_link_pp_aktiv a{
text-decoration: none;
font-size: 12.5px;
}
li.navigation_link_pp a{
text-decoration: none;
font-size: 12.5px;
}
li.navi_vika_bsf a{
text-decoration: none;
font-size: 12.5px;
}
li.navi_vika_bsf_aktiv a{
text-decoration: none;
font-size: 12.5px;
}
.visitenkarte{
font-size: 13.5px;
}
.visitenkarte p, .visitenkarte li, .visitenkarte a{
font-size: 13.5px;
}
.visitenkarte td{
line-height: 15px;
}
.visitenkarte a{
color: #434e53;
text-decoration: underline;
}
.main_article .nexttoteaser.vika_nextoteaser{
margin-top: -3px;
}
.vika_fuss a{
color: #434e53;
text-decoration: underline;
font-size: 13.5px;
}
.vika_fuss{
line-height: 21px;
font-size: 13.5px;
}
.sh_vika_offen tr:nth-child(2n+1) {
background: none;
}
.sh_wochentag {
width: 20px;
}
.wb_adresse a{
color: #434e53;
}
.bsf_accordion_h3{
color: #434e53;
}
.gewerbliche_anzeigen a{
color: #434e53;
text-decoration: underline;
font-weight: normal;
}
/* visitenkarte */
.head_main_links.visitenkarte {
margin-right: 10px;
width: 150px;
}
.nav_vika{
margin-left: -25px;
}
.main_article a.vika_more{
font-weight: normal;
margin-left: 5px;
}
.visitenkarte{
font-size: 13.5px;
}
.visitenkarte p, .visitenkarte li, .visitenkarte a{
font-size: 13.5px;
}
.visitenkarte td{
line-height: 15px;
}
.visitenkarte a{
color: #434e53;
text-decoration: underline;
}
.main_article .nexttoteaser.vika_nextoteaser{
margin-top: -3px;
}
.vika_fuss a{
color: #434e53;
text-decoration: underline;
font-size: 13.5px;
}
.vika_fuss{
line-height: 21px;
font-size: 13.5px;
}
.sh_vika_offen tr:nth-child(2n+1) {
background: none;
}
.sh_wochentag {
width: 20px;
}
.wb_adresse a{
color: #434e53;
}
.bsf_accordion_h3{
color: #434e53;
}
.gewerbliche_anzeigen a{
color: #434e53;
text-decoration: underline;
font-weight: normal;
}
.head_navigation .nav .main_navigation li.navigation_link_pp{
border-top:0px;
border-left:0;
margin-left:0;
width:156px;
}
.head_navigation .nav .main_navigation li.navigation_link_pp_aktiv{
background: #ffffff;
color: #e2001a;
border-top:0px;
border-left:0;
margin-left:0;
width:165px;
}
.head_navigation .nav .main_navigation li.navi_vika_bsf{
border-top:0px;
border-left:0;
margin-left:0;
width:330px;
}
.head_navigation .nav .main_navigation li.navi_vika_bsf_aktiv{
background: #ffffff;
border-top:0px;
border-left:0;
margin-left:0;
width:330px;
}
/* neueintrag */
.neueintrag_content {
font-size: 13.5px;
}
.rechter_bereich {
float: none;
padding-top: 398px;
}
.vika_neu_vorschau_logo{
padding-top: 70px;
}
/* barrierefrei */
.search_bsf {
background-color: #ffffff;
min-height: 732px;
border: 1px solid #cccccc;
}
.search_bsf button {
background: #e2001a none repeat scroll 0 0;
border: 1px solid #cccccc;
}
.bsf_search_results{
background: #ffffff none repeat scroll 0 0;
border: 1px solid #cccccc;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 8px;
}
.pagination{
padding-left:5px !important;
}
.bsf_accordeon_margin_left{
margin-left: -18px;
}
.bsf_background{
background-color: #ffffff;
padding: 16px;
width: 284px;
}
.search_bsf_error{
background: #ffffff none repeat scroll 0 0;
border: 1px solid #cccccc;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 8px;
padding-top: 12px;
margin-bottom: 15px;
}
.bsf_ls_h6{
margin-top: 44px;
}
.bsf_ls a{
color: #434e53;
text-decoration: underline;
}
.bsf_accordion_faq_leichte_sprache p{
font-family: "Calibri",Helvetica,Arial,sans-serif;
font-size: 16px;
}
.bsf_was_ist_bsf{
background: #ffffff none repeat scroll 0 0;
border: 1px solid #cccccc;
padding-left: 24px;
padding-top: 12px;
padding-bottom: 58px;
}
.bsf_was_ist_bsf table{
margin-left: -18px;
}
.bsf_was_ist_bsf a{
color: #434e53;
text-decoration: underline;
font-weight: normal;
}
.bsf_druck_content h1{
color: #545454;
font-weight: bold;
font-size: 22px;
}
.bsf_druck_content a{
color: #434e53;
text-decoration: underline;
font-weight: normal;
}
.bsf_druck_content table tr:nth-child(2n+1) {
background-color: #e6eaed;
}
.bsf_druck_header{
background-color: #002c4b;
}
.bsf_druck_content .abbildung_2{
border: 5px solid #e6eaed;
}
.bsf_parameter{
}
/*.header .centerframe div, .header .centerframe span, .header .centerframe form, .header .centerframe a.bsf_druck_header_a{
font-weight: bold;
font-size: 22px;
color: #ffffff;
}*/
.bsf_fenster_schliessen a{
color: #434e53;
text-decoration: underline;
font-weight: normal;
}
.bsf_accordion h3 {
color: #002c4b;
}
.bsf_ls_text{
font-size: 15px;
}@media only screen and (max-width: 980px) {
.slick-slider .slick_carusel_slider_data_transparent{
bottom:10px;
left:10px;
right:10px;
}
.centerframe {
width: 100% !important;
}
.karussell_relaunch {
height: 300px;
}
.mobile_reihe {
width: 96%;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
height: 200px;
}
.kacheln_reihe {
width: 100%;
}
.kachel1x1 {
width: 49%;
margin: 0;
}
.mobile_2 {
float: right;
}
.mobile_1 {
float: left;
}
.header.head_m001_bremen_2016 {
display: none;
}
.slick_carusel_slider_img img {
max-width: none !important;
height: 300px;
}
.slick-prev, .slick-next {
display: none;
}
h2.slick_carusel_slider_subtitle {
display: none;
}
.slick-arrow{
display:none !important;
}
.slick-dots {
display: none !important;
}
.slick_carusel_slider_data {
padding: 1px 0px 15px 15px;
}
.neo-nav-menu-trigger svg {
fill: #fff;
margin: 5px 5px 20px 0px;
}
.neo-nav-menu-trigger {
float: right;
padding: 11px 5px 11px 10px;
}
.neo-nav-row {
background: #fff;
width: 100%;
}
.sub-nav-trigger {
color: #000;
}
.neo-nav-main__item.is-active a, .neo-nav-main__item.is-active ul {
text-align: left;
margin-left: 10px;
list-style: none;
}
.neo-nav-main__item.is-active .sub-nav-trigger {
background-color: #e40613;
text-align: left;
}
svg.burger-svg {
background-color: #e40613;
padding: 5px;
}
.logo_mobil {
display: block;
width: 140px;
margin: -4px 5px;
float: left;
}
.neo-sidenav-menu {
display: block;
width: 35px;
height: 35px;
background-color: #002c4c;
color: #fff;
float: right;
margin: 16px 8px 20px 0px;
}
.neo-search-menu {
display: block;
width: 35px;
height: 35px;
float: right;
background-color: #e2001a;
margin: 16px 5px 20px 8px;
}
.neo-sidenav-menu .fa-caret-down, .neo-sidenav-menu .fa-caret-up {
font-size: 40px;
margin: -1px 0px 0px 6px;
}
.neo-search-menu .fa-search {
font-size: 25px !important;
margin: 5px 0px 0px 0px;
padding: 0px;
color: #fff;
}
.werbung {
margin-left: 0;
}
.text_auf_bild .kacheltext {
}
.kachel1x1 img {
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
align-items: center;
}
#main_search {
opacity: 1 !important;
}
.nav.mobileview_search {
display: block;
top: 46px !important;
background-color: #fff !important;
}
#searchform_mobile input#searchinput {
border: none !important;
background-color: #d9dee1 !important;
text-transform: uppercase;
color: #e2001a;
font-weight: 600;
padding:6px !important;
width: 85% !important;
border-radius: 0px !important;
}
#searchform_mobile input#runsearch {
background: none !important;
height: 20px;
width: 40px !important;
z-index: 5000 !important;
}
#searchform_mobile input#runsearch {
right: 5%;
}
.mobileview_search .fa.fa-search {
background-color: #e2001a;
color: #ffffff;
font-size: 16px;
margin: -28px 0px 0px 0px;
padding: 6px;
float:right;
position: relative;
margin-right: -3%;
}
.neo-nav {
max-width: 100%;
}
body{
/*border:10px solid #f00;*/
}
span.show_mobile{
display: inline !important;
}
div.show_mobile{
display: block !important;
}
.dont_show_mobile{
display: none !important;
}
.kacheln_reihe{
height: auto;
}
.footer_wrapper{
padding: 10px;
height: auto;
}
#footer #socialshareprivacy {
height: 70px;
}
.nav.mobileview_search{
display: none;
}
.mobile_site_menu{
background-color: #fff;
line-height: 1;
color: #434e53;
font-weight: bold;
position: fixed;
z-index: 1000;
top: 70px;
width: 100%;
padding-bottom: 25px;
}
.mobile_site_menu a,
.mobile_site_menu .head_dropdown .fa{
color: #434e53;
}
.mobile_site_menu .head_dropdown .fa,
.mobile_site_menu .head_dropdown img{
display: none;
}
span.show_mobile.fa.fa-arrow-right{
display: inline;
color:#e40613;
}
.sub-nav-trigger{
width: 100%;
border: none;
text-align: left;
color: #e40613;
padding: 20px;
border-bottom: 1px solid #e40613;
}
ul.neo-sub-nav__list{
margin: 0;
padding: 0;
}
.neo-nav ul li{
list-style-type: none;
}
.neo-nav ul li.neo-sub-nav__item {
display: none;
}
.neo-nav ul li.neo-sub-nav__item.neo-sub-nav__item--head {
display: block;
}
.neo-nav ul li.neo-sub-nav__item.neo-sub-nav__item--head a {
color: #e40613;
line-height: 2;
width: 75%;
}
.neo-nav-main__item.is-active .sub-nav-trigger {
background-color: #fff;
text-align: left;
}
.neo-nav-main__item.is-active a, .neo-nav-main__item.is-active ul {
border-bottom: 1px solid #000;
}
.neo-nav-row{
height: 70px;
}
.neo-nav-row.is-sticky{
z-index: 100;
width: 100%;
position: fixed;
top: 0;
padding-top: 0px;
}
.karussell_relaunch.nav-is-sticky {
margin-top: 70px;
}
.headline h1 {
margin-left: 1%;
}
.sub-nav-trigger {
border-bottom: none;
list-style: none;
font-weight: 600;
padding: 10px;
}
li.neo-sub-nav__item.neo-sub-nav__item--head {
text-transform: uppercase;
color:#e40613;
}
.neo-nav-main__item.is-active a, .neo-nav-main__item.is-active ul {
border-bottom: none;
}
.neo-nav-menu-trigger svg {
fill: #fff;
background-color:#e40613;
padding: 5px;
}
li.neo-sub-nav__item {
border-bottom: 1px dotted #ccc;
}
.neo-nav-row.is-open {
height: 500px;
}
#footer ul {
text-align: center;
}
#footer ul li {
width: auto !important;
}
#footer span {
width: 95%;
padding: 10px;
}
#footer ul li a {
padding-right: 2px;
}
.werbung {
padding: 1px 5px;
margin-left: 34%;
}
.kachel1x1 h2 {
font-size: 16px;
}
.kachel1x1 p {
font-size: 14px;
}
.kacheln_reihe a {
font-size: 16px;
}
small {
font-size: 8px;
}
.slick-slide {
height: 300px !important;
}
#footer #socialshareprivacy {
height: 90px;
}
div#footer_position {
width: 100%;
}
#footer ul li a {
font-size: 12px !important;
}
#footer ul li {
padding: 5px 0px !important;
}
.logo_normal {
height: 50px;
}
#footer #content_functions {
margin-top: 0px;
}
#footer #totop_wrapper {
float:none !important;
}
#footer #totop_wrapper {
display: -webkit-inline-box;
margin-left: 48%;
margin-top:10px !important;
}
#footer .fa-caret-square-o-up {
font-size: 20px;
}
#footer ul li {
width: auto !important;
}
.breadcrumb_row {
display: none;
}
.neo-sub-nav__item a {
color: #000 !important;
}
.neo-sub-nav__item--head a {
color: #e40613 !important;
}
.headline {
width: 100% !important;
}
}
/* Slider */
.slick_carusel_slider_data_transparent{
position:absolute;
bottom:50px;
left:0;
right:0;
}
.slick-arrow{
position: absolute;
top: 0;
bottom: 0;
background: transparent;
border: none;
font-size: 92px;
color: #fff;
text-shadow: 0px 0px 3px rgba(0,0,0,.4);
z-index:1;
padding: 0 10px;
outline:none !important;
}
.slick-arrow--right{
right:0;
}
.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 511;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
min-width:100%;
position: absolute;
left:50%;
top:50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
position: relative;
overflow: hidden;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('./fonts/slick.eot');
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 30px !important;
height: 70px !important;
padding: 0;
margin-top: -10px\9; /*lte IE 8*/
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
.button_inserieren a span.inserieren_icon{
border-left: 5px solid #e6eaed;
}
.content_list a {
color: #002c4c;
}
.content_list a:visited {
color: #888;
}
.anzeige {
background-color: transparent;
}
#footer {
height: 60px;
border-top: 10px #fff solid;
}
.social_share_privacy_area li .help_info.icon {
background: url("http://www.bremen.de/static/img/interface.png") no-repeat scroll -75px -18px transparent !important;
}
.social_share_privacy_area li.settings_info .settings_info_menu .settings {
background: url("/static/socialshareprivacy/images/settings.png") no-repeat scroll center center transparent !important;
}
.urban_logo {
margin-top: 10px;
float: right !important;
}
.fa-search::before {
padding: 5px 6px 6px 6px;
}
.plista_widget_belowArticle .itemMore {
color: #444 !important;
font-family: 'Open Sans' !important;
}
.plista_widget_belowArticle .itemTitle {
font-family: 'Open Sans' !important;
}
.plista_widget_belowArticle .itemText {
font-family: 'Open Sans' !important;
font-size: 13px !important;
}
.plista_widget_belowArticle .plistaHl {
font-family: 'Open Sans' !important;
padding-bottom: 12px !important;
}
.head_navigation .nav .sub_navigation_additional {
border-top: 0px;
}
.head_navigation .nav .sub_navigation_additional .sub_navigation_aside {
margin-left: 0px;
border-left: 0px;
}
.head_navigation .nav .sub_navigation_additional .sub_navigation_aside li {
font-weight: bold !important;
}
.fontface body, .fontface input {
font-family: 'Open Sans' !important;
}
#desktop_show {
display: block;
}
.error .fa.fa-times {
color: #e2001a;
}
.infosign.fa.fa-info {
color: #fff;
}
.head_navigation .nav a:focus {
text-decoration: none !important;
color: #fff !important;
}
input#suche {
font-weight: bold;
background-color: #fff;
color: #e2001a !important;
text-transform: uppercase;
border: none !important;
}
.m011_suche_fce_d .aside_list input[type="text"] {
padding-top: 4px;
}
.m011_suche_fce_d .aside_list input[type="submit"] {
background: none repeat scroll 0 0 #002c4c;
border: medium none;
color: white;
padding: 5px 15px;
margin-left: 0;
text-transform: uppercase;
font-weight: bold;
}
input {
border: 1px solid #d9dee1;
}
textarea#content {
border: 1px solid #d9dee1;
}
textarea#text.input_25em{
font-size: 13px;
}
/* RELAUNCH STYLES 2016 ENDE*/@media only screen and (max-width: 750px) {
/* Style adjustments for viewports 480px and over go here */
/*
* Bremen.de
*
* Mobile Media Query
*/
/* Style adjustments for viewports 480px and over go here */
html {
background: none !important;
overflow-x: hidden;
height: 100%;
}
.skip-links{
display:none;
}
.header #head_management,
.header span.head_divider,
.header #head_minimize,
.header .dropdown_indicator{
display: none;
}
.header a.head_map{
display: none;
}
.header div.head_my{
display: none;
}
.header a#head_language{
position: absolute;
right: 0;
padding: 15px 20px;
}
.nav.mobile .head_map{
text-indent: -9999px;
width: 22px;
height: 15px;
margin: 4px 10px 0px;
position: absolute;
right:80px;
top:10px;
}
.nav.mobile .head_my{
text-indent: -9999px;
position: absolute;
right: 20px;
width: 20px;
height: 15px;
margin: 2px 35px 0px;
top: 14px;
}
.kogis #container{
margin-top:0px !important;
}
.header #head_language{
margin-left: 0px;
display: none;
}
.header form#searchform {
margin-top: 6px;
width: 65%;
margin-left: 10px;
}
.header input#runsearch {
display: none;
}
.header input#searchinput{
width: 90% !important;
}
.logo_wrapper:hover ul{
display: none;
}
select, input {
display: block;
width: 80%;
margin-left: 0px !important;
margin-top: 7px;
}
.header{
width: 100%;
position: absolute;
}
.header .nomobile{
display: none;
}
.nav.mobile{
display: block;
}
.nav.mobile form#searchform input{
margin-left: 1px;
}
#container{
width: 100%;
padding: 0px 0 0 0;
margin: 0px;
padding-top:105px;
border: none;
margin: 0;
}
.centerframe{
width: 100%;
overflow: hidden;
margin: 0;
border: none;
}
.header .centerframe{
width: 95%;
margin: 0px auto;
}
.head_main_aside{
display: none !Important;
}
.head_main_links {
width: 100%;
}
.head_main_links li{
width: 90%;
margin-left: 20px;
}
#logo{
margin-top: 5px;
}
#main {
padding: 10px 2% !important;
width: 96% !important;
}
.head_main.special{
width: 100%;
}
.head_main_content,
.head_main.special .head_main_content{
padding: 30px 5% !Important;
width: 90%;
}
.nexttoteaser{
padding: 0px !important;
width: 100% !important;
clear: both !important;
}
.page_title {
display: none;
}
.article_head_image{
width: 100%;
padding: 0px !important;
}
.article .nexttoteaser{
margin: 10px;
padding: 0;
}
.main_article_half{
width: 100%;
margin-right: 0;
}
.visitenkarte .head_main_content{
padding: 30px 5% !Important;
display: block;
width: 90%;
text-align: center;
}
.visitenkarte .head_main_content h1{
text-align: center !important;
}
.visitenkarte .head_main_content li{
text-align: left;
}
.marginal_logo{
display: none;
}
.page_title{
display: none !important;
}
#container p{
width: 96% !important;
padding: 10px 2%;
display: block;
}
.main_advert_content{
margin-left: 0px !important;
}
.main_advert ul{
padding-left: 10px !important;
}
.main_advert ul li{
margin-left: 0px !important;
}
.head_main.special .head_main_content{
width: 90% !important;
}
.slidebox_wrapper{
margin: 30px auto;
display: none;
}
.aside {
border: none;
border-top: 1px solid #CCC;
width: 100%;
margin: 0px 0px !important;
padding-top: 20px;
padding-left: 0px;
}
.aside h2,
.aside h6,
.aside .aside_list_head{
width: 100%;
text-align: center;
padding-right: 20px;
}
.aside ul{
padding: 0;
margin: 0;
}
.aside_teaser li,
.aside_shorthead{
padding-left: 30px;
}
.aside_teaser .aside_teaser_content{
width: 50%;
}
.kogis .aside li.aside_ad img{
display: block;
margin: 0 auto;
}
.kogis .aside#marginal{
width: 100% !Important;
display: block;
}
.kogis #footer li a{
font-size: 14px !Important;
width: 100%;
display: block;
padding: 20px 0px;
}
.kogis #footer li{
border-bottom: 1px solid #999;
}
.main_article input[type="text"], .main_article textarea, .main_article input[type="select"] {
width: 100%;
}
/* MOBILE Navigation */
/*navigation.standardview{
display: none !important;
}*/
.article.mobileview,
.aside.mobileview,
#footer.mobileview{
display: none !important;
}
.nav.mobileview{
z-index: 99;
top: 90px;
background: white;
display: block;
width: 90% !important;
padding-left: 5%;
padding-right: 5%;
padding-top: 20px;
height: 100% !important;
position: static;
opacity: 1;
}
.noalpha{
opacity: 0;
}
.static{
position: static !important;
}
.none{
display: none !important;
}
.nav.mobileview li{
font-size: 16px !important;
}
.nav.mobileview ul{
width: 100% !important;
}
.nav.mobileview ul li{
display: block !important;
width: 100% !important;
text-align: left;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #CCCCCC !Important;
padding: 20px 2%;
position: relative !important;
}
.nav.mobileview ul li:last-child{
border-bottom: none !important;
}
.nav.mobileview .detail_navigation{
padding: 0px 0px !important;
display: none;
width: 100%;
height: auto !important;
}
.nav.mobileview ul li .sub_navigation,
.nav.mobileview .detail_navigation li{
display: none;
width: 100% !important;
padding: 20px 0px !important;
}
.nav.mobileview li.active .sub_navigation{
border: none;
}
.nav.mobileview .activated{
background: none !important;
margin: 0px !Important;
}
.nav.mobileview .main_navigation{
height: auto !important;
}
.nav.mobileview li.main_navigation_link{
border: none;
padding: 20px 0px;
}
.nav.mobileview .bullet{
display: none !important;
}
.nav.mobileview li.main_navigation_link.activated:hover,
.nav.mobileview li.main_navigation_link.activated.active{
background: #EFEFEF !important;
}
.nav.mobileview li.main_navigation_link.activated{
height: auto !important;
}
.nav.mobileview li.main_navigation_link.activated .sub_navigation{
background: none;
display: none;
position: static !important;
height: auto !important;
padding: 20px 0px !important;
border: none !important;
}
.nav.mobileview li.main_navigation_link.activated.active .sub_navigation{
display: block;
position: static !important;
}
.nav.mobileview li.main_navigation_link.activated.active .sub_navigation_additional{
display: none !important;
}
.nav.mobileview .sub_navigation_link.activated{
height: auto !important;
display: none !important;
}
.nav.mobileview .sub_navigation_link.activated .detail_navigation{
position: static !important;
margin: 0 !important;
padding: 20px 0px !important;
height: auto !important;
overflow: visible;
}
.nav.mobileview .detail_navigation{
height: auto !important;
border: none !important;
}
.nav.mobileview .main_navigation_link.active {
font-weight: bold;
background: #EFEFEF;
padding-bottom: 0px;
}
.nav.mobileview .sub_navigation_link.active{
font-weight: bold;
background: #DEDEDE;
padding-bottom: 0px !important;
}
.nav.mobileview .sub_navigation_links{
width: 100% !important;
padding: 0px !important;
}
.nav.mobileview li .sub_navigation_link{
width: 100% !important;
}
.nav.mobileview li .sub_navigation_link,
.nav.mobileview li .sub_navigation.activated .sub_navigation_link{
margin: 0;
padding: 20px 0px 20px 0px !important;
width: 100% !important;
display: none;
float: none !important;
}
.nav.mobileview li .detail_navigation li{
margin: 0;
padding: 20px 0px 20px 0px !important;
width: 100% !important;
text-align: center;
display: none;
}
.nav ul.sub_navigation_links li {
text-align: center !important;
}
.nav.mobileview .interfaceicon.arrowindicator.mobile,
.nav.mobileview .interfaceicon.arrowindicator{
display: inline-block;
position: absolute;
right: 10px;
top: 15px;
width: 25px;
height: 25px;
background-position: -182px -145px;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2 ease-in-out;
-webkit-backface-visibility: hidden;
}
.nav.mobileview li.active .interfaceicon.arrowindicator.mobile,
.nav.mobileview li.active .interfaceicon.arrowindicator{
-webkit-transition: transform .2s ease-in-out;
-moz-transition: transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.nav.mobileview li.active li .interfaceicon.arrowindicator.mobile,
.nav.mobileview li.active li .interfaceicon.arrowindicator{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.nav.mobileview li.active li.active .interfaceicon.arrowindicator.mobile,
.nav.mobileview li.active li.active .interfaceicon.arrowindicator{
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.nav.mobileview .sub_navigation_aside{
display: none;
}
.nav.mobileview .detail_navigation,
.nav.mobileview .sub_navigation{
position: static !important;
border: none;
}
.nav.mobileview li.active ul,
.nav.mobileview li.active div.sub_navigation{
display: block;
border: none;
}
.nav.mobileview li.active li ul{
display: none;
}
.nav.mobileview li.active li.active ul{
display: block !important;
}
.nav.mobileview .detail_navigation_head{
display: none;
}
.nav.standardview{
display: none !important;
}
#footer{
width: 100%;
padding: 0;
margin: 0;
}
#footer ul li{
display: block;
padding: 10px 0px;
margin: 0;
}
#footer ul li a{
font-size: 16px;
}
#footer a#back,
#footer a#totop {
display: none;
}
.kogis .head_main_content{
height: auto !important;
width: 100% !important;
}
.kogis .head_main h1{
position: static !important;
margin-left: 0px !important;
}
.portaloverlay{
display:none;
}
.portal_wrapper{
width: 100%;
margin: 0;
padding: 0;
margin-top: 80px;
top:50px;
left: 0px;
height: auto !important;
position: static !important;
}
.portal_head{
width: 90% !important;
padding: 30px 5% 10px !important;
height: auto !important;
position: static !important;
}
.portal_wrapper .cities{
position: static !important;
}
.portal_wrapper .cities li{
width: 100% !important;
position: static !important;
float: none !important;
clear: both !important;
border-bottom: 1px solid #002c4c;
}
.portal_wrapper .cities_indicator{
display: none !important;
}
.portal_ad{
width: 80% !important;
position: static !important;
margin: 0 !Important;
padding: 10px 10% !important;
}
.portal_wrapper .text_help,
.portal_wrapper .text_help li{
position: static !important;
float: none !important;
display: none !important;
}
.portal_hero{
display: none !important;
}
.portal_ad li{
margin-bottom: 5px !Important;
}
.head_easy_language, .head_dgs_icon, .head_dgs {
display: none !important;
}
.portalseite ul.cities{
width: 100%;
padding: 0;
}
.portal form,
.portal #head_language {
display: none;
}
.only_mobile {
display: block !important;
}
#instance_logo {
display: none;
}
.kogis #main_nav{
height: 100% !important;
}
/* wk CSS mobile Start */
/** wk CSS mobile END *//* bst CSS mobile Start */
#contactable {
display: none;
visibility: hidden;
}
/** bst CSS END *//* st CSS mobile Start */
/* Anpassungen Mobil barrierefreier Stadtf?hrer */
.search_bsf_right {
float: left;
width: 185px;
}
.search_bsf select,
.search_bsf input {
display: block;
margin-left: 0 !important;
margin-top: 7px;
width: auto;
}
#main .search_bsf ul,
#main .search_bsf ol {
list-style: square outside none;
padding-left: 0;
}
div.search_bsf {
border: 1px solid #B3B3B3;
height: 100%;
margin-bottom: 28px;
padding: 0 15px;
}
.search_bsf input[type="submit"] {
float: left;
margin-right: 0;
margin-top: 1em;
width: 100%;
}
.aside_teaser li, .aside_shorthead {
padding-left: 10px;
}
/* Anpassungen Mobil barrierefreier Stadtf?hrer Visitenkarte */
.vika_content .ui-widget {
font-size: 0.9em;
margin-left: 0;
padding: 0 0 0 0;
width: 100%;
}
.head_navigation .visitenkarte .nav .main_navigation li.navigation_link_pp,
.head_navigation .visitenkarte .nav .main_navigation li.navi_vika_bsf_aktiv,
.head_navigation .visitenkarte .nav .main_navigation li.navi_vika_bsf {
border-color: -moz-use-text-color #777777 #777777 -moz-use-text-color;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
margin-left: 0;
width: 100%;
}
.visitenkarte .main_navigation li.navi_vika_bsf_aktiv {
background: none repeat scroll 0 0 #E8E8E8;
}
#map-canvas{
display: block;
height: 155px;
margin: 0 5%;
position: relative;
visibility: visible;
width: 90%
}
.bsf_accordion .bsf-klassif {
width: auto;
}
.bsf_accordion .bsf-klassif img{
display: none;
margin-right: 0px;
}
/* Anpassungen Mobil Karussell */
.carousel li.last {
border-right: none;
}
.carousel li {
border-bottom: 1px solid #FFFFFF;
border-left: none;
border-right: none;
display: block;
float: left;
width: 50%;
}
/* Anpassungen Breadcrump */
.breadcrump.startbc {
margin-top: 0px !important;
}
/* Anpassungen Mobil Footer */
#footer ul li {
display: inline-block !important;
width: 48% !important;
}
#footer ul {
width: 100% !important;
display: inline-block !important;
}
#footer a#totop {
display: block;
}
#totop {
margin: 10px 0 20px 45%;
}
#footer ul.content_functions img {
margin: 0px !important;
}
#social-bar li {
float: left;
height: 30px;
padding-bottom: 16px;
padding-top: 16px;
padding-left: 8%;
padding-right: 0px;
}
.main_article img {
height: auto;
max-width: 100%;
}
.main_article_half.aside-area {
width: 100%;
}
.aside .main_article_half h6.invert {
width: 100%;
}
.head_main_content_title_wrapper {
top: 55px;
}
#container p {
padding: 3px;
}
.head_main_content_title_wrapper {
left: 10px;
}
#container .pr_text h1, #container .eigen_text h1, #container .pr_site > h1 {
padding: 10px 10px 20px;
}
#container .pr_text h2, #container .eigen_text h2 {
margin: -15px 0 25px 10px;
}
.pr_anzeige {
margin: -25px 10px -10px;
}
.aside p {
padding-left: 10px;
}
/* Anpassungen Mobil Suchfeld */
.header input#runsearch {
display: inline;
margin-right: 15px;
}
.nexttoteaser {
margin: 0 10 10 10px !important;
padding: 0 !important;
width: 50% !important;
float: right !important;
}
.head_navigation .nav li .sub_navigation {
background: none;
}
/*Stadtplan Mobile Anpassung*/
#map-canvas {
width: 90% !important;
}
.gm-categories li {
width: 50%;
}
.gm-canvas-overlay p {
font-size: 12px;
}
.gm-canvas-overlay {
height: auto;
}
.gm-canvas-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.gm-canvas {
height: 350px;
}
.gmaps_checkbox {
display: inline;
height: 20px;
margin: 0 5px 25px 0;
position: relative;
top: 8px;
width: 20px;
}
/*Shortcuts Mobile Anpassung*/
.aside_shorthead p {
padding: 0px;
}
.aside_teaser .aside_teaser_content img {
left: -10px;
}
.aside_teaser_content span, .aside_teaser_content p {
padding-left: 0px !important;
}1
/*Marginalplate Mobile Anpassung*/
.main_article_half p {
padding: 5px !important;
}
.aside_teaser .aside_teaser_content {
width: 90%;
}
/* Bilder anpassen mobil*/
img.minipanorama {
display: block;
height: auto;
margin-bottom: 7px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
/* Senden und Drucken mobil Anpassung*/
#footer ul.content_functions li {
padding: 8px 0 10px 30px;
width: 35% !important;
}
#footer ul.content_functions span {
margin-left: 5px;
}
/* Gastrofinder mobile Anpassung Anfang*/
.gastrofinder_search input[type="submit"] {
float: left;
margin: 0;
width: 100% !important;
}
.gastrofinder_search input {
width: 100% !important;
}
.gastrofinder_search {
border: none;
padding: 0;
}
.gallery_list li {
height: 90px;
}
.gastrofinder_search_right {
float: left !important;
}
.gastrofinder_search_left {
height: auto !important;
}
.gastro_search_detail {
margin-left: 0px;
}
.main_article {
padding: 5px 0 0;
}
/* Gastrofinder mobile Anpassung Ende*/
/* Stadtplan Mobil*/
#gm-searchbox {
width: 80%;
}
.add-info {
display: none;
}
#arrow-down {
float: none;
left: 85% !important;
top: 50% !important;
}
ul.gm-streetindex.index li {
margin-bottom: 5px;
}
/* Stadtplan Mobil Ende*/
/* Formulare mobil*/
.main_article input[type="submit"] {
margin-right: 0px;
}
ul.ui-multiselect-checkboxes select, input {
margin-top: 0px;
width: auto;
}
/* Formulare mobil Ende*/
/* Anpassungen Mobil Karussell Anfang*/
.carousel li.last {
border-right: none;
}
.carousel li {
border-bottom: 1px solid #FFFFFF;
border-left: none;
border-right: none;
display: block;
float: left;
margin: 15px 5px 10px 10px;
width: 20px;
}
/* Anpassungen Mobil Karussell Ende*/
/* Anpassungen Breadcrump */
.breadcrump.startbc {
margin-top: 0px !important;
}
/* Anpassungen Mobil Footer */
#footer ul li {
display: inline-block !important;
width: 48% !important;
}
#footer ul {
width: 100% !important;
display: inline-block !important;
}
#footer a#totop {
display: block;
}
#totop {
margin: 10px 0 20px 45%;
}
#footer ul.content_functions img {
margin: 0px !important;
}
#social-bar li {
float: left;
height: 30px;
padding-bottom: 16px;
padding-top: 16px;
padding-left: 8%;
padding-right: 0px;
}
.main_article img {
height: auto;
max-width: 100%;
}
.main_article_half.aside-area {
width: 100%;
}
.aside .main_article_half h6.invert {
width: 100%;
}
#container {
padding: 0px;
}
#container p {
padding: 3px;
}
.head_main_content_title_wrapper {
left: 10px;
top: 0px !important;
margin: 10px 0 0 10px;
position: static !important;
}
#container .pr_text h1, #container .eigen_text h1, #container .pr_site > h1 {
padding: 10px 10px 20px;
}
#container .pr_text h2, #container .eigen_text h2 {
margin: -15px 0 25px 10px;
}
.pr_anzeige {
margin: -25px 10px -10px;
}
.aside p {
padding-left: 10px;
}
/* Anpassungen Mobil Suchfeld */
.header input#runsearch {
display: inline;
margin-right: 15px;
}
.nexttoteaser {
margin: 0 10 10 10px !important;
padding: 0 !important;
width: 50% !important;
float: right !important;
}
.head_navigation .nav li .sub_navigation {
background: none;
}
/*Stadtplan Mobile Anpassung*/
#map-canvas {
width: 90% !important;
}
.gm-categories li {
width: 50%;
}
.gmaps_checkbox {
display: inline;
height: 20px;
margin: 0 5px 25px 0;
position: relative;
top: 8px;
width: 20px;
}
/*Shortcuts Mobile Anpassung*/
.aside_shorthead p {
padding: 0px;
}
.aside_teaser .aside_teaser_content img {
left: -10px;
}
.aside_teaser_content span, .aside_teaser_content p {
padding-left: 0px !important;
}
.aside_teaser_half li.right {
width: 49%;
}
.aside_teaser_half li {
width: 49%;
}
/*Marginalplate Mobile Anpassung*/
.main_article_half p {
padding: 5px !important;
}
.aside_teaser .aside_teaser_content {
width: 90%;
}
/* Bilder anpassen mobil*/
img.minipanorama {
display: block;
height: auto;
margin-bottom: 7px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
/* Senden und Drucken mobil Anpassung*/
#footer ul.content_functions li {
padding: 8px 0 10px 30px;
width: 35% !important;
}
#footer ul.content_functions span {
margin-left: 5px;
}
/* Gastrofinder mobile Anpassung Anfang*/
.gastrofinder_search input[type="submit"] {
float: left;
margin: 0;
width: 100% !important;
}
.gastrofinder_search input {
width: 100% !important;
}
.gastrofinder_search {
border: none;
padding: 0;
}
.gallery_list li {
height: 90px;
}
.gastrofinder_search_right {
float: left !important;
}
.gastrofinder_search_left {
height: auto !important;
}
.gastro_search_detail {
margin-left: 0px;
}
.main_article {
padding: 5px 0 0;
}
/* Gastrofinder mobile Anpassung Ende*/
/* Stadtplan Mobil*/
#gm-searchbox {
width: 80%;
}
.gm-canvas-overlay p {
font-size: 12px;
}
.gm-canvas-overlay {
height: auto;
}
.gm-canvas-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.gm-canvas {
height: 250px;
}
.add-info {
display: none;
}
#arrow-down {
float: none;
left: 85% !important;
top: 50% !important;
}
ul.gm-streetindex.index li {
margin-bottom: 5px;
}
.gm-canvas-overlay p {
font-size: 12px;
}
.gm-canvas-overlay {
height: 400px;
}
.gm-canvas-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.gm-canvas-overlay .load_gmaps_button {
margin-top: 0px;
}
/* Stadtplan Mobil Ende*/
/* Formulare mobil*/
.main_article input[type="submit"] {
margin-right: 0px;
}
ul.ui-multiselect-checkboxes select, input {
margin-top: 0px;
width: auto;
}
/* Formulare mobil Ende*/
/* Navi Mobile Anpassung Anfang */
.js .header {
position: static;
margin-top: 46px;
}
.js .header.head_m00_portalseite {
position: fixed;
margin-top: 0px;
}
.nav.mobile {
top: 0;
padding-top: 0px;
height: 44px;
}
.header .centerframe {
top: 0px;
}
.nav.mobileview {
position: fixed;
top: 46px;
height: 100%;
overflow: scroll;
padding-bottom: 10px;
border-bottom: 1px solid #CCCCCC;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}
.nav.mobileview_search {
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
height: auto;
position: fixed;
top: 40px;
padding: 30px 10px 0px 10px;
background-color:#002c4c;
z-index: 1000;
width: 100%;
display: none;
}
.nav.mobile #mobile_navigation, #mobile_navigation_service, #mobile_navigation_suche {
width: 29%;
display: inline-block;
font-size: 14px;
padding: 15px 0 0 5px;
text-align: center;
}
/* Navi Mobile Anpassung Ende */
.pr_text, .eigen_text, .pr_site {
text-align: left;
}
#id_wallpaper_target {
margin-top: 0px;
}
.page_title {
display: block !important;
}
.header .page_title {
margin: 12px 0 0;
}
.header form#searchform {
display: none;
}
.head_entity img {
padding: 0 5px 4px 0;
}
#main_search {
opacity: 0;
}
.logo_wrapper ul {
z-index: 20000;
}
.urbanlife.logo {
display:none;
}
#id_wallpaper_target {
margin-top: 5px;
}
.portalseite .portal_footer {
display: none;
}
.portalseite .portal_head {
background-color: transparent;
}
.portal .portalseite {
background-image: url("/fastmedia/10/stadtmusikanten.jpg");
}
.portal_wrapper {
margin: 40px 0 0;
}
/* Suchfeld mobile Ansicht*/
#searchform_mobile {
display:inline;
}
/* Suchfeld mobile Ansicht Ende*/
/* Suchfeld mobile Ansicht Ende*/
.main_article input[type="text"], .main_article textarea, .main_article input[type="select"]{
width: 95%;
}
.main_article input.submitvika[type="submit"] {
float: none;
margin-bottom: 10px;
width: 100%;
}
#main ul, #main ol {
padding-left: 17px;
}
.hinweis {
width: auto;
}
.eingabe_mit_hinweis {
width: 95%;
}
.main_article input.medium {
width: 95%;
}
.main_article table {
width: 100%;
margin-left: 0px;
}
.main_article_half.half_right {
margin-left: 0px;
}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
margin-left: 15px;
width: 88%;
}
/* Mobile Navi Anfang */
* {
font-size: 13px;
}
.mobile_nav_close {
float: right;
padding: 10px 5% 5px 0;
}
.mobile_nav_back {
float: left;
padding: 10px 0 5px 5%;
}
ul .mob_nav_item {
border-bottom: 1px solid #B3B3B3;
color: #002c4c;
font-family: 'PTSansRegular',Helvetica,Arial,sans-serif;
line-height: 21px;
list-style: none outside none;
margin-left: auto;
margin-right: auto;
padding: 20px 0 15px;
text-align: center;
text-decoration: none;
width: 90%;
text-transform: uppercase;
}
.mob_nav_item_login {
border-bottom: 1px solid #B3B3B3;
background-color: #002c4c;
color:#fff !important;
font-family: 'PTSansRegular',Helvetica,Arial,sans-serif;
line-height: 21px;
list-style: none outside none;
margin-left: auto;
margin-right: auto;
padding: 20px 0 15px;
text-align: center;
text-decoration: none;
width: 90%;
text-transform: uppercase;
}
.mob_nav_item_login a {
color:#fff !important;
}
ul .mob_nav_item a {
color: #444444;
font-family: 'PTSansRegular',Helvetica,Arial,sans-serif;
list-style: none outside none;
text-decoration: none;
}
.mob_sub_navigation {
margin: 0;
}
ul .mob_nav_item:last-child {
border: none;
}
#mobile_nav {
background-color: #fff;
border-bottom: 2px solid #779EB9;
color: #444444;
display: block;
font-family: 'PTSansRegular',Helvetica,Arial,sans-serif;
font-size: 13px;
font-weight: bold;
margin-bottom: 0;
position: fixed;
text-align: center;
width: 100%;
z-index: 500;
margin-left: -8px !important;
}
.mob_main_navigation {
margin-top: 25px;
}
ul .mob_sub_nav_item:last-child {
border: medium none;
}
#blue_header {
height: 30px;
background: #002c4c;
color: white;
text-align: center;
}
body {
margin: 0;
}
.carousel-container {
background: none repeat scroll 0 0 #FFFFFF;
left: 0;
margin-top: -162px;
position: fixed;
width: 20000px;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}
.carousel-item {
float: left;
}
.carousel-item li {
cursor: pointer;
}
#mobile_nav, #mobile_service {
position: absolute;
z-index: 400000;
background-color: white;
}
.ad_head {
margin: 3px 10px 5px 0;
}
/* Mobile Navi Ende */
/* Anpassungen Mobil Urban Life Logo Anfang*/
.urbanlife {display:none;}
/* Anpassungen Mobil Urban Life Logo Ende*/
.mob_sub_navigation a {
color:#fff;
}
.mob_sub_navigation_sprache li {
background-color: #002c4c;
height: 30px;
list-style: none outside none;
margin: 15px 0 0 15px;
width: 90%;
}
.mob_sub_navigation_sprache li a {
color: #FFFFFF !important;
margin: 0 15px;
}
.mob_sub_navigation_sprache img {
margin: 7px 20px 10px 15px;
}
.pagination.results_on_page {
display: none;
}
.tabs.activated {
width: 90%;
}
.page_title {
width: 55% !important;
}
#totop {
display: none !important;
}
#ad_top {
display: none;
}
.button_inserieren a span.inserieren_icon {
width: 30px;
}
.button_inserieren a span.legend {
width: 86%;
}
.m011_inserieren_fce_d .button_inserieren {
width: 100%;
}
.m011_suche_fce_d input[type="submit"] {
margin-left: auto !important;
margin-right: auto;
width: 60%;
}
.main_article #antwort_form fieldset {
width: 100%;
}
#main div#gewerbliche_anzeige p, #main div#gewerbliche_anzeige #visitenkarte, #main #antwort_form, #main div#freie_anzeige p, #main div#freie_anzeige #visitenkarte {
padding-left: 0px;
padding-right: 0px;
}
.main_article #antwort_form input[type="text"], .main_article #antwort_form textarea, .main_article #antwort_form input[type="select"], .main_article #antwort_form select {
width: 95%;
}
#main .toolbar ul {
height: 75px;
}
#main .toolbar ul li.left_arrow {
margin: 20px 0 0;
}
#main .toolbar ul li.right_arrow {
margin: 20px 0 0;
}
#main .toolbar ul li {
width: 45%;
}
#main .breadcrump {
margin: 10px 0 20px;
height: auto;
display: block;
}
#main .entry_text {
padding-left: 0px;
}
#main .entry_date {
padding-left: 0px !important;
}
.m011_ligatus_fce_d {
display: none;
}
.eintraege_list a {
display: block;
width: 57%;
}
#main ul.content_list {
padding: 0 5px 0 0;
}
#anzeige_melden_form, #anzeige_loeschen_form {
width: 96%;
margin-bottom: 0px;
}
.main_article input[type="text"], .main_article textarea, .main_article input[type="select"] {
width: 100%;
}
.main_article fieldset {
width: 100%;
padding-left:0px;
}
.main_article #anzeige_melden_form input[type="text"], .main_article #anzeige_melden_form textarea, .main_article #anzeige_melden_form select, .main_article #antwort_form input[type="text"], .main_article #antwort_form textarea, .main_article #antwort_form select, .main_article #anzeige_loeschen_form input[type="text"], .main_article #anzeige_loeschen_form textarea, .main_article #anzeige_loeschen_form select, .main_article .inserieren_form input[type="text"], .main_article .inserieren_form textarea, .main_article .inserieren_form select {
width: 96%;
}
.main_article #antwort_form fieldset {
width: 96%;
}
.m011_suche_fce_d input[type="text"] {
height: 28px;
width: 80%;
margin-bottom: 10px;
margin-left: auto !important;
margin-right: auto;
margin-top: 25px;
}
.m011_suche_fce_d {
display: none;
}
.drive_log {
margin-left: auto;
margin-right: auto;
}
#main ul.button_list li {
width: 98%;
}
.main_article form fieldset label.no_bold {
line-height: 21px;
margin-top: 5px;
}
.main_article input[type="checkbox"] {
margin-bottom: 5px;
}
.fa {
margin: 0px 5px 5px 0px;
}
.m011_google_half_banner_fce_d {
display: none;
}
.m011_medium_rectangle_fce_d {
display: none;
}
.m011_inserieren_fce_d{
display: none;
}
.main_advert {
display: none;
}
.fa-camera:before {
position: absolute;
right: 20px;
}
#searchform_mobile {
margin-top: 8px;
position: relative;
}
#searchform_mobile input#searchinput {
border: 1px solid #B3B3B3;
margin-left: 2px;
margin-right: 3px;
padding: 5px;
width: 90%;
}
#searchform_mobile input#runsearch {
float: right;
right: 40px;
top: -31px;
}
#searchform_mobile input#runsearch {
background: url("/static/img/interface.png") no-repeat scroll -40px 0 rgba(0, 0, 0, 0);
border: medium none;
height: 31px;
width: 20px;
position: relative;
background-color: #e2001a !important;
}
.short_p_with_image {
width: 96% !important;
}
.main_article fieldset {
width: 96% !important;
}
.main_article fieldset p.short_p_with_image {
width: 96% !important;
display: inline !important;
}
#upload_area iframe{
width: 96% !important;
}
.infosign {
background-color: #e2001a;
color: #FFFFFF;
font-size: 14px;
padding: 2px 6px 0;
}
.nav.mobileview {
z-index: 1001;
}
.fa-camera {
display: block;
height: 20px;
position: absolute;
top: 8px;
width: 20px;
right: 0px;
text-align: center;
}
.fa-eur {
display: block;
height: 20px;
position: absolute;
top: 8px;
width: 20px;
right: 34px;
text-align: center;
}
.fa-angle-right {
display: block;
height: 20px;
position: absolute;
top: 8px;
width: 20px;
right: 0;
text-align: center;
font-weight: bold;
}
#mob_nav_headline {
border-bottom: 1px solid #779EB9;
color: #444444;
font-family: 'PTSansRegular',Helvetica;
margin: 0;
padding-bottom: 15px;
padding-top: 40px;
text-align: center;
text-transform: uppercase;
}
.fa-chevron-left, .fa-chevron-up{
font-size: 16px;
color: #002c4c;
padding: 15px 15px 0;
cursor: pointer;
}
.fa-chevron-up {
float:right;
}
.fa-chevron-left {
float:left;
}
.eintraege_list .list_date {
right: 66px;
top:5px;
}
.content_list li {
padding: 5px 0 5px 10px;
}
#socialshareprivacy ul {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
list-style-type: none;
}
#socialshareprivacy {
padding-left: 0px;
margin-left: 0px !important;
width: 100%;
}
.social_share_privacy_area .facebook {
float: left;
padding-bottom: 10px;
width: 48% !important;
}
.social_share_privacy_area .twitter {
float: right;
padding-bottom: 10px;
width: 50% !important;
}
.social_share_privacy_area .gplus {
display: inline-block;
width: 50% !important;
}
.social_share_privacy_area li {
padding-bottom: 10px;
}
.social_share_privacy_area li.settings_info .settings_info_menu {
position:static;
}
.social_share_privacy_area li.help_info .info, .social_share_privacy_area li .help_info.icon .info {
width: 100%;
}
.social_share_privacy_area li.help_info .info, .social_share_privacy_area li .help_info.icon .info {
padding: 5px !important;
width: 250px;
}
.social_share_privacy_area li.gplus.help_info .info {
left: 0px !important;
}
.social_share_privacy_area li .help_info.icon .info {
left: 0px !important;
}
/*Werbung Anfang */
#mobile_ad_top {
display:inline;
text-align: center;
}
.mobile_widget_google_leaderboard {
display: block;
margin-left: auto;
margin-right: auto;
}
.m011_festplatzierung_fce_d {
text-align: center;
}
.m011_festplatzierung_fce_d ul li {
overflow: hidden;
margin-left: 3%;
}
/*Werbung Ende*/
.inserieren_rubrik_info {
width: 100%;
padding-left: 0px;
}
#main img.full_width {
width: 100%;
}
.ie6_wrapper #warten .waiting-text {
font-weight: bold;
}
.centerframe.weissesband {
width: 100% !important;
}
#logo {
height: auto;
}
.mobile.nav .fa {
color: #fff !important;
}
.mobile_only{
display: block;
}
.hide_mobile {
display: none !important;
}
#social_media {
float: none;
}
.logo_wrapper img {
width: 90%;
}
.nav.mobile {
border-top: 0px;
}
.mobileview_search .fa.fa-search{
padding-right: 18px;
padding-top: 4px;
z-index: 30000;
background-color: transparent;
}
/* st CSS mobile Ende */}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
.header, #main_nav, .breadcrump.startbc, ul.content_functions, #ad_top, .ads, .ad_inner_text, .main_advert, #ad_aside_skyscrapper, #footer {display:none;}
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after, a[href^="http:"]:after, a[href^="https:"]:after, a[href^="/"]:after, a[href^="detail."]:after { content: ""; } /* Don't show links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
.m011_suche_fce_d,
.m011_google_half_banner_fce_d,
.m00_location_fce_d,
.m011_festplatzierung_fce_d,
.m011_ligatus_fce_d,
.plista_widget_belowArticle {
display: none;
}
}