/********/
/* html */
/********/
body {
	background:#0c226b;
	margin:0;
	padding:0;
	text-align:center
}

div {
	text-align:left
}

img {
	border:0;
	display:block
}

h1,h2 {
	color:#333;
	font-family:Georgia, Times New Roman;
	font-size:16px;
	text-transform:uppercase;
	margin:4px 0 3px 0;
	padding:0;
	font-weight:normal;
}

#homepage h1{
	display:inline;
	margin:0 3px 0 0;
	color:#000;
}

h2 {
	color:#0c226b;
}

h3, h4 {
	color:#000;
	font-family:Arial;
	font-size:17px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

h4 {
	color:#0c226b;
}

h5, h6 {
	color:#000;
	font-family:Georgia, Times New Roman;
	font-size:13px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

h6 {
	color:#0c226b;
}

p {
	margin:0 0 18px 0;
	padding:0
}

#homepage p{
	display:inline;
}

a {
	text-decoration:none;
	color:#0c226b;
}

a:hover {
	text-decoration:none;
	color:#000;
}

a:focus{
	outline:0;
}

hr {
	background:#FFF;
	border:0;
	border-top:1px solid #6C1154;
	height:1px;
	line-height:1px;
	margin:0 0 10px 0
}

form {
	margin:0;
	padding:0
}

input,
textarea,
select {
	border:1px solid #DBDFE6;
	color:#7F7F7F;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	height:16px;
	padding:2px 5px 0 5px
}

td {
	color:#7F7F7F;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:18px;
	text-align:left;
	vertical-align:top
}

ul {
	margin:0 0 20px 15px;
	padding:0
}

/**********/
/* layout */
/**********/
/* page */
#page {
	background:url(../img/bg/page_bg.gif) repeat-x 0 20px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	height:570px;
	left:50%;
	margin:-285px 0 0 -450px;
	position:absolute;
	top:50%;
	width:900px;
}

/* header */
#header {
	background:url(../img/bg/header_bg.gif) no-repeat top left;
	height:194px;
	width:900px;
}

#logo {
	position:absolute;
	right:18px;
	top:65px;
}

#logo img {
	height:121px;
	width:125px;
}

/* menu */
#menu {
	color:#999;
	font-size:10px;
	height:20px;
	width:900px;
	text-align:right;
}

#menu ul {
	list-style:none;
	float:right;
	margin:0 168px 0 0;
	padding:0;
}

#menu ul ul{
	position:absolute;
	color:#999;
	width:550px;
	height:32px;
	top:-32px;
}

#menu ul li div {
	display:none;
	overflow:hidden;
	position:absolute;
	top:20px;
	left:350px;
	width:550px;
	height:32px;
}

#menu ul li li{
	color:#999;
	background:url(http://www.lodegreven.nl.cymeq.nl/img/bg/border_right.gif) no-repeat right center;
	margin:0;
	padding:0 10px 0 10px;
	line-height:32px;
}

#menu ul li ul li a{
	color:#999;
	text-transform:lowercase;
}

#menu ul ul li a.active,
#menu ul ul li a:hover{
	color:#000;
}

#menu li {
	float:left;
	margin:0 17px 0 0;
}

#menu li a {
	color:#999;
	text-decoration:none;
}

#menu ul li a:hover,
#menu ul li a.active {
	color:#fff;
}

/* content */
#content {
	height:316px;
	position:absolute;
	width:860px;
	padding:20px;
}

#image_list{
	height:135px;
	width:900px;
	position:absolute;
	top:48px;
	left:0;
	text-align:center;
}

#image_list ul{
	margin:0 auto;
	list-style:none;
	width:730px;
	padding-left:18px;
}

#image_list li{
	float:left;
	margin:0 10px 0 0;
	height:135px;
	width:136px;
	background:url(../img/bg/portfolio_item_bg.gif) no-repeat;
	position:relative;
}

#image_list li img{
	width:108px;
	height:107px;
	margin:11px 0 0 10px;
}

#textbox{
	line-height:17px;
	color:#666;
	font-size:11px;
	text-transform:uppercase;
}

#textbox span{
	color:#000;
	font-family:Times New Roman;
	font-size:17px;
	font-weight:bold;
}

#homepage #textbox{
	width:430px;
	height:51px;
	position:absolute;
	bottom:43px;
    left:244px;
}

#standard #textbox{
	width:426px;
	height:308px;
	position:absolute;
	bottom:32px;
	right:62px;
	overflow:hidden;
	font-size:11px;
}

#standard #textbox .inner{
	padding:46px 0 0 0;
}

#videoplayer{
	width:276px;
	position:absolute;
	left:87px;
	top:66px;
	max-height:290px;
	overflow:hidden;
}

#videoplayer #text{
	line-height:17px;
	color:#666;
	font-size:10px;
	text-transform:uppercase;
}

/* news */
#news{
}

#news ul{
	list-style:none;
	margin:0;
}

#news li{
	margin:0 0 15px 0;
	list-style:none;
}

#news li a span{
	font-size:10px;
	color:#0c226b;
	font-family:Arial;
	text-transform:none;
}

#news li a:hover span{
	color:#000;
}

#news p{
	margin:0;
}

/* filter / portfolio popup */
#page_filter,
#filter{
	background:#000;
	bottom:0;
	filter:alpha(opacity=74);
	left:0;
  	opacity:0.74;
	position:absolute;
	right:0;
	top:0;
	z-index:9997;
	display:none;
}

#page_filter {
	filter:alpha(opacity=0);
  	opacity:0;
  	z-index:9999;
}

#popup{
	width:755px;
	height:573px;
	position:absolute;
	z-index:9998;
	left:50%;
	top:50%;
	margin:-285px 0 0 -450px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	display:none;
}

#popup #top{
	height:20px;
}

#popup #left{
	float:left;
	width:746px;
	height:550px;
	background:url(../img/bg/popup_bg.gif) repeat-x;
}

#popup #right{
	float:left;
	width:9px;
	height:550px;
	background:url(../img/bg/popup_shadow_right.png) no-repeat;
}

#popup #bottom{
	float:left;
	height:8px;
	width:100%;
	background:url(../img/bg/popup_shadow_bottom.png) no-repeat;
}

#back_btn a{
	background:url(../img/bg/arrow_left.png) no-repeat;
	color:#fff;
	text-transform:uppercase;
	font-size:10px;
	padding-left:15px;
}

#close_btn{
	background:url(../img/bg/close_btn.gif) no-repeat;
	width:26px;
	height:26px;
	position:absolute;
	top:34px;
	right:56px;
}

#close_btn a{
	float:left;
	width:26px;
	height:26px;
}

#close_btn a:hover{
	background:#fff;
	filter:alpha(opacity=30);
  	opacity:0.30;
}

#image_container{
	position:absolute;
	left:14px;
	top:34px;
	overflow:hidden;
    height:500px;
    width:643px;
}

#image_container table td{
	padding:0;
	text-align:center;
    vertical-align:middle;
    height:500px;
    width:643px;
}

#image_container img{
	display:inline;
}

#project_list {
	width:72px;
	height:145px;
	position:absolute;
	top:73px;
	right:14px;
	overflow:hidden;
}

#project_list ul {
	list-style:none;
	margin:0;
	padding:0;
}

#project_list li {
	margin:0 0 5px 0;
}

#project_list li a {
	color:#999;
	font-size:9px;
	text-transform:lowercase;
	white-space:nowrap;
}

#project_list li a:hover,
#project_list li a.active {
	color:#000;
}

#thumbnail_list {
	width:65px;
	height:308px;
	position:absolute;
	right:17px;
	bottom:47px;
	overflow:hidden;
}

#thumbnail_list .thumb {
	width:48px;
	height:35px;
	margin:0 0 12px 0;
}

#thumbnail_list .thumb img{
	width:48px;
	height:35px;
}

#description,
#description a{
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	position:absolute;
	bottom:10px;
	left:14px;
}

#navigation{
	position:absolute;
	bottom:11px;
	width:22px;
	height:7px;
	left:528px;
}

#navigation #previous{
	float:left;
	margin:0 5px 0 0;
}

#navigation #next{
	float:left;
}

#navigation .disabled {
	filter:alpha(opacity=25);
	opacity:0.25;
}

#navigation .disabled a {
	cursor:default;
}

/*********/
/* pages */
/*********/


/***********/
/* overall */
/***********/
.clear {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px
}

/* forms */
.cs_form_wrapper{
	width:362px;
}

.cs_form_wrapper .cs_form_label label {
	
}

.cs_form_wrapper .cs_form_input input,
.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
	
}

.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
}

.cs_form_wrapper .cs_form_input textarea{
	height:80px;	
}

.cs_form_wrapper .cs_form_button {
}

.cs_form_wrapper .cs_form_button input {
	cursor:pointer;
	width:74px;
	padding:0 0 2px 0;
	margin:10px 0 0 0;
}

.cs_form_wrapper .cs_form_button input:hover {
	background:#0c226b;
	color:#fff;
}

/* scrollbar */
.scrollbar_y,
.popup_scrollbar_y {
	background:url(../img/bg/scrollbar_y.gif) no-repeat;
	display:none;
	height:308px;
	left:50%;
	margin:-55px 0 0 411px;
	position:absolute;
	top:50%;
	width:19px;
	z-index:600;
}

.popup_scrollbar_y {
	margin:-67px 0 0 275px;
	z-index:9999;
}

.scrollbar_handler_y,
.popup_scrollbar_handler_y {
	background:url(../img/bg/scrollbar_handler_y.gif) no-repeat;
	display:none;
	height:19px;
	width:19px
}