/*****************************************************************************
 www.schwimmbad-musik-club.de
 (c)  Diplix Solutions Claude Schmidhuber, www.diplix.de
******************************************************************************/

/*****************************************************************************
 Generisch
******************************************************************************/

html 
{
	height:100%;
}

html body
{
	height:100%;
	width:auto;	
	padding:0px; 
	margin:0px; 
	border:0;
	background-color: #ffffff;
}

/* for IE */
/*html,body { overflow: hidden; }*/

body,td,ul,li,h1,h2,h3,p,div
{
	font-family: Arial, Sans-Serif, Tahoma;
}

div,p,td
{
	font-size:9pt;
}

td
{
	vertical-align:top;
}

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

/* mozilla fix for img-only tds */
td img 
{
	display: block;
} 

ul
{ 
  list-style-type: square;
}

a
{
	color:Blue;
}
a:visited
{
	color:Blue;
}

.tab-float
{
	width:350px;
	float:left;
}
.clear
{
	clear:both;
}
/*****************************************************************************
 Grundstruktur
******************************************************************************/
#main-container
{
	margin:0;
	padding:0;
	position:relative;
	height:100%;
}

#main-tbl
{
	border:0;
	width:100%;
	height:100%;
}

#main-left
{
	position:relative;
	padding:0;
	margin:0;
	width:169px;
	background-color:#e42223;
}

#main-right
{
 	position:relative;
	padding:0;
	margin:0;
	/* background-color:white; --> inherit from main-container */
	height:100%;
}

/*****************************************************************************
 Links / NAVI
******************************************************************************/

ul#main-nav
{
	list-style:none;
	text-align:right;
	margin:0px 15px 0px 0px;
	padding:0;
	color:#ffffff;
	font-style:italic;
	font-size:13pt;
	font-weight:bold;
}

ul#main-nav li 
{
	padding:0px 0px 5px 0px;
}

#main-nav .nav-item1-no A
{
	color:#ffffff;
	text-decoration:none;
}
#main-nav .nav-item1-no A:hover
{
	color:#fe9900;
	text-decoration:none;
}
#main-nav .nav-item1-act A
{
	color:#fe9900;
	text-decoration:none;
}

/*****************************************************************************
 Rechts / CONTENT
******************************************************************************/
#main-head
{
	position:relative;
	background-image: url(bilder/v2_headbg1.jpg);
	height:193px;
}
#main-head-image
{
	position:absolute;
	left:0px;
	top:0px;
}
#main-head-marquee
{
	position:absolute;
	width:500px;
	height:25px;
	left:200px;
	top:20px;
	overflow:hidden;
	color:Yellow;
	font-size:18pt;
	height:45px;
}
#main-head-overlay
{
	position:absolute;
}

#main-content
{
	position:relative;
	padding:32px 0px 0px 70px;
	width:751px; 	/* 821 */
}

#main-content h1
{
	padding:0px 0px 5px 0px;
	margin:0;
	font-size:15pt;
}

.main-titel
{
	font-size:18pt;
	border-style:none none solid none;
	border-color:#e42223;
	border-width:1px;
}
/*****************************************************************************
 Media Player
******************************************************************************/


		#dxplayer
		{
			position:absolute;
			left:749px;
			top:10px;
			border-style:solid;
			border-width:1px;
			border-color:black;
			width:70px;
			height:30px;
			visibility:hidden;
		}
		#dxplayer #mp_music
		{
			display:block;
			position:absolute;
			left:6px;
			top:1px;
		}
		#dxplayer #mp_play
		{
			display:block;
			position:absolute;
			left:6px;
			top:15px;
		}
		#dxplayer #mp_pause
		{
			display:block;
			position:absolute;
			left:25px;
			top:15px;
		}
/*****************************************************************************
 Startseite
******************************************************************************/
#main-startpage
{
	
}
.startpage-title
{
	border-style:none none solid none;
	border-width:1px;
	border-color:black;
	margin:0 0 5px 0;
}
.startpage-day
{
	background-color:black;
	color:white;
	text-transform: uppercase;
	font-size:16pt;
	width:160px;
	height:24px;
	display:block;
	float:left;
	text-align:center;
}
.startpage-date
{
	padding: 8px 0 0 4px;
	display:block;
}
.startpage-banner
{
	float:left;
	width:310px;
}	
.startpage-info
{
	font-size:10pt;
}	
.startpage-preis
{
	background-color:#000000;
	color:#ffffff;
	margin:0 0 5px 5px;
	font-size:10pt;
	
}
.startpage-break
{
	clear:both;
	margin:0;
	padding:0;

}		
/*****************************************************************************
 Karte
******************************************************************************/
#main-karte
{
	
}	
.karte
{
	
}
.karte th
{
	background-color:#000;
	color:#fff;
}
.karte .a
{
	width:200px;
	text-align:left;
}
.karte .b
{
	text-align:right;
	width:50px;
}	
.karte .c
{
	text-align:right;
	width:50px;
}
/*****************************************************************************
 Live Club
******************************************************************************/
.liveclub
{
	width:100%;
}
.liveclub .a
{
	font-weight:bold;
	border-style:none none solid none;
	border-width:1px;
	border-color:black;
	padding:15px 0 15px 0;
}
.liveclub .b
{
	width:75%;
	border-style:none none solid none;
	border-width:1px;
	border-color:black;
	padding:15px 0 15px 0;
}
.liveclub .c
{
	text-align:right;
	border-style:none none solid none;
	border-width:1px;
	border-color:black;
	padding:15px 0 15px 0;
}
	
/*****************************************************************************
 Formulare
******************************************************************************/
.dfs-button
{
	width:150px;
	background-color:#e42223;
	color:#ffffff;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}
.dfs-input
{
	font-family:Arial;
	border-color:black;
	border-width:1px;
	border-style:solid;
}
.dfs-textarea
{
	font-family:Arial;
	border-color:black;
	border-width:1px;
	border-style:solid;
	font-size:9pt;
}

/*****************************************************************************
 Gästebuch
******************************************************************************/
table.guestbook
{
	width:600px;
}
td.guestbook-date
{
	border-style:solid;
	border-width:1px;
	border-color:black;
}
td.guestbook-left
{
	background-color:#eeeeee;
	width:100px;
}
td.guestbook-right
{
	width:500px;
}
/*****************************************************************************
 RTE
******************************************************************************/
.align-center
{
	text-align:center;
}