/* KLEUREN
#977e35 bruin / goud
#242424 grijs

*/

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

/* *********************************************
   Some default css setup to reset the global reset.
*/


h1              { margin: .67em 0; }
h2              { margin: .75em 0; }
h3              { margin: .83em 0; }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { margin: 1.5em 0; }
h6              { margin: 1.67em 0; }

ol, ul, dd        { margin-left: 40px; }

ol ul, ul ol, ul ul, ol ol { 
  margin-top: 0; 
  margin-bottom: 0 ;
}


html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	/* font-family: Verdana,Geneva,Arial,helvetica,sans-serif; */
	font-family: arial;
	color: white;
	background-color: #1a1a1a;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 11px;
	padding: 0px;
	margin:0px;
	background-image: url('../images/bground.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center
}

a {
	color: #FFFFFF;
	text-decoration: underline;
}

#doc{

	}
#custom-doc { width:69.38em;*width:67.71em;min-width:902px; margin:auto; text-align:left;background-color:#141414} 	
#hd h1 {
	background:url(../images/logo.jpg) no-repeat left;
	width:300px;
	height:150px;
	text-indent:-3000px;
	overflow:hidden;
	display:block;
	padding:0px;
	margin:0px;
}
#hd h1 a{
	width:300px;
	overflow:hidden;
	height:100%;
	display:block;
}
#hd div{width:470px;float:right; text-align:right; margin-top:15px;margin-right:23px;}
a:focus	{
	-moz-outline-style: none;
}

#bd { 
  background-color:#141414 
}

#normal {
  float:left; 
  width:350px; 
  margin-top:8px;
}
#menu ul{
	font-family: Impact, Arial;	
	font-size: 15px;
	text-align: center;
	float:left;
	width:100%;
	height:29px;
	line-height: 29px;
	margin:0px;
	margin-bottom:18px;
	padding:0px;
	border-top:1px solid #000; 
	border-bottom:1px solid #292929;	
	background-image: url(../images/menu_off.png);
	background-repeat: repeat-x;}
#menu ul li{
	float:left;
	width: 122px;	
	display:inline;
}
#menu ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#colLeft{padding-left:20px;}
#colRight{padding-right:20px;float:right; width:280px;}
hr{
	background-image: url(../images/hr.png);
	background-repeat: repeat-x;
	height: 2px;
	width: 100%;
	clear:both;
	margin-top:6px;
	margin-bottom:13px;
	border:none;
	background-color:none;
}

#submenu ul {
	font-family: Impact, Arial;	
	font-size: 12px;
	float:left;
	margin:0px;
	padding:0px;
	/*margin-right:20px;*/
	list-style:none; 
	width:190px;
}
#submenu ul li {
	/*padding-top:7px;
	padding-bottom:7px;
	margin-bottom:3px;	
	background-image: url(../images/submenu_off.png);*/
}
#submenu ul li:hover, #submenu ul li.li-active {	
	/*background-image: url(../images/submenu_over.png);*/
	color:black;
	}
#submenu ul li a {
	/*padding-left:6px;*/
	text-transform: uppercase;
	color: #FFFFFF;	
	text-decoration:none;
}
	
/* boxjes
--------------------------------------------------  */
.side-announcement-box {
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
}

.module-item-wrapper {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 278px;
	overflow: hidden;
}

.img-gray-message-top-cap {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/iconset.png);
	background-repeat: repeat-y;
	background-position: 0 0px;
}
.img-gray-message-bottom-cap {
	background: transparent url(../images/iconset.png) repeat-y scroll 0px -7px;
}
.img-gray-top-right-corner, .img-gray-bottom-right-corner {
	float: right;
	height: 5px;
	width: 5px;
}
.img-side-cap {
	font-size: 0px;
	width: 280px;
}
.left-right-border-yellow {
	background-color: #242424;
	border-right: 1px solid #242424;
	border-left: 1px solid #242424;
}


.side-announcement-box table {margin-top:10px}

#ft {
  padding-top: 20px;
  text-align: center;
}





/* *********************************************
   Mailform styles
*/

.csc-mailform, .csc-mailform-radio, .csc-mailform-check, .csc-mailform-radio fieldset {
	border: 0;
}
.csc-mailform label {
  display: inline;
  line-height: 25px;
}
.csc-mailform-radio legend {
	display: none;
}
.csc-mailform-submit {
	margin-left: 160px; /*130px*/
	text-align: center;
}
.csc-mailform label {
  width: 150px;
  padding-left: 10px;
  float: left;
}
.csc-mailform input, textarea {
  float: left;
  margin-top: 2px;
  padding: 2px;
  border: 1px solid #999999;
}
.csc-mailform-field {
  width: 350px; 
  margin-left: 10px;
  float: left;
  overflow: auto;
  margin-bottom: 5px;
  padding: 2px;
}
.csc-mailform-field textarea {
  float: left;
  clear: both;
  font-family: arial;
}






.activity {
  clear: both;
  margin: 0;
  padding: 0;
}

.activity-time {
  float: left;
  clear: none;
  line-height: 30px;
  padding: 5px 10px;
  margin-right: 5px ;
  background: #242424;
}
.activity-time h4 {
  margin: 0;
  padding: 0;
  width: 35px; 
  text-align: center; 
  font-size: 14px;
}

.activity-time h4 a {
  text-decoration: none;
  color: white;
}

.activity-text {
  float: left;
  width: 280px;
  clear: none;
  color: #977e35;
}
.activity-text h2 {
  margin: 0px;
  margin-top: 3px;
  padding: 0;
}
.activity-text h2 a {
  font-size: 12px;
  color: #FFFFFF;
}

.csc-header h1 {
  font-size: 20px;
}



#normal-home h2{
	margin:0;
	color:#977e35;
	font:19px/23px Impact, Verdana, Arial, sans-serif;
}
#normal-home h2 span{
	color:#fff;
}


#normal-home {
	width:590px;
}

#normal #video{
	float:left;
	width:348px;
}
#normal #video img{
	display:block;
}


.latest-artist{
	float:left;
	width:210px;
	padding:0 15px 0 17px;
}
.latest-artist .title{
	background:#242424 url(../images/bg-title-artist.gif) no-repeat;
}
.latest-artist .title .inner{
	background:url(../images/bg-title-artist.gif) no-repeat 0 100%;
	padding:0 0 0 12px;
}
.latest-artist ul{
	margin:3px 0 0;
	padding:0 0 12px 10px;
	list-style:none;
	font:13px/17px Impact, Verdana, Arial, sans-serif;
}
.latest-artist ul li{
	padding:0 0 0 13px;
	background: url(../images/button_send_small.png) no-repeat 0 4px;
}
.latest-artist ul li a{
	color:#fff;
}
.latest-artist ul li.active a,
.latest-artist ul li a:hover{
	color:#977e35;
	text-decoration:none;
}
.latest-artist .more{
	float:right;
	margin:0 12px 0 0;
}



#normal-home .news-list-container {
	margin-top: 5px;
}

#normal-home .news-item-title{
	font:13px/17px Impact, Verdana, Arial, sans-serif;

	margin: 0;
	color: #FFF;
}

#normal-home .news-item-subheader{
	margin: 0;
  display: none;
}


.more {
	float: right;
	background: #242424 url(../images/button_send_small.png) right no-repeat;
	padding: 3px 15px 3px 3px;
	width: 55px;
	clear: both;
}
.more a {
  color: #ffffff;
  text-decoration: none;
}




	padding:12px 0;
}
.news p{
	margin:0;
}
.news .title{
	background:#242424 url(../images/bg-title.gif) no-repeat;
	width:193px;
	padding:4px 0 0 7px;
}
.news .title h2{
	line-height:24px;
}
.news-container{
	background:url(../images/separator.gif) repeat-x;
	padding:9px 0 15px 15px;
	margin:0 0 0 -15px;
	width:575px;
	overflow:hidden;
	position:relative;
}
.active-news{
	float:left;
	width:200px;
	padding:0 9px 0 1px;
}
.active-news img{
	display:block;
}
.active-news h3{
	margin:8px 0 0;
	font:15px/17px Impact, Verdana, Arial, sans-serif;
}
.active-news .more{
	float:right;
	margin:3px 9px 0 0;
}
.news ul{
	list-style:none;
	margin:-7px 0 0;
	padding:0;
	float:left;
	width:351px;
}
.news ul li{
	width:100%;
	float:left;
	padding:7px 0 2px;
	background:url(../images/separator.gif) repeat-x 0 100%;
}
.news ul h3{
	margin:0;
	font:15px/17px Impact, Verdana, Arial, sans-serif;
}

.news ul li img{
	float:left;
	margin:0 7px 0 0;
}
.news ul li .more{
	float:right;
	margin:6px 0 0;
}
