body {
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/images/zomer_bg_body.jpg);
	background-repeat: repeat-x;
}
#container {
	position: relative;
	margin: 0 auto;
	width: 990px;
	display: table;
}

#header {
	width: 990px;
	height: 338px;
	margin:0px;
	position: relative;
	background-image:url(/images/zomer_home_header.jpg);
	/*background-position:center;
	text-align:center;
/*	float: left;*/
}

#vervolg_header {
	width: 990px;
	height: 219px;
	margin:0px;
	position: relative;
	background-image:url(/images/zomer_vervolg_header.jpg);
	/*background-position:center;
	text-align:center;
/*	float: left;*/
}

#menu_main {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
	position:absolute;
	margin-left: 10px;
	margin-top: 76px;
}
#menu_main A:link {color:#FFFFFF; text-decoration: none;}
#menu_main A:visited {color:#FFFFFF; text-decoration: none;} 
#menu_main A:active {color:#FFFFFF; text-decoration: none ;}
#menu_main A:hover{color:#FFFFFF; text-decoration: none;}

.menu_main_item
{
	float: left;
	height: 24px;
	padding-top: 8px;
	padding-left: 14px;
	padding-right: 14px;
}

.menu_main_item:hover
{
	float: left;
	height: 24px;
	padding-top: 8px;
	padding-left: 14px;
	padding-right: 14px;
	background: url(/images/zomer_menu_main_bg.png);
	background-repeat: repeat-x;
}

#header_menu_small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
	position:absolute;
	margin-left:730px;
	margin-top: 7px;
}

#header_menu_small A:link {color:#FFFFFF; text-decoration: none;}
#header_menu_small A:visited {color:#FFFFFF; text-decoration: none;} 
#header_menu_small A:active {color:#FFFFFF; text-decoration: none ;}
#header_menu_small A:hover{color:#FFFFFF; text-decoration: none;
}

#banner {
	position:absolute;
	margin-left:20px;
	margin-top: 109px;
}
.spreuk {
	position:absolute;
	margin-left:730px;
	margin-top: 40px;
}

#header_afbeelding {
	position:absolute;
	margin-left:20px;
	margin-top: 109px;
}

#kader_nieuws {
	position:absolute;
	margin-left:720px;
	margin-top: 121px;
	width: 180px;
}

.kader_nieuws_headline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #4e3880;
	font-weight: bold;
}

.kader_nieuws_inleiding {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4e3880;
	font-weight: normal;
}
.kader_nieuws_meer {
	top: 7px;
	position: relative;
}

#kader_home_links_boven {
	position:absolute;
	margin-left:20px;
	margin-top: 20px;
	width: 330px;
	height: 227px;
	background-image:url(/images/zomer_bg_kader_1.jpg);
}

#kader_home_midden_boven {
	position:absolute;
	margin-left:370px;
	margin-top: 20px;
	width: 330px;
	height: 227px;
	background-image:url(/images/zomer_bg_kader_1.jpg);
}

#kader_home_rechts_boven {
	position:absolute;
	margin-left:720px;
	margin-top: 20px;
	width: 250px;
	height: 227px;
	background-image:url(/images/zomer_bg_kader_2.jpg);
}

#kader_home_links_onder {
	position:absolute;
	margin-left:20px;
	margin-top: 267px;
	width: 330px;
	height: 227px;
	background-image:url(/images/zomer_bg_kader_1.jpg);
}

#kader_home_midden_onder {
	position:absolute;
	margin-left:370px;
	margin-top: 267px;
	width: 330px;
	height: 227px;
	background-image:url(/images/zomer_bg_kader_1.jpg);
}

#kader_home_rechts_onder {
	position:absolute;
	margin-left:720px;
	margin-top: 267px;
	width: 250px;
	height: 227px;
	background-image:url(/images/zomer_bg_kader_3.jpg);
}

#vervolg_kader_submenu {
	position:absolute;
	margin-left:20px;
	margin-top: 20px;
	width: 250px;
	height: 222px;
	background-image:url(/images/zomer_bg_kader_4.jpg);
}

#vervolg_2_kader_submenu {
	margin-left:20px;
	margin-top: 20px;
	width: 310px;
	background-image:url(/images/zomer_bg_kader_6.jpg);
	border:solid 1px;
	border-color:#ff8a2a;
	border-width: 0px 1px 1px 1px;
	position: relative;
	float: left;
	background-repeat: no-repeat;
}

#online_kader_submenu {
	margin-left:20px;
	margin-top: 20px;
	width: 200px;
	background-image:url(/images/zomer_bg_kader_7.jpg);
	border:solid 1px;
	border-color:#ff8a2a;
	border-width: 0px 1px 1px 1px;
	position: relative;
	float: left;
	background-repeat: no-repeat;
	height: 720px;
}

#vervolg_boeken_afbeelding {
	position:absolute;
	/*margin-left:20px;
	margin-top: 20px;
	/*width: 310px;*/
	/*height: 351px;*/
	border:solid 1px;
	border-color:#C1D1E8;
	border-width: 1px 1px 1px 1px;
	padding: 4px;
}

#vervolg_boeken_text {
	position:absolute;
	left: 320px;
	/*margin-left:20px;
	margin-top: 20px;
	/*width: 310px;*/
	/*height: 351px;*/
}

.boeken_text_prijs {
	color: #4e3880;
}
#vervolg_recepten_ingredienten {
	position:absolute;
	left: 320px;
	font-size: 10px;	/*margin-left:20px;
	margin-top: 20px;
	/*width: 310px;*/
	/*height: 351px;*/
}
#vervolg_recepten_bereiding {
	position:absolute;
	top: 320px;
	/*margin-left:20px;
	margin-top: 20px;
	/*width: 310px;*/
	/*height: 351px;*/
}

#vervolg_kader_login {
	position:absolute;
	margin-left:20px;
	margin-top: 264px;
	width: 250px;
	height: 227px;
	background-image:url(/images/zomer_bg_kader_2.jpg);
}

#inloggen {
	margin-top: 50px;
	margin-bottom: 15px;
	margin-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4e3880;
}

.inputtext {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	font-size: 11px;
}
.submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#main {
	width: 990px;
	position: relative;
	min-height:535px;
	height:auto !important;
	height:535px;*/
	float:left;
	/*display:table;*/
}

#right_container {
	width: 290px;
	position: relative;
	float: left;
	/*min-height:500px;*/
}

#home_content_container { 
	width: 990px;
	position:relative;
	float: left;
	min-height:515px;
}

#vervolg_content_container { 
	width: 700px;
	/*left: 0px;*/
	position:relative;
	float: left;
}

#content_title {
	/*width: 554px;*/
	height: 21px;
	position: relative;
	float: left;
	margin-left: 20px;
}
#content_title h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:bold;
	color:#4e3880;
	margin-top: 20px;
}

#content{
	width: 640px;
	min-height:480px;
	height:auto !important;
	height:480px;
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 80px;
	padding-bottom:10px;
}

.leesverder A:link {color:#9a0002; text-decoration: underline;}
.leesverder A:visited {color:#9a0002; text-decoration: underline;} 
.leesverder A:hover{color:#9a0002; text-decoration: underline; font-weight:bold; }

#footer_container{
	width: 990px;
	height: 27px;
	position:relative;
	float: left;
	background-image:url(/images/bg_footer.jpg);
}
#footer {
	height: 30px;
	background-image:url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center;
	position:relative;
	padding-top:18px;
	
}

#footer_menu_small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666666;
	position:absolute;
	margin-left:50px;
	margin-top: 5px;
}
#footer_menu_small A:link {color:#666666; text-decoration: none;}
#footer_menu_small A:visited {color:#666666; text-decoration: none;} 
#footer_menu_small A:active {color:#666666; text-decoration: none ;}
#footer_menu_small A:hover{color:#666666; text-decoration: none;
}

#footer_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#666666;
	position:absolute;
	margin-left:700px;
	margin-top: 5px;
}
#footer_text A:link {color:#666666; text-decoration: none;}
#footer_text A:visited {color:#666666; text-decoration: none;} 
#footer_text A:active {color:#666666; text-decoration: none ;}
#footer_text A:hover{color:#666666; text-decoration: none;
}
.rood
{
	color: red;
}

.groen
{
	color: green;
}
#logos
{
	bottom: 0px;
	position: absolute;
	left: 45px;
}
#vrienden{
	position: relative;
}
.vrienden_link{
	position: absolute;
	left: 5px;
	top: 70px;
}

/*code voor actie-popup */

.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #03277C;

}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;

}

.dhtmlwindow{
position: absolute;
border: 50px;
visibility: hidden;
background-color:#00FF00;

}

.drag-handle{ /*CSS for Drag Handle*/
	text-indent: 3px;
	font: bold 14px Arial, Helvetica, sans-serif;
	background-color: #00FF00;
	color: #00FF00;
	cursor: move;
	overflow: hidden;
	width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;

}


.drag-contentarea{ /*CSS for Content Display Area div*/
	border-top: 0px;
	background-color: #EBEBEB;
	color: #EBEBEB;
	height: 150px;
	padding: 0px;
	overflow: auto; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
	border-top: 0px;
	background-color:#00FF00;
	height: 13px; /*height of resize image*/
	color:#00FF00
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

/*einde code voor actie-popup */

.kader_title
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	position: absolute;
	left: 25px;
	top: 6px;
}

.kader_pic
{
	position: absolute;
	left: 0px;
	top: 32px;
}

.kader_text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	position: absolute;
	left: 25px;
	top: 140px;
}

.kader_text_rechts_onder
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	position: absolute;
	left: 25px;
	top: 40px;
}

#vervolg_submenu { 
     margin-top: 50px;
     margin-bottom: 0px;
	 margin-left: 25px;
}

#vervolg_submenu A:link {color:#4e3880; text-decoration: none;}
#vervolg_submenu A:visited {color:#4e3880; text-decoration: none;} 
#vervolg_submenu A:active {color:#4e3880; text-decoration: none ;}
#vervolg_submenu A:hover{color:#4e3880; text-decoration: underline; font-weight:bold; 
				/*	background-image:url(../../images/button_blauw.jpg);
					background-repeat:no-repeat;
					padding-top:0px;
					padding-left:10px;*/}

		

#vervolg_submenu ul {
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
}

#vervolg_submenu ul li {
		padding-top: 0px;
		padding-left: 15px;
		/*color:#000000; */
		text-decoration: none; 
		height: 25px;
		width: 250px;
		background-image:url(/images/zomer_button_grijs.jpg);
		background-repeat:no-repeat;
		/*background-position: 0 4px;*/
}

#vervolg_submenu ul li.active {
		padding-top: 0px;
		padding-left: 15px;
		color:#4e3880; 
		text-decoration: underline; 
		height: 25px;
		width: 200px;
		background-image:url(/images/zomer_button_blauw.jpg);
		background-repeat:no-repeat;
		/*background-position: 0 4px;*/
}

#vervolg_submenu ul li a.active {color:#4e3880; text-decoration: underline ; background-image:none; font-weight:bold;}

#vervolg_2_submenu { 
     margin-top: 50px;
     margin-bottom: 0px;
	 margin-left: 25px;
}

#vervolg_2_submenu A:link {color:#4e3880; text-decoration: none;}
#vervolg_2_submenu A:visited {color:#4e3880; text-decoration: none;} 
#vervolg_2_submenu A:active {color:#4e3880; text-decoration: none ;}
#vervolg_2_submenu A:hover{color:#4e3880; text-decoration: underline; font-weight:bold; 
				/*	background-image:url(../../images/button_blauw.jpg);
					background-repeat:no-repeat;
					padding-top:0px;
					padding-left:10px;*/}

		

#vervolg_2_submenu ul {
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
}

#vervolg_2_submenu ul li {
		padding-top: 0px;
		padding-left: 15px;
		/*color:#000000; */
		text-decoration: none; 
		height: 35px;
		width: 250px;
		background-image:url(/images/zomer_button_4b.jpg);
		background-repeat:no-repeat;
		/*background-position: 0 4px;*/
}

#vervolg_2_submenu ul li.active {
		padding-top: 0px;
		padding-left: 15px;
		color:#436C53; 
		text-decoration: none; 
		height: 35px;
		width: 250px;
		background-image:url(/images/zomer_button_4a.jpg);
		background-repeat:no-repeat;
		/*background-position: 0 4px;*/
}

#vervolg_2_submenu ul li a.active {color:#436C53; text-decoration: underline ; background-image:none; font-weight:bold;}

.menu_sub_text {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.kader_links_a A:link {color:#ff8328; text-decoration: none;}
.kader_links_a A:visited {color:#ff8328; text-decoration: none;} 
.kader_links_a A:active {color:#ff8328; text-decoration: none ;}
.kader_links_a A:hover{color:#ff8328; text-decoration: underline; font-weight:bold;}

.kader_links_a ul {
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
}

.kader_links_a ul li {
		padding-top: 0px;
		padding-left: 25px;
		color:#ff8328; 
		text-decoration: none; 
		height: 25px;
		width: 200px;
		background-image:url(/images/zomer_button_2.jpg);
		background-repeat:no-repeat;
		/*background-position: 0 4px;*/
}

.kader_links_b
{
	position: absolute;
	left: 25px;
	top: 204px;
}

.kader_links_b A:link {color:#ff8328; text-decoration: none;}
.kader_links_b A:visited {color:#ff8328; text-decoration: none;} 
.kader_links_b A:active {color:#ff8328; text-decoration: none ;}
.kader_links_b A:hover{color:#ff8328; text-decoration: underline; font-weight:bold;}

.kader_links_b ul {
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
}

.kader_links_b ul li {
		padding-top: 0px;
		padding-left: 25px;
		color:#436C53; 
		text-decoration: none; 
		height: 25px;
		width: 200px;
		background-image:url(/images/zomer_button_3.jpg);
		background-repeat:no-repeat;
		/*background-position: 0 4px;*/
}

.kader_links_b ul li input
{
	color:#ff8328;
	font-weight:bold;
	background: none;
	border: none;
	width: 72px;
}

.kader_links_b ul li input:hover
{
	color:#ff8328;
	text-decoration: underline;
	font-weight:bold;
	background: none;
	border: none;
	cursor: hand;
}

.kader_links_c A:link {color:#4e3880; text-decoration: none;}
.kader_links_c A:visited {color:#4e3880; text-decoration: none;} 
.kader_links_c A:active {color:#4e3880; text-decoration: none ;}
.kader_links_c A:hover{color:#4e3880; text-decoration: underline; font-weight:bold;}

.kader_links_d ul {
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
}

.kader_links_d ul li {
		padding-top: 0px;
		padding-left: 25px;
		color:#436C53; 
		text-decoration: none; 
		height: 25px;
		width: 500px;
		background-image:url(/images/zomer_button_3.jpg);
		background-repeat:no-repeat;
		/*background-position: 0 4px;*/
}

.kader_links_d A:link {color:#436C53; text-decoration: none;}
.kader_links_d A:visited {color:#436C53; text-decoration: none;} 
.kader_links_d A:active {color:#436C53; text-decoration: none ;}
.kader_links_d A:hover{color:#436C53; text-decoration: underline; font-weight:bold;}

.kader_links_d ul {
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
}

.kader_links_d ul li {
		padding-top: 0px;
		padding-left: 25px;
		color:#436C53; 
		text-decoration: none; 
		height: 25px;
		width: 500px;
		background-image:url(/images/zomer_button_3.jpg);
		background-repeat:no-repeat;
		/*background-position: 0 4px;*/
}

.button_los A:link {color:#436C53; text-decoration: none; font-weight:bold;}
.button_los A:visited {color:#436C53; text-decoration: none; font-weight:bold;} 
.button_los A:active {color:#436C53; text-decoration: none ; font-weight:bold;}
.button_los A:hover{color:#436C53; text-decoration: underline; font-weight:bold;}

.nieuwsberichten
{
	font-size: 12px;
}
.foto{
	border:solid 1px;
	border-width: 1px 1px 1px 1px;
	border-color:#C1D1E8;
	padding: 4px;
}

.loginerror
{
	color: #FF0000;
}

.profiel_cela {
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 5px;
}
.profiel_celb {
	background-color: #eceff1;
	font-size: 9pt;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	width: 510px;
}
.profiel_celc {
	color: #FFFFFF;
	background-color: #FFA51D;
}
.profiel_celd {
	background-color: #FAD4A3;
}
.profiel_cele {
	background-color: #C4FFC4;
}
.profieltab {
	color: #436C53;	
}
.profieltab A:link {color:#436C53; text-decoration: none;}
.profieltab A:visited {color:#436C53; text-decoration: none;} 
.profieltab A:active {color:#436C53; text-decoration: none ;}
.profieltab A:hover{color:#436C53; text-decoration: underline;}


/*LIGHTBOX*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* EINDE LIGHTBOX */

#deelnemers_kader {
	position: absolute;
	height: 700px;
	width: 180px;
	left: 790px;
	top: 20px;
	background-image: url(/images/zomer_deelnemers_kader.jpg);
}
.deelnemers_kader_keuze {
	font-size: 10px;
	color: #FFFFFF;
	position: absolute;
	left: 5px;
	margin-right: 5px;
	top: 35px;
}
.deelnemers_kader_tabel {
	position: absolute;
	left: 1px;
	top: 100px;
}
#deelnemers_kader_kop {
	font-size: 14px;
	color: #436C53;
	position: absolute;
	left: 10px;
	margin-right: 5px;
	top: 45px;
}
#deelnemers_kader_pagina {
	font-size: 10px;
	position: absolute;
	color: #FFFFFF;
	left: 10px;
	margin-right: 5px;
	top: 73px;
}
#deelnemers_scroll 
{
	position: absolute;
	width: 178px;
	height: 600px;
	/*	overflow: auto;*/
	left: 1px;
	top: 75px;
	font-size: 9px;
}
#deelnemers_footer {
	position: absolute;
	color: #ffffff;
	left: 10px;
	margin-right: 5px;
	top: 650px;
	font-size: 10px;
}

/* CHAT STYLES */
.chat_header {
	font-size: 10pt;
	background-color: #FEE066;
	font-weight: bold;
}
chat_body 
{
  font-family: Tahoma, Helvetica, sans-serif;
  margin: 1px;
  font-size: 12px;
  text-align: left	
}
#chat_content
{
  border: DarkGreen 1px solid;
  margin-bottom: 10px
}
#chat_input 
{
  border: #999 1px solid;	
  font-size: 10px 
}
#chat_scroll 
{
  position: relative; 
  width: 390px;
  height: 345px; 
  overflow: auto
}
#user_scroll 
{
  position: relative; 
  width: 180px;
  height: 305px; 
  overflow: auto
}
.chat_item
{
  margin-bottom: 6px
}
#chat_room_kader {
	position: absolute;
	height: 404px;
	width: 497px;
	left: 255px;
	top: 330px;
	background-image: url(../images/chat_room_kader.jpg);
}
.chat_room_kop {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	position: absolute;
	left: 10px;
	top: 5px;
	margin-right: 10px;
}
.chat_room_text {
	font-size: 12px;
	color: #000000;
	/*position: absolute;
	left: 10px;
	top: 35px;*/
}
#chat_room_menu{
	margin-top: 20px;
	margin-bottom: 20px;
	/*position: absolute;
	top: 90px;
	padding: 5px;*/
	/*float: left;*/
}
	#chat_room_menu A:link {color: #433992; text-decoration: none;}
	#chat_room_menu A:visited {color: #433992; text-decoration: none;} 
	#chat_room_menu A:hover{color:#433992; text-decoration: underline;}
	#chat_room_menu ul
	{
	list-style-type: none;
	font-size: 14px;
	font-weight: 600;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	}
	#chat_room_menu ul li 
	{
	background-image:url(../../images/zomer_button_3.jpg);
	height: 60px;
	padding-left: 40px;
	background-repeat: no-repeat;
	padding-top: 0px;
	}
	
.popUp
{
	position: relative;
	top: -987px;
	text-align:center;
	background-image: url(../images/body_bg.jpg);

}
/* EINDE CHAT STYLES /*

/* styles for IE6 error box */
.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
	padding:20px;
	border:dashed 2px red;
	width:90%;
	margin:0px auto;
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.3em;
}

.error a, .error a:hover{
	color:#8a1f11;
}
.kickRight {
	text-align:right;
}
/* EINDE IE6 ERROR BOX