/* CSS Document */

body
{
background-color:#FFFFFF;
background-repeat:repeat-x;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#9B9B9B;
}
#client
{
text-align:center;
    
    }

#home
{
background-image:url(images/background.gif);
}

#detail
{
background-image:url(images/background_detail.gif);
background-repeat:repeat-x;
}

#container
{
width:987px;
margin:0px auto;
padding:0px;
text-align:left;
}

#header_home
{
height:144px;
}

#login
{
position:absolute;
left: 724px;
top: -110px;
height:100px;
width:243px;
padding-left:20px;
}

#login a
{
}

#content_home
{
}

.zoek
{
	margin-top:-35px;
	margin-left:210px;
	height:25px;
	width:25px;
}


/* LIJST IN CONTENT */

#content_home_detailmain ul
{
margin:0px;
padding:0px;
list-style-type:none;
}

#content_home_detailmain ul li
{
display:block;
padding-left:5px;
height:18px;
padding-top:3px;
}

.colorlist1
{
background-color:#F9F9F9;
padding-left:5px;
}

.colorlist2
{
background-color:#efefef;
padding-left:5px;
}

/* EINDE LIJST */

/* MENU */
#content_home_menu
{
background-image:url(images/bcgrnd_menu.gif);
background-repeat:no-repeat;
height:386px;
width:168px;
float:left;
}



#menulist
{
list-style-type:none;
padding:0px;
margin:0px;
padding-top:20px;
width:168px;
}

#menulist li
{
padding-bottom:1px;

}

#menulist li a
{
color:#FFFFFF;
text-decoration:none;
font-size:12px;
padding-left:42px;
display:block;
padding-top:7px;
padding-bottom:7px;
}

#menulist li a:hover
{
background-image:url(images/rollover.png);
font-weight:bold;
width:125px;
/*width:168px;*/
}

#banner_mijnknop
{
width:222px;
margin-left:72px;
background-color:#AE1023;
margin-bottom:20px;
}

#txtSearch
{
width:190px; 
height:22px;
margin-top:16px;
margin-left:16px;
}

#banner_mijnknop ul
{
margin:0px;
padding:0px;
list-style-type:none;
background-color:#AE1023;

}

#banner_mijnknop ul li
{
background-color:#AE1023;
margin:0px;
padding:0px;
height:30px;
}

#banner_mijnknop ul li a
{
color:#FFFFFF;
text-decoration:none;
font-size:12px;
display:block;
padding-top:7px;
padding-left:42px;
}

#banner_mijnknop ul li a:hover
{
background-image:url(images/mijnknop_hover.png);
height:30px;
width:180px;
height:15px;
}

.active
{
background-image:url(images/rollover.png);
background-repeat:no-repeat;
font-weight:bold;
width:168px;
}

.activeuser
{
background-image:url(images/mijnknop_hover.png);
background-repeat:no-repeat;
font-weight:bold;
width:180px;
height:15px;
}

/* EINDE MENU */

#content_home_foto
{
background-image:url(images/img_home.jpg);
background-repeat:no-repeat;
background-position:right;
height:386px;
float:left;
width:819px;
position:relative;
}

#content_home_detailsubmenu
{
height:27px;
width:733px;
position:absolute;
left: 52px;
top: 6px;
color:#FFFFFF;
font-size:12px;
}

#breadcrumbs
{
position:absolute;
width:500px;
left:52px;
top:33px;
font-size:10px;
color:#999999;
}

#breadcrumbs a
{
color:#999999;
text-decoration:none;
}

#content_home_detailsubmenu ul
{
margin:0px;
padding:0px;
color:#FFFFFF;
}

#content_home_detailsubmenu ul li
{
float:left;
list-style-type:none;
padding-right:45px;
margin-top:-3px;
}

#content_home_detailsubmenu ul li a
{
text-decoration:none;
color:#FFFFFF;
/*padding-right:10px;*/
}

#content_home_detailmain
{
width:472px;
padding-left:53px;
float:left;
position:relative;
padding-top:70px;
}

#content_home_detailbanner
{
width:294px;
float:right;
padding-top:25px;
}

#vak1
{
height:208px;
width:250px;
position:absolute;
left: 319px;
top: 205px;
}

#vak2
{
height:208px;
width:250px;
position:absolute;
left: 569px;
top: 205px;
}

#fototekst
{
	position:absolute;
	width:450px;
	left: 302px;
	top: 41px;
	padding-left:20px;
}

/* 3 ITEMS HOME */

#items_home
{
margin-top:56px;
height:180px;
}

#newsflash_home
{
width:239px;
margin-left:32px;
padding-right:25px;
font-size:10px;
border-right:1px solid #ebc3c8;
background-repeat:no-repeat;
background-image:url(images/icon_test.gif);
padding-left:38px;
float:left;
}

#blog_home
{
width:256px;
margin-left:37px;
padding-right:25px;
font-size:10px;
border-right:1px solid #ebc3c8;
background-repeat:no-repeat;
background-image:url(images/icon_blog.gif);
padding-left:30px;
float:left;
padding-top:0px;
}

.blogitem
{
	font-size:21px;
	font-weight:bold;
	color:#AE1023;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	margin-left:-21px;
	background-image:url(images/icon_blog.png);
	background-repeat:no-repeat;
}

.blogtitel
{
	height:29px;
	width:247px;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	padding-left:10px;
}

.blogitem_home
{
font-size:10px;
background-image:url(images/icon_blogitem.gif);
background-repeat:no-repeat;
margin-left:-30px;
padding-left:32px;
margin-top:8px;
}

.blogitem_detail
{
font-size:12px;
background-image:url(images/icon_blogitem.gif);
background-repeat:no-repeat;
padding-left:32px;
margin-top:8px;

}

.blogitem_home a
{
font-size:12px;
color:#AE1023;
text-decoration:none;
}

.BlogTitle_reaction
{
	font-weight:bold;
}

.textItalic
{
	font-style:italic;
}

#nieuwsbrief_home
{
background-image:url(images/icon_nieuwsbrief.gif);
background-repeat:no-repeat;
padding-left:29px;
width:219px;
float:left;
margin-left:31px;
}

/* BANNERS */

#banners
{
margin-top:20px;
text-align:center;
}

#artevelde
{
background-image:url(images/artevelde_zw.png);
background-repeat:no-repeat;
height:50px;
width:140px;
display:block;
text-indent:-5000px;
float:left;
}

#artevelde:hover
{
background-image:url(images/artevelde_hover.png);
}

#hogeschool
{
background-image:url(images/hogeschoolgent_zw.png);
float:left;
background-repeat:no-repeat;
height:50px;
width:210px;
display:block;
text-indent:-5000px;
}

#hogeschool:hover
{
background-image:url(images/hogeschoolgent_hover.png);
}

#vcok
{
background-image:url(images/vcok_zw.png);
float:left;
background-repeat:no-repeat;
height:70px;
width:95px;
display:block;
text-indent:-5000px;
top:0px;
}

#vcok:hover
{
background-image:url(images/vcok_hover.png);
}

#esf
{
background-image:url(images/esf_zw.png);
float:left;
background-repeat:no-repeat;
height:70px;
width:190px;
display:block;
text-indent:-5000px;
}

#esf:hover
{
background-image:url(images/esf_hover.png);
}

/* EINDE BANNERS */

/* CLASSES */

.clear
{
clear:both;
}

.button
{
font-size:10px;
color:#FFFFFF;
text-decoration:none;
background-image:url(images/button.png);
height:15px;
width:84px;
display:block;
padding-left:12px;
padding-top:2px;
text-align:center;
margin-left:-21px;
margin-top:14px;
}

.buttonWide
{
font-size:10px;
color:#FFFFFF;
text-decoration:none;
background-image:url(images/button_wide.png);
height:15px;
width:168px;
display:block;
padding-left:12px;
padding-top:2px;
text-align:center;
margin-left:-21px;
margin-top:14px;
}

.newsbutton
{
font-size:10px;
color:#FFFFFF;
text-decoration:none;
background-image:url(images/button.png);
height:15px;
width:84px;
display:block;
padding-left:12px;
padding-top:2px;
text-align:center;
margin-top:14px;
}

.login
{
font-size:10px;
color:#FFFFFF;
text-decoration:none;
background-image:url(images/button.png);
height:15px;
width:75px;
display:block;
position:absolute;
padding-right:22px;
padding-top:2px;
left: 233px;
top: -17px;
}

.loginbutton
{
font-size:10px;
color:#FFFFFF;
text-decoration:none;
background-image:url(images/button.png);
height:15px;
width:84px;
display:block;
padding-left:12px;
padding-top:2px;
text-align:center;
margin-left:124px;
margin-top:14px;
}

.tweedekleur
{
font-weight:normal;
color:#A3A3A3;
}

.bloggrijs
{
font-size:10px;
}

.searchfield
{
	width:190px; 
	height:22px;
	margin-top:16px;
	margin-left:16px;
}

.search
{
	margin-top:-24px;
	margin-left:215px;
	height:25px;
	width:25px;
}

#footer
{
width:390px;
color:#FFFFFF;
text-align:left;
font-size:10px;
position:relative;
left:40px;
top: 0px;
float:left;
}

#footer2
{
width:590px;
color:#FFFFFF;
text-align:left;
font-size:10px;
position:relative;
top: 0px;
float:left;
text-align:right;
padding-right:5px;
}
 
#footer2 a
{
text-decoration:none;
color:#FFFFFF;
}

#footer a
{
text-decoration:none;
color:#FFFFFF;
}

#footer_detail
{
height:20px;
background-color:#AE1023;
width:987px;
margin-top:25px;
padding-top:5px;
}

/* banners */

#banner_leesook
{
background-image:url(images/icon_i.png);
background-repeat:no-repeat;
background-position:top left;
margin:0px;
padding:0px;
padding-left:25px;
width:232px;
margin-left:21px;
margin-top:25px;
}

#banner_kalender
{
background-image:url(images/icon_kalender.gif);
background-repeat:no-repeat;
background-position:top left;
margin:0px;
padding:0px;
padding-left:25px;
width:232px;
margin-left:21px;
margin-top:25px;
}

#banner_blogitems
{
background-image:url(images/icon_blog.png);
background-repeat:no-repeat;
background-position:top left;
margin:0px;
padding:0px;
padding-left:25px;
width:232px;
margin-left:21px;
margin-top:25px;
}


#banner_leesook ul
{
margin:0px;
padding:0px;
padding-left:30px;
margin-top:8px;
}

#banner_leesook ul li
{
list-style-type:none;
list-style-image:url(images/arrow.png);
padding:3px;
}

#banner_leesook ul li a
{
text-decoration:none;
}

#zoekbox
{
	position:relative;
	background-image:url(images/zoekbox.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:262px;
	height:68px;
	margin:0px;
	padding:0px;
	margin-top:25px;
	margin-left:32px;
}


#banner_nieuwsbrief
{
background-image:url(images/icon_nieuwsbrief.png);
background-repeat:no-repeat;
background-position:top left;
margin:0px;
padding:0px;
padding-left:25px;
width:232px;
float:none;
margin-left:21px;
margin-top:25px;
}

#banner_nieuwsbrief button
{
	padding-left:33px;
	margin-left:0px;
}

#banner_contact
{
background-image:url(images/icon_contact.png);
background-repeat:no-repeat;
background-position:top left;
margin:0px;
padding:0px;
padding-left:35px;
width:245px;
margin-left:11px;
margin-top:25px;
}

#banner_contact h1
{
background-image:url(images/titel_banner.png);
background-position:right;
height:29px;
width:237px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
padding-left:10px;
margin-left:20px;
}

#banneradres
{
margin-top:10px;
background-image:url(images/icon_adres.gif);
background-position:top left;
background-repeat:no-repeat;
padding-left:30px;
color:#AE1023;
padding-top:5px;
}

#bannertel
{
margin-top:10px;
background-image:url(images/icon_tel.png);
background-position:top left;
background-repeat:no-repeat;
padding-left:30px;
color:#AE1023;
font-weight:bold;
font-size:13px;
}

#bannermail
{
margin-top:10px;
background-image:url(images/icon_bannermail.png);
background-position:top left;
background-repeat:no-repeat;
padding-left:30px;
color:#AE1023;
font-weight:bold;
font-size:13px;
}

/* TAGS */

h1
{
font-size:21px;
font-weight:bold;
color:#AE1023;
padding:0px;
margin:0px;
margin-bottom:5px;
}

#content_home_detailbanner h1
{
background-image:url(images/titel_banner.png);
height:29px;
width:237px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
padding-left:10px;
}

a
{
text-decoration:none;
color:#AE1023;

}

.logininput
{
	margin:0px;
}

.logininputmail
{
	margin:0px 0px 5px 0px;
}

input, textarea
{
    margin:0px;
    padding:0px;
    border:1px solid #ebc3c8;
    width:209px;
    color:#9B9B9B;
    margin-top:10px;
    padding-left:5px;
    padding-right:5px;
}

select
{
    margin:0px;
    padding:0px;
    border:1px solid #ebc3c8;
    width:220px;
    color:#9B9B9B;
    margin-top:10px;
    padding-left:5px;    
}

input[type=checkbox]
{
width:12px;
border: none;
}

form
{
margin:0px;
padding:0px;
}

.inleiding
{font-size:11px;
color:#666666;}


#eEditorArea
{
 text-align:left;
 
 }
 
 h2
 {
color:#9B9B9B;
font-size:14px;
font-weight:bold;
margin:0px 0px 5px;
padding:0px;
}
  img
{
    border:none;
    }