@charset "UTF-8";
/* R U I M - ruim.com 2008 */



/*STANDARDS*/

body {
	border: 0;
	margin: 0 auto;
	padding: 0 0 300px 0;
	background: #e7e7e7;
	/*background: #ffffff;*/
	background-attachment: fixed;
	height: 100%;
	font: 10px Verdana, Arial, sans-serif;
	line-height: 1.5em;
	color: #555555;
	text-align: left;
	
}

table {
	line-height: 1.5em;
	/*padding: 10px;*/
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

p {
	padding: 0;
	border: 0;
	margin: 20px 0;
}

.clearLeft {
	clear: left;
}

.blauw {
	color: #7cadd2;
	text-align: right;
}

#blokjesHolder a {
	font: bold 10px Verdana, Arial, sans-serif;
	color: #7cadd2;
	text-decoration: none;
	line-height: 1.5em;
}

#blokjesHolder a:hover {
	font: bold 10px Verdana, Arial, sans-serif;
	color: #7cadd2;
	text-decoration: underline;
	line-height: 1.5em;
}

/*CONTAINERS*/

#container_left {
	width: 260px;
	margin: 0;
}

#container_right {
	position: absolute;
	top: 0px;
	left: 266px;
	width: 75%;
}

#blokjesHolder {
	width: 608px;
	text-align: left;
}

#containerContainer {
	text-align: center;
	background: #7cadd2;
}

/*MENU*/

#menu {
	width: 260px;
	height: 450px;
	text-align: right;
	background: url(images/logorgb2.png) no-repeat;
	position: fixed;
	padding: 150px 0 0 0;
}

#menu .contact {
	overflow: hidden;
	height: 23px;
	width: 260px;
	margin: 0 0 20px 0;
}

#menu .contact a {
	display: block;
	overflow: hidden;
	margin: 0;
}

#menu .contact a:hover {
	display: block;
	overflow: hidden;
	margin: -23px 0 0 0;
}

#menu .button {
	overflow: hidden;
	height: 21px;
	width: 260px;
	margin: 0;
}

#menu .button a {
	display: block;
	overflow: hidden;
	margin: -22px 0 0 0;
}

#menu .button a:hover {
	display: block;
	overflow: hidden;
	margin: 0;
}

/*SUBMENU*/

#subMenu {
	width: 602px;
	height: 75px;
	background: url(blokjes/submenu.png) no-repeat;
	padding-left: 17px;
}

#subMenu .menuItemTitel {
	display: inline;
	overflow: hidden;
	float: left;
	height: 25px;
	margin: 20px 0 0 0;
}

#subMenu .menuItem {
	display: inline;
	overflow: hidden;
	float: left;
	height: 25px;
	margin: 20px 0 0 0;
}

/*SUBMENU SWAPIMAGE JONES*/

#subMenu .menuItem a {
	display: block;
	overflow: hidden;
	margin: -25px 0 0 0;
}

#subMenu .menuItem a:hover {
	display: block;
	overflow: hidden;
	margin: 0 0 0 0;
}

/*SUBMENU SUBMENU */

.subsMenuItemTitel {
	display: inline;
	overflow: hidden;
	float: left;
	height: 18px;
	margin: 4px 20px 0 10px;
}

.subsMenuItem {
	display: inline;
	overflow: hidden;
	float: left;
	height: 18px;
	margin: 4px 20px 0 10px;
}

/*SUBMENU SUBMENU SWAPIMAGE JONES*/

.subsMenuItem a {
	display: block;
	overflow: hidden;
	margin: -18px 0 0 0;
}

.subsMenuItem a:hover {
	display: block;
	overflow: hidden;
	margin: 0 0 0 0;
}

/*SUBMENU SUBMEN SUBMENU SUBMENU SUBMENU*/

.subsSubMenuItem {
	overflow: hidden;
	height: 18px;
	margin: 4px 0;
}


.subsSubMenuItem a {
	display: block;
	overflow: hidden;
	margin: -18px 0 0 0;
}

.subsSubMenuItem a:hover {
	display: block;
	overflow: hidden;
	margin: 0 0 0 0;
}

/*FOOTER*/

#footer {
	width: 602px;
	height: 35px;
	background: url(images/footer.png);
	margin-top: 6px;
}

#footer .menuItemTitel {
	display: inline;
	overflow: hidden;
	float: left;
	height: 18px;
	margin: 7px 7px 0 25px;
}

#footer .menuItem {
	display: inline;
	overflow: hidden;
	float: left;
	height: 18px;
	margin: 7px 0 0 10px;
}

#footer .menuItem a {
	display: block;
	overflow: hidden;
	margin: -18px 0 0 0;
}

#footer .menuItem a:hover {
	display: block;
	overflow: hidden;
	margin: 0 0 0 0;
}

/* BLOKJE 602 */

.blokje602Wit {
	width: 602px;
	margin: 6px 6px 0 0;
}

.blokje602Blauw {
	width: 602px;
	margin: 6px 6px 0 0;
}

.blokje602Wit .top {
	height: 82px;
	background-image: url(blokjes/blok602/bovenkant_wit.png);
	padding: 20px 0 0 28px;
}

.blokje602Blauw .top {
	height: 82px;
	background-image: url(blokjes/blok602/bovenkant_blauw.png);
	padding: 20px 0 0 28px;
}

.blokje602Wit .midden {
	background: url(blokjes/blok602/midden_wit.gif) repeat-y;
}

.blokje602Blauw .midden {
	background: url(blokjes/blok602/midden_blauw.gif) repeat-y;
}

.blokje602Wit .middenContent {
	width: 590px;
	margin: 0 0 0 6px;	
}

.blokje602Blauw .middenContent {
	width: 590px;
	margin: 0 0 0 6px;	
}

.blokje602Wit .tekst {
	background: url(blokjes/gradient.gif) repeat-x bottom;
}

.blokje602Blauw .tekst {
	background: url(blokjes/gradient.gif) repeat-x bottom;
}

.blokje602Wit .onderkantBinnen {
	clear: left;
	width: 590px;
	height: 5px;
	margin: 0 0 0 6px;
	background: #ffffff url(blokjes/blok602/onderkant_binnen.png);
}

.blokje602Blauw .onderkantBinnen {
	clear: left;
	width: 590px;
	height: 5px;
	margin: 0 0 0 6px;
	background: #7cadd2 url(blokjes/blok602/onderkant_binnen.png);
}

.blokje602Wit .onderkantBuiten {
	height: 6px;
	background-image: url(blokjes/blok602/onderkant_buiten_wit.png);
}

.blokje602Blauw .onderkantBuitenBlauw {
	height: 6px;
	background-image: url(blokjes/blok602/onderkant_buiten_blauw.png);
}


/*BLOKJE 194*/

.blokje194Wit {
	width: 194px;
	margin: 6px 6px 0 0;
	float: left;
}

.blokje194Blauw {
	width: 194px;
	margin: 6px 6px 0 0;
	float: left;
}

.blokje194Wit .top {
	height: 82px;
	background-image: url(blokjes/blok194/bovenkant_wit.png);
	padding: 20px 0 0 28px;
}

.blokje194Blauw .top {
	height: 82px;
	background-image: url(blokjes/blok194/bovenkant_blauw.png);
	padding: 20px 0 0 28px;
}

.blokje194Wit .midden {
	background: url(blokjes/blok194/midden_wit.gif) repeat-y;
}

.blokje194Blauw .midden {
	background: url(blokjes/blok194/midden_blauw.gif) repeat-y;
}

.blokje194Wit .middenContent {
	width: 182px;
	margin: 0 0 0 6px;
}

.blokje194Blauw .middenContent {
	width: 182px;
	margin: 0 0 0 6px;
}

.blokje194Wit .tekst {
	/*padding: 10px;*/
	background: url(blokjes/blok194/gradient.gif) repeat-x bottom;
}

.blokje194Blauw .tekst {
	/*padding: 10px;*/
	background: url(blokjes/blok194/gradient.gif) repeat-x bottom;
}


.blokje194Blauw .onderkantBinnen {
	clear: left;
	width: 182px;
	height: 5px;
	margin: 0 0 0 6px;
	background: #7cadd2 url(blokjes/blok194/onderkant_binnen.png) ;
	
}

.blokje194Wit .onderkantBinnen {
	clear: left;
	width: 182px;
	height: 5px;
	margin: 0 0 0 6px;
	background: #ffffff url(blokjes/blok194/onderkant_binnen.png) ;
	
}

.blokje194Wit .onderkantBuiten {
	height: 6px;
	background-image: url(blokjes/blok194/onderkant_buiten_wit.png);
}

.blokje194Blauw .onderkantBuiten {
	height: 6px;
	background-image: url(blokjes/blok194/onderkant_buiten_blauw.png);
}

/*BLOKJE 298*/

.blokje298Wit {
	width: 298px;
	margin: 6px 6px 0 0;
	float: left;
}

.blokje298Blauw {
	width: 298px;
	margin: 6px 6px 0 0;
	float: left;
}

.blokje298Wit .top {
	height: 82px;
	background: url(blokjes/blok298/bovenkant_wit.png) no-repeat;
	padding: 25px 0 0 28px;
}

.blokje298Blauw .top {
	height: 82px;
	background: url(blokjes/blok298/bovenkant_blauw.png) no-repeat;
	padding: 25px 0 0 28px;
}

.blokje298Wit .midden {
	background: url(blokjes/blok298/midden_wit.gif) repeat-y;
}

.blokje298Blauw .midden {
	background: url(blokjes/blok298/midden_blauw.gif) repeat-y;
}

.blokje298Wit .middenContent {
	width: 286px;
	margin: 0 0 0 6px;
}

.blokje298Blauw .middenContent {
	width: 286px;
	margin: 0 0 0 6px;
}

.blokje298Wit .tekst {
	/*padding: 10px;*/
	background: url(blokjes/blok298/gradient.gif) repeat-x bottom;
}

.blokje298Blauw .tekst {
	/*padding: 10px;*/
	background: url(blokjes/blok298/gradient.gif) repeat-x bottom;
}

.blokje298Wit .onderkantBinnen {
	clear: left;
	width: 286px;
	height: 5px;
	margin: 0 0 0 6px;
	background: #ffffff url(blokjes/blok298/onderkant_binnen.png) ;
}

.blokje298Blauw .onderkantBinnen {
	clear: left;
	width: 286px;
	height: 5px;
	margin: 0 0 0 6px;
	background: #7cadd2 url(blokjes/blok298/onderkant_binnen.png) ;
}

.blokje298Wit .onderkantBuiten {
	height: 6px;
	background-image: url(blokjes/blok298/onderkant_buiten_wit.png);
}

.blokje298Blauw .onderkantBuiten {
	height: 6px;
	background-image: url(blokjes/blok298/onderkant_buiten_blauw.png);
}

/*BLOKJE 402*/

.blokje402Blauw {
	width: 402px;
	margin: 6px 6px 0 0;
	float: left;
}

.blokje402Wit {
	width: 402px;
	margin: 6px 6px 0 0;
	float: left;
}

.blokje402Wit .top {
	height: 82px;
	background: url(blokjes/blok402/bovenkant_wit.png) no-repeat;
	padding: 20px 0 0 28px;
}

.blokje402Blauw .top {
	height: 82px;
	background: url(blokjes/blok402/bovenkant_blauw.png) no-repeat;
	padding: 20px 0 0 28px;
}

.blokje402Wit .midden {
	background: url(blokjes/blok402/midden_wit.gif) repeat-y;
}

.blokje402Blauw .midden {
	background: url(blokjes/blok402/midden_blauw.gif) repeat-y;
}

.blokje402Wit .middenContent {
	width: 390px;
	margin: 0 0 0 6px;
}

.blokje402Blauw .middenContent {
	width: 390px;
	margin: 0 0 0 6px;
}

.blokje402Wit .tekst {
	/*padding: 10px;*/
	background: url(blokjes/blok402/gradient.gif) repeat-x bottom;
}

.blokje402Blauw .tekst {
	/*padding: 10px;*/
	background: url(blokjes/blok402/gradient.gif) repeat-x bottom;
}

.blokje402Wit .onderkantBinnen {
	clear: left;
	width: 390px;
	height: 5px;
	margin: 0 0 0 6px;
	background: #ffffff url(blokjes/blok402/onderkant_binnen.png) ;
}

.blokje402Blauw .onderkantBinnen {
	clear: left;
	width: 390px;
	height: 5px;
	margin: 0 0 0 6px;
	background: #7cadd2 url(blokjes/blok402/onderkant_binnen.png) ;
}

.blokje402Wit .onderkantBuiten {
	height: 6px;
	background-image: url(blokjes/blok402/onderkant_buiten_wit.png);
}

.blokje402Blauw .onderkantBuiten {
	height: 6px;
	background-image: url(blokjes/blok402/onderkant_buiten_blauw.png);
}