@charset "utf-8";
/* CSS Document */

/********************************************
HTML ELEMENTS
********************************************/
/* top elements */
body {
background-color: #fff; /*website background color (white)*/
background-image: url(../images/bg.gif); /*sets the background image, in our case the stripey background*/
background-repeat: repeat; /*repeats our background over and over*/
color: #333333; /*sets our text color for our website*/
margin: 0 0; /*sets no padding and a 15px margin around the body of our document*/
font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; /*sets the font family for our website*/
font-size: 14px; /*sets the font size in %, you can also use 12px or 14px etc... px stands for pixels*/
line-height: 1.5em; /*sets the height between each line of text.*/
}
.wrapper {
position:relative;
margin:0 auto;
text-align:left;
width:1000px;
}
/********************************************
WEBSITE LAYOUT
********************************************/
#wrap {
	width: 1000px; /*width of our wrap*/
	height:80%;
	background: #CCC; /*sets our background color to white and uses our content.jpg as a background, the background is also repeated along the Y axis*/
	margin: 0 auto; /*center our margin to auto will center our website*/
	text-align: left;
}
#topwrap {
height:360px;
width: 1000px; /*width of our wrap*/
padding: 0; /*sets 0 padding*/
}
#contentwrap {  
width: 1000px; /*width of our wrap*/
height:100%;
margin: 0 auto; /*center our margin to auto will center our website*/
padding: 0; /*sets 0 padding*/  
}  
#left_top {
float:left;
width:25px;
height:360px;
background:url(../images/left_top.jpg) no-repeat;
padding:0;
}
#logo {
float:left;
width:210px;
height: 130px; /*sets our header height, this should be the same as our header image*/
background: url(../images/ik_logo.jpg) no-repeat; /*sets a background behind our header and sets our header image onto the page*/
padding: 0; /*no padding is needed*/
}
#top {
float:left;
height:130px;
width:740px;
background:url(../images/top.jpg) no-repeat;
padding:0;
}
#header {
float:left;
height:200px;
width:950px;
background:url(../images/header.jpg) no-repeat;
padding:0;
}
#right_top {
float:right;
width:25px;
height:360px;
background:url(../images/right_top.jpg) no-repeat;
padding:0;
}
/********************************************
WEBSITE NAVIAGTION
********************************************/
#menu {
float:left;
padding: 0; /*Padding*/
background: #ccc url(../images/nav.jpg) no-repeat; /*Our menu background*/
height: 30px; /*The height of the menu */
width: 950px; /*The width of the menu */
}

/********************************************
SIDE BAR
********************************************/
#left_body {
float:left;
width:25px;
height:auto;
background:url(../images/left_body.jpg);
min-height:580px;
padding:0;

}
#right_body {
float:right;
height:580px;
width:25px;
background:url(../images/right_body.jpg);
min-height:580px;
padding:0;
}

/********************************************
MAIN COLUMN
********************************************/
#main {
float:left; /*floats our main content area to the right*/
width: 726px; /*gives our content area a width of 555pixels*/
height:540px;
background:#FFFFFF url(../images/body2.jpg) no-repeat;
min-height:550px;
padding: 30px 0 0 0;
}

#main2 {
float:left; /*floats our main content area to the right*/
width: 726px; /*gives our content area a width of 555pixels*/
height:540px;
background:#FFFFFF url(../images/body2.jpg) no-repeat;
min-height:550px;
padding: 30px 0 0 0;
}

#news {
float:left;
width:224px;
height:540px;
background:#FFFFFF url(../images/nieuws.jpg) 0 0 no-repeat;
min-height:550px;
padding:30px 0 0 0;
}

#news_tekst {
float:left;
width:224px;
height:540px;
padding:0 0 0 10px;

}

#main h2 {
	padding: 0;
	margin-bottom: 0;
	color: #0099FF;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-style: normal;
	font-weight: bold;
}
#main h2 a {
color: #2666c3;
text-decoration: none;
}

#main p, #main h1, #main h2, #main h3, #main ol, #main ul,
#main blockquote, #main table, #main form {
margin-left: 25px;
margin-right: 20px;
}

.link_side {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #333333;
}

.link_side:hover {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color: #0099FF;
}

#news_tekst h3 {
	padding: 0;
	margin-bottom: 0;
	color:#333333;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style:italic;
}
/********************************************
SIDEBAR
********************************************/

/********************************************
FOOTER
********************************************/
#footer {
float:left;
background:url(../images/footer.jpg) no-repeat;
width: 1000px;
height: 50px;
text-align: center;
font-size: 90%;
}
#footer p {
padding: 10px 0;
margin: 0;
}
#footer a {
color: #FF0000;
text-decoration: none;
}

/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.pro_linedrop {
height:30px;
width:730px;
position:relative; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
z-index:500;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
}

.pro_linedrop .select a {
display:block; 
height:30px; 
float:left; 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:#000000;
}

.pro_linedrop .select li.line a {color:#000000;}

.pro_linedrop .select a b {
display:block; 
padding:0 5px 10px 5px; 
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
padding:0 0 0 15px;
line-height:27px;
cursor:pointer; 
color:#0099FF;
}

.pro_linedrop .select li.line a:hover, 
.pro_linedrop .select li.line:hover a {
color:#0099FF;}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
padding:0 5px 9px 5px; 
cursor:pointer;
}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {display:none;}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:11px; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:30px;
display:block; 
position:absolute;
float:left;
width:730px;
top:30px; 
left:0; 
text-align:center;
border-bottom:1px dashed #CCCCCC;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:20px; float:left; padding:0 13px; margin:0; white-space:nowrap; color:#333333;font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.pro_linedrop .select :hover .sub li.subline a {color:#333;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#333333; line-height:22px; position:relative;}

.pro_linedrop .select :hover .sub li:hover > a {color:#0099FF;}

.pro_linedrop .select :hover .sub :hover ul {padding:0; margin:0; list-style:none; display:block; width:112px; position:absolute; left:-1px; top:25px; border:1px solid #aaa; border-top:0; background:#fff;}

.pro_linedrop .select :hover .sub :hover ul li a {width:80px; text-align:left; height:20px; line-height:18px;}
.pro_linedrop .select :hover .sub :hover ul li a:hover {line-height:16px;}
.link {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #0099FF;
}