/* 
Author: 			Stefan Vervoort
Author URI: 		http://www.divitomedia.com/
Version:			0.9

Project:			
Description:					

---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- 
	-- 
	--
---------------------------------------------------------------------------------------

/* ------------------------------------------------------------------------------------
BASICS						 */

	html{					font-size:12px;	min-height:101%;}
	body{					font-size:100%; color:#666; font-family: Arial, Helvetica, sans-serif;
							line-height: 1.3em;	
		}
		
	a{						text-decoration: none; color: #333;}
	a:hover	{				text-decoration: underline; color: #ea84b0; }
	a:active{				}
	a:visited{				}

	.left{					float:left; }
	.right{					float:right; }
	.clear{					clear:both; }
	
	img.left{				margin:0 1em 1em 0; }
	img.right{				margin:0 0 1em 1em; }
	
	.padding{				padding:10px; }
	#content p{				margin:1.1em 0; }
	

/* ------------------------------------------------------------------------------------
NAVIGATION MENU				 */

	#navigation, #navigation ul {		padding:0;	margin:30px 0 0 0; list-style:none; line-height:1; float:right;}
	#navigation a {						display:block; padding:6px 10px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; letter-spacing: -2px; color:#CCC;	}
	#navigation a:hover{				text-decoration:none; color:#ea84b0; padding:6px 10px; }
	#navigation li { 					float:left; width:auto; border-right: 1px dotted #C7C7C7;	}
	#navigation li{						padding:0; margin:0; }
	#navigation li ul li{				padding:1px 0px;}
	#navigation li ul li a{				padding:6px 10px; width:110px; }
	#navigation li ul { 				position:absolute; padding-top:1px; width:130px; left:-999em; }
	#navigation li ul ul {				margin: -1.5em 0 0 130px;	}
	
	#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {	left: -999em;	}
	#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, 
	#navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto;	}
	#facts, #facts ul {		padding:0;	margin:10px; list-style:none; line-height:1; font-size: 1.2 em; color:#ea84b0; font-weight: bold; }
	#facts li {margin:8px 0;}
	#paket, #paket ul {		padding:0 ;	margin:0; list-style:none; font-size: 1.2 em; color:#333; }
	#paket li {margin:8px 0;}
	#clubs, #clubs ul {		padding:0 ;	margin:0; list-style:none; font-size: 1.2 em; color:#333; text-align: center; }


/* ------------------------------------------------------------------------------------
STRUCTURE					 */

	#container{
	overflow:hidden; 
	font-size:1em; 
	}
	#header{
	height: 60px; margin: 0 0 10px 0; 
	}
	#footer {clear:both; text-align: right; margin: 5px 0; font-size: 0.8em; text-decoration: none;}
	#content{ background: url(../Bilder/bg_content.jpg) no-repeat top left; padding: 5px; width: 970px; min-height:500px;}
	#stage {margin: 20px 0 0 20px; width: 935px;				}
	#right{ margin: 20px 0 0 0; width: 175px;				}
	#left{ margin: 20px 10px 0 20px;				}
	#logo{ margin: 0 3px 0 20px; display: block; float: left;				}
	#impressions{ display: block; float: left; margin: 0 0 0 30px;				}
	#buchungspaket{ display: block; float: left; padding: 10px; margin: 0 0 15px 0; background: #f6f6f6; border: 3px dashed #ea84b0; 				}


/* ------------------------------------------------------------------------------------
CUSTOM						 */