/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active .quote_text {
    visibility:hidden;
  }
  .sIFR-active .quote_author {
    visibility:hidden;
  }
    .sIFR-active .quote_author object,
    .sIFR-active .quote_author span {
    display: block;
  }
}
/*****************************************************************************
	general
*****************************************************************************/
	 
html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, label, img, li, span, object {
margin: 0;
padding: 0;
border: none 0;
outline:0;
font:normal 12px/14px Helvetica, Arial, sans-serif;
color:#333333;
}

h1 {
margin-bottom:30px;
color:#ec7404;
font-size:18px;
font-weight:normal;
}

h2 {
margin-bottom:7px;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}

h3 {
margin-bottom:4px;
font-size:13px;
font-weight:bold;
}

h3.orange {
color:#ec7404;
}

.ce_text {
margin-bottom:15px;
font-size:12px;
line-height:16px;
}

.ce_text p {
font-size:12px;
line-height:16px;
}

input.text,
input.captcha,
textarea {
color:#333333;
font:normal 12px Arial, Helvetica, sans-serif;
background:#f1f1f1;
border:1px solid #cccccc;
}

input.captcha {
width:24px;
}

div.submit_container {
margin-top:15px;
}

input.submit {
border:1px solid #ef7311; 
color:#ffffff;
background:#ef7311;
font-size:12px;
cursor:pointer;
}

textarea {
font-size:12px;
}

.error {
color:#ec7404;
font-size:11px;
}

a,
a:link,
a:active,
a:visited {
color:#ef7311;
text-decoration:none;
}

a:hover,
a:focus {
color:#888888;
}

.invisible {
display:none;
}

body {
background:#000000 url(../uploads/background/body_bg.jpg) no-repeat 0 0;
}

#pagewrapper {
position:relative;
z-index:100;
margin:50px 0 50px 50px;
width:598px;
background-color:#ffffff;
overflow:hidden;
}
#left {
float:left;
padding:50px 0 50px 30px;
width:120px;
background-color:#ffffff;
}

#left_down {
float:left;
margin-top:130px;
padding:50px 0 50px 30px;
width:120px;
background-color:#ffffff;
}

#main {
float:left;
padding:50px 30px 50px 30px;
background-color:#ffffff;
}

.mod_article {
width:388px;
}


/******************************
	Startpage
******************************/

body.startpage .mod_article {
width:auto;
}

body.startpage .mod_article .ce_text {
width:338px;
float:left;
}

.mod_quickpoll {
float:left;
padding:0 30px 50px 0;
width:170px;
}

.mod_quickpoll p {
margin-bottom:7px;
line-height:16px;
}

.mod_quickpoll .radio_container span {
display:block;
margin:0 0 3px 0;
padding:0 02px 1px 2px;
height:22px;
line-height:22px;
background-color:#eeeeee;
overflow:hidden;
}

.mod_quickpoll .radio_container span label {
vertical-align:middle;
}

.mod_quickpoll .radio_container span input {
vertical-align:middle;
}

.mod_quickpoll div.graph div.label {
font-weight:bold;
}

.mod_quickpoll div.graph div.results {
margin:0 0 4px 0;
}

.mod_quickpoll .graph .results .color0 { color:#000000; text-align:center;}
.mod_quickpoll .graph .results .color1 { color:#ffffff; background-color:#ec7404; text-align:center;}

.mod_quickpoll div.totaltext {
margin:8px 0 0 0;
}

h2.utube_intro {
position:absolute;
left:30px;
top:562px;
width:170px !important;
}

div.ce_youtube {
width:170px;
height:130px;
}

div.ce_youtube p {
margin:0 0 5px 0;
line-height:16px;
}

div.ce_youtube object {
display:block;
margin:0 0 5px 0;
}

body.startpage #main div.ce_youtube span {
display:block;
font-size:10px;
line-height:12px;
}

div.youtube_1 {
position:absolute;
left:30px;
top:585px;
}

/******************************/



div#login {
width:538px;
}

body.sitemap .mod_article {
width:538px;
}

#main .mod_article .quotebox {
position:relative;
margin:-50px -30px 50px -30px;
padding:30px;
width:538px;
min-height:47px;
background-color:#e5e5e5;
}

.quote_text {
color:#000000;
font-size:14px;
}

.quote_author {
display:block;
color:#999999;
font-weight:bold;
font-size:12px;
}

.pageimage {
display:block;
position:relative;
margin:-50px -30px 50px -180px;
}

#signet {
position:absolute;
left:648px;
top:0;
width:342px;
height:406px;
background-image:url(../img/signet.png);
}

.ce_download {
height:18px;
}

.ce_download img,
.ce_download a {
vertical-align:middle;
}


/*****************************************************************************
	Header mit Topnavigation und Logo
*****************************************************************************/	
#header {
width:598px;
background:#626262 url(../img/header_bg.jpg) repeat-x 0 0;
}	
	
#header h1 {
clear:both;
display:none;
}	
	
#topnav {
padding:26px 0 0 30px;
float:left;
}
	
#topnav ul {
list-style-type:none;
}
	
#topnav li {
margin-bottom:6px;
float:left;
clear:both;
vertical-align:top;
height:15px;
}	
	
#topnav a,
#topnav a:link,
#topnav a:active,
#topnav a:visited,
#topnav p {
vertical-align:top;
color:#999999;
font-size:11px;
text-decoration:none;
}	
	
#topnav a:hover,
#topnav a:focus,
#topnav p {
color:#cccccc;
font-size:11px;
}

#logobox {
float:right;
padding:30px 30px 0 0;
height:130px;
}


/*****************************************************************************
	Hauptnavigation
*****************************************************************************/	
#mainnav {
position:relative;
z-index:10;
padding-left:208px;
clear:both;
height:30px;
background:#626262 url(../img/mainnav_bg.jpg) repeat-x 0 0;
}
	
#mainnav ul {
list-style-type:none;
}
	
#mainnav ul li.submenu {
margin-right:49px;

position:relative;
float:left;
min-width:32px;
}
	
#mainnav ul li.last {
margin-right:0;
}

#mainnav ul li a,
#mainnav ul li a:link,
#mainnav ul li a:visited,
#mainnav ul li p {
line-height:30px;
color:#cccccc;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-left:7px;
}	

#mainnav ul li a.active,
#mainnav ul li a.trail,	
#mainnav ul li a:hover,
#mainnav ul li a:focus,
#mainnav ul li p.active {
color:#ec7404;
}
	
#mainnav ul li ul {
display:none;
}
	
#mainnav ul li.hover ul,
#mainnav ul li:hover ul {
display:block;
position:absolute;
top:30px;
left:0;
width:140px;
list-style-type:none;
background-color:#555555;
}

#mainnav ul li.last ul {
left:-58px;
}
	
#mainnav ul li ul li,
#mainnav ul li ul li.last {
margin:0;
padding:0;
border-top:1px solid #777777;
}

#mainnav ul li.submenu ul li a,
#mainnav ul li ul li a:visited,
#mainnav ul li ul li.active p.active {
display:block;
width:133px;
height:26px;
line-height:26px;
color:#999999;
font-weight:normal;
text-decoration:none;
white-space:nowrap;
}	
	
#mainnav ul li ul li a:hover,
#mainnav ul li ul li a:focus,
#mainnav ul li.submenu ul li p.active {
color:#cccccc;
background-color:#666666;
font-weight:normal;
}

/*****************************************************************************
	Subnavigation links unten
*****************************************************************************/

.nav_left_bottom {
padding-top:46px;
}

.nav_left_bottom {
list-style-type:none;
}

.nav_left_bottom li {
margin-bottom:15px;
}

.nav_left_bottom ul {
margin:10px 0 0 10px;
list-style-type:none;
}

.nav_left_bottom li li {
margin-bottom:7px;
}

.nav_left_bottom a,
.nav_left_bottom a:active,
.nav_left_bottom a:visited {
font-size:12px;
color:#888888;
}

.nav_left_bottom a:hover,
.nav_left_bottom a:focus,
.nav_left_bottom a.trail,
.nav_left_bottom p,
.nav_left_bottom span.current {
font-size:12px;
color:#333333;
}
/***************************************
	Artikel Navigation
****************************************/

div.mod_articleNav h2 {
height:46px;
}

div.mod_articleNav ul {
margin-left:7px;
list-style-type:none;
}

div.mod_articleNav li {
margin-bottom:8px;
}

div.mod_articleNav a,
div.mod_articleNav a:active,
div.mod_articleNav visited {
color:#999999;
}

div.mod_articleNav a:hover,
div.mod_articleNav a:focus,
div.mod_articleNav p {
color:#333333;
}



/*****************************************************************************
	Blog
*****************************************************************************/
div#id-3freunde-blog div.ce_hyperlink {
width:200px;
position:absolute;
left:416px;
top:368px;
}

.mod_newslist {
margin-bottom:30px;
}

.mod_newslist div {
margin-bottom:20px;
}

.mod_newslist p.info {
padding-bottom:14px;
font-weight:bold;
}

.mod_newsreader p.info {
padding-bottom:10px;
font-weight:bold;
}

.mod_newslist p.info .comment_count,
.mod_newsreader p.info .comment_count {
font-weight:normal;
}

.mod_newslist h2,
.mod_newsreader h2 {
margin-bottom:7px;
text-transform:uppercase;
}

.mod_newsreader div.image_container {
margin-bottom:7px;
}

.mod_newslist h2 a,
.mod_newsreader h2 a,
.mod_newslist h2 a:active,
.mod_newsreader h2 a:active,
.mod_newslist h2 a:link,
.mod_newsreader h2 a:link,
.mod_newslist h2 a:visited,
.mod_newsreader h2 a:visited {
font-size:14px;
font-weight:bold;
}

.mod_newslist p.teaser {
margin-bottom:2px;
line-height:16px;
}

.ce_news_gallery {
margin-bottom:7px;
overflow:hidden;
}

.ce_news_gallery table {
width:388px;
}

.ce_news_gallery table td div {
margin:0 20px 20px 0;
}

.ce_news_gallery td.col_last div {
margin:0 0 10px 0;
}

.mod_newsreader p.back {
margin:-15px 0 30px 0;
}

.ce_comments h3.orange {
margin-bottom:15px;
}

#id-3freunde-blog-detail .comment_default {
margin:0 0 15px 0;
clear:both;
}

#id-3freunde-blog-detail .last {
margin:0 0 30px 0;
}

#id-3freunde-blog-detail .info {
margin-bottom:4px;
font-weight:bold;
}

#id-3freunde-blog-detail .comment {
font-size:12px;
}

#id-3freunde-blog-detail .comment br {
display:block;
margin-bottom:4px;
height:8px;
line-height:8px;
font-size:8px;
}


#id-3freunde-blog-detail div.form {
clear:both;
}

#id-3freunde-blog-detail div.widget {
clear:both;
margin:0 0 7px 0;
}

#id-3freunde-blog-detail input {
display:block;
margin-top:2px;
}

#id-3freunde-blog-detail label.captcha {

}

#id-3freunde-blog-detail input.captcha {
display:inline;
}

#id-3freunde-blog-detail span.captcha_text {
font-size:11px;
line-height:20px;
padding-left:6px;
}


/*****************************************************************************
	Drink
*****************************************************************************/

div.drink_container {
margin-bottom:30px;
height:100%;
overflow:hidden;
}

div.drink_container h2 {
margin-bottom:7px;
width:300px;
font-size:15px;
font-weight:bold;
float:left;
text-transform:uppercase;
}

div.drink_container span.price {
font-size:15px;
font-weight:bold;
float:right;
text-align:right;
}

div.drink_container h3 {
margin-bottom:7px;
width:300px;
font-size:12px;
font-weight:bold;
clear:both;
text-transform:uppercase;
}

div.drink_container span.serve {
display:block;
margin-bottom:7px;
width:300px;
font-size:12px;
clear:both;
}

div.drink_container p {
clear:both;
width:300px;
line-height:16px;
}

div.short_drink h2 {
margin-bottom:7px;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}

div.short_drink table {
margin-bottom:30px;
width:100%;
}

div.short_drink td {
padding-bottom:7px;
vertical-align:top;
}

div.short_drink td.col_0 {
width:290px;
text-transform:uppercase;
}

div.short_drink td.col_2 {
font-weight:bold;
text-align:right;
}


/*****************************************************************************
	Musikprogamm
*****************************************************************************/

#musikprogamm .mod_calendar h2 {
margin-bottom:30px;
text-transform:uppercase;
}

#musikprogamm .mod_calendar table {
width:388px;
table-layout:fixed;
}

#musikprogamm .mod_calendar tr.odd {
background-color:#f5f5f5;
}

#musikprogamm .mod_calendar tr.odd:hover, 
#musikprogamm .mod_calendar tr.even:hover {
background-color:#e7e7e7;
}

#musikprogamm .mod_calendar th {
padding-bottom:15px;
text-align:left;
text-transform:uppercase;
}

#musikprogamm .mod_calendar td {
padding:2px 0 2px 0;
vertical-align:middle;
height:36px;
}

#musikprogamm .mod_calendar th.day_date,
#musikprogamm .mod_calendar td.date {
padding-left:4px;
width:66px;
}

#musikprogamm .mod_calendar span.day {
display:block;
float:left;
width:22px;
}

#musikprogamm .mod_calendar th.time,
#musikprogamm .mod_eventlist td.time {
width:50px;
}

#musikprogamm .mod_calendar th.dj,
#musikprogamm .mod_calendar td.dj {
width:100px;
}

#musikprogamm .mod_calendar th.title,
#musikprogamm .mod_calendar td.title {
width:168px;
}

/**************************************
	Musikprogamm Paginierung
***************************************/
#musikprogamm .mod_calendar .pagination {
margin-top:15px;
overflow:hidden;
}

#musikprogamm .mod_calendar .pagination span.previous {
margin-bottom:15px;
display:block;
float:left;
}

#musikprogamm .mod_calendar .pagination span.next {
margin-bottom:15px;
display:block;
float:right;
text-align:right;
}

 
 
/*****************************************************************************
	Gästebuch
*****************************************************************************/

div.guestbook div.pagination {
margin:0 0 30px 0;
overflow:hidden;
height:15px;
}

div.guestbook div.pagination p {
margin-right:30px;
float:left;
font-size:11px;
}

div.guestbook div.pagination ul {
float:right;
}

div.guestbook div.pagination ul span,
div.guestbook div.pagination ul a {
list-style-type:none;
font-size:11px;
}

div.guestbook div.pagination ul li {
display:inline;
}

div.guestbook .comment_default {
margin:0 0 15px 0;
clear:both;
}

div.guestbook .last {
margin:0 0 30px 0;
}

div.guestbook .info {
margin-bottom:4px;
font-weight:bold;
}

div.guestbook .comment {
font-size:12px;
}

div.guestbook .comment br {
display:block;
margin-bottom:4px;
height:8px;
line-height:8px;
font-size:8px;
}

div.guestbook div.form {
clear:both;
}

div.guestbook div.widget {
clear:both;
margin:0 0 7px 0;
}

div.guestbook input {
display:block;
margin-top:2px;
}

div.guestbook label.captcha {

}

div.guestbook input.captcha {
display:inline;
}

div.guestbook span.captcha_text {
font-size:11px;
line-height:20px;
padding-left:6px;
}

/*****************************************************************************
	Fotos
*****************************************************************************/
.ce_gallery table {
width:388px;
}

.ce_gallery table td div {
margin:0 20px 20px 0;
}

.ce_gallery table td.col_last div {
margin:0 0 20px 0;
}


/*****************************************************************************
	Newsletter
*****************************************************************************/

div.newsletter form span.nl_title,
div.newsletter form label.nl_email,
div.newsletter form input.text,
div.newsletter form input.submit {
display:block;
}

div.newsletter form span.nl_title {
margin:7px 0 4px 0;
}

div.newsletter form label.nl_email {
margin:15px 0 2px 0;
}

div.newsletter form span.checkbox_container input {
margin:0;
vertical-align:middle;
}

div.newsletter form span.checkbox_container label {
padding-left:4px;
font-size:11px;
}

div.newsletter form input.submit {
margin:30px 0 15px 0;
}

div.newsletter p.confirm {
font-weight:bold;
}


/*****************************************************************************
	Sitemap
*****************************************************************************/

div.mod_sitemap ul {
list-style-type:none;
}

div.mod_sitemap ul li.submenu {
margin:0 15px 15px 0;
width:92px;
float:left;
}

div.mod_sitemap ul li a {
font-weight:bold;
}

div.mod_sitemap ul li ul {
margin:0 0 15px 0;
}

div.mod_sitemap ul li ul li {
margin-top:4px;
}

div.mod_sitemap ul li ul a {
font-weight:normal;
}


/*****************************************************************************
	Kontaktformular
*****************************************************************************/

div#kontaktformular label {
padding-right:10px;
}

div#kontaktformular label.mandatory {
background:#ffffff url(../img/mandatory_bg.gif) no-repeat right top;
}

div#kontaktformular input,
div#kontaktformular textarea {
margin:2px 0 6px 0;
display:block;
}

div#kontaktformular input {
width:160px;
}

div#kontaktformular textarea {
width:384px;
}

div#kontaktformular div.captcha_container {
vertical-align:middle;
}
div#kontaktformular input.captcha {
display:inline;
width:24px;
}
div#kontaktformular span.captcha_text {
font-size:11px;
line-height:20px;
padding-left:6px;
}

div#kontaktformular input.submit {
width:auto;
}

/*****************************************************************************
	Google Map
*****************************************************************************/

div#infowindow {
font-size:11px;
}

div#infowindow span.title {
display:block;
font-weight:bold;
}

/*****************************************************************************
	Login/-out
*****************************************************************************/

div.logout {
position:absolute;
right:30px;
top:236px;
}


/*****************************************************************************
	DJ Form
*****************************************************************************/

div.mod_personalData td {
padding:0 7px 15px 0;
vertical-align:top;
}

div.mod_personalData input#ctrl_dj_name {
width:220px;
}


div.mod_personalData textarea {
width:325px;
}
/*****************************************************************************
	Promotionformular
*****************************************************************************/

div#promotion label {
padding-right:10px;
}

div#promotion label.mandatory {
background:#ffffff url(../img/mandatory_bg.gif) no-repeat right top;
}

div#promotion input {
margin:2px 0 8px 0;
display:block;
}

div#promotion input {
width:160px;
}

div#promotion div.checkbox_container {
margin:0 0 2px 0;
height:20px;
overflow:hidden;
}

div#promotion div.checkbox_container input.checkbox {
float:left;
width:auto;
}

div#promotion div.checkbox_container label {
display:block;
float:left;
padding-left:6px;
}

div#promotion div.captcha_container {
vertical-align:middle;
}

div#promotion input.captcha {
display:inline;
width:24px;
}

div#promotion span.captcha_text {
font-size:11px;
line-height:20px;
padding-left:6px;
}

div#promotion input.submit {
width:auto;
}