/*----------------------------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-bottom		: 50px;
	height				: auto;
	width				: expression(document.body.clientWidth > 940? "940px": "auto" );
	max-width			: 940px;
	margin-left			: auto;
	margin-right		: auto;
}

#header{
	position			: relative;
	z-index				: 99;
	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				: 0px;
	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-left			: 10px;
	margin-right		: 10px;
	margin-bottom		: 10px;
}

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

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

.float_menu {
	position			: relative;
	z-index				: 99;
	float				: right;
	width				: auto;
	height				: auto;
	margin-bottom		: 10px;
}

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

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

.navi {
	float				: left;
	position			: relative;
    width				: 142px;
	height				: 34px;
	z-index				: 6;
	margin-left			: 20px;
	padding-left		: 12px;
	background-image	: url(../images/bg_btt1.png);
	background-position	: bottom;
	background-repeat	: no-repeat;
}

.navi2 {
	float				: left;
	position			: relative;
    width				: 130px;
	height				: 42px;
	z-index				: 6;
	margin-left			: 32px;
	background-image	: url(../images/bg_btt2.png);
	background-position	: center;
	background-repeat	: no-repeat;
}

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

.btt2					{border:#000619; border-width:thin; background-color:#000619; padding:2px;}

.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;}


.jaar_l		{background-image:url(../images/bg_jaar_l.png); width:18px; height:42px;}
.jaar_m		{background-image:url(../images/bg_jaar_m.png); width:auto; height:42px; background-repeat:repeat-x}
.jaar_r		{background-image:url(../images/bg_jaar_r.png); width:18px; height:42px;}

.frame_ro	{background-position:0 0; background-image:url(../images/bg_frame.png); width:64px; height:69px;}
.frame_lo	{background-position:0 -69px; background-image:url(../images/bg_frame.png); width:64px; height:69px;}
.frame_o	{background-position:0 -138px; background-image:url(../images/bg_frame.png); width:50px; background-repeat:repeat-x;}

.frame_r	{background-position:bottom; background-image:url(../images/bg_frame_r.png); background-repeat:no-repeat; width:10px;}
.frame_l	{background-position:bottom; background-image:url(../images/bg_frame_l.png); background-repeat:no-repeat; width:10px;}

.frame_m	{padding:10px 20px 0 20px; background-image:url(../images/bg_50.png); background-repeat:repeat;}


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

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



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

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

a:link .btt_back, a:visited .btt_back, a:hover .btt_back, a:active .btt_back,
a:link .btt_next, a:visited .btt_next, a:hover .btt_next, a:active .btt_next,
a:link .btt_down, a:visited .btt_down, a:hover .btt_down, a:active .btt_down,
a:link .btt_clse, a:visited .btt_clse, a:hover .btt_clse, a:active .btt_clse
										{height:30px; width:30px; float:left; display:block; margin-top:4px; background-image:url(../images/buttons.png); }	
										
a:link .btt_back, a:visited .btt_back		{margin-left:15px; background-position:0 0;}
a:hover .btt_back, a:active .btt_back		{margin-left:15px; background-position:0 -30px;}
a:link .btt_next, a:visited .btt_next		{margin-left:4px; background-position:-30px 0;}
a:hover .btt_next, a:active .btt_next		{margin-left:4px; background-position:-30px -30px;}
a:link .btt_down, a:visited .btt_down		{background-position:-60px 0;}
a:hover .btt_down, a:active .btt_down		{background-position:-60px -30px;}
a:link .btt_clse, a:visited .btt_clse		{margin-left:4px; background-position:-90px 0;}
a:hover .btt_clse, a:active .btt_clse		{margin-left:4px; background-position:-90px -30px;}

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

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