html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent; }

body { /*line-height: 1;*/ }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

button { cursor:pointer; }

.hide { display:none; }

.clear { clear:both; }

/* div#clearfix { width:1px; height:50%; margin-bottom:-275px; float:left; } */

/*************************************************** Type (Schriften) */

h1, h2, p, ul, ol, table, address, #events #event .info p { margin-bottom:10px; }
h1 { margin-bottom:2px; }

h1, h2, h3, h4, p, li, address, td, label { color:#fff; }
p.pp_description { color:#000; }
h1, h2, h3, h4, p, li, address, td, label, span, div { line-height:16px; }

h1, h2, h3, h4, th { font-size:12px; line-height:16px; color:#fff; }
h1 { margin-bottom:12px; font-size:18px; }
h2 { margin-bottom:8px; font-size:16px; line-height:16px; }
h3 { font-size:14px; }
h4 { font-size:14px; }
p, li, th, td, label, address, span { font-size:12px; }
address { font-style:normal; font-size:12px; text-align:left; }

ol li { list-style-type:decimal; margin-left:20px; }
ol li li { list-style-type:circle; }
ul li { list-style-type:square; margin-left:15px; }
ul li li{ list-style-type:circle; }

table { width:100%; }
th { text-align:left; }
th, td { padding:1px 8px 1px 0; vertical-align:top; }

/********** Links */

a { color:#5cc5ed; font-weight:bold; text-decoration:none; }
a:hover, a.focus, a.active { text-decoration:underline; }

a.download { padding-left:25px; background-repeat:no-repeat; background-position:left 1px; }

#event .img p a, a.extern { background:url(ico_newwindow.gif) right 3px no-repeat; padding-right:14px; }

/*************************************************** Formulare generell */

fieldset { margin:0; padding:0; border:0 none; }

legend { display:none; }

.line { overflow:hidden; display:block; margin-bottom:6px; }

.line label { float:left; width:80px; display:block; padding-top:3px; }
.textarea label { float:none; }
.line input[type="text"], .line input[type="password"], .line textarea, .line select, .line .ie6textinput { display:block; margin-left:80px; width:300px; float:none; background:#fff; padding:0 2px; font-size:12px; }
.line textarea { height:80px; width:580px; margin:0;  }
.line select { width:auto; }

.line input#plz, .line input#plztp { width:40px; margin-right:5px; float:left; margin-left:0; }
.line input#ort, .line input#orttp { width:247px; }

.checkbox label, .radio label { float:none; margin-left:20px; display:block; padding:0; width:auto; }
.checkbox input, .radio input { float:left; margin-top:1px; }

form .group { overflow:hidden; }

.text .group input { float:left; width:20px; margin:0; clear:left; margin-bottom:10px;}
.text .group label { float:none; margin-left:40px; width:auto; line-height:24px; padding:0; margin-bottom:10px; }

.checkbox .group label, .radio .group label { float:left; margin-left:10px; width:40px; }
.checkbox .group label.long, .radio .group label.long { width:180px; }

form button { position: relative; cursor: pointer; overflow: visible; }
form button::-moz-focus-inner { border: none; }
form button span { position: relative; display: block; white-space: nowrap;	}

form div.btn { margin-bottom:6px; }

form p.info, form p.info a { font-weight:normal; margin:0; }

.errormsg, .successmsg { padding:4px 8px; border:1px solid #000; color:#fff; margin-top:4px; }
.errormsg { background:#e53138; }
.successmsg { background:#000; }

@media screen and (-webkit-min-device-pixel-ratio:0) {	/* Safari and Google Chrome only - fix margins */ button span {	margin-top: -1px; } }
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */	

#content .button a, fieldset div.btn button { display:block; border:1px solid #000; background:#000 url(bg_button.gif) repeat-x; color:#fff; font-weight:bold; font-size:11px; padding:2px 6px; }
#content .button a span, fieldset div.btn button span { background:url(ico_button.gif) right center no-repeat; padding-right:16px; }
#content .button a:hover, #content .button a:focus, fieldset div.btn button:hover, fieldset div.btn button:focus { text-decoration:none; color:#5cc5ed; }
#events .button a:hover, #events .button a:focus { text-decoration:none; color:#fff; }

/*************************************************** layout */

/*html, body { height:100%; } */

body { background:#000 url(bg.jpg) 0 0 no-repeat; }

.wrapper { width:900px; overflow:hidden; padding-bottom:40px; display:block; }

#header, #header .logo, #header .logo a, #column, #content, #nav, #nav ul, .box, .box .padder,
#programmfilter, #events .info, #events .img, #events .cont, #eventtipp .cont  { display:block; min-height:1px; }

#column { float:left; width:226px; padding:0 20px 0 30px; }
#content { margin-left:276px;  }

/****** Header */

#header { height:93px; position:relative; }

#header .logo { padding:16px 0 0 25px; }
#header .logo h1 { margin:0; }
#header .logo a { width:340px; height:70px; }

/*************************************************** Content */

/****** Allgemein */

#rssfeed { display:none; }

.box { border-bottom:1px solid #414141; background:transparent url(bg_box.png) repeat; }
.box .padder { padding:15px; background:transparent url(gradient_box.png) bottom repeat-x; overflow:hidden; }

#column .box { margin-bottom:20px; }

#column .box .padder { padding:15px; }
#content .box .padder { padding:20px; }

#content .padder { min-height:400px; position:relative; }

.img img { border:2px solid #fff; display:block; }

#column h1 { font-size:14px; color:#fff; }
#column p { color:#fff; }

#backtotop a { display:block; background:url(btn_top.png) no-repeat; width:51px; height:51px; }
#backtotop span { display:none; }

#content .button { position:absolute; right:20px; top:20px; margin:0 !important; }

#content .slide { overflow:hidden; border-top:2px solid #fff; padding-top:8px; }

.facebook img { border:0 none; }

/****** Startseite & Event-Detail */

#events { }

#events .box { margin-bottom:1px; position:relative; }
#events .hell { background:url(bg_event_hell.png); }
#content #events .padder { min-height:0; overflow:hidden; }

#events .img { width:94px; float:left; }
#events .over, #eventtipp .over { width:57px; height:59px; position:absolute; left:-2px; top:-2px; z-index:20; }
#events .info { margin-left:114px; }

#events .cont, #eventtipp .cont, #events .top { overflow:hidden; }

#events .headings { width:375px; margin-bottom:8px; }
#events h1, #events h2, #events p { margin:0; }

#events h1, #events h2, #events h3, #eventtipp .heading { float:left; margin:0; }

#events .headings h1, #eventtipp .h1 { background:#000; font-size:24px; color:#fff; padding:4px 4px; line-height:24px; }
#events .headings h2, #eventtipp .h2 { background:#fff; font-size:17px; color:#000; padding:3px 4px; line-height:17px; }
#events .headings h3, #eventtipp .h3 { font-size:14px; color:#fff; padding:4px 4px; line-height:14px; margin-bottom:0; }

#events .konzert h3, #eventtipp .konzert .h3 { background:#f31993; }
#events .konzert .over, #eventtipp .konzert .over { background:url(ico_konzert.png) no-repeat; }
#events .konzert a { color:#f31993; }
#events .party h3, #eventtipp .party .h3 { background:#ff6000; }
#events .party .over, #eventtipp .party .over { background:url(ico_party.png) no-repeat; }
#events .party a { color:#ff6000; }
#events .sonstiges h3, #eventtipp .sonstiges .h3 { background:#82cf09; }
#events .sonstiges .over, #eventtipp .sonstiges .over { background:url(ico_sonstiges.png) no-repeat; }
#events .sonstiges a { color:#82cf09; }

#events p { color:#fff; }

/****** Event-Detail */

#content #event .padder { min-height:400px; padding-bottom:40px; }
#event .img { width:184px; }
#event .img .flyer { margin-bottom:6px; display:block; }
#event .info { margin-left:204px; }
#event .headings { width:auto; }

#event .img p { margin-bottom:2px; text-align:right; }

#event .eintritt { overflow:hidden; margin-bottom:8px; }
#event .eintritt li { font-size:14px; display:block; list-style-type:none; margin:0; margin-right:17px; font-weight:bold; }
#event .eintritt span { float:left; width:100px; margin-right:4px; font-weight:normal; font-size:12px; }

#bilder .element { color:#fff; float:left; width:84px; height:84px; margin:0 10px 10px 0; }
#bilder img { display:block; border:2px solid #fff; }

#event #bilder a { color:#fff; }

#event p.button { top:auto; bottom:20px; }

#event .facebook { font-size:12px; float:right; }
#event .facebook img { float:left; margin-right:8px; }

/****** Event-Tipps */

#eventtipp .slideshow { width:196px !important; height:176px !important; display:block; }
#eventtipp h2 { margin:0; width:192px; height:172px; }

#eventtipp .img { width:192px; height:172px; display:block; position:relative; overflow:visible; border:2px solid #fff; } 

#eventtipp .headings { position:absolute; left:2px; bottom:2px; width:188px; }

#eventtipp .h1 { font-size:16px; padding:2px 3px; line-height:16px; }
#eventtipp .h2 { font-size:14px; padding:2px 3px; line-height:14px; }
#eventtipp .h3 { font-size:12px; padding:2px 3px; line-height:12px; margin-bottom:0; }

/****** Event-Kalender */

#kalender { background:url(bg_kalender.png); border:0 none; }
#kalender .ui-datepicker-title { color:#fff; text-align:center; }
#kalender table { margin:0; width:100%; border:1px solid #545352; border-collapse:collapse; }
#kalender th, #kalender th.ui-datepicker-week-end { background:#000; text-align:center; color:#fff; font-weight:normal; }
#kalender th, #kalender td { padding:2px; }
#kalender td a, #kalender .ui-datepicker-header a { display:block; cursor:pointer; }

#kalender table td { border-bottom:0; border-right:1px solid #545352; border-top:1px solid #545352; }
#kalender table td, #kalender table td a { color:#fff; font-weight:normal; text-align:center; }

#kalender .selectable { background:url(bg_kalender_td.png); }

#kalender .ui-datepicker-header { padding:3px 0; }

#kalender .ui-datepicker-header a span { display:none; }
#kalender .ui-datepicker-header a { width:11px; height:13px; margin-top:2px; }
#kalender .ui-datepicker-prev { float:left; background:url(btn_kalender_prev.gif); margin-left:4px; }
#kalender .ui-datepicker-next { float:right; background:url(btn_kalender_next.gif); margin-right:4px; }

#kalender .ui-datepicker-current-day, #kalender .ui-datepicker-current-day a { font-weight:bold; }

/****** Newsletter */

#newsletter .line label { width:50px; }
#newsletter .line input, #newsletter .line select { margin-left:50px; width:136px; }
#newsletter .line select { width:auto; padding-right:0; }

#newsletter .btn, #newsletter .info { margin-left:50px; }

#newsletter .msg { padding:4px 8px; background:#fff; color:#000; font-weight:bold; }

/****** Partner */

#partners { position:relative; display:block; background:url(partner.gif) no-repeat; width:226px; height:183px; }
#partners .duparc { width:104px; height:124px; position:absolute; top:58px; right:0; }

/****** Fjord */

#fjord .infos { overflow:hidden; }
#fjord .logo { display:block; float:right; background:url(logo_fjord.gif) no-repeat; width:180px; height:79px; margin:0 0 10px 10px; }

#fjord .wochenmenu { font-size:16px; }

#oeffnungszeit { padding-left:1px; }
#oeffnungszeit h3 { margin-bottom:4px; }
#oeffnungszeit table { background:url(bg_kalender.png); border:1px solid #545352; margin:0; }
#oeffnungszeit td { border-left:1px solid #545352; border-bottom:1px solid #545352; padding:2px 6px; }
#oeffnungszeit .day { font-style:italic; width:24%; background:#000; }
#oeffnungszeit .morning { width:24%; }
#oeffnungszeit span { font-style:italic; color:#808080; }

/****** Kontakt */

#content .wegbeschrieb { position:absolute; right:20px; top:20px; }

#content #googleMap .button { position:static; }
#content #googleMap .button a { display:inline; }


/****** Bildergalerie */

.gallery .slideshowgal { width:584px !important; height:424px !important; display:block; }
.gallery .slideshowgal a { width:580px; display:block; background:#000; border:2px solid #5cc5ed; }
.gallery .slideshowgal a img { border:0 none; display:block; }

/****** Team */

/*
#team { display:block; overflow:hidden; }

.team { float:left; width:104px; height:104px; display:block; margin:0 6px 6px 0; }
.team a, .team img { display:block; }
#content .team a, #content .partner a { padding:0; background:none; width:104px; height:104px; }
.team img, .partner img { border:2px solid #000; width:100px; height:100px; }
#content .partner a , .partner img{ width:auto; height:auto; }

#contleft .img img { margin:0 auto; }*/



/****** galerien */

/*
.gallery { overflow:hidden; }

#content .gallery a { float:left; margin:0 10px 10px 0; padding:0; background:0 none; }
#content .gallery a img { border:2px solid #000; }
*/


/****** Footer */

#footer { position:relative; margin-top:20px; }

#footer address { font-size:11px; }
#footer address, #footer span { color:#808080; }

#bluemouse { position:absolute; right:0; top:0; }
#bluemouse a { text-decoration:none; display:block; background:url(logo_bluemouse.gif) no-repeat; width:118px; height:23px; }
#bluemouse a:hover, #bluemouse a:focus { background-position:0 -23px; }
#bluemouse span.sub { font-size:10px; font-weight:normal; }

/***************************************************  Nav */

#nav { height:37px; margin-bottom:36px; position:relative; }
#nav ul { margin:0; padding-left:20px; overflow:hidden; }
#nav li { float:left; display:block; background:url(ico_nav.gif) no-repeat right 17px; margin:0; padding-right:4px; }

#nav a {color:#fff;  padding:0 10px; display:block; text-decoration:none; }
#nav a span { padding:10px 0 8px; display:block; font-size:14px; text-transform:lowercase; }
#nav a:hover , #nav a:focus , #nav a.active  { color:#5cc5ed !important; }
#nav a.active span { border-bottom:3px solid #5cc5ed; }

#nav .back { border-bottom:3px solid #5cc5ed; width: 1px; bottom:0;	z-index: 8;	position: absolute; }

/*************************************************** Programmfilter */

#programmfilter { overflow:hidden; border-bottom:2px solid #fff; }

#programmfilter h4, #programmfilter a, #tabs li { float:left; display:block; }
#programmfilter h4, #programmfilter a, #programmfilter span, #tabs a { font-size:14px; color:#fff !important;  }

#programmfilter h4 { margin-right:6px; padding:6px 0; }

#programmfilter a, #tabs a { padding:6px 9px; background:url(bg_filterbuttons.png); margin-left:2px; }
#programmfilter .pdf { background:url(bg_filter_pdf.png); color:#5cc5ed; }
#programmfilter .pdf span { display:block; background:url(../ext/pdf_small.gif) right center no-repeat; padding-right:20px; color:#5cc5ed; }

#programmfilter a.btn:hover, #programmfilter a.btn:focus, #programmfilter a.active, #tabs a:hover, #tabs a:focus, #tabs a.active { background:#fff none; color:#000 !important; text-decoration:none; }

/*************************************************** Eventtip-Nav */

#eventtippnav, #gallerynav { margin-top:10px; overflow:hidden; }
#gallerynav a, #eventtippnav a { width:22px; }
#gallerynav a { margin-bottom:4px; }
.gallery .prev a, .gallery .next a { padding:0 6px; }
#eventtippnav a, #gallerynav a, .gallery .prev a, .gallery .next a { float:left; display:block; text-align:center; font-size:11px; background:#000; margin-right:4px; border:1px solid #5cc5ed; }
#eventtippnav a.activeSlide, #gallerynav a.activeSlide, .gallery .prev a:hover, .gallery .next a:hover, .gallery .prev a:focus, .gallery .next a:focus { background:#5cc5ed; color:#000; }

.gallery .prev a, .gallery .next a { float:none; margin-top:10px; }
.gallery .next a { margin-left:12px; margin-right:0; }
.gallery .prev a { margin-right:16px; }
.gallery .prev { float:left; }
.gallery .next { float:right; }

/*************************************************** Event Nav */

/*
.konzert #tabs { border-bottom:1px solid #f31993; }
.konzert #tabs a { border:1px solid #f31993; border-bottom:0; }
.party #tabs { border-bottom:1px solid #ff6000; }
.party #tabs a { border:1px solid #ff6000; border-bottom:0; }
.sonstiges #tabs { border-bottom:1px solid #82cf09; }
.sonstiges #tabs a { border:1px solid #82cf09; border-bottom:0; }
*/

#tabs { overflow:hidden; margin:0; margin-top:16px; }
#tabs li { list-style-type:none; margin:0; margin-right:2px; }
#tabs a { font-size:12px; display:block; margin:0; padding:3px 6px; }

/***************************************************  Sitenav */

#sitenav { position:absolute; right:0; top:8px; }
#sitenav, #sitenav a { color:#fff; font-size:11px; font-weight:normal; }
#sitenav a.active { color:#5cc5ed; }