/* styles voor Kocon */

body {
	background		: #FFAC1B;

	scrollbar-3dlight-color:	#8a8a8a;
	scrollbar-arrow-color:	#ffac1b;
	scrollbar-base-color:#cdcdcd;
	scrollbar-darkshadow-color:#8a8a8a;
	scrollbar-face-color: ;
	scrollbar-highlight-color:#cdcdcd;
	scrollbar-shadow-color:#8a8a8a;		
}


/* 		TOP FRAME		*/

#righttoplogo {
	background		: url('../images/platformkocon_top_rechts1.gif');
	position		: absolute;
	top				: 0px;
	right			: 0px;
	width			: 277px;
	height			: 137px;
	z-index			: 6;
	cursor			: pointer;
}
#rightnexttologo {
	background		: url('../images/top_1.gif');
	position		: absolute;
	top			: 0px;
	right			: 277px;
	width			: 231px;
	height			: 137px;
	z-index			: 6;
}
#rightnexttonexttologo {
	background		: url('../images/top_3.gif');
	position		: absolute;
	top			: 0px;
	right			: 508px;
	width			: 74px;
	height			: 137px;
	z-index			: 6;
}
#topmenu {
	background		: #8A8A8A;
	height			: 25px;
	position		: absolute;
	top				: 32px;
	left			: 42px;
	z-index			: 7;
	
	margin			: 0px;
	padding			: 0px;
}
.topmenutekst,
.topmenutekst a {
	font-size		: 11px;
	color			: #FFF;
	font-family		: Arial;
	font-weight		: bold;
	text-align		: center;
	text-decoration		: none;
}
#topmenufillerleft {
	border-top		: solid 1px #A7A7A7;	
	width			: 20px;
}
.topmenufillerbetween {
	border-top		: solid 1px #A7A7A7;	
	width			: 1px;
	background		: url('../images/tussenstreepje_hoofdmenu.gif') no-repeat top right;
}
#topmenutd1 {
	border-top		: solid 1px #A7A7A7;	
	width			: 80px;
}
#topmenutd1selected {
	border-top		: solid 1px #A7A7A7;	
	width			: 80px;
	background 		: #484848;
}

#topmenutd2 {
	border-top		: solid 1px #A7A7A7;	
	width			: 90px;
}
#topmenutd2selected {
	border-top		: solid 1px #A7A7A7;	
	width			: 90px;
	background 		: #484848;
}


#topmenutd3 {
	border-top		: solid 1px #A7A7A7;	
	padding			: 3px;
	padding-left		: 10px;
}
#topmenutd3selected {
	border-top		: solid 1px #A7A7A7;	
	padding			: 3px;
	background 		: #484848;
	padding-left		: 10px;
}

#topleft {
	background		: #8A8A8A;
	border-top		: solid 1px #A7A7A7;	
	width			: 1px;
	height			: 105px;
	position		: absolute;
	top			: 31px;
	left			: 41px;
	z-index			: 4;
}
#plaatjesbalk {
	background		: #CDCDCD;
	border-top		: solid 1px #FFF;
	width			: 80%;
	height			: 80px;
	position		: absolute;
	top			: 57px;
	left			: 42px;
	z-index			: 5;
}
#kruimelbalk {	
	background		: #8A8A8A;
	position		: absolute;
	top			: 116px;
	right			: 282px;
	min-width		: 330px;
	z-index			: 7;

}
#kruimelbalk table {	
	width		: 330px;
}
#kruimelbalkcontent {
	background		: url('../images/hoekje_kruimelpad.gif') no-repeat top left;
	text-align		: right;
	font-family		: Arial;
	font-weight		: bold;
	color			: #FFF;
	font-size		: 11px;
	height			: 22px;
	padding-right:13px;
}
#headertjeactueel {
	background		: #FFDEA3;
	position		: absolute;
	top			: 116px;
	right			: 117px;
	z-index			: 6;
	width			: 159px;
	height			: 20px;
}
#headertjeactueelbullet{
	position		: absolute;
	top			: 121px;
	right			: 260px;
	width			: 10px;
	height			: 10px;
	z-index			: 7;
	background		: url('../images/bullet_activiteiten_snelmenu.gif') no-repeat;
}
#headertjeactueeltekst{
	position		: absolute;
	top			: 119px;
	right			: 211px;
	z-index			: 7;
	font-family		: Arial;
	font-size		: 11px;
	color			: #6F6F6F;
	font-weight		: bold;
}
#blok1{
	position		: absolute;
	top			: 62px;
	left			: 62px;
	background		: url('../images/rups_off.gif');
	width			: 70px;
	height			: 70px;
	z-index			: 7;
}
#blok1selected,
#blok1hover{
	position		: absolute;
	top			: 62px;
	left			: 62px;
	background		: url('../images/rups_on.gif');
	width			: 70px;
	height			: 70px;
	z-index			: 6;
	cursor			: pointer;
}

#blok2 {
	position		: absolute;
	top			: 62px;
	left			: 150px;
	background		: url('../images/cocon_off.gif');
	width			: 70px;
	height			: 70px;
	z-index			: 7;
}
#blok2selected, 
#blok2hover {
	position		: absolute;
	top			: 62px;
	left			: 150px;
	background		: url('../images/cocon_on.gif');
	width			: 70px;
	height			: 70px;
	z-index			: 6;
	cursor			: pointer;
}
#blok3 {
	position		: absolute;
	top			: 62px;
	left			: 238px;
	background		: url('../images/vlinder_off.gif');
	width			: 70px;
	height			: 70px;
	z-index			: 7;
}
#blok3selected,
#blok3hover {
	position		: absolute;
	top			: 62px;
	left			: 238px;
	background		: url('../images/vlinder_on.gif');
	width			: 70px;
	height			: 70px;
	z-index			: 6;
	cursor			: pointer;
}

/* 		RIGHT FRAME		*/


#izie {
	color: #FFF;
	font-family: arial;
	font-weight: bold;
	font-size: 60%;
	position: absolute;
	bottom: 2px;
	right: 13px;
}
#rightgrijsvlak {
	background		: #A7A7A7;
	position		: absolute;
	top			: 0px;
	right			: 115px;
	width			: 277px;
	height			: 700px;
}

#headertjesnelmenu {
	background		: #FFDEA3;
	position		: absolute;
	top			: 116px;
	right			: 117px;
	z-index			: 6;
	width			: 159px;
	height			: 20px;

}
#headertjesnelmenubullet{
	position		: absolute;
	top			: 121px;
	right			: 260px;
	width			: 10px;
	height			: 10px;
	z-index			: 7;
	background		: url('../images/bullet_activiteiten_snelmenu.gif') no-repeat;
}
#headertjesnelmenutekst{
	position		: absolute;
	top			: 119px;
	right			: 195px;
	z-index			: 7;
	font-family		: Arial;
	font-size		: 11px;
	color			: #6F6F6F;
	font-weight		: bold;
}

#snelmenucontent {
	position		: absolute;
	top			: 140px;
	right			: 150px;
	z-index			: 6;
	width			: 159px;
	height			: 20px;
}
#snelmenucontent ul{
		
}
#snelmenucontent ul li {
	list-style: none;
	padding-left: 14px;
	background: url('../images/bullet_itemsrechts.gif') no-repeat center left;
}

#snelmenucontent ul li a{
	font-family		: Arial;
	font-size		: 11px;
	font-weight		: bold;
	color			: #000;
}


#actueelmenucontent {
	position		: absolute;
	top			: 0px;
	right			: 150px;
	z-index			: 6;
	width			: 159px;
	height			: 20px;

}
#actueelmenucontent ul{
		
}
#actueelmenucontent ul li {
	list-style: none;
	padding-left: 14px;
	background: url('../images/bullet_itemsrechts.gif') no-repeat center left;
}

#actueelmenucontent ul li a{
	font-family		: Arial;
	font-size		: 11px;
	font-weight		: bold;
	color			: #000;
}


/* 		BOTTOM FRAME		*/

body.bottom {

}
#bottomrightgrijsvlak {
	background		: #A7A7A7;
	position		: absolute;
	top			: 0px;
	right			: 116px;
	width			: 161px;
	height			: 20px;
	z-index			: 7;
}
#bottomgrijsbalk {
	background		: #8A8A8A;
	position		: absolute;
	top			: 20px;
	right			: 115px;
	left 			: 41px;
	height			: 10px;
	width			: 90%;
	z-index			: 5;
}
#bottomlichtgrijsbalk {
	background		: #CDCDCD;
	position		: absolute;
	top			: 0px;
	right			: 277px;
	left 			: 61px;
	height			: 20px;
	width			: 76%;
	
	z-index			: 5;

}
#bottomgrijsblokje {
	background		: #A7A7A7;
	border-left		: solid 1px #8A8A8A;
	position		: absolute;
	top			: 0px;
	left 			: 41px;
	width			: 20px;
	height			: 20px;
}
#bottomafdekvlak {
	background		: #FFAC1B;
	position		: absolute;
	top			: 0px;
	right 			: 0px;
	width			: 116px;
	height			: 40px;	
	z-index			: 6;
}

/* 		LEFT FRAME		*/
#leftgrijsborder {
	background		: #A7A7A7;
	border-left		: solid 1px #8A8A8A;
	position		: absolute;
	top			: 0px;
	left 			: 41px;
	width			: 20px;
	height			: 300px;
}

#menubody {
	background		: #FFF url(../images/bg_menu.gif) repeat-y;
	position		: absolute;

}

#navcontainer {
	position		: absolute;
	top			: 40px;
	left 			: 42px;

}
#navcontainer ul {
	margin               	: 0;
	padding              	: 0;
	list-style           	: none;
}
#navcontainer ul li.inactive {
	border-left		: solid 19px #A7A7A7;
	padding			: 2px;
	padding-left		: 5px;
}
#navcontainer ul li.active {
	border-left		: solid 19px #CDCDCD;
	padding			: 2px;
	padding-left		: 5px;
}
#navcontainer ul li.inactive a {
	color			: #000;
	font-family		: Arial;
	font-size		: 12px;
	font-weight		: normal;
	text-decoration		: none;
}
#navcontainer ul li.active a {
	color			: #000;
	font-family		: Arial;
	font-size		: 12px;
	font-weight		: bold;
	text-decoration		: none;
}

#stellingbox {
	border			: solid 1px #F00;
	font-family		: Verdana;
	font-size		: 12px;
	width			: 136px;
	position		: absolute;
	top			: 10px;
	left 			: 66px;
	overflow-y: auto;
}
#stellingbox table tr td {
	font-size		: 11px;
}
#stellingbox h6 {
	font-size		: 11px;
	font-weight		: bold;
	color			: #EE130B;
	margin			: 2px;
}
#stellingbox br {
display: none;
}
#stellingbox a {
	color			: #000;
}
#stellingkop {
	font-size		: 12px;
	font-weight		: bold;
	font-family		: Arial;
	color			: #545454;
	background		: #CDCDCD url('../images/bullet_stelling.gif') no-repeat top right;
	width			: 136px;
	height			: 23px;
	margin-top		: 0px;
	padding-top		: 3px;

}

#stellingkop span {
	padding-left		: 10px;

}
/* 		CONTENT FRAME		*/

#bodyhome {
	padding-top		: 10px;
	padding-right	: 13px;	
	padding-left	: 13px;	

}
.bgsection {
	background		: #FFF;
}
.bgsection1 {
	background		: #FFF url('../images/rups_content.gif') no-repeat 100% 40%;
}
.bgsection2 {
	background		: #FFF url('../images/cocon_content.gif') no-repeat 100% 40%;

}
.bgsection3 {
	background		: #FFF url('../images/vlinder_content.gif') no-repeat 100% 40%;
}
#bodyhome,
#bodyhome table tr td {

	font-family		: Arial;
	font-size		: 12px;
	color			: #000;
}
#bodyhome a {
	color			: #E3960E;
	font-family		: Arial;
	font-size		: 12px;
	font-weight		: bold;
}
#bodyhome a:hover {
	color: red;
}
#bodyhome a.meerinfo {
	padding-left: 10px;
}

#bodyhome a.meerinfo img {
	margin-bottom: 0px;
	margin-top:4px;
	border: 0px;
}

#bodyhome a.meerinfo:hover {
	color:red;
}

#bodyhome h6 {
	color			: #E3960E;
	font-family		: Arial;
	font-size		: 12px;
	font-weight		: bold;	
	margin: 0;
	padding: 0px;
    font-size: 100%;
	display: inline;
}

#bodyhome table tr td img {
	border			: 1px solid #F00707;
	margin-top		: 10px;

}

#bodyhome img {
   border			: 1px solid #F00707; 
}

#bodyhome table tr td.h6 img {
	border			: 0;
}

#bodyhome table tr td h6 img, #bodyhome h6 img, #bodyhome .but_klein, #bodyhome .but_meer {
	border			: 0;
}

#terugknop img	{
	border			: none;
	margin-left: 35px;
	margin-top: 5px;
}

#terugknop {
    margin: 20px 0 0 0;
}

#kscontainer {
	visibility		: hidden;
}
#intro {
	padding-top: 0px;
	color			: #686868;
	font-family		: Arial;
	font-size		: 12px;
	font-weight		: bold;
	margin: 0 0 10px 0;
}


/* POLL OP DE HOMEPAGE*/
.resultpollcolor {
	background-color: #FFDEA3;
	padding-top: 1px;
	padding-bottom: 1px;
	height: 4px;
	border: solid 1px #F2D0B5;
}

.verstuur_poll {
	background-color: #FFDEA3;
	border: solid 1px #F2D0B5;
	color: #000000;
	font-family: verdana;
	font-size: 12px;
}

.poll_extra_aandacht {
	color: red;
}

span.rubriek {
    display: block;
    margin-bottom: 16px;
}

#bodyhome h6.rubriek {
    display: block;
}

span.rubriekintro {
    display: block;
    margin-bottom: 16px;
}

h6.rubriektitel {
    display: block;
}

a.lijstitem_titel {
	text-decoration: underline;
}
