@charset "utf-8";
/* CSS Document */


body {
	background-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#DDD;
	float:inherit;
}

/* der Hauptcontainer */
#ccmContainer {
	margin:0;
	padding:0;
	
	max-width:1024px;
	min-height:819px;

	background-image: url(../images/ccm_bg.jpg);
	background-repeat: no-repeat;
	
}

/* der Header als abstandshalter */
#header {
	height:112px;
	width:850px;
	margin-left:105px;
	border: 0px solid green;
	}
#comments {
	height:50px;
	width:430px;
	padding-top:45px;
	border: 0px solid green;
	font-size:10px;
	font-style:italic;
	overflow:hidden;
	}
/* Einstellungen und werte zu dem Menü */

#menubar {
	margin-left:100px;
	width:850px;
	height:65px;
	border: 0px solid red;

	}

#menubar ul {
	padding: 0px 0px 28px 0px ;
	margin: 0;
	color: #f60;
	width: 100%;
	height:15px;
	border:0px;

	}

#menubar ul li { 
	display: inline;
} 
#menubar ul li a {
	text-decoration:none;
	padding:5px 4px;
	margin:0px;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f60;

}

#menubar ul li a:hover, #menubar ul li span a { 	/* Farbe für aktuell ausgewählte Sektion im Menü und hovereffektfarbe*/  

	text-decoration:none;
	color:#FFF;	
	}

/* Einstellungen und werte zu den Content Boxen */

#mainContent {
	max-height:445px;
	margin-left:105px;
	width:880px;
	z-index:1;
	border: 0px solid blue;
	overflow:auto;
	}
#content {
	margin:0px;
	width:800px;
	z-index:1;
	border: 0px solid blue;
	overflow:auto;
	}
	
/* Einstellungen und werte zu der Gallerie im Artwork Bereich	 */
	
	
#content #imggallery {

	width:800px;
	border:0px solid #FFF;
	padding: 0px;
	margin:20px 0 0 0;
	color: #fff;	
		

}
#content #imggallery li { display: inline;}

#content #imggallery li img { 
	width:160px;
	height:120px;
	margin: 0px 36px 25px 0px;
	border:0px solid #888;
	float:left;
	}

#content #imggallery li a { 
	width:160px;
	height:120px;
	margin: 0px 36px 25px 0px;
	border:2px solid #888;
	float:left;
	text-decoration:none;
	}
#content #imggallery li a:hover { 
	width:160px;
	height:120px;
	margin: 0px 36px 25px 0px;
	border:2px solid #FFF;
	float:left;
	text-decoration:none;
	}	
	
/* Einstellungen und werte zu den Gallerien in den Bereichen Videos und Team	 */
#content #team {
	width:800px;
	border:0px solid #FFF;
	padding: 0px;
	margin:20px 0 0 0;
	overflow:hidden;
	list-style:none;
	border: 0px solid white;

}
#content #team li { 
width:266px;
margin-bottom:10px;
display: inline; 
border: 0px solid white; 
float:left;}

/*#content #team li { display: inline;}*/
#team img { width:60px; height:80px; float:left; border: 1px solid grey;}

#team #info { 
margin-left:65px;
width:195px;
font-size:10px;

}
#team a {
font-size:10px;
color:#FFFFFF;
text-decoration:none;

}
#team a:hover {
font-size:10px;
color:grey;
text-decoration:underline;

}
#team a:visited {
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

#team a img, #team a:visited img  {
border: none;
text-decoration:none;
}

#content #movies {
	width:650px;
	border:0px solid #FFF;
	padding: 0px;
	margin:0px 0 10px 0;
	overflow:hidden;
	list-style:none;

}	
#content #movies li { display: block; list-style:none;}
#content #movies li.video { 
	width:500px;
	height:300px;
	padding:0;
	margin:0 0 0 150px;
	text-align:left;

	
	
	}
#content #movies li.videoDesc { 
	width:480px;
	padding:0;
	margin:0 0 30px 150px;
	text-align:left;
	border: 0px solid white;

	}
#content #movies li.videoTbl { 
	width:150px;
	padding:0;
	margin:0 0 0 0px;
	text-align:left;
	border: 0px solid white;
	min-height:40px;
		float:left;

	}
#content #movies li.videoTxt { 
	width:480px;
	padding:0;
	margin:0 0 0 150px;
	text-align:left;
	
	border: 0px solid white;
	min-height:40px;
	}	
	
#content #gallery li img { 
	width:120px;
	height:160px;
	padding:0;
	margin:0 20px 0 0;
	float:left;
	display:inline;
	border: 1px solid white;
	}	
#content #gallery li.info { 
	width:380px;
	padding:0 ;
	margin:0;
	display:inline;

	}	

/* die Box der Wheel animation*/
		
#wheelBox {
	width:90px;
	height:90px;
	z-index:2;
	margin-top:-170px;
	margin-left:893px;
	border:0;	
}

/*Schriftarten Styles	*/

p {								/* Absatz / Aufzählungstag, 15px abstand zum vorherigen und nachfolgenden, Blocksatz*/
	margin-top:14px;
	margin-bottom:14px;
	text-align:justify;
	font-size:14px;
	color:#DDD;
}

h1 {							/* Überschrift 1 / Hauptüberschrift*/
	font-size:14px;
	color:#DDD;
	font-weight:bold;
	margin:0 0 14px 0;
	padding:0px;
}
h2 {							/* Überschrift 2 / Unterüberschrift*/
	font-size:14px;
	color:#DDD;
	font-weight:bold;
	margin:14px 0 14px 0;
	padding:0px;
}
h3 {							/* Überschrift 2 / Unterüberschrift*/
	font-size:10px;
	color:#DDD;
	font-weight:normal;

	margin: 0;
	padding:0px;
}

a { font-size:14px;				/* Standard Linkfarben*/
	color:#DDD;
	}

a:hover { font-size:14px;
	color:#FFF;
	}