/* CSS Document */
.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

html, body { /* JOP */
	height: 100%;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
}

body {
	background-color: #333333;
}

* html {font-size:100%;}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
}
.headline {
	color: #fff;
	/*color: #7d95a1;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6pt;	
	font-weight: bold;
	/*background-color: #333;*/
	background-color: #000;
	padding:0;
	margin:0;
}
.headsub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	/*color: #333333;*/
	color: #999;
	text-decoration: none;
	font-weight: normal;
	background-color: #FFFFFF;
}
.headsub2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: bold;
	/*color: #333333;*/
	color: #000;
	text-decoration: none;
	font-weight: normal;
	background-color: #FFF;
}
.tablea {
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
a, /* JOP */
.headbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	/*color: #999966;*/
	color: #000;
	text-decoration: none;
	background-color: #fff;
}
.specialtable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
}
.headsubfat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	/*color: #333333;*/
	color: #000
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	/*color: #666633;	*/
	color: #CCC;
	text-decoration: none;
}

/* JOP */

/* Menu */


div#menu {	
	/*background: #333;	*/
	/*background-color: #06334b; <- Menü BG */
	background-color: #000;
	height: 35px;
	width: 100%;		
}
#menu ul#menu {
    list-style-type: none;
    padding: 0;
    margin: 0;    
}
#menu ul li {
	display: inline;	
	border-right: 2px solid #fff;			
}
	/* Menu-Buttons */
/*#menu .headbutton,
#menu a {*/
#menu .headbutton {
	text-indent: 2px;	
	height: 35px;
	float: left;
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	/*background-color: #900;*/
	background-color: #000;
	vertical-align: bottom;	
}

	/* Menu-Button, highlighted */
#menu .headbutton-current {	
	text-indent: 2px;
	float: left;
	text-align: left;
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	/*background-color: #333;*/
	background-color: #e2007a;
	height: 35px;
	vertical-align: bottom;	
}

	/* Menu-Buttons, rollover */
#menu a:hover {
    display: block;
	/*margin: 0;
	padding: 0;
	float: left;*/
	width: 80px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	/*background-color: #333;	*/
	background-color: #e2007a;
}
* html #menu li a:hover {
   width: 82px;	
	/*border-right: 2px solid #333;*/
}

/* Content elements */
div.content_element {
	/*border: 1px solid #333;*/
	margin: 0px 5px 10px 5px;
}
div.content_element h1 {
	padding: 0 0 1px 2px;
}
div.content_element .content_text {
    border: 1px solid #333;
    margin: 10px 0 5px 0;
}

/* Footer */
#footer {
	#position: fixed;
	#clear: both;
	#bottom: 0;
	text-align: center;
	padding: 5px;
	width: 796px;	
}
/*
* html #footer {
	height: 5%;
	text-align: center;
	padding-top: 1%;
}
*/


/* EVENT BROWSER */
/*---------------*/

    /* Labels */
.tx-jopclubbing-pi1 .event-label {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 8px;
    font-weight: bold;    
    width: 100%;
    padding: 0px 0 0px 0;
    background:#000; 
    color:#fff;    
}

* html .tx-jopclubbing-pi1 .event-label {
    margin-left: 5px;
    width: 800px;
}
/* Datum */
.tx-jopclubbing-pi1 .headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666633;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
}
/* Win-Button */
/*
.tx-jopclubbing-pi1 .special a {
	display: block;
	color: #fff;
	background: #900;
	width: 70px;
	font-weight: normal;
	text-indent: 2px;
}
.tx-jopclubbing-pi1 .special a:hover {
    background: #333;
}
*/
/* Info-Button */
.tx-jopclubbing-pi1 .event .headsubfat a {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	/*color: #333333;*/
	/*color: #06334b;*/
	color: #e2007a;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;				
}
.tx-jopclubbing-pi1 .event .headsubfat a:hover {
    /*color: #930;*/
    color: #af005e;
}
/* Browser */
/*
.tx-jopclubbing-pi1-browsebox {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #fff;	
	background: #333;
	margin: 0 5px 0 5px;
	text-align: center;		
}
*/
div.tx-jopclubbing-pi1-browsebox {
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #fff;	
    /*background: #333;*/
    background: #666;
    height: 12px;    
    margin: 0 5px 0 5px;
    text-align: center;      
}

span.tx-jopclubbing-pi1-browsebox-label {
    padding-right: 5px;
    border-right: 1px solid #fff;        
}
span.tx-jopclubbing-pi1-browsebox-terminator {
    border-left: 1px solid #fff;            
}
.tx-jopclubbing-pi1-browsebox ul {
    display: inline;    
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    margin:0;
    padding:0;      
}
div.tx-jopclubbing-pi1-browsebox ul li {
    display: inline;            
    border-left: 1px solid #fff;   
    border-right: 1px solid #fff;
    padding: 0 1px 0 1px;
    width:14px;  
}
div.tx-jopclubbing-pi1-browsebox ul li a {    
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #fff;    
    padding: 0;
    margin: 0;
    width: 100%;   
}
li.tx-jopclubbing-pi1-browsebox-page a {	
	/*background: #333;*/
	background: #666;
}
li.tx-jopclubbing-pi1-browsebox-current {	
	/*background: #900;*/
	background: #e2007a;
}
li.tx-jopclubbing-pi1-browsebox-today a {	
	background: #666;
	/*background: #c1cdd3;*/
}
div.tx-jopclubbing-pi1-browsebox ul li a:hover {  
    display: inline;
    width: 100%;    
	background: #e2007a;
	margin:0;
	padding:0;
}
* html div.tx-jopclubbing-pi1-browsebox ul li a:hover {     
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	font-weight: bold;		
	margin:0;
	padding:0;
}

/* LOCATION */
/*---------------*/

/* Location - Gallery */
.tx-jopclubbing-pi4 {
    text-align: center;
}
.tx-jopclubbing-pi4 #browser img {
    border: 0;
    margin: 0;
}
.tx-jopclubbing-pi4 #help {
    margin: 10px 0 10px 5px;    
}

/* Location - Contact */
.contenttable {
	width: 100%;
}
.contenttable .location-contact-header {
	display: block;
	/*color: #900;*/
	color: #e2007a;
	font-weight: bold;
	margin-bottom: 5px;
}
.contenttable p.headsub {
	margin:0;
	padding:0;
}
/* Location - Anfahrtsskizze */
div td img.content-text {
    border: 1px solid #333;
    margin-top: 10px;
    padding: 2px;
}
/* Location - Rent the Club */
.content_element p.headsub {
	padding: 0 0 0 5px;
}
.content_element div.headsub {margin-left:0 !important;}
.content_element p.headsub a {
	display: block;
	xcolor: #fff;
	color: #e2007a !important;
	background: #333;
	width: 70px;
	padding: 0 0 0 2px;
	margin-bottom: 2px;
	font-weight: normal;
}
.content_element p.headsub a.jop-button {
	/*background: #900;*/
	background: #e2007a;
	color: #fff !important;
}
.content_element p.headsub a:hover.jop-button {
	/*background: #333;*/
	background: #af005e;
}


/* MY CLUB */
/*---------------*/

/* MyClub - Newsletter */

	/* Text */
#newsletter .headsub p {
	padding-left: 20px;
	text-align: justify;
}
	/* Input fields */
#newsletter .input {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size: 10px;
	font-weight: normal;
	border: 0;
	padding-left: 5px;
	width: 250px;
	border-bottom: 1px solid #666;
}
	/* Submit buttons */
#newsletter div.headbutton {
    margin-top: 5px;
	padding-left: 107px;
}
#newsletter .newsletter-submit {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	text-decoration: none;
	font-style: none;
	font-weight: normal;
	color: #fff;
	/*background: #900;*/
	background-color: #e2007a;
	border:0;
	padding:2px;
	margin:0;
	width: 72px;
	xheight: 13px;
	/*cursor: crosshair;*/
}
#newsletter .ok {
    font-size: 6pt;
}

/* MyClub - Specials */

	/* Win-Button */
/*
.tx-jopclubbing-pi3 .headsub2 a {
	display: block;
	width: 70px;
	background: #900;
	color: #fff;
	font-weight: normal;
	padding-left: 2px;
}
.tx-jopclubbing-pi3 .headsub2 a:hover {
    background: #333;
}
*/
	/* Browser incl. Music-Browser */
.tx-jopclubbing-pi2-browsebox,
.tx-jopclubbing-pi3-browsebox {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #fff;	
	/*background: #333;*/
	background: #333;
	margin: 0 5px 5px 5px;
	text-align: center;
}
/*
.tx-jopclubbing-pi2-browsebox span,
.tx-jopclubbing-pi3-browsebox span {
	display: inline;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;		
}
*/
.tx-jopclubbing-pi2-browsebox a,
.tx-jopclubbing-pi3-browsebox a {
	font-size: 9px;	
	color: #fff;
	padding: 0 2px 0 2px;
	/*background: #333;*/
	xbackground: #063346;
	background-color: transparent;
}
.tx-jopclubbing-pi2-browsebox a:hover,
.tx-jopclubbing-pi3-browsebox a:hover {
	/*background: #900;*/
	background: #e2007a;
	font-size: 9px;
}
.tx-jopclubbing-pi2-browsebox-page a,
.tx-jopclubbing-pi3-browsebox-page a {	
	/*background: #333;*/
	background: #333;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.tx-jopclubbing-pi2-browsebox-current,
.tx-jopclubbing-pi3-browsebox-current {
	padding: 0 2px 0 2px;
	/*background: #900;*/
	background: #e2007a;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

/* MUSIC   */
/*---------*/

/* Music */

	/* Info-Button */
.tx-jopclubbing-pi2 .headsubfat a {	
	color: #e2007a;
}
.tx-jopclubbing-pi2 .headsubfat a:hover {
    color: #af005e;
}

/* FORM - RENT THE CLUB */

	/* Labels */
/*#form-rent .headsub,*/
.label,
#form-rent .label {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size: 10px;
	/*color: #663;*/
	color: #000
}
.input,
#form-rent .input {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size: 10px;
	font-weight: normal;
	border: 0;
	padding-left: 5px;
	width: 100%;
	border-bottom: 1px solid #666;
	background: #fff;
	color: #063346;
}
#newsletter .input {
    width: 250px;
}
.submit,
#form-rent .submit {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	font-weight: normal;
	xheight: 13px;
	border: 0;
	/*background: #333;*/
	/*background: #900;*/
	xbackground: #930;
	background: #AF005E;
	color: #fff;
	/*cursor: crosshair;*/
}

/* Gimmicks */
a:hover {
    color: #fff;
}
#footer a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	xfont-size: 10px;
	font-weight: bold;
	color: #666633;
	text-decoration: none; 
}
.location-table a:hover  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	xcolor: #666633;
	color: #AF005E;
	text-decoration: none;
}
#form-rent .hidden,
#form-win .hidden {
    display: none;
    visibility: hidden;
}
#form-rent .error,
#form-win .error {
    display: inline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;    
}

/* ADDED BY ROBERT ROCKMANN */
.event_date_header {
	width:100%; background:#000; color:#fff;	
}