@charset "UTF-8";
/* CSS SCHAUBUDE KIEL */

/* --- DEFAULTS --- */

* {
margin: 0;
padding: 0;
}

body {
font-family: 'Josefin Slab', serif;
line-height: 1.75em;
}

html { 
background: url(../grafiken/hg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#wrapper {
width:1090px;
padding:25px;
background-color:#fff;
margin:50px auto; 
}

#header { 
width:1090px; 
height:400px;
} 

.mod_flexSlider {
height:400px;
background-color:#ebebeb;
}

#container {
margin-top:25px;
}

#footer {
padding: 10px 20px;
margin-top:15px;
background-color:#000;
color:#fff;
text-align:center;
}

#footer a, a:visited {
color:#fff;
text-decoration:none;
}

#footer a:hover {
color:#0073e5;
}

#logo {
z-index:100;
position:absolute;
}

.ce_text {
margin-bottom:10px;
}

p {
background-color:#e5e5e5;
padding:20px;
}

h1 {
font-size: 1.5em;
color:#fff;
background-color:#000;
padding: 15px 20px;
margin-bottom:10px;
}

h2 {
background-color:#000;
color: #fff !important;
margin: -20px 0 10px;
padding: 10px 20px;
}

h3 {
background-color:#ff0000;
color: #fff !important;
margin: 20px 0 10px;
padding: 10px 15px;
}

h4 {
background-color:#b9e84e;
color: #fff !important;
font-size: 1.2em;
margin: 20px 0 10px;
padding: 10px 15px;
}

.block {
overflow:visible;
}


.mobile-logo {
position: absolute;
z-index: -999;
}


/* --- LINKS IM TEXT --- */

.ce_text a {
color:#0073e5;
}

.ce_text a:hover {
color:#404040;
text-decoration:none;
}

.ce_text a:visited {
color:#404040;
}


/* --- BACK TO TOP --- */

#backToTop {
position: fixed;
right: 30px;
bottom: 30px;
width: 40px;
height: 40px;
background: url(/files/grafiken/to-top.jpg);
display: none;
cursor: pointer; 
}


/* --- HAUPTNAVI --- */

.skipNavigation4{
display:none;
}

.mod_navigation {
background-image:url(../grafiken/blacktrans.png);
width: 1090px;
height: 50px;
position:absolute;
margin-top: -52px;
border-top: 2px solid #fff;
font-size: 1.5em;
text-align:center;
z-index:1000;
}

#navi ul li .active ul {
margin-top:10px;
}

/*--Hintergrund Dropdown--*/
.level_2 {
padding: 5px;
background-color:#000;
line-height: 1em;
}

/*--aktiver Menüpunkt--*/
#navi ul span, .submenu .trail {
color:#0073e5;
padding:12px 15px;
}

#navi a, a:visited {
color:#fff;
}

/*--formatiert die Themenblöcke--*/
#navi li {
list-style-type: none;
display: inline-block;
*float: left;
position: relative;
text-align:left;
} 

#navi li li {
  display: block;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#navi a, #navi span {
text-decoration: none;
display: block;
padding:12px 15px;
white-space: nowrap;
} 

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#navi a:hover {
color:#0073e5;
} 

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#navi ul ul {
font-size: 0.85em;
position: absolute;
z-index: 2;
display: none;
} 

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#navi ul li:hover ul {
display: block;
} 

/*--aktiver link im submenü--*/
#navi ul li ul li .active {
background:none;
white-space: nowrap;
}

#navi .active ul {
margin-top:12px;
}

.level_1 .active {
*margin-top: 5px;
*padding: 5px 0px;
}


/* --- EVENT AUFSLIDEN --- */

.readmore-content {
height: 209px;
overflow: hidden;
position: relative;
}

.readmore-content:after {
content: ' ';
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
background: url(/files/grafiken/eventfade_50px_white.png) bottom left repeat-x;
}

.readmore-content.open:after {
display: none;
}


/* --- TABELLE ---  */

.tabelle table {
background-color:#e5e5e5;
padding:15px 20px;
}


/* --- TICKETSHOP --- */

.ticketcontainer {
box-sizing: border-box;
width: 100%; 
background: #E5E5E5;
}


/* --- WEITERBUTTON --- */

.weiterbutton,
.back {
width:90px;
background-color:#0073e5;
padding: 5px 15px;
text-align:center;
}

.weiterbutton:hover,
.back:hover {
background-color:#378de5;
}

.weiterbutton a,
.back a {
color:#fff;
text-decoration:none;
}


/* --- FOTO IN EVENTLISTE --- */

.layout_list .image_container {
margin-top:-40px;
}


/* --- TEXTINFO AUS WELCHEM KALENDER --- */

#auskalender {
font-size:0.9em;
font-style:italic;
color:#888;
}

.auskalender_liste,
.info {
font-size:0.9em;
font-style:italic;
color:#888;
padding: 15px 10px 0 20px;
background-color:#e5e5e5;
}


/* --- NEWSLETTER --- */

#ctrl_email_27, #ctrl_email_28  {
font-size:12px;
padding:12px;
border:solid 1px #aacfe4;
width:280px;
margin-right:10px;
}

#ctrl_email_14 {
font-size:12px;
padding:10px;
border:solid 1px #aacfe4;
width:280px;
}

#ctrl_channels_14 {
padding: 10px 0;
}

.confirm {
background-color:#b9e84e;
font-size:1.1em;
font-weight:bold;
margin-bottom:10px;
}

.error {
background-color:#ff0000;
color:#fff;
font-size:1.1em;
font-weight:bold;
margin-bottom:10px;
}


/* --- FORUMLARE --- */

.formbody {
background-color:#e5e5e5;
padding:20px;
margin-bottom:20px;
}

#f1 label {
display:block;
vertical-align:top;
width:130px;
}

#f2 label {
display:block;
vertical-align:top;
width:130px;
}

caption, th, td {
vertical-align: top;
}


/* --- TEXTFELDER --- */

#ctrl_1, #ctrl_2, #ctrl_4, #ctrl_8, #ctrl_9, #ctrl_11  {
font-size:12px;
padding:10px;
border:solid 1px #aacfe4;
width:280px;
margin-bottom:10px;
}


/* --- TEXTAREA --- */

#ctrl_3, #ctrl_10  {
font-size:12px;
padding:10px;
border:solid 1px #aacfe4;
width:280px;
height:150px;
margin-bottom:10px;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.submit {
background-color:#0073e5;
border:0px;
display:inline-block;
color:#ffffff;
font-family: 'Josefin Slab', serif;
padding:10px;
cursor:pointer;
text-decoration:none;
text-align:center;
}.submit:hover {
background-color:#378de5;
}.submit:active {
position:relative;
top:1px;
}


/* --- EVENTREADER --- */

.mod_eventreader .info {
background-color:#b9e84e;	
height: 80px;
padding: 10px;
width: 80px;
}

.mod_eventreader .event {
float: right;
margin: 0 0 10px 0; 
width: 610px;
}

.mod_eventreader h1 {
background-color: #404040;
margin-bottom:10px;
padding: 10px 20px;
}

.mod_eventreader .back {
width:80px;
background-color:#0073e5;
clear: both;
margin-left:110px;
padding: 5px 15px;
text-align: center;
}

.mod_eventreader .back a {
color:#fff;
text-decoration:none;
}

.mod_eventreader .back:hover {
background-color:#378de5;
}


/* --- NAVI RECHTS --- */

.mod_customnav {
background-color:#0073e5;
margin-bottom:20px;
padding:5px 0 15px 0;
font-size:1.2em;
}

.mod_customnav li {
list-style:none;
padding:10px 10px 0 20px;
}

#right .mod_customnav a, a:visited {
color:#fff;
text-decoration:none;
}

#right .mod_customnav a:hover, a:active {
color:#000;
}

#right .level_1 .active {
color:#000;
}


/* --- EVENT MINI LIST --- */

.layout_upcoming {
clear:both;
height:80px;
margin-bottom:10px;
}

.layout_upcoming a {
color:#000000 !important;
text-decoration:none;
font-size:1.3em;
font-weight:bold;
}

.layout_upcoming .datumquadrat {
background-color:#b9e84e;
line-height:1.2em;
float:left;
width:60px;
height:60px;
padding:10px;
text-align: center;
}

.layout_upcoming .datumquadrat .date {
font-size:1.4em;
font-weight:bold;
}

.layout_upcoming .datumquadrat .day {
font-size:0.8em;
}

.layout_upcoming .datumquadrat .time {
font-size:0.9em;
}

.layout_upcoming .textfeld {
background-color:#e5e5e5;
float:left;
width:234px;
height:57px;
padding:13px 15px 10px 15px;
margin-left:6px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}


/* --- EVENT LIST --- */

.header {
background-color:#b9e84e;
float:left;
line-height:1.5em;
width:74px;
height:70px;
padding:15px 13px;
text-align: center; 
}

.header .date {
font-size:1.6em;
font-weight:bold;
}

.layout_list {
margin-left:110px;
margin-bottom:20px;
padding-top:20px;
}

.layout_list h2 a {
color:#fff;
text-decoration:none;
}

.layout_list p {
min-height:150px;
}


/* --- jQuery Lightbox --- */

#cboxTitle {
color: #CCCCCC;
position: absolute;
left: 20px;
top: 10px;
}

#cboxCurrent {
display:none !important;
}

#cboxClose {
margin-top:5px;
}

#cboxLoadedContent {
border: 5px solid #FFFFFF;
}


/* --- FOTOGALERIE --- */

.ce_gallery ul {
background-color:#e5e5e5;
padding:15px 0 0 15px;
}


/* --- RIGHT BUTTON --- */

#right .buttonrechts {
height: 80px;
background-color:#e5e5e5;
font-size:1.2em;
line-height:1.4em;
}

#right .buttonrechts a, a:visited {
color:#000;
text-decoration: none;
}

#right .buttonrechts p {
padding-top:15px;
background-color:transparent;
}


/* --- NEWSMODUL --- */

.layout_latest {
margin-bottom: 10px;
}

.layout_latest h2 {
font-size: 1.3em;
background-color: #e5e5e5;
margin: 0;
padding: 20px 0 5px 20px;
}

.layout_latest h2 a {
color: #000 !important;
text-decoration: none;
}

.layout_latest p {
padding: 0 20px;
}

.more {
margin: 10px 0 0 20px;
width: 110px;
background-color:#0073e5;
text-align:center;
}

.more:hover {
background-color:#378de5;
}

.more a {
color:#fff !important;
text-decoration:none !important;
}

.teaser {
background-color: #e5e5e5;
padding-bottom: 15px;
}


/*
.weiterbutton:hover {
background-color:#378de5;
}

.weiterbutton a {
color:#fff !important;
text-decoration:none !important;
}*/