/*----------------------------CSS by Zillion Designs*/

/*-----------------------------------hoofdonderdelen*/

html,
body {
	font-family			: Verdana, Arial;
	color				: #FFF;
	font-size			: 13px;
	margin				: 0;
	padding				: 0;
	height				: 100%;
	background-image	: url(../images/bg.bmp);
	background-repeat	: repeat-x;
	background-position	: top;
	background-color	: #180d0d;
}

#container {

	max-width			: 980px;
	width				: expression(document.body.clientWidth > 980? "980px": "auto" );
	height				: 100%;
	position			: relative;
	margin-left			: auto;
	margin-right		: auto;
	z-index				: 1;
}

#header {
	position			: absolute;
	width				: 100%;
	height				: 132px;
	background-image	: url(../images/ds_header.jpg);
	background-repeat	: no-repeat;
	z-index				: 8;
}

#menu {
	position			: relative;
	width				: 700px;
	height				: 20px;
	margin-top			: 90px;
	margin-left			: 23px;
	z-index				: 6;
	color				: #04051a;
}

#container_bg {
	min-height			: 100%;
	position			: absolute;
	width				: 100%;
	background-image	: url(../images/ds_body.png);
	background-repeat	: repeat-y;
	z-index				: 3;
}

#photo {
	min-height			: 100%;
	position			: absolute;
	width				: 100%;
	background-position	: 16px 132px;
	z-index				: 2;
}

#content {
	width				: auto;
	position			: relative;
	padding-bottom		: 56px;
	height				: auto;
	margin-top			: 140px;
	margin-left			: 28px;
	margin-right		: 28px;
	z-index				: 9;
}

#footer {
	position			: absolute;
	bottom				: 0;
	width				: 100%;
	height				: 56px;
	background-image	: url(../images/ds_footer.jpg);
	background-repeat	: no-repeat;
	z-index				: 19;
}

#contact {
	float				: right;
	width				: auto;
	margin-right		: 36px;
	margin-top			: 4px;
	height				: auto;
	bottom				: 0px;
	text-align			: right;
	z-index				: 11;
}

/*-----------------------------------tekstvelden*/

.field_bg {
	background-image	: url(../images/bg_black.png);
	background-repeat	: repeat;
	width				: auto;
	height				: auto;
	margin-right		: 10px;
	padding-left		: 10px;
	padding-top			: 10px;
	padding-right		: 10px;
	padding-bottom		: 10px;
	margin-bottom		: 18px;
}

.field {
	float				: left;
	padding-top			: 2px;
	width				: 650px;
	background-image	: url(../images/line.png);
	background-repeat	: no-repeat;
	background-position	: 0px 0px;
}

.field_bio {
	float				: left;
	padding-top			: 2px;
	min-width			: 650px;
	width				: expression(document.body.clientWidth < 655? "650px" : "auto"  );
	background-image	: url(../images/line.png);
	background-repeat	: no-repeat;
	background-position	: 0px 0px;
}

.field2 {
	float				: left;
	padding-top			: 2px;
	min-width			: 330px;
	width				: expression(document.body.clientWidth < 335? "330px" : "auto"  );
	background-image	: url(../images/line2.png);
	background-repeat	: no-repeat;
	background-position	: 0px 0px;
}

.field3 {
	float				: left;
	padding-top			: 2px;
	width				: 460px;
	background-image	: url(../images/line2.png);
	background-repeat	: no-repeat;
	background-position	: 0px 0px;
	margin-top			: 18px;
	margin-right		: 18px;
}

.field4 {
	float				: left;
	padding-top			: 2px;
	width				: 300px;
	background-image	: url(../images/line2.png);
	background-repeat	: no-repeat;
	background-position	: 0px 0px;
	margin-top			: 18px;
}

.fieldr {
	float				: right;
	padding-top			: 2px;
	width				: 300px;
	background-image	: url(../images/line2.png);
	background-repeat	: no-repeat;
	background-position	: 0px 0px;
}

.foto2 {
	width				: auto;
	margin				: 12px;
	float				: left;
}

/*-----------------------------------tekstvelden - uitzonderingen*/

#no_top  {margin-top:0px;}
#plus_top{margin-top:18px;}
#no_btm  {margin-bottom:0px;}
#no_btms {margin-bottom:0px; height:180px;}
.fieldrs {float:right; width:350px;}

/*-----------------------------------buttons*/

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

a.btt:link, a.btt:visited {
	color				: #04051a;
	font-size			: 13px;
	text-decoration		: none;
	padding-left		: 2px;
	padding-right		: 2px;
}

a.btt:hover, a.btt:active
{
	color				: #fff;
	font-size			: 13px;
	text-decoration		: none;
	padding-left		: 2px;
	padding-right		: 2px;
	padding-bottom		: 11px;
	background-color	: #232323;
}

a.btt_ac:link, a.btt_ac:visited {
	color				: #fff;
	font-size			: 13px;
	text-decoration		: none;
	padding-left		: 2px;
	padding-right		: 2px;
	padding-bottom		: 11px;
	background-color	: #232323;
}

a.btt_ac:hover, a.btt_ac:active {
	color				: #fff;
	font-size			: 13px;
	text-decoration		: none;
	padding-left		: 2px;
	padding-right		: 2px;
	padding-bottom		: 11px;
	background-color	: #232323;
}

a.btt_lg:link, a.btt_lg:visited {
	float				: left;
	position			: absolute; 
	z-index				: 9;
	color				: #fff;
	text-decoration		: none;
	padding-left		: 4px;
	padding-right		: 4px;
	background-color	: #999999;
}

a.btt_lg:hover, a.btt_lg:active {
	float				: left;
	position			: absolute;
	z-index				: 9;
	color				: #fff;
	text-decoration		: underline;
	padding-left		: 4px;
	padding-right		: 4px;
	background-color	: #999999;
}

.btt_dg {
	float				: left;
	z-index				: 1;
	position			: absolute;
	background-color	: #232323;
	padding-left		: 2px;
	padding-right		: 2px;
}

/*-----------------------------------achtergronden pagina's*/

.bg_home 				{ background-repeat: no-repeat; background-image: url(../images/bg_home.jpg);}
.bg_contact 			{ background-repeat: no-repeat; background-image: url(../images/bg_contact.jpg);}
.bg_links 				{ background-repeat: no-repeat; background-image: url(../images/bg_links.jpg);}
.bg_bio 				{ background-repeat: repeat-y;  background-image: url(../images/bg_bio.jpg);}
.bg_nieuws 				{ background-repeat: repeat-y;  background-image: url(../images/bg_nieuws.jpg);}
.bg_muziek 				{ background-repeat: repeat-y;  background-image: url(../images/bg_muziek.jpg);}

/*-----------------------------------misc*/

.stats					{display:none; margin-left:28px; margin-top:4px; width:300px; float:left;}
.zwart 					{color:#000;}
.koptekst 				{font-color:#f4c899; font-size:14px;}
.close					{text-align:right; float:right; margin-right:72px;}
.rand					{margin-top:8px; margin-bottom:8px; width:auto;}

/*-----------------------------------verborgen items*/

#hidden01 {display:none;}
#hidden02 {display:none;}
#hidden03 {display:none;}
#hidden04 {display:none;}
#hidden05 {display:none;}
#hidden06 {display:none;}
#hidden07 {display:none;}
#hidden08 {display:none;}
#hidden09 {display:none;}
#hidden10 {display:none;}
#hidden11 {display:none;}

#btt_sh01 {display:none;}
#btt_sh02 {display:none;}
#btt_sh03 {display:none;}
#btt_sh04 {display:none;}
#btt_sh05 {display:none;}
#btt_sh06 {display:none;}
#btt_sh07 {display:none;}
#btt_sh08 {display:none;}
#btt_sh09 {display:none;}
#btt_sh10 {display:none;}
#btt_sh11 {display:none;}