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

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

html,
body {
	margin				: 0;
	padding				: 0;
	height				: 100%;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 13px;
	color				: #FFFFFF;
	background-color	: #03070c;
	background-image	: url(../images/bg_bottom.bmp);
	background-position	: center;
	background-repeat	: repeat-y;
}

#container {
	min-height			: 100%;
	position			: relative;
	width				: auto;
	margin-left			: auto;
	margin-right		: auto;
	background-image	: url(../images/bg.jpg);
	background-position	: top;
	background-repeat	: no-repeat;
	}

#content {
	padding-left		: 10px;
	padding-right		: 10px;
	padding-top			: 40px;
	padding-bottom		: 50px;
	height				: auto;
	width				: expression(document.body.clientWidth > 940? "940px": "auto" );
	max-width			: 940px;
	margin-left			: auto;
	margin-right		: auto;
}

#header{
	position:absolute;
	z-index:999;
	height				: 50px;
	margin				: 0;
	width				: 100%;
	text-align			: center;
	background-image	: url(../images/bg_header.png);
	background-position	: center;
	background-repeat	: no-repeat;
	}

#footer {
	height				: 50px;
	position			: absolute;
	bottom				: 0;
	width				: 100%;
	text-align			: center;
	background-image	: url(../images/bg_footer.png);
	background-position	: center;
	background-repeat	: no-repeat;
}

.bg_content {
    background-image	: url(../images/bg_cv.png);
	background-repeat	: repeat-x;
	background-position	: top;
}

/*-----------------------------------thumbnails en galleries*/

#thumb {
	width				: 120px;
	height				: 120px;
	float				: left;
	z-index				: auto;
	position			: relative;
	margin-bottom		: 2px;
	margin-left			: 3px;
	margin-right		: 3px;
	margin-top			: 2px;
}

#thumb_fl {
	width				: 160px;
	height				: 160px;
	float				: left;
	z-index				: auto;
	position			: relative;
	margin-bottom		: 4px;
	margin-left			: 7px;
	margin-right		: 7px;
	margin-top			: 4px;
}

.float {
	position			: relative;
	z-index				: auto;
	float				: left;
	width				: auto;
	height				: auto;
	margin				: 10px;
}

.float_t {
	position			: relative;
	z-index				: auto;
	float				: left;
	width				: 500px;
	height				: auto;
	margin				: 10px;
}

.float_tl {
	position			: relative;
	z-index				: auto;
	float				: left;
	width				: 650px;
	height				: auto;
	margin				: 10px;
}

.gallery {
	position			: relative;
	width				: 100%;
	height				: auto;
	z-index				: auto;
	float				: left;
}

.image, .image_t        {float:left; margin:10px;}

/*-----------------------------------schaduwen*/

.h, .v, .h_fl, .v_fl    {padding-top:2px; background-repeat:no-repeat;}

.h 						{background-image:url(../images/bg_thumb_h.png); padding-left:3px;}
.v 						{background-image:url(../images/bg_thumb_v.png); text-align: center;}
.h_fl 					{background-image:url(../images/bg_thumb_h_fl.png); padding-left:3px;}
.v_fl 					{background-image:url(../images/bg_thumb_v_fl.png); text-align:center;}

/*-----------------------------------links*/

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



a.btt:link, a.btt:visited {
	color:#ccccff; text-decoration:none;
}

a.btt:hover, a.btt:active
{
	color:#ffffff; text-decoration:underline;
}

a.btt_ac:link, a.btt_ac:visited {
	color:#ffffff; text-decoration:underline;
}

a.btt_ac:hover, a.btt_ac:active {
	color:#ffffff; text-decoration:underline;
}

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

.rand 					{border: 2px solid #080f1b; } 
.margin 				{margin-top: 3px; margin-bottom: 6px;} 



/*-----------------------------------niet in gebruik

a:link .close, a:visited .close, a:hover, .close, a:active .close { padding-right:30px; padding-top:22px; border:none; background-repeat:no-repeat; background-position:right 0px;}
a:hover, .close, a:active .close {padding-right:0px; padding-top:0px;}
a:link .close			{background-image:url(../images/btt_close.png);}
a:visited .close		{background-image:url(../images/btt_close.png);}
a:hover .close 			{background-image:url(../images/btt_close_hv.png);}
a:active .close			{background-image:url(../images/btt_close_hv.png);}

.back a 				{display: block; width: 30px; height: 30px; background: url(../images/btt_back.gif);}
.back a:visited 		{display: block; width: 30px; height: 30px; background: url(../images/btt_back.gif);}
.back a:hover 			{display: block; width: 30px; height: 30px; background: url(../images/btt_back_hv.gif);}
.back a:active 			{display: block; width: 30px; height: 30px; background: url(../images/btt_back_hv.gif);}
*/

/* 
#widthManager {
	margin-left			: auto;
	margin-right		: auto;
	max-width			: 940px;
	width				: expression(document.body.clientWidth > 940? "940px": "auto" );
}
*/

/* 
#footer_content {
	max-width			: 1000px;
	width				: expression(document.body.clientWidth > 1000? "1000px": "auto" );
	text-align			: center;
	margin-left			: auto;
	margin-right		: auto;
	background-image	: url(../images/bg_footer.png);
	background-position	: center;
}

a:link .close, a:visited .close, a:hover .close, a:active .close {
	width:30px; height:30px; border:none; background-repeat:no-repeat; float:left;
}
a:link .close, a:visited .close			{background-image:url(../images/btt_close.png);}
a:hover .close, a:active .close			{background-image:url(../images/btt_close_hv.png);}

a:link .dwnld			{width:30px; height:30px; border:none; background-repeat:no-repeat; float:left;background-image:url(../images/btt_downld.png);}
a:visited .dwnld		{width:30px; height:30px; border:none; background-repeat:no-repeat; float:left;background-image:url(../images/btt_downld.png);}
a:hover .dwnld 			{width:30px; height:30px; border:none; background-repeat:no-repeat; float:left;background-image:url(../images/btt_downld_hv.png);}
a:active .dwnld			{width:30px; height:30px; border:none; background-repeat:no-repeat; float:left;background-image:url(../images/btt_downld_hv.png);}

.line_s, .line_m, .line_l, .line_b {
	margin-top			: 1px;
	margin-bottom		: 5px;
	height				: 10px;
	background-repeat	: no-repeat;
}

.line_s {width:160px; background-image:url(../images/line_s.png);}
.line_m {width:230px; background-image:url(../images/line_m.png);}
.line_l {width:300px; background-image:url(../images/line_l.png);}
.line_b {width:270px; background-image:url(../images/line_b.png);}

.x_1, .x_2, .x_2_bg 	{float:left; position:relative; }
.x_2, .x_2_bg       	{left:-50%; margin-bottom:10px;}
.x_1                	{left:50%;}            
.x_2_bg             	{background-image: url(../images/bg_text.png); background-repeat:repeat-x; border-top:2px solid #080f1b;}  
*/