/* Page
----------------------------------------------- */
html {
	height:100%;
	width:100%;
}

body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-repeat:repeat;
	font-family: Georgia, Times New Roman, Garamond;
	font-size:13px;
	line-height:22px;

	color:#231f20;
	background-image:url(/img/light/pattern_white.jpg);
	background-color:#ffffff;
}

#topleft{
position:relative;
float:left;
width:174px;
height:300px;

background-image:url(/img/light/logo_left.jpg);
background-repeat:no-repeat;
}

#top{
position:relative;
float:left;
width:676px;
height:200px;

background-image:url(/img/light/top.jpg);
background-repeat:no-repeat;

}

/* Headers
----------------------------------------------- */
h1, h2, h3, h4, h5 {}
h1{
	font-size:22px;
	margin:0px;
}
h2 {
	font-size:16px;
	margin:0px 0px 5px 0px;
}


/* Paragraphs
----------------------------------------------- */
p{
margin:0;
padding:5px 0;
}


/* Lists
----------------------------------------------- */
ul {
margin:0 0 10px 15px;
padding:0 0 0 0;
list-style-type:square;
}
ul li {
padding:0;
margin:0;
}
/* Tables
----------------------------------------------- */
table {}

td {}

/* Forms
----------------------------------------------- */
fieldset{}
form {}

fieldset br{
	display:block;
	clear:both;	
}

label{
	float:left;
	width:130px;
}

input{
	float:left;
	width:200px;
	padding:2px;
	font-size:1em;
	border:0px;
	margin-bottom:7px;
}

.radio-wrapper{
	float:left;
	width:50px;
}
input.radio,
input.checkbox{
	width:15px;
}

textarea{}

.submit{
	width:55px;
	text-align:right;
	height:16px;
	margin:0px 0px 20px 0px;
	background:none;
	cursor:pointer;
}


/* Links
----------------------------------------------- */
a {
color:#67b48c;
text-decoration:none;
}
a:hover {
color:#67b48c;
text-decoration:underline;
}

a img.portfolio{
border:2px solid #231f20;  
}

a:hover img.portfolio{
border: 2px solid #67b48c;
}


/* Misc
----------------------------------------------- */
img {
border:0px
}

img.portfolio{
border: 2px solid #231f20;
}


hr {}
blockquote{}
pre{}
em{}

/* Main wrapper
----------------------------------------------- */
#sitewrapper{
position:relative;
height: auto !important;
min-height: 100%;
height:100%;
width:870px;
background-image:url(/img/light/sitewrapper_bg.jpg);
background-repeat:repeat-y;
}

#wrapper {
position:relative;
float:left;
margin-top:-120px;
left:174px;
width:676px;
}

.clear{
clear:both;
}

/* Identity
----------------------------------------------- */
#identity{
position:absolute;
top:0px;
right:0px;
}


/* Content
----------------------------------------------- */

#content{
position:relative;
width:676px;
}

#content_left{
position:relative;
float:left;
width:328px;
padding:20px 5px 0 5px;
}


#content_right{
position:relative;
float:left;
width:328px;
padding:20px 0 0 10px;
}


#content_right_pad{
position:relative;
float:left;
width:328px;
padding:50px 0 0 10px;
}

#portfolio_left{
position:relative;
float:left;
width:339px;
padding:20px 0 0 5px;
}


#portfolio_right{
position:relative;
float:left;
width:317px;
padding:20px 0 0 15px;
}

#portfolio_right img{
margin:10px;
}

/* Portfolio
----------------------------------------------- */
.portfolio_info{
display:none;
}


/* Primary navigation
----------------------------------------------- */
#nav{
position:relative;
top:140px;
width:676px;
height:25px;
}

ul.nav{
margin:0 0 0 135px;
padding:0;
}

ul.nav li,
ul.nav li a {
display: block;
height:25px;
background-repeat:no-repeat;
float:left;
list-style:none;
}

ul.nav li a {
padding-top: 25px;
height: 0 !important;
overflow: hidden;
}

ul.nav li a:hover {
background-position: 0 -25px;
}

ul.nav li.home a {background-image: url('/img/light/nav/home.jpg'); width:67px;}
ul.nav li.diensten a {background-image: url('/img/light/nav/diensten.jpg'); width:93px;}
ul.nav li.portfolio a {background-image: url('/img/light/nav/portfolio.jpg'); width:93px;}
ul.nav li.overmij a {background-image: url('/img/light/nav/overmij.jpg'); width:93px;}
ul.nav li.contact a {background-image: url('/img/light/nav/contact.jpg'); width:72px;}