/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 
body {
	font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	margin:0px;	
	padding:0px;

	color: #333; 	
	background:#FFE506 url(img/background_yellow.jpg) repeat center top; 	
}
#wrap {
	width: 980px;
	height:100%;
	text-align: left;		
}

#header {
	position: relative;
	height: 248px;	
	margin: 0; padding: 0;	
}

#logo {
	position: relative;
	height:218px;
	width:400px;
	background:url(img/brogum-logo.png) no-repeat left top;
}
#twitter {
	position: absolute;
	top:30px;
	right:130px;
	height:50px;
	width:250px;
}
#nav {
	position: relative;
	width: 980px;
	height: 30px;

}
#newsletter {
	position:absolute;
	right:30px;
	top:50px;
	width: 200px;
	height: 100px;
}
#social-media {
	position:absolute;
	right:0px;
	top:10px;
	border:0px;
	text-align:right;
}
#content-outer {
	float: left;
	margin: 0; 
	padding: 0;
}
.content {
	float:left;
	display: inline;
}
p.align-center{
text-align:center;
}
.programma-detail {
	position:relative;

	width: 980px;

	margin:10px 0px 0px 0px;
	padding:10px 20px 10px 10px;
	background-color:#FFFFFF;
}
	.programma-detail-inner{
		position:relative;
	
		background-color:#e8e7e8;
		margin:0px;
		padding:0px;
		border:1px transparent solid;
	}
	.programma-content-outer{
		position:relative;
		left:20px;
		width:960px;
	
	
	}

	.csc-searchResultRange, table.csc-searchResultInfo, .csc-searchform {
/* for the search page */
		margin-left:300px;

	}
	
	.banddescription {
		margin-left:300px;
	}
	.regular-content {
		margin-left:0px;
		margin-right:10px;
		
	}
	h1.csc-firstHeader
	{
		margin-left:170px;
	}
	.csc-header-n1
	{
		margin-left:130px;
	}
	.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img {
		margin-top:0px;
		margin-left:0px;
		position:relative;
		float:left;
		
		border:8px #FFFFFF solid;
	
	}
	.left-column {
		margin-top:0px;
		margin-left:0px;
		position:relative;
		float:left;
	}
	
	
	.regular-content .csc-textpic-text, .regular-content .csc-default .tx-skpagecomments-pi1, .tx-myquizpoll-pi1 {
		margin-left:300px;
	}
	.regular-content .csc-textpic-center .csc-textpic-text {
		clear:left;
		padding-left:300px;

	}
	
	.regular-content .csc-textpic .csc-textpic-text {
		margin-left:20px;
	}
	/*
	.regular-content .csc-default .csc-textpic {
		margin-left:250px;
	}
	*/
	.regular-content ul.csc-menu {
		margin-left:170px;
	}
	#comment {
		margin-left:130px;
	}
	
	.divider hr {
		color:transparent;
		margin-top:20px;
		margin-bottom:20px;
	}


	.bandimage, .image
	{
		margin-left:0px;
		position:relative;
		float:left;
		
		border:8px #FFFFFF solid;
	}
	.regular-content .csc-default .csc-textpic .csc-textpic-image img {
		border:4px #FFFFFF solid;
	}
	
	.programma-aanvang {
		position:absolute;
		top:0px;
		right:0px;
		width:200px;
		z-index:1;
		font-size:12px;
		font-weight:bold;
	}
		.programma-aanvang a {
			color:#000000;
			text-decoration:none;
		}
		.programma-aanvang a:hover {
			color:#000000;
			text-decoration:underline;
		}
/*  ======================================================================================
	======================================================================================
	====================================================================================== */

/* NAVIGATION DIV's */
#header #nav ul {
	list-style: none;	
	text-align: left;	
	height: 30px;
	margin: 0; 
	padding: 0;	

		
}
#header #nav ul li {
	display: inline;
	margin: 0; padding: 0;		
}
#header #nav ul li a {
	margin: 0px;
	padding: 6px 6px;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;
	font-weight:bold;
	text-transform: uppercase;
	font-style:italic;
	text-decoration:none;

	
	
}
#header #nav ul li#current a{
	color:#FFFFFF;
}
#header #nav ul li a:hover, 
#header #nav ul li a:active,
#header #nav ul li#current a:hover, 
#header #nav ul li#current a:active {
	border: none;
	color: #fff;
	text-decoration:none;	
}


.sk-pagecomments-comment p.bodytext {
	/* border:2px aqua solid; */
	display:table-row;

}
.sk-pagecomments-comment {
	margin-bottom:20px;
}
/*  ======================================================================================
	======================================================================================
	====================================================================================== */
	

.programma-content-inner h1  {
	margin-top:10px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	text-transform: uppercase;
	color:#000000;
        line-height:30px;
	
}



.programma-headliner p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform: uppercase;
	margin-top:-10px;
	margin-left:15px;
}





.programma-tickets a {
	text-decoration:none;
	color:#000000;
}


.programma-tickets2 a {
	text-decoration:none;
	color:#000000;
	visibility:hidden;
}
.programma-tickets a:hover {
	text-decoration:underline;
	color:#000000;
}					

.programma-content-inner a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
.programma-content-inner a:hover {
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
}








/*  ======================================================================================
	======================================================================================
	====================================================================================== */
/* PROGRAMMA DIV's */
.programma-outer {
	position:relative;
	height: 80px;
	width: 980px;
	margin:10px 0px 0px 0px;
	
	padding:10px 20px 10px 10px;
	background-color:#FFFFFF;
}
	.programma-inner{
		position:relative;
		height:80px;
		background-color:#e8e7e8;
	}

		.programma-date {
			position:relative;
			float:left;
			width:100px;
			height:25px;
			color:#FFFFFF;
		
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			font-weight:bold;
			text-transform: uppercase;
			font-style:italic;
			background-color:#838184;
			padding-left:5px;
		}
		.programma-headliner {
			position:relative;
			float:left;
			margin-left:10px;
			margin-top:0px; 
			width:365px;
			height:70px;
		}
			.programma-headliner h1 {
				margin-top:10px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:28px;
				font-weight:bold;
				text-transform: uppercase;
				color:#000000;
			}
		.programma-description {
			position:absolute;
			top:5px;
			right:110px;
		
			width:390px;
			height:70px;

		}
		.programma-description2 {
			position:absolute;
			top:5px;
			right:110px;
		
			width:390px;
			height:70px;
		}
			.programma-description a {
				color:#000000;
				text-decoration:none;
				font-weight:bold;
			}
			.programma-description a:hover {
				color:#000000;
				text-decoration:underline;
				font-weight:bold;
			}
		.programma-tickets {
			position:absolute;
			bottom:0px;
			right:20px;
			width:80px;
			height:25px;
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			text-transform: uppercase;
			font-style:italic;
		}		


.left300
{
margin-left:300px;
}

/*  ======================================================================================
	======================================================================================
	====================================================================================== */
/* NIEUWS DIV's */