/*----------------------------------------------*/
/*												*/
/*		Copyright © 2006-2007 Bean Designed		*/
/*		Alle rechten voorbehouden.				*/
/*												*/
/*		Adres: Beb Vuykstraat 16				*/
/*			   3207 WC Spijkenisse				*/
/*												*/
/*		Mobiel: 06 23 18 56 74					*/
/*		Email: info@beandesigned.eu				*/
/*		Internet: www.beandesigned.eu			*/
/*												*/
/*----------------------------------------------*/

/*------------------ ALGEMEEN ------------------*/

body {
	margin: 0px;
	background: url(../img/rubber_voice_achtergrond.jpg) center top repeat;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #46250e;
	line-height: 16px;
}

a:link, a:visited {
	text-decoration: none;
	color: #678dc4;
}

a:hover {
	text-decoration: underline;
	color: #678dc4;
}

/*------ MAIN CONTAINER (WEBSITE HOUDER) -------*/

#main_container {
	width: 521px;
	margin: 0px auto;
	position: relative;
}

/*------------------- HEADER -------------------*/

#header {
	width: 224px;
	height: 133px;
	position: absolute;
	left: -47px;
	top: 20px;
	z-index: 2;
}

#header a:link, #header a:visited {
	text-decoration: none;
}

#header a:hover {
	text-decoration: none;
}

/*-------------- MAIN NAVIGATION ---------------*/

#main_navigation {
	width: 433px;
	height: 214px;
	position: absolute;
	left: 281px;
	top: 45px;
	z-index: 3;
	text-align: center;
	color: #FFF;
}

#main_navigation a:link, #main_navigation a:visited {
	text-decoration: none;
	color: #FFF;
}

#main_navigation a:hover {
	text-decoration: underline;
	color: #FFF;
}

/*--------------- KLANTEN LOGIN ----------------*/

#klanten_login {
	width: 264px;
	height: 176px;
	position: absolute;
	left: -250px;
	top: 215px;
	z-index: 4;
	background:url(../img/rubber_voice_achtergrond_klanten_login.png) no-repeat;
	behavior: url(htc/pngfix.htc);
}

#klanten_login_tekst {
	width: 264px;
	height: 176px;
	position: absolute;
	left: -250px;
	top: 215px;
	z-index: 5;
	padding: 17px 0px 0px 26px;
}

.klanten_login_titel {
	margin: 0px 0px 16px 0px;
}

.klanten_login_td {
	text-align: right;
}

/*------------------ CONTACT -------------------*/

#contact {
	width: 204px;
	height: 169px;
	position: absolute;
	left: -182px;
	top: 404px;
	z-index: 6;
	background:url(../img/rubber_voice_achtergrond_contact.png) no-repeat;
	behavior: url(htc/pngfix.htc);
}

#contact_tekst {
	width: 178px;
	height: 152px;
	position: absolute;
	left: -182px;
	top: 404px;
	z-index: 7;
	padding: 17px 0px 0px 26px;
}

.contact_titel {
	margin: 0px 0px 16px 0px;
}

/*----------------- ADMIN MENU -----------------*/

#admin_menu {
	width: 304px;
	height: 547px;
	position: absolute;
	left: -290px;
	top: 185px;
	z-index: 8;
	background: url(../img/rubber_voice_achtergrond_admin.png) no-repeat;
	behavior: url(htc/pngfix.htc);
}

#admin_menu_tekst {
	width: 278px;
	height: 530px;
	position: absolute;
	left: -290px;
	top: 185px;
	z-index: 9;
	padding: 17px 0px 0px 26px;
}

#admin_menu_tekst a:link, #admin_menu_tekst a:visited {
	text-decoration: none;
	color: #46250e;
}

#admin_menu_tekst a:hover {
	text-decoration: underline;
	color: #46250e;
}

.admin_menu_titel {
	margin: 0px 0px 16px 0px;
}

/*------------------ TOP BLOK ------------------*/

#top_blok {
	width: 521px;
	height: 168px;
}

/*------------------ CONTENT -------------------*/

#content_header {
	width: 486px;
	height: 35px;
	background: url(../img/rubber_voice_content_header.png) no-repeat;
	padding: 33px 0px 0px 35px;
	behavior: url(htc/pngfix.htc);
}

/* VOOR 'MIN-HEIGHT' BEGRIJPENDE BROWSERS */
#content_midden {
	width: 451px;
	min-height: 350px;
	height: auto;
	padding: 10px 35px 15px 35px;
	background: url(../img/rubber_voice_content_midden.png) repeat-y;
	behavior: url(htc/pngfixscale.htc);
}

/* VOOR INTERNET EXPLORER */
* html #content_midden {
	height: 350px;
}

#index_links {
	float: left;
	width: 258px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#nieuws_links {
	float: left;
	width: 250px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

#nieuws_rechts {
	background: url(../img/rubber_voice_achtergrond_rss.jpg) no-repeat;
	float: right;
	width: 150px;
	height: 404px;
	color: #FFF;
	margin: 0px;
	padding: 30px 10px 0px 20px;
}

#nieuws_rechts a:link, #nieuws_rechts a:visited {
	color: #46250e;
	text-decoration: none;
}

#nieuws_rechts a:hover {
	color: #46250e;
	text-decoration: underline;
}

#contact_links_container {
	float: left;
	width: 187px;
	margin: 0px;
	padding: 0px;
}

#contact_links {
	background: url(../img/rubber_voice_achtergrond_gegevens.jpg) no-repeat;
	float: left;
	width: 187px;
	height: 210px;
	margin: 0px;
	padding: 30px 0px 0px 20px;
}

#contact_rechts {
	float: right;
	width: 220px;
	margin: 0px;
	padding: 0px;
}

#flash_demos_stemgeluid {
	width: 284px;
	height: 297px;
	float: left;
}

#stemgeluid_rechts {
	width: 126px;
	height: 263px;
	margin: 14px 0px 0px 0px;
	padding: 20px 20px 0px 20px;
	float: left;
	background: url(../img/rubber_voice_achtergrond_stemgeluid.jpg) no-repeat;
}

#nieuws, #nieuws_01, #nieuws_02, #nieuws_03 {
	width: 258px;
	margin: 0px 0px 10px 0px;
}

#nieuws_groot, #nieuws_groot_01, #nieuws_groot_02, #nieuws_groot_03 {
	width: 450px;
	margin: 0px 0px 20px 0px;
}

#nieuws_ballon, #nieuws_ballon_01, #nieuws_ballon_02, #nieuws_ballon_03 {
	width: 88px;
	height: 45px;
	background: url(../img/rubber_voice_nieuws_ballon.jpg) no-repeat;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 0px 0px;
	float: left;
}

#nieuws_ballon_tekst, #nieuws_ballon_tekst_01, #nieuws_ballon_tekst_02, #nieuws_ballon_tekst_03 {
	width: 69px;
	height: 45px;
	text-align: center;
}

#nieuws_tekst, #nieuws_tekst_01, #nieuws_tekst_02, #nieuws_tekst_03 {
	width: 160px;
	float: right;
}

#nieuws_tekst_groot, #nieuws_tekst_groot_01, #nieuws_tekst_groot_02, #nieuws_tekst_groot_03 {
	width: 352px;
	float: right;
}

#index_rechts {
	float: right;
	width: 177px;
	height: 234px;
	margin: 35px 0px 0px 0px;
	padding: 0px;
}

.nieuws_dikgedrukt a:link, .nieuws_dikgedrukt a:visited, .nieuws_dikgedrukt a:hover {
	font-weight: bold;
	color: #678dc4;
	text-decoration: none;
}

.nieuws_dag {
	font-size: 23px;
	color: #FFF;
}

.nieuws_maand {
	font-size: 16px;
	color: #FFF;
}

.nieuws_img {
	border: 2px solid #678dc4;
	margin: 10px 0px 10px 15px;
	float: right;
}

.clear {
	clear: both;
}

.pagina_titel {
	margin: 0px 0px 20px 0px;
}

.koptitel {
	font-size: 13px;
	font-weight: bold;
	color: #678dc4;
}

.koptitel_wit {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
}

.dikgedrukt {
	font-weight: bold;
	color: #46250e;
}

.referentie_functie_schuin {
	font-style: italic;
}

.referentie_img, .nieuws_wijzigen_img {
	border: 2px solid #678dc4;
	margin: 10px 15px 10px 0px;
	float: left;
}

.referentie_clear {
	margin: 0px 0px 30px 0px;
	clear: both;
}

.witte_tekst {
	color: #FFF;
}

.route_links {
	float: left;
	margin: 24px 0px 0px 0px;
}

.login_td {
	text-align: right;
}

.sitemap {
	background: url(../img/rubber_voice_sitemap.jpg) no-repeat;
}

.drie_pixels_boven {
	margin: 3px 0px 0px 0px;
}

.tien_pixels_boven {
	margin: 10px 0px 0px 0px;
}

.twintig_pixels_boven {
	margin: 20px 0px 0px 0px;
}

/*--------------------*/

#content_footer {
	width: 521px;
	height: 94px;
	margin: 0px;
	background: url(../img/rubber_voice_content_footer.png) no-repeat;
	behavior: url(htc/pngfix.htc);
}

/*----------- FORM KLASSEN (CONTENT) -----------*/

.foutinform {
	color: #678dc4;
}

.knoppen {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
	background: #678dc4;
	border: 1px solid #678dc4;
	height: 24px;
}

.klanten_inlog_velden {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #46250e;
	border: 1px solid #46250e;
	width: 115px;
	height: 17px;
}

.inlog_velden {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #46250e;
	border: 1px solid #46250e;
	width: 348px;
	height: 17px;
}

.contact_invoervelden {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #46250e;
	border: 1px solid #46250e;
	width: 218px;
	height: 17px;
}

.contact_bericht {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #46250e;
	border: 1px solid #46250e;
	width: 218px;
	height: 80px;
}

.vijf_tot_tien_invoervelden {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #46250e;
	border: 1px solid #46250e;
	width: 100px;
	height: 17px;
}

.totaal_invoervelden {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #46250e;
	border: 1px solid #46250e;
	width: 438px;
	height: 17px;
}

.totaal_berichten {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #46250e;
	border: 1px solid #46250e;
	width: 438px;
	height: 80px;
}

.groot_totaal_berichten {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #46250e;
	border: 1px solid #46250e;
	width: 438px;
	height: 270px;
}

.bestand {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #46250e;
	border: 1px solid #46250e;
	width: 400px;
	height: 20px;
}

.klanten_audio_velden {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #46250e;
	border: 1px solid #46250e;
	width: 376px;
	height: 17px;
}

.klanten_audio_menu {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #46250e;
	border: 1px solid #46250e;
	width: 300px;
	height: 21px;
}

.klanten_audio_bestand {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #46250e;
	border: 1px solid #46250e;
	width: 300px;
	height: 21px;
}









.formulier_invoervelden, .formulier_berichten, .twee_tot_vier_invoervelden, .rechts_invoervelden, .rechts_berichten, .lijst_invoer, .links_invoervelden {
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

.formulier_invoervelden, .formulier_berichten, .twee_tot_vier_invoervelden, .rechts_invoervelden, .rechts_berichten, .links_invoervelden {
	border: 1px solid #CCC;
	color: #888;
}

.formulier_invoervelden {
	width: 278px;
	height: 14px;
}

.formulier_berichten {
	height: 80px;
	width: 278px;
}

.twee_tot_vier_invoervelden {
	width: 40px;
	height: 14px;
}

.rechts_invoervelden {
	width: 178px;
	height: 14px;
}

.rechts_berichten {
	height: 80px;
	width: 178px;
}

.lijst_invoer {
	color: #888;
}

.links_invoervelden {
	width: 170px;
	height: 14px;
}

/*------------------- FOOTER -------------------*/

#footer {
	width: 444px;
	height: 69px;
	position: absolute;
	left: 66px;
	bottom: 20px;
	z-index: 10;
	background: url(../img/rubber_voice_achtergrond_footer.png) no-repeat;
	behavior: url(htc/pngfix.htc);
}

#footer_tekst {
	width: 444px;
	height: 45px;
	position: absolute;
	left: 66px;
	bottom: 20px;
	z-index: 11;
	text-align: center;
	color: #FFF;
	padding: 24px 0px 0px 0px;
}

#footer_tekst a:link, #footer_tekst a:visited {
	text-decoration: none;
	color: #FFF;
}

#footer_tekst a:hover {
	text-decoration: underline;
	color: #FFF;
}

/*----------------------------------------------*/
/*												*/
/*			Einde van de CSS code				*/
/*												*/
/*----------------------------------------------*/