@charset "utf-8";

/* Boilerplate ---------- */
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, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary {
   display:block;
}
meter,progress,mark, time {
   display:inline;
}
body {
   line-height: 1;
}
blockquote, q {
   quotes: none;
}
html, body {
   height:100%;
}
html {
   min-width:861px;
   overflow-y: scroll;
}
iframe
{
   border:0;
}

/* BODY            ---------------------------------------------------- */

body {
   background-color: #000000;
   font-family: 'Ubuntu', sans-serif;
	font-size: 100%;
	line-height: 12px;
	color: #FFFFFF;
}

/* LISTEN          ---------------------------------------------------- */

ol, ul {
	list-style: none;
}

/* IMAGES          ---------------------------------------------------- */

img {
	border: 0;
	vertical-align: top;
	text-align: left;
}

/* OBJECTS         ---------------------------------------------------- */

object {
	vertical-align: top;
	outline: none;
}

/* TABELLEN        ---------------------------------------------------- */

table, table td {
	padding: 0;
	border: none;
	border-collapse: collapse;
}

/* HEADLINES       ---------------------------------------------------- */

h1 {
   font-size: 14px;
   font-family: 'Ubuntu', sans-serif;
   font-weight: lighter;
   color: #FFFFFF;
   text-transform: uppercase;
   margin-bottom: 10px;
   border-bottom: 1px solid #e3f612;
   width: 100%;
   line-height: 28px;
}

h2 {
   font-size: 22px;
   font-family: 'Ubuntu', sans-serif;
   font-weight: lighter;
   color: #FFFFFF;
   text-transform: uppercase;
   margin-top: 10px;
   margin-bottom: 10px;
}

h3 {
   font-size: 20px;
   font-family: 'Ubuntu', sans-serif;
   font-weight: lighter;
   color: #FFFFFF;
   text-transform: uppercase;
   margin-bottom: 10px;
   border-bottom: 1px dotted #151929;
   width: 100%;
   line-height: 28px;
}

h4 {
   font-size: 18px;
   font-family: 'Ubuntu', sans-serif;
   color: #FFFFFF;
   text-transform: uppercase;
   font-weight: lighter;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

h5 {
   font-family: 'Ubuntu', sans-serif;
   font-weight: lighter;
   font-size: 12px;
   color: #FFFFFF;
   text-transform: uppercase;
   margin-bottom: 10px;
   line-height: 16px;
}

h6 {
   font-size: 14px;
   color: #FFFFFF;
   font-family: 'Ubuntu', sans-serif;
   font-weight: lighter;
   text-transform: uppercase;
   margin-bottom: 10px;
}

/* FETT            ---------------------------------------------------- */

b, strong {
        color: #FFFFFF;
}

/* BREADCRUMB      ---------------------------------------------------- */

.breadcrumb {
	margin-bottom: 10px;
	width: 575px;
	/*background-color: #000;*/
	line-height: 20x;
	/*padding: 5px;*/
   font-size: 14px;
   color: #33CCFF;
}

.breadcrumb a {
   color: #FFFFFF;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.clear {
	clear: both;
}

.cont_li, .cont_mi, .cont_re {
	float: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.container {
	width: 100%;
}

.nocolor, .nocolor a{
	color: inherit;
}


/*    TEMPLATE Grundstruktur  ------------------------------------------------ */
html, body
{
   overflow: hidden;
   background:#000;
}
#header
{
   background-image: url(../images/pd_bg_header.png);
   width:100%;
   height:76px;
   position:fixed;
   top:0;
   left:0;
   z-index: 500;
   text-align: center;
}
footer
{
   background-color: #000;
   height:70px;
   width:100%;
   position:fixed;
   bottom:0;
   left:0;
   z-index:500;
   color:gray;
}
#hauptcontainer
{
   overflow-y: scroll ;
   width:100%;
   position:fixed;
   left:0;
   top:76px;
}

#logobox
{
   width: 170px;
   height: 93px;
   position: fixed;
   top: 165px;
   left: 0;
   background-color: #000;
   padding-top: 30px;
   padding-left: 20px;
   padding-right: 20px;
   opacity: 0.8;
   text-align: center;
}

#content
{
   z-index: 300;
   position: absolute;
   top:90px;
   width:780px;
   background-image: url(../images/pd_bg_content.png);
   background-repeat: repeat;
   background-color: transparent !important;
   left:50%;
   margin-left:-400px;
}

.closebox
{
   background: url(../images/pd_minimieren.png);
   width: 19px;
   height: 19px;
   position:absolute;
   right: 6px;
   top: 5px;
   cursor: pointer;
   display:none;
}

.bannerpanorama div.scrollableArea *
{
   position: relative;
   display: block;
   float: left;
   padding: 0;
   margin: 0;
}
.bannerpanorama,
.bannerpanorama div.scrollableArea img
{
   height:100%;
}
.bannerpanorama div.scrollableArea
{
   width:8272px;
}

.bannerpanorama div.scrollingHotSpotRight
{
   right:15px;
}

/* Modulpositionen ----------------------------*/
.links, .rechts
{
   float:left;
   padding: 10px;
}

/* FORMULARE    ---------------------------------------------------- */

input, select, textarea {
	font-size: 14px;
	vertical-align: middle;
	font-weight: normal;
	margin: 0;
   margin-bottom: 10px;
   margin-top: 10px;
   font-family: 'Ubuntu', sans-serif;
}

textarea {
	overflow:auto;
}

.tellafriend-form input {
        width: 200px;
}

table.detail
{
   width:100%;
   color: #fff;
   margin-top:20px;
}

table.detail th
{
    color: #fff;
    vertical-align: top;
    text-align: left;
    padding-left: 5px;
}

table.detail td
{
   padding-left: 5px;
   padding-bottom: 10px;
}
table.detail td p {
   margin: 10px 0;
}

.formular_container {
}

.formular_container_h1 {
	display: none;
}

.formular_infotext {

}

.formular fieldset {
    /*background-color: #000000;
    border: 1px solid #33CCFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;*/
    /*padding: 20px;*/
    margin-right: 10px;
}

.formular input {
   padding: 0;
   margin: 0;
   line-height: 12px;
}

.formular legend {
   padding:5px;
   font-size:18px;
   text-transform: uppercase;
   color: #fff;
}

.formular select {
   font-size: 14px;
   background-color: #0f0f0f;
   color: #FFFFFF;
   border: 1px solid #666666;
}

.radioset {
    margin: 0;
    padding: 0;
    display: inline;
    margin-right: 20px;
}

.formular option[disabled="disabled"] {
   color:#fff;
	background-color: #333;
}

.formular textarea {
    width: 350px;
    min-height: 200px;
    background-color: #0f0f0f;
    color: #FFFFFF;
    font-size: 14px;
    border: 1px solid #666666;
}

.formular input[type='text'] {
    background-color: #0f0f0f;
    color: #FFFFFF;
    border: 1px solid #666666;
    height: 26px;
    width: 300px;
    font-family: 'Ubuntu', sans-serif;
}

.formular input[type='file'] {
    background-color: #0f0f0f;
    border: 1px solid #666666;
}

.formular input[name='feld_22'] {
   width: 70px;
}

.formular input[name='feld_2'] {
    width: auto;
}

.formular input[name='feld_10'] {
   width: 70px;
}

.formular input[name='feld_16'] {
   width: 70px;
}

.formular input[name='feld_24'] {
   width: 35px;
}

.formular input[name='feld_4'] {
   width: auto;
}

.formular input[name='feld_12'] {
   width: 35px;
}

.formular input[name='captcha'] {
   width: 35px;
}

.formular input[name='feld_18'] {
   width: 35px;
}

.formular input[type='submit'] {
    /*background: url(images/ui-bg_highlight-soft_35_adadad_1x100.png) 50% 50%;
    background-repeat: repeat-x;*/
    border: 1px solid #999;
    background-color: #000;
    height: 30px;
    color: #999;
    margin-right: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    width: 100px;
}

.formular input[type='submit']:hover {
    /*background: url(images/ui-bg_highlight-soft_60_dddddd_1x100.png) 50% 50%;
    background-repeat: repeat-x;*/
    border: 1px solid #FFF;
    color: #FFFFFF;
}



.formular .info
{
   display: block;
   font-size: 12px;
   color:#BBBBBB;
}
.formular .disabled
{
   background:#BBBBBB;
}

.disabled, .formular input.disabled, a.disabled
{
   color: #fff;
   border-color: silver;
   font-style: italic;
}

.input-error-message {
    color: #b30617;
    display: block;
}

/* ENDE Formulare */
/* P-Klassen */

p {
	margin-bottom:16px;
}
.p1 {
	margin-bottom:8px;
}
.p2 {
	margin-bottom:16px;
}
.p3 {
	margin-bottom:24px;
}

/* ENDE P-Klassen */

.white {
	color:#fff;
}

/* Boxen */

dl.address{
	color:#fff;
	font:13px 'Ubuntu', Arial, Helvetica, sans-serif;
}

dl.address dt{
	margin-bottom:22px;
}

dl.address dd {
	text-align:right;
	clear:both;
	width:242px;
}
dl.address dd span {
	float:left;
}
dl.img-box,.img-box-set dl {
	padding-bottom:0px;
  overflow:hidden;
}
dl.img-box dt ,.img-box-set dl dt{
	float:left;
	padding-right:16px;
}
dl.img-box dd ,.img-box-set dl dd{
	overflow:hidden;
	padding-bottom:0;
}

.img-box-set{
	margin-top:-34px;
}

.img-box-set dl{
	padding-top:34px;
}

.dialog {
        width: 350px;
        height: 100px;
        font-size: 12px;
        display: none;

}

/* Footer Credits */

footer .credits {
	font-family: Arial, Helvetica, sans-serif;
	color: #353535;
	position: relative;
	left: 300px;
   float:left;
   font-size: 11px;
   top:10px;
}

footer .credits a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #353535;

}

footer .credits a:hover {
	text-decoration: underline;
   color: #FFF;
}

footer .impressum {
	font-family: Arial, Helvetica, sans-serif;
	color: #353535;
   position: relative;
	left: 500px;
	float:right;
   font-size: 11px;
   top:10px;
}

footer .impressum a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #353535;
}

footer .impressum a:hover {
	text-decoration: underline;
   color: #FFF;
}

/* SM ICONS */

#fb_icon a {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/facebook_32.png");
   display: inline-block;
}

#fb_icon a:hover {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/facebook_32_hover.png");
   display: inline-block;
}
#gplus_icon a {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/gplus-32.png");
   display: inline-block;
}

#gplus_icon a:hover {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/gplus-32_hover.png");
   display: inline-block;
}
#apple_icon a {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/apple_32.png");
   display: inline-block;
}

#apple_icon a:hover {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/apple_32_hover.png");
   display: inline-block;
}

#email_icon a {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/email_32.png");
   display: inline-block;
}

#email_icon a:hover {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/email_32_hover.png");
   display: inline-block;
}

#rss_icon a {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/rss_32.png");
   display: inline-block;
}

#rss_icon a:hover {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/rss_32_hover.png");
   display: inline-block;
}

#twitter_icon a {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/twitter_32.png");
   display: inline-block;
}

#twitter_icon a:hover {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/twitter_32_hover.png");
   display: inline-block;
}

#vimeo_icon a {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/vimeo_32.png");
   display: inline-block;
}

#vimeo_icon a:hover {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/vimeo_32_hover.png");
   display: inline-block;
}

#youtube_icon a {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/youtube_32.png");
   display: inline-block;
}

#youtube_icon a:hover {
   width: 32px;
   height: 32px;
   background-image: url("../../../includes/img/youtube_32_hover.png");
   display: inline-block;
}

/* ENDE SM ICONS */

/* PAGING    ---------------------------------------------------- */

.paging {
   width: 120px;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   font-size: 15px;
}

.paging .next, .paging .prev {
   width:5px;
   height:16px;
}

.paging td {
   vertical-align: middle;
}

.paging a:link, a:visited, a:active {
   text-decoration: none;
}

.paging a:hover {
   text-decoration: none;
   color: #fff;
}

.paging-active {
   background-color: #e3f612;
   padding-left: 5px;
   padding-right: 5px;
   color: #404040;
}

/* LINKS       ---------------------------------------------------- */

a {
   color: #e3f612;
	outline: none;
   text-decoration: none;
}

a:hover {
	text-decoration:none;
   outline: none;
   color: #FFFFFF;
}

a.link_zurueck, a.link_weiter {
   height: 22px;
   min-width: 20px;
   width: auto;
   display: block;
   background-repeat: no-repeat;
   font-size: 11px;
   line-height: 22px;
   vertical-align: middle;
   color: #FFFFFF;
   text-decoration: none;
   text-transform: uppercase;
   padding: 0;
}

a.link_zurueck {
   background: url("../images/pd_navig.png") left -87px no-repeat;
   background-color: #404040;
   /*padding-left: 15px;*/
}

a.link_zurueck:hover {
   background-position: left -110px;
   color: #404040;
   text-decoration: none;
   background-color: #e3f612;
}

a.link_weiter {
   background: url("../images/pd_navig.png") right -21px no-repeat;
   background-color: #404040;
   padding-left: 3px;
}
a.link_weiter:hover {
   background-position: right -42px;
   color: #090C1D;
   text-decoration: none;
   background-color: #e3f612;
}

/*    Friendlists    */
.fb-friends-list {
    display: block;
    margin: 5px 0;
    max-height: 90px;
    max-width: 225px;
    overflow: hidden;
}


.fb-friends-list .fb-friend {
    display: inline;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 5px 5px 0;
    vertical-align: middle;
}

.fb-friends-list  .fb-friend img
{
   height:25px;
}

.fb-friends-list  .fb-friend-name
{
   display:none;
}

.fb-friends-list .fb-friend-rest
{
   color:silver;
}

/* BUTTONS      ------------------------------------------------------- */

.puzzButton
{
   height:33px;
   position: relative;
   padding: 0 0;
   padding-right: 20px;
   top: 15px;
   background-color: #404040;
   width: 185px;
   text-align: center;
   padding-left: 20px;
   font-size: 12px;
   margin-bottom: 10px;
   text-transform: uppercase;
}

.puzzButton a {
   color: #FFFFFF;
}

.puzzButton a:hover {
   color: #404040;
}

.puzzButton:hover {
   color: #404040;
   background-color: #e3f612;
}

.puzzButton span {
   /*background: url(../images/button_mitte.png) center center repeat-x;*/
   height:33px;
   vertical-align: middle;
   line-height: 33px;
   display: block;
   padding: 0 5px;
}

.puzzButton .puzzButton-start,
.puzzButton .puzzButton-end
{
   /*background: url(../images/button_enden.png) no-repeat center;*/
   width:8px;
   position:absolute;
   top:0;
   padding: 0;
   display: none;
}

.puzzButton.puzzButton-bottom-rect .puzzButton-start,
.puzzButton.puzzButton-bottom-rect .puzzButton-end
{
   /*background: url(../images/button_enden_rect.png) no-repeat center;*/
   display: none;
}

.puzzButton .puzzButton-start,
.puzzButton.puzzButton-bottom-rect .puzzButton-start
{
   background-position: left center;
   left:0;
}
.puzzButton .puzzButton-end,
.puzzButton.puzzButton-bottom-rect .puzzButton-end
{
   background-position: right center;
   right:0;
}

/* Warnhinweise ----------------------- */
.message
{
   display: block;
   background: black;
   border:1px solid white;
   padding:3px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   margin: 4px;
   box-shadow:5px 5px 5px #333333;
}

#messagebox
{
   position: fixed;
   top:50%;
   left:50%;
   width:500px;
   margin-left: -200px;
   cursor: pointer;
   display: none;
   z-index: 700;
}

.message-warnung,
.message-hinweis,
.message-erfolg
{
   border-width: 3px;
   border-style: solid;
   border-radius:7px;
   -moz-border-radius:7px;
   -webkit-border-radius:7px;
   -khtml-border-radius:7px;
   padding: 5px;
}

.message-warnung
{
   border-color: #B30617;
}

.message-hinweis
{
   border-color: orange;
}

.message-erfolg
{
   border-color: green;
}

.codeemail
{
   direction: rtl;
   unicode-bidi: bidi-override;
}
.fb-send-button iframe{min-width:65px !important;}

#nutzungsdialog {
   line-height: 20px;
   font-size: 12px;
}

#mp3Player_circle
{
   position:relative;
   top:-40px;
   left:490px;
   right:0px;
   margin: 0 auto;
   width:40px;
}
.img_fb_event
{
   margin-bottom: 5px;
   margin-top: 5px;
}
#navigation
{
	background-color: black;
height: 75px;
}
.cw-table-show, .cw-table-hide {
background-repeat: repeat-x;
background-position-x: 50%;
}
.cw-table-hide {
background-image: url(../../../includes/img/cw-table-up.png);
}
.cw-table-clickable {
height: 22px;
background-color: black;
cursor: pointer;
background-position: 0;
background-repeat: repeat-x;
}
.reservierung_bereichsliste
{
	margin-bottom: 50px;
}
.reservierung_eventliste tbody td
{
	padding-left: 10px;
padding-right: 10px;
}
.event_liste_headline
{
	overflow: hidden;
width: 120px;
height: 46px;
}

#bigpicshow
{
	width: 100%;
	height: 100%;
	margin-top: 77px;
}
.bannerbig
{
	width: 100%;
	height: 100%;
}
.banner_bigpic
{
	width: 100%;
	height: 100%;
}
.banner-picbox
{
	width: 100%;
	height: 100%;
}
#bigpicshow .bannerbig .banner_bigpic .banner-picbox .creaGalery-closeevent img
{
	width: 100%;
}
::-webkit-scrollbar {
    display: none;
}

.ac_user .text_res
{
	width: 80px;
	float: left;
	padding-top: 8px;
}

.ac_user .sel_wunsch
{
	background-position-x: 199px;
}

.ac_user .senden_anfrage
{
	display:none;
}