/* body { behavior:url("css/csshover.htc"); } */

/* 
	GROUP: #51a1e4;
	COMM: #b4c960;
	SIGNS: #da8d1b;
	STUDIO: #a9a9ab;
	EVENTS: #c10076;
	BOOKINGS: #b6ad7b;

*/

html, body{
	margin:0;
	padding:0;
	height:100%;
}

body,td,th {
	color: #000000;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

body {
	background:url(../img/body_bgs.gif) repeat-x 50% 0;
}

a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active{
	color: #000000;
	text-decoration: underline;
}


#group a{ color: #51a1e4; }
#comm a{ color: #b4c960; }
#signs a{ color: #da8d1b; }
#studio a{ color: #a9a9ab; }
#events a{ color: #c10076; }
#bookings a{ color: #b6ad7b; }

h1,h2,h3,h5,h6,p {
	margin:0;
	padding:0 0 1em 0;
}
h1{ font-size:18px; font-family:Arial, Verdana, Helvetica, sans-serif; text-transform:uppercase; }
h2{ 
	font-size:18px; 
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	text-transform:uppercase; 
	padding:2px 0;
	margin:0 0 14px 0;
	border-bottom:1px dotted #6f7072;
	line-height:24px;
}
h3{ font-size:14px; font-family:Arial, Verdana, Helvetica, sans-serif; }

img {
	border:none;
	vertical-align:top;
}

.left{ float:left; }
.right{ float:right; }
.hidden{ display:none; }

img.left{ margin:5px 10px 10px 0px; }
img.right{ margin:5px 0px 10px 10px; }

form{
	margin:0px;
	padding:0px;
}

.alert{
	border:1px solid #FF0000;
	color:#FF0000;
	font-weight:bold;
	margin-bottom:5px;
	padding:5px;
}


.clear{ clear:both; }

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

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
*+html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/*--------------------- */
/* WRAPPERS				*/
/*--------------------- */

#wrapper{
	position:relative;
	min-height:100%;
	width:961px;
	margin:0px auto;
	background:#F2F2F2 url(../img/wrapper_bgs.gif) repeat-x 50% 0;
}

#main{
	min-height:100%;
	margin:0 0 0 250px;	
	background-color:#FFFFFF;
	width:460px;
}	

#content{
	position:relative;
	padding:376px 20px 20px 20px;
	line-height:20px;
	min-height:450px;
}

#header{
	position:absolute;
	overflow:hidden;
	top:0;
	left:12px;
	width:937px;
	height:320px;
	padding-top:57px;
	background:#F2F2F2 url(../img/wrapper_bgs.gif) repeat-x 50% 0;
}

#nav{
	position:absolute;
	z-index:1;
	top:15px;
	left:389px;
}

#lan_nav{
	position:absolute;
	z-index:1;
	top:25px;
	left:12px;
}

#barleft{
	position:absolute;
	top:377px;
	left:12px;
	width:228px;
}

#barright{
	position:absolute;
	top:377px;
	left:720px;
	width:228px;
}


/*--------------------- */
/* MAIN					*/
/*--------------------- */

#content h1{
	padding:2px 0 2px 20px;
	margin:0 -20px 12px -20px;
	border-bottom:1px dotted #6f7072;
	line-height:26px;
	width:440px;
}

#group #content img{ border:2px solid #51a1e4; }
#comm #content img{ border:2px solid #b4c960; }
#signs #content img{ border:2px solid #da8d1b; }
#studio #content img{ border:2px solid #a9a9ab; }
#events #content img{ border:2px solid #c10076; }
#bookings #content img{ border:2px solid #b6ad7b; }



/* ARTISTS */

ul.artists, ul.artists li{
	list-style:none;
	margin:0;
	padding:0;
}

ul.artists li{
	height:132px;
	overflow:hidden;
	margin:0 0 10px 0;
	line-height:16px;
}

.artist-data{
	margin-bottom:20px;
}


/* REFERENTIES */

ul.referenties, ul.referenties li{
	list-style:none;
	margin:0;
	padding:0;
}

ul.referenties li{
}

ul.referenties h3{
	padding-bottom:3px;
}



ul.gallery, ul.gallery li{
	list-style:none;
	margin:0;
	padding:0;
}

ul.gallery li{
	float:left;
	padding:0 10px 10px 0;
}




/*--------------------- */
/* HEADER				*/
/*--------------------- */

#flashheader{
	position:absolute;
	top:57px;
	left:0;
	height:298px;
	width:937px;
}
#group #flashheader{ border-bottom:9px solid #51a1e4; }
#comm #flashheader{ border-bottom:9px solid #b4c960; }
#signs #flashheader{ border-bottom:9px solid #da8d1b; }
#studio #flashheader{ border-bottom:9px solid #a9a9ab; }
#events #flashheader{ border-bottom:9px solid #c10076; }
#bookings #flashheader{ border-bottom:9px solid #b6ad7b; }





/*--------------------- */
/* NAV					*/
/*--------------------- */

#nav ul{
	list-style:none;
	padding:0;
	margin:0;
}

#nav li{
	float:left;
	padding:0 13px 0 0;
	margin:0;
}

#nav a{
	display:block;
	background:none;
	height:33px;
	padding-top:7px;
	color:#FFFFFF;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}

#nav a:hover, #nav a.active{
	background:url(../img/nav_active.gif) repeat-x;
}

#nav strong{
	display:block;
	padding:1px 5px;
	font-weight:normal;
}

#nav li.group strong{ background-color:#51a1e4; }
#nav li.comm strong{ background-color:#b4c960; }
#nav li.signs strong{ background-color:#da8d1b; }
#nav li.studio strong{ background-color:#a9a9ab; }
#nav li.events strong{ background-color:#c10076; }
#nav li.bookings strong{ background-color:#b6ad7b; }



/*--------------------- */
/* BARLEFT				*/
/*--------------------- */

#barleft h2{
	padding-right:10px;
	text-align:right;
}

#barleft ul, #barleft li{
	list-style:none;
	padding:0;
	margin:0;
}


ul.subnav{
	text-align:right;
}

ul.subnav a{
	display:block;
	height:23px;
	padding:7px 14px 0 0;
	color:#6f7072 !important;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration: none;
	border-bottom:1px dotted #6f7072;
}
ul.subnav a:hover{
	color:#FFFFFF !important;
	background:#6f7072;
}

ul.subnav a.active{	color:#FFFFFF !important; }

#group ul.subnav a.active{ background:url(../img/acc-group-bg.gif) repeat-x; }
#comm ul.subnav a.active{ background:url(../img/acc-comm-bg.gif) repeat-x; }
#signs ul.subnav a.active{ background:url(../img/acc-signs-bg.gif) repeat-x; }
#studio ul.subnav a.active{ background:url(../img/acc-studio-bg.gif) repeat-x; }
#events ul.subnav a.active{ background:url(../img/acc-events-bg.gif) repeat-x; }
#bookings ul.subnav a.active{ background:url(../img/acc-bookings-bg.gif) repeat-x; }



ul.payoff{
	margin:35px 0 !important;
}
ul.payoff li{ border-bottom:1px solid #F2F2F2; }

#group ul.payoff li{ background:url(../img/acc-group-bg.gif) repeat-x; }
#comm ul.payoff li{ background:url(../img/acc-comm-bg.gif) repeat-x; }
#signs ul.payoff li{ background:url(../img/acc-signs-bg.gif) repeat-x; }
#studio ul.payoff li{ background:url(../img/acc-studio-bg.gif) repeat-x; }
#events ul.payoff li{ background:url(../img/acc-events-bg.gif) repeat-x; }
#bookings ul.payoff li{ background:url(../img/acc-bookings-bg.gif) repeat-x; }


ul.payoff li.phone span, ul.payoff li.email a{
	display:block;
	height:23px;
	padding:7px 0 0 45px;
	color:#FFFFFF !important;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
}
ul.payoff li.phone span{
	background:url(../img/payoff-icons.png) no-repeat 7px 5px;
}
ul.payoff li.email a{
	background:url(../img/payoff-icons.png) no-repeat 7px -41px;
}





/*--------------------- */
/* BARRIGHT				*/
/*--------------------- */

#barright ul, #barright li{
	list-style:none;
	padding:0;
	margin:0;
}

ul.headlines{
	margin-bottom:35px !important;
}

ul.headlines li{
	position:relative;
	min-height:49px;
	color:#FFFFFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #F2F2F2;
	background:#00A3E7 url(../img/acc-group-bg.gif) repeat-x bottom;
}

#group ul.headlines li{ background:#00A3E7 url(../img/acc-group-bg.gif) repeat-x bottom; }
#comm ul.headlines li{ background:#ACCA57 url(../img/acc-comm-bg.gif) repeat-x bottom; }
#signs ul.headlines li{ background:#F18E00 url(../img/acc-signs-bg.gif) repeat-x bottom; }
#studio ul.headlines li{ background:#AAAAAC url(../img/acc-studio-bg.gif) repeat-x bottom; }
#events ul.headlines li{ background:#E10079 url(../img/acc-events-bg.gif) repeat-x bottom; }
#bookings ul.headlines li{ background:#BBAF79 url(../img/acc-bookings-bg.gif) repeat-x bottom; }


ul.headlines p{
	padding:4px;
}

ul.headlines em{
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	color:#6f7072;
}

ul.headlines a{
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	padding:2px 10px 1px 10px;
	background-color:#deddde;
	text-decoration:none;
	text-transform:uppercase;
	color:#6f7072 !important;
}
ul.headlines a:hover{
	color:#ffffff !important;
	background-color:#6f7072;
}




ul.clienten{
	height:230px;
	
}



/* ------------------------- */
/* PRINT  					 */
/* ------------------------- */


@media print {
	body,td,th, h1, h2, h3, h4, p, a{
		color: #000000 !important;
	}
	
	a:link, a:visited, a:hover, a:active {
		color: #000000 !important;
	}
	
	#header, #nav, #footer{
		display:none !important;
	}
	
	#wrapper, #main, #content{
		float:none !important;
		width:100% !important;
		margin:0 !important;
		padding:0 !important;
	}
	
}