@charset "utf-8";

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

Theme Name:		trendfabrik 2009
Theme URI:		http://trendfabrik.ch
Description:	trendfabrik Website, layout
Version:		0.1
Author:			Marc Challandes
Author URI:		http://trendfabrik.ch/
Start:			090528_LH
Last update:	090602_LH
Copyright:		Marc CHallandes for trendfabrik

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


/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/

*
	{
	margin: 0;
	padding: 0;
}


/*****************
accessibility divs are hidden by default 
text, screenreaders and such will show these 
******************/

.accessibility, dfn {

   position: absolute;
   top: -999em;
   left: -999em;
}


/*****************
Beginn layout css
******************/
body { 
	background: #fff; 
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 1.2em;
}

img {
	border: none;
	
	}

iframe{
	border:none;
	}



a:link {
	text-decoration: none;
	color: #0B99E2;
	

	
}	
a:visited {
	text-decoration: none;
	color: #0B99E2;
	

}
a:hover {
	color: #333;
	
	}





/*marc simple viewer */
#flashcontent {
	width: 800px;
	color:#ffffff;
	font-family:sans-serif;
		
		
	}
	
	a {	
	color:#cccccc;
	}
/*marc end simple viewer*/


/*****************
Beginn Navigation
******************/

#header {
	width: 100%;
	margin: 0;
	top:0;
	z-index: 9999;
	}
	
div #navWrapper{
	width:100%;
	background: url(../bilder/nav_bg.jpg) repeat-x;
	}	
	
	div #logo{
		float:left;
		padding: 15px 25px;
		}
	
	div #navigation {
			width: 830px;
			height: 65px;
			margin: 0 auto;
		}
		
	.active{
		background:url(../bilder/nav_hover_bg.jpg) repeat-x;
	}
	
	div #navigation ul {
		list-style:none;
		float:right;
		width: 200px;
		
		}
		
	div #navigation ul li {
		float: left;
		background:url(../bilder/liststyle.jpg) no-repeat;
		height:65px;
		
		}

	div #navigation ul li a {
		display: block;
		color: #fff;
		font-size: 1.2em;
		text-align: center;
		text-decoration:none;
		padding: 25px 10px;
		}
		
	div #navigation ul li a:link {
		display: block;
		
		}
		
	div #navigation ul li a:visited {
		display: block;
		
		}
		
	div #navigation ul li a:hover {
		display: block;
		background:url(../bilder/nav_hover_bg.jpg) repeat-x;
		}
	
	div #navigation ul li a:active {
		display: block;
		background:url(../bilder/nav_hover_bg.jpg) repeat-x;
		}
		
/*****************
Beginn Flashplayer
******************/

	div#playerWrapper{
		width:100%;
		height: 30px;
		background-color:#181818;
		}
	
	div #player{
		width:900px;
		height:30px;
		text-align:center;
		margin: 0 auto;
		}
	
		
/*****************
Beginn Inhalt
******************/
	div#wrapper{
		width:800px;
		padding-top: 10px;
		margin: 0 auto;
		color:#FFF;
	
		line-height: 1.4em;
		}
		

	
	div #wrapperLeftFlyer{
		color: #000;
		height: 80px;
		border:#DDDDDD 1px solid;
		
		}
		
	div #wrapperLeftContent {
		background-image: url(../bilder/bg_box.jpg);
		background-position: center bottom;
		background-repeat: repeat-x;
		color: #000000;	
		width: 500px;
		margin-top: 15px;
		margin-bottom: 30px;
		padding: 15px 10px 20px 10px;
		float:left;
		border: #DDDDDD 1px solid;
				
				
		}
		
	div #wrapperLeftContent_impressions {
		background-image: url(../bilder/bg_box.jpg);
		background-position: center bottom;
		background-repeat: repeat-x;
		color: #000000;	
		width: 800px;
		margin-bottom: 30px;
		padding: 15px 10px 20px 10px;
		float:left;
		border: #DDDDDD 1px solid;
				
				
		}
		
	div#wrapperRightContent1 {
		background-image: url(../bilder/bg_box1.jpg);
		background-position: center bottom;
		background-repeat: repeat-x;
		color: #000000;	
		width: 240px;
		margin-top: 15px;
		padding: 15px 10px 20px 10px;
		float:right;
		border: #DDDDDD 1px solid;
	
		
		}	
		
	div.wrapperRightContent2 {
		background-image: url(../bilder/bg_box1.jpg);
		background-position: center bottom;
		background-repeat: repeat-x;
		color: #000000;	
		width: 240px;
		margin-top: 15px;
		padding: 15px 10px 20px 10px;
		float:right;
		border: #DDDDDD 1px solid;
		
		}	
		
	div#wrapperRightContent3 {
		background-image: url(../bilder/bg_box1.jpg);
		background-position: center bottom;
		background-repeat: repeat-x;
		color: #000000;	
		width: 240px;
		margin-top: 15px;
		padding: 15px 10px 20px 10px;
		float:right;
		border: #DDDDDD 1px solid;
		
		}

/*********** content anpassungen *************/

	div.title_content {
		color: #333;
		font-size: 1.0em;
		padding-bottom: 15px;
		opacity: 0.8;
		
		
		}
		
	div.title_box {
		color: #333;
		
		padding-bottom: 15px;
		opacity: 0.8;
		
		
		}
		
	div.text_content {
		line-height: 1.3em;
		font-size: 1.05em;
		
		}
		
	div#flyer_content {
		padding: 10px 10px 10px 0;
		
		}
		
	div.box_date {
		color: #000000;
		text-transform: uppercase;
		
		}
	div.box_dj {
		color: #606060;
		margin-bottom: 5px;
		
		}
	
	div.box_club_title {
		
		color: #0B99E2;
		text-transform: uppercase;
		}
	div.box_club_text {
		line-height: 1.2em;
		}
	
	div.box_club_text1 {
		margin-top: 10px;
		padding-top: 10px;
		line-height: 1.1em;
		color: #0B99E2;
		text-transform: uppercase;
		border-top:#999 1px solid;
		}
	
		



/*marc simple viewer */
#flashcontent {
	width: 580px;
	background-color: #00C;
	color:#ffffff;
	font-family:sans-serif;
	font-size:20;	
		
	}
	
	a {	
	color:#cccccc;
	}
/*marc end simple viewer*/