/* CSS Document */


/* container centreren tov body */

body
{
	text-align: center;
	margin:0px;
	padding:0px;
	font-family:Arial Narrow, Universe, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	background-color:#FFFFFF;	
}

#container
{
	margin:0px auto;
	text-align:left;
	width:823px;
	background:url(images/container_top.gif) no-repeat top;
	background-color:#92b00b;
	
	margin-top:10px;
	
}

#header
{
	position:relative;
	background-color:#92b00b;
}

#vrijwilligers
{
    position: absolute;
    height: 40px;
    margin-top: -8px;
    left: 292px !important; 
}

#vrijwilligersHome
{
    position: absolute;
    height: 40px;
    left: 292px !important; 
    top: 25px;
}

#content
{
	margin-left:30px;
	margin-right:170px;
	padding-bottom:20px;
	padding-left:117px;
	min-height:378px;
    height:auto !important;
    height :378px;
}


#content_tips
{
	margin-left:30px;
	/*margin-right:100px;*/
	margin-right:20px;
	padding-bottom:20px;
}


#content_home
{
	margin-left:30px;
	margin-right:30px;
	padding-bottom:20px;
}

#examenzorgen_home
{
	text-align:center; font-size:35px; font-weight:bold; margin-left:5px !important; margin-left:29px;
}


/* MENU uit speciaal menu-css-doc */

#menu
{
	background-image:url(images/bcgrnd_menu.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
	list-style:none;
	margin:0px;
	padding:0px;
	height:54px;
	padding-top:12px;
	text-indent:-5000px;
	position:relative;

}

#menu li
{
	display:inline;
	padding-left:30px;
	
}

#menu li a
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:23px;
	
}

#menu li a:hover, #menu .active
{
	color:#92b00b;
}

/* menu DETAIL */

#home, #home:link, #home:visited
{
	background-image:url(images/Menu/btnHome.gif);
	background-repeat:no-repeat;
	width:83px;
	height:46px;
	position:absolute;
	left: 15px;
	top: 4px;
}

#home:hover, #homeactive
{
    background:url(images/Menu/btnHome.gif) 0px 46px;
    width:83px;
    height:46px;
    position:absolute;
    left: 15px;
	top: 4px;
}

#wat, #wat:link, #wat:visited
{
	background-image:url(images/Menu/btnWat.gif);
	background-repeat:no-repeat;
	width:74px;
	height:46px;
	position:absolute;
	left: 98px;
	top: 4px;
}

#wat:hover, #watactive
{
background:url(images/Menu/btnWat.gif) 0px 46px;
width:74px;
height:46px;
position:absolute;
	left: 98px;
	top: 4px;

}

#tips, #tips:link, #tips:visited
{
	background-image: url(images/Menu/btnBlok.gif);
	background-repeat:no-repeat;
	width:214px;
	height:46px;
	position:absolute;
	left: 172px;
	top: 4px;
}

#tips:hover, #tipsactive
{
background:url(images/Menu/btnBlok.gif) 0px 46px;
width:214px;
height:46px;
position:absolute;
left: 172px;
	top: 4px;
}

#indeshit, #indeshit:link, #indeshit:visited
{
	background-image: url(images/Menu/btnShit.gif);
	background-repeat:no-repeat;
	width:117px;
	height:46px;
	position:absolute;
	left: 386px;
	top: 4px;
}

#indeshit:hover, #indeshitactive
{
	background:url(images/Menu/btnShit.gif) 0px 46px;
	width:117px;
	height:46px;
	position:absolute;
	left: 386px;
	top: 4px;

}

#hebbes, #hebbes:link, #hebbes:visited
{
	background-image:url(images/Menu/btnHebbes.gif);
	background-repeat:no-repeat;
	width:95px;
	height:46px;
	position:absolute;
	left: 503px;
	top: 4px;
}

#hebbes:hover, #hebbesactive
{
background:url(images/Menu/btnHebbes.gif) 0px 46px;
width:95px;
height:46px;
position:absolute;
left: 503px;
top: 4px;
}

#pers, #pers:link, #pers:visited
{
	background-image: url(images/Menu/btnPers.gif);
	background-repeat:no-repeat;
	width:74px;
	height:46px;
	position:absolute;
	left: 598px;
	top: 4px;
}

#pers:hover, #persactive
{
background:url(images/Menu/btnPers.gif) 0px 46px;
width:74px;
height:46px;
position:absolute;
left: 598px;
top: 4px;
}

#vrijwilligersMenu, #vrijwilligersMenu:link, #vrijwilligersMenu:visited
{
	background-image: url(images/Menu/btnVrijwillgers.gif);
	background-repeat:no-repeat;
	width:136px;
	height:46px;
	position:absolute;
	left: 670px;
	top: 4px;
}

#vrijwilligersMenu:hover, #vrijwilligersMenuactive
{
    background:url(images/Menu/btnVrijwillgers.gif) 0px 46px;
    width:136px;
    height:46px;
    position:absolute;
    left: 670px;
    top: 4px;
}

/* TIPS */

#tips1
{
	float:left;
	/*width:262px;*/
	width:310px;
	background-image:url(images/bcgrnd_tips.gif);
	background-repeat:repeat-y;
	padding-left:40px;
	padding-top:15px ;
	padding-right:30px;
	
	
	margin-top:40px;
}



#tips1 ul, #tips2 ul
{
	color:#6B830F;
	padding-left:0px;
	margin-left:0px;
	list-style-type:disc;
	padding-right:5px;
}

#tips2
{
	float:left;
	/*width:262px;*/
	width:310px;
	margin-left:10px;
	background-image:url(images/bcgrnd_tips.gif);
	background-repeat:repeat-y;
	padding-left:40px;
	padding-top:15px;
	padding-right:30px;
	
	margin-top:40px;
}

.clear
{
	clear:both;
}

/* afbeelding */

#logo_detail
{
	background:url(images/beeld_kl.gif) no-repeat;
	width:130px;
	height:96px;
	margin-left:15px;
	padding-left:130px;
	font-size:35px;
}

#logo_detail_banner
{	
	width:130px;
	height:134px;
	margin-left:15px;
	padding-left:130px;
	font-size:35px;
	padding-top:12px;
	margin-top:0px;
}

#logo_detail_banner_separate
{
    background:url(images/beeld_kl.gif) no-repeat;
	width:130px;
	height:140px;   
	position:absolute;
	left:4px !important;
	top:208px; 
}

#logo_home
{
	background:url(images/beeld_gr.gif) no-repeat;
	width:328px;
	height:283px;
	margin-left:246px;
}

#banner_home
{	
	width:823px;
	height:283px;
    background:url(images/teleblok_banner_large3.gif) no-repeat;
    background-position:center;
}


/* nummer */

#telebloknummerkl
{
	background:url(images/img_telefoonklSmaller2.gif) no-repeat;
	width:240px;
	height:145px;
	position:absolute;
	left: 556px !important;
	left:544px;
	top: 0px;
	padding-top: 95px;
}

#onlinegesprekkl
{
    width:240px;
	height:28px;
	position:absolute;
	left: 556px !important;
	left:544px;
	top: 18px;
	padding-top: 95px;  
}

#homebottom
{
    width:800px;
    position:relative;
    text-align:left;
}

#swfbannerhome
{
    width:300px;
    height:160px;
    position:absolute;
    left: 80px !important;
	left:60px;
	top: 409px;    
}

#logo_home_bottom
{
	background:url(images/beeld_gr.gif) no-repeat;
	width:328px;
	height:283px;
	position:absolute;
    left: 80px !important;
	top: 370px; 
}

#telebloknummerhome
{
	background:url(images/img_telefoonkl_home.gif) no-repeat;
	width:254px;
	height:160px;
	position:absolute;
	left: 470px !important;
	top: 409px;
}

#teleblokonlinegesprek
{
	width:240px;
	height:52px;
	position:absolute;
	left: 292px !important;
	left:60px;
	top: 571px;
}

#teleblokonlinegesprekhome
{
	width:254px;
	height:160px;
	position:absolute;
	left: 470px !important;
	top: 566px;
}

/* Footer 

#vrijwilliger
{
	background-image:url(images/menu_vrijwilliger.gif);
	background-repeat:no-repeat;
	width:160px;
	height:34px;
	margin-left:27px;
	text-indent:-5000px;
}

#vrijwilliger a
{

	
}

#vrijwilliger:hover
{
background:url(images/menu_vrijwilligers.gif) 0px 34px;
width:160px;
height:34px;
}*/

#footer
{
	background-image:url(images/footer.gif);
	width:823px;
	height:139px;
	position:relative;
}

/* geen blauwe rand rond images > gewoon én als link */

img
{
	border:none;
}

img a
{
	border:none;
}

/* sowieso altijd definiëren */

h1
{
 font-size:22px;
 color:#a2286e;
}

h2
{
	font-size:20px;
 	color:#a2286e;
	font-weight:normal;
}

.accent
{
	font-weight:normal;
}

h3
{
}

p
{
}

#content a
{
	/*color:#6c840d;*/
	color:#556600;
	text-decoration:none;
}

.clear
{
	clear:both;
}

#cm
{
	
	width:113px;
	height:108px;
	position:absolute;
	left: 675px;
	top: 5px;
	text-decoration:none;
}
