/********/
/* html */
/********/
*{
	margin:0;
	padding:0;
}

body {
	background:#484747;
	margin:0;
	padding:0;
	text-align:center
}

div {
	text-align:left
}

img {
	border:0;
	display:block
}

h1 {
	color:#3dafda;
	font-size:18px;
	padding:0;
	margin: 0 0 5px 0;
}

h2 {
	font-size:14px;
	margin:0 0 8px 0;
	color:#282529;
}

h3 {
	font-style:italic;
	color:#646465;
	font-size:15px;
	margin:0 0 9px 0;
}

h4 {
	color:#3dafda;
	font-size:15px;
	padding:0;
	margin: 0 0 0 0;
}

h5 {
	font-style:italic;
	color:#646465;
	font-size:13px;
	margin:0 0 9px 0;
	font-weight:normal;
}

h6 {
	font-style:italic;
	color:#646465;
	font-size:18px;
	margin:0 0 9px 0;
	font-weight:normal;
}

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

a {
	text-decoration:underline;
	color:#3dafda;
}

a:hover {
	text-decoration:underline
}

a.active,
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:Arial,Helvetica,sans-serif;
	font-size:11px;
	height:16px;
	padding:2px 5px 0 5px
}

td {
	color:#7F7F7F;
	font-family: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 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	height:593px;
	width:936px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-296px 0 0 -468px;
	background:url(../img/bg/page_bg.gif) no-repeat;
}

/* header */
#header {
	height:248px;
	width:936px;
	position:relative;
}

#login {
	background:url(../img/bg/button_login_center.gif) repeat-x;
	height:34px;
	position:absolute;
	right:60px;
	top:18px;
	display:none;
}

#login a,
#login span {
	background:url(../img/bg/button_login_left.gif) no-repeat;
	color:#fff;
	float:left;
	font-weight:bold;
	height:34px;
	line-height:33px;
	text-decoration:none;
}

#login span {
	background:url(../img/bg/button_login_right.gif) no-repeat right top;
	padding:0 13px;
}

#banner{
	position:absolute;
	top:68px;
	left:1px;
}

#banner img{
	position:absolute;
	left:0;
	top:0;
	width:934px;
	height:170px;
	border-top:5px solid #0096d0;
	border-bottom:5px solid #0096d0;
}

#logo {
	position:absolute;
	left:48px;
	top:15px;
}

#logo img {
}

/* menu */
#menu {
	height:30px;
	width:936px;

}

#menu ul {
	list-style:none;
	margin:0 0 0 51px;
	padding:3px 0 0 0;
}

#menu li {
	float:left;
	margin:0 0 0 -1px;
	border-right:1px solid #919193;
	border-left:1px solid #919193;
	line-height:22px;
	height:25px;
	border-bottom:1px solid #919193;
}

#menu li a {
	color:#282529;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	float:left;
	height:25px;
	padding:0 25px 0 25px;
}

#menu li a:hover,
#menu li a.active {
	background:#e7f4f6;
}

/* content */
#content {
	height:306px;
	width:936px;
	position:relative;
}

#left{
	width:247px;
	background:url(../img/bg/indent_horizontal.gif) no-repeat right center;
	height:306px;
	float:left;
	position:relative;
}

/* square colors change on every page */
#left .home{
	position:absolute;
	width:196px;
	height:255px;
	right:1px;
	top:22px;
	background:url(../img/bg/colored_squares.gif) no-repeat bottom left;
}

#submenu .text{	
	margin:0 0 14px 0;
	border-left:1px solid #919193;
	border-top:1px solid #919193;
	width:173px;
	display:none;
}

#submenu a,
#submenu .text{	
	font-style:italic;
	text-decoration:none;
	color:#646567;
	font-size:12px;
}

#submenu a:hover,
#submenu a.active{
	text-decoration:underline;
}

#submenu ul{
	margin:0;
}

#submenu ul li{
	list-style:none;
	border-left:1px solid #919193;
	border-top:1px solid #919193;
	min-height:12px;
	margin:0 0 7px 0;
	width:154px;
	padding:6px 0 0 19px;
	background:url(../img/bg/list_square_red.gif) no-repeat 7px 10px;
}

#main{
	width:634px;
	height:282px;
	float:left;
	overflow:auto;
	padding:21px 27px 0 27px;
}
	
/* footer */
#footer {
	height:12px;
	width:936px;
	text-align:center;
}

#footer p {
	margin:0;
	color:#aaacad;
	font-size:10px;
}


#footer a {
	color:#aaacad;
}

/*********/
/* pages */
/*********/
#medewerkers{
	height:263px;
}

#medewerkers ul{
	margin:0;
}

#medewerkers ul li{
	height:100px;
	margin:0 0 21px 0;
	list-style:none;
}

#medewerkers ul li img{
	border:1px solid #919193;
	width:72px;
	height:92px;
	float:left;
}

#medewerkers ul li p{
	float:left;
}

.description{
	width:475px;
	height:95px;
	margin:0 0 0 19px;
	float:left;
}

#medewerkers a{
	color:#1ea3d5;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	line-height:22px;
}

#medewerkers a:hover{
	text-decoration:underline;
}

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

.hide{
	display:none
}

/* 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 {
	height:80px;
	
}

.cs_form_wrapper .cs_form_button {
}

.cs_form_wrapper .cs_form_button input {
	cursor:pointer;
	width:79px;
}

.cs_form_wrapper .cs_form_button input:hover {
	background:#d7d7d7;
}