/* body { behavior:url("css/csshover.htc"); } */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #d3d3d3;	
}
body {background:url(../img/body_bg.jpg) top no-repeat #000;}

*{
	outline:none;	
}

body,html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

a:link {
	color: #FFF;
	text-decoration: underline;
}
a:visited {
	color: #FFF;
	text-decoration: underline;
}
a:hover {
	color: #FFF;
	text-decoration: underline;
}
a:active{
	color: #FFF;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,p {
	margin:0px;
	padding:0px 0px 1em 0px;
}

h3{
	font-size:16px;
	color:#FFF;
	padding-top:30px;
}

img {border:none; vertical-align:top;}

.clear {
	clear:both;
	line-height:0px;
	height:0px;
}

.alert{
	border:1px solid #FF0000;
	color:#FF0000;
	font-weight:bold;
	margin-bottom:10px;
	padding:10px;
}

/*--------------------- */
/* WRAPPERS				*/
/*--------------------- */

/*#sitewrapper{
	width:100%;
	height:100%;
}*/

#wrapper{
	position:relative;
	width:656px; /* 656px */
	margin:0 auto;
/*	margin-top:50px;*/
}

#welcome{
	position:absolute;
	background:url(../img/welcometag.png) no-repeat;
	height:89px;
	width:392px;
	margin:95px 0px 0px 98px;
}

#portfolio{
	position:absolute;
	background:url(../img/portfoliotag.png) no-repeat;
	height:89px;
	width:392px;
	margin:95px 0px 0px 98px;	
}

#ontwerper-tag{
	position:absolute;
	background:url(../img/ontwerpertag.png) no-repeat;
	height:89px;
	width:392px;
	margin:95px 0px 0px 98px;	
}

#contact-tag{
	position:absolute;
	background:url(../img/contacttag.png) no-repeat;
	height:89px;
	width:392px;
	margin:95px 0px 0px 98px;	
}

#logo{
	position:absolute;
	height:75px;
	width:75px;
	margin:103px 0px 0px 0px;;
}

#slide-box{
	position:absolute;
	width:496px;
	height:214px;
}
	
#home-nav{
	position:absolute;
	width:532px;
	height:55px;
	margin:465px 0px 0px 81px;
}

#nav{
	position:absolute;
	width:612px;
	height:74px;
	margin:11px 0px 0px 50px;
	background:url(../img/menu_bg.png) no-repeat;
}

/*--------------------- */
/* Welcome				*/
/*--------------------- */

#welcome span{display:none;}
#portfolio span{display:none;}
#ontwerper-tag span{display:none;}
#contact-tag span{display:none;}

/*--------------------- */
/* SLIDER				*/
/*--------------------- */

#slider_wrapper{
	position:absolute;
	width: 538px;
	height:248px;
	margin:213px 0px 0px 78px;
	background:url(../img/slider-bg-box.png) top left no-repeat;
	z-index:6;
}

#slider{
	position:absolute;
	width: 535px;
	height:245px;
	margin:230px 0px 0px 98px;
	z-index:7;

}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:496px;
	height:214px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:57px;
	height:57px;
	position:absolute;
	left:22px;
	top:310px;
	}	
#nextBtn{ 
	left:615px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:57px;
	height:57px;
	background:url(../img/prevbutton.png) no-repeat 0 0;	
}	
#nextBtn a{ background:url(../img/nextbutton.png) no-repeat 0 0;}	

/*--------------------- */
/* NAV's				*/
/*--------------------- */

#home-nav ul {padding:0; margin:0;}

#home-nav li {
	margin-right:44px;
	list-style:none;
	float:left;
}

#home-nav .last{margin:0;}

#home-nav a{
	display:block;
	width:148px;
	height:57px;
}

#home-nav a:hover{ background:url(../img/button_bg.png);}
#home-nav a.active{ background:url(../img/button_bg.png);}
#home-nav span{display:none;}


#nav ul{
	padding:0; 
	margin:11px 0px 0px 15px;
}

#nav li{	
	margin-right:33px;
	list-style:none;
	float:left;
}

#nav .last{margin:0;}


#nav a{
	display:block;
	width:148px;
	height:57px;
}

#nav a:hover{ background:url(../img/button_bg.png);}
#nav a.active{ background:url(../img/button_bg.png);}
#nav span{display:none;}
/*--------------------- */
/* Portfolio			*/
/*--------------------- */

#portfoliobox{
	position:absolute;
	width:610px;
	margin:195px 0px 0px 24px;
}
#portfoliobox ul{padding:0; margin:0;}

#portfoliobox li{padding:8px 0px 8px 0px; margin:0; list-style:none;}

#top-box{
	width:610px;
	height:12px;
	background:url(../img/top_porfoliobox_bg.png) no-repeat 0px 0px;
}

#bg-box{
	width:590px;
	padding:0px 10px 0px 10px;
	background:url(../img/porfoliobox_bg.png) repeat-y;
}

#bottom-box{
	width:610px;
	height:12px;
	margin-bottom:120px;
	background:url(../img/bottom_porfoliobox_bg.png) no-repeat 0px 0px;
}

#content-portfolio{width:590px;}


/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 5px;	
	font-weight: bold;
	font-size: 11px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
}
.caption-top {border-width: 0px 0px 8px 0px;}
.caption-bottom {border-width: 8px 0px 0px 0px;}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {background: #202020;}

br.c { clear: both; }

/*--------------------- */
/* Ontwerper			*/
/*--------------------- */

.mij{
	position:absolute;
	left:360px;
	top:15px;
}
#content-portfolio p{width:300px;}

/*--------------------- */
/* Contact				*/
/*--------------------- */

#contact{
	margin:20px 0px 0px 10px;	
}

.warning_table{
	color:#F00;
	font-size:12px;
	border:solid 1px #F00;
}