body{
	margin:0;
	height:100%;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
body#home{
	background:  url(../images/bg_home.jpg) 27% 0 repeat-y;
}
body#grafisch, body#grafischdetail{
	background:  url(../images/bg_grafisch.jpg) 20% 0 repeat-x;
}
body#web, body#casedetail{
	background:  url(../images/bg_web.jpg) 20% 0 repeat-x;
}
body#oxbey, body#oxbeydetail{
	background:  url(../images/bg_oxbey.jpg) 20% 0 repeat-x;
}
body#foto, body#fotodetail{
	background:  url(../images/bg_foto.jpg) 20% 0 repeat-x;
}

p{
	margin:0 0 20px 0;
	font-size:70%;
	color:#000000;
	line-height:150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
table p{
	margin:0;
}
a{
	color:#5E507A;
	text-decoration:none;
}
h1{
	margin:0 0 20px 0;
	font-size:95%;
	color:#000000;
	text-transform:capitalize;
}
#home h1{
	color:#41454A;
}
h2{
	margin:0;
	font-size:70%;
	color:#3A3A3A;
	font-weight: bold;
}
ul, ol{
	margin:0 0 20px 0;
	padding:0;
	font-size:70%;
	line-height:150%;
	list-style:none;
}
ul li, ol li{
	padding: 0 0 0 15px;
	color:#5E507A;
	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
img{
	border:0;
}
input,textarea{
	font-size:60%;
	padding-left:5px;
	padding-right:3px;
	color: #5E507A;
	background: #FFFFFF;
	border: 1px solid #5E507A;
}
input[type="hidden"]{
	border:none;
}
/*---logo---*/
#logo{
	padding:20px 0 0 25%;
	margin:0;
	height:50px;
	text-align:right;
}
#home #logo{
	padding:0;
	height:auto;
	margin:20px 0 45px 25%;
}
/*---navigatie---*/
#nav{
	position:absolute;
	left:0;
	margin:26px 0 0 1%;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1;

}
#home #nav{
	position:relative;
	margin:0 0 0 57%;
	padding:26px 50px 0 50px;
	min-height:322px;
	height:332px;
	background:#768FAD;
	background:  url(../images/bg_nav.jpg) 0 5px no-repeat;
}
html>body #home #nav{
	height:auto;
	padding:26px 7% 0 7%;
}
#nav h1{
	margin:0;
	padding:0 0 0 11px;
	font-size:90%;
	line-height:100%;
	color:#FFFFFF;
}
#nav ul {
	margin:0 0 19px 0;
	font-size:70%;
	line-height:130%;
	padding:0;
}
#nav ul li{
	margin:0;
	padding:0;
	background:none;
}
#nav ul li a{
	padding:0 0 0 11px;
	color:#000000;
}
#nav ul li a:hover{
	padding:0 0 0 11px;
	color:#FF6600;
	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}
#home #nav ul li a:hover{
	color:#FFFFFF;
}
/*---content---*/
#content{
	width:25%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10%;
	padding-top: 260px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#grafischdetail #content{
	margin:3%;
	padding:25px 0 0 0;
	width:90%;
}
#fotodetail #content{
	margin:3%;
	padding:25px 0 0 0;
	width:90%;
}
#oxbeydetail #content{
	margin:3%;
	padding:25px 0 0 0;
	width:90%;
}
#home #content{
	padding:0;
	width:25%;
	margin-top: 28px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10%;
	border: 1px solid #666666;
}
#web #content{
	margin:28px 0 0 23%;
	padding:270px 0 0 0;
	width:40%;
}
#grafisch #content{
	margin:28px 0 0 23%;
	padding:270px 0 0 0;
	width:40%;
}
#foto #content{
	margin:28px 0 0 23%;
	padding:270px 0 0 0;
	width:40%;
}
#oxbey #content{
	margin:28px 0 0 23%;
	padding:270px 0 0 0;
	width:40%;
}

#content a{
	border-bottom:1px solid #5E507A;
}
#content a:hover{
	border-bottom:none;
}
#home #content a, #home #cases ul a{
	border-bottom:1px solid #D0CCDB;
}
#home #content a:hover, #home #cases ul a:hover{
	border-bottom:1px solid #ff6600;
	color:#ff6600;
}
#sitemap{
	margin:0 0 0 25%;
	padding:280px 0 0 0;
	width:70%;
}
#sitemap a{
	border-bottom:1px solid #5E507A;
}
#sitemap a:hover{
	border-bottom:none;
}
#sitemap td.links{
	border-right: 1px dashed #FFFFFF;
	padding-right: 50px;
}
#sitemap td.rechts{
	padding-left: 50px;
}
/*---nieuws---*/
#content #contentsub h1{
	margin-top:40px;
}
/*---cases---*/
#cases{
	position:absolute;
	top:349px;
	left:66%;
	width:32%;
}
#home #cases{
	top:510px;
	left:70%;
	width:28%;
}
#content #cases{
	position: relative;
	top:0;
	left:0;
	width: 100%;
}

#cases a{
	border: none;
}

#cases a:hover{
	border-bottom: 1px solid #919191;
}

#cases img{
	float:right;
	clear:right;
}

#cases div{
	height:58px;
	min-height:58px;
	margin:0 0 8px 0px;
	padding:10px;
}

#web #cases div{
	border:1px solid #AEA7BC;
	background:#FFFFFF;
}

#grafisch #cases div{
	border:1px solid #D0CCDB;
	background:#FDD5BB;
}

#foto #cases div{
	border:1px solid #D0CCDB;
	background:#A4A6DF;
}

#oxbey #cases div{
	border:1px solid #D0CCDB;
	background:#9DB6A0;
}

#home #cases div{
	border:1px solid #D0CCDB;
}

html>body #cases div{
	height:auto;
}

#web #cases div:hover, #web #cases div.over{
	background:#D2D2D2;
	cursor:none;
}

#grafisch #cases div:hover, #grafisch #cases div.over{
	background:#D8B69F;
}

#foto #cases div:hover, #grafisch #cases div.over{
	background:#8B8DC2;
}

#oxbey #cases div:hover, #grafisch #cases div.over{
	background:#8DA490;
}
#home #cases div:hover, #home #cases div.over{
	background:#D2D2D2;
	cursor:pointer;
}
#cases p{
	margin:6px 0 0 0;
	font-size:60%;
}
#cases h2{
	margin:0;
}
#cases ul{
	margin-top: 20px;
}
#cases ul a{
	border-bottom:1px solid #FFFFFF;
}
#cases ul a:hover{
	border-bottom:none;
}
/*---adres---*/
#adresgg{
	position:absolute;
	top:640px;
	left:0;
	margin:0 0 0 2%;
	padding:0 0 0 11px;
	width:20%;
}

#adresgg h2 a:hover{
	border-bottom:none;
}


#home #adresgg{
	top:auto;
	margin:-100px 0 0 1%;
	width:24%;
}
#adresgg h2{
	font-family:Arial, Helvetica, sans-serif;
}
#adresgg p, #adresgg ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	margin-bottom:10px;
}
#adresgg ul li{
	position:relative;
	background-position:0 6px;
}
#adresgg a:hover{
	border-bottom:1px solid #5E507A;
}
/*---footer---*/
#footer{
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 29%;
	padding:50px 0 20px 0;
}
#footer p{
	margin:0;
	color:#333333;
	font-size:65%;
}
#footer p a{
	color:#FF6600;
	text-decoration:none;
}
#footer p a:hover{
	text-decoration:underline;
}
/*---flash---*/
#flash{
	position:absolute;
	top:70px;
	left:0;
	width:100%;
}

#home #flash{
	top:40;
}

#web #flash{
	top:40;
	margin:0 0 0 -11%;
}

#grafisch #flash{
	top:40;
	margin:0 0 0 -11%;
}

#foto #flash{
	top:40;
	margin:0 0 0 -11%;
}

#oxbey #flash{
	top:40;
	margin:0 0 0 -11%;
}

/*---contactformulier---*/
#formcontact label{
	float:left;
	font-size:70%;
	color:#5E507A;
	line-height:150%;
}
#formcontact input{
	display:block;
	margin:5px 0 5px 200px;
}
#formcontact .checkboxes{
	padding:0 0 50px 0;
}
#formcontact .checkboxes label{
	float:none;
}
#formcontact .checkboxes h2{
	margin:30px 0 10px 0;
}
#formcontact table input{
	margin:0;
	padding:0;
}
/*---custom---*/
.button{
	padding:0;
}
.border {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #999999;
}
.noborder{
	margin:0;
	border:none;
	background:none;
}
.required{
	padding:0 10px 0 0;
	background-image: url(../images/icon_required.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.smalltxt{
	margin-top:15px;
	font-size:65%;
}
.pagehead{
	margin:20px 0 12px 0;
	font-size:130%;
	font-weight:normal;
	text-transform:none;
	color:#2A5381;
}
div.rule{
	height:1px;
	background:#FFFFFF;
	margin:20px 0;
}
div.rule hr{
	display:none;
}
.floatright{
	float:right;
	margin:0 30px 0 50px;
}
.toplink{
	clear:both
}
.toplink li{
	background:url(../images/icon_arrow_top.gif) 0 7px no-repeat;
}
.inlinelist{
	font-size:60%;
	margin-bottom:30px
}
.inlinelist li{
	display:inline;
	padding:0 15px 0 10px;
	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
#content .inlinelist li a{
	border:none;
}
.inlinelist li a:hover{
	color:#FFFFFF;
}

#SEC	{
	width: 430px;
	height: 320px;
	position: relative;
	background: #FFFFFF;
	margin:0;
	}
.table_content {
	background-color: #D2D2D2;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #FFFFFF;
}

