/* Rologo Stylesheet */

body {
	margin: 0px;
	background: url(images/bg.png) top repeat-x #2f4044;
	text-align: center; /* Centers container and everything within IE  */
}
#container {
	margin-left: auto;
	margin-right: auto;
	width: 893px;
	height: auto;
	text-align: left;
	
}
/*----------------
     Header
-----------------*/
#header {
	position: relative;
	width: 893px;
	height: 123px;
	background: url(images/header_bg.gif) right top no-repeat #ffffff;
	text-align: left;
}
	#header_graphic {
		position: absolute;
		width: 201px;
		height: 89px;
		background: url(images/rologo_logo.gif) no-repeat left top;
		text-align: left;
		top: 15px; /* Logo position IE */
		left: 15px; /* Logo position IE */
	}
	#header_h1 {
		position: relative;
		top: 15px;
		margin-left: 330px;
	}
		h1 {
			margin: 0px;
			padding-top: 35px;
			font-family: Kalinga, Verdana;
			font-size: 26px;
			color: #686868;
			
		}
/*----------------
     Navigation
-----------------*/
#navigation {
	width: 893px;
	height: 53px;
	text-align: left;
}

	#navigation ul	{
	margin:0;
	padding:0;
	list-style:none;
	display:inline
}
	#navigation ul li	{
		margin:0;
		display:inline
	}
	
	/*-- Rologo --*/
	#navigation ul li a.rologo { font-family: Verdana; font-size: 16px; background: url(images/01_link_rologo.gif) top left no-repeat; color:#ffffff; text-decoration:none; width:154px; height: 53px; text-align:center; display:block; float: left; line-height:53px; font-weight:bold; } 
	#navigation ul li a.rologo:hover { text-decoration:none; background: url(images/01_link_rologo_h.gif); width: 154px; height: 53px; top left no-repeat;}
	#navigation ul li a.rologo_c { font-family: Verdana; font-size: 16px; background: url(images/01_link_rologo_h.gif) top left no-repeat; color:#ffffff; text-decoration:none; width:154px; height: 53px; text-align:center; display:block; float: left; line-height:53px; font-weight:bold; } 
	/*-- Logo ontwerp --*/
	#navigation ul li a.logoontwerp { font-family: Verdana; font-size: 16px; background: url(images/02_link_logoontwerp.gif) top left no-repeat; color:#ffffff; text-decoration:none; width:213px; height: 53px; text-align:center; display:block; float: left; line-height:53px; font-weight:bold; } 
	#navigation ul li a.logoontwerp:hover { text-decoration:none; background: url(images/02_link_logoontwerp_h.gif); width: 213px; height: 53px; top left no-repeat; }
	#navigation ul li a.logoontwerp_c { font-family: Verdana; font-size: 16px; background: url(images/02_link_logoontwerp_h.gif) top left no-repeat; color:#ffffff; text-decoration:none; width:213px; height: 53px; text-align:center; display:block; float: left; line-height:53px; font-weight:bold; } 
	/*-- Huisstijl --*/
	#navigation ul li a.huisstijl { font-family: Verdana; font-size: 16px; background: url(images/03_link_huisstijl.gif) top left no-repeat; color:#ffffff; text-decoration:none; width:158px; height: 53px; text-align:center; display:block; float: left; line-height:53px; font-weight:bold; } 
	#navigation ul li a.huisstijl:hover { text-decoration:none; background: url(images/03_link_huisstijl_h.gif); width: 158px; height: 53px; top left no-repeat; }
	#navigation ul li a.huisstijl_c { font-family: Verdana; font-size: 16px; background: url(images/03_link_huisstijl_h.gif) top left no-repeat; color:#ffffff; text-decoration:none; width:158px; height: 53px; text-align:center; display:block; float: left; line-height:53px; font-weight:bold; } 
	/*-- Webdesign --*/
	#navigation ul li a.webdesign{ font-family: Verdana; font-size: 16px; background: url(images/04_link_webdesign.gif) top left no-repeat; color:#ffffff; text-decoration:none; width:179px; height: 53px; text-align:center; display:block; float: left; line-height:53px; font-weight:bold; } 
	#navigation ul li a.webdesign:hover { text-decoration:none; background: url(images/04_link_webdesign_h.gif); width: 179px; height: 53px; top left no-repeat; }
	#navigation ul li a.webdesign_c{ font-family: Verdana; font-size: 16px; background: url(images/04_link_webdesign_h.gif) top left no-repeat; color:#ffffff; text-decoration:none; width:179px; height: 53px; text-align:center; display:block; float: left; line-height:53px; font-weight:bold; } 
	/*-- Merkrecht --*/
	#navigation ul li a.merkrecht{ font-family: Verdana; font-size: 16px; background: url(images/05_link_merkrecht.gif) top left no-repeat; color:#ffffff; text-decoration:none; width:189px; height: 53px; text-align:center; display:block; float: left; line-height:53px; font-weight:bold; } 
	#navigation ul li a.merkrecht:hover { text-decoration:none; background: url(images/05_link_merkrecht_h.gif); width: 189px; height: 53px; top left no-repeat; }
	#navigation ul li a.merkrecht_c{ font-family: Verdana; font-size: 16px; background: url(images/05_link_merkrecht_h.gif) top left no-repeat; color:#ffffff; text-decoration:none; width:189px; height: 53px; text-align:center; display:block; float: left; line-height:53px; font-weight:bold; } 
/*----------------
     Sample
-----------------*/
#sample {
	width: 893px;
	height: 223px;
	background: url(images/sample_bg.gif) repeat-x;
}
	#sample img {
		margin: 20px;
		border: 0px;
	}
#sample_end {
	width: 893px;
	height: 22px;
	background: url(images/sample_end_bg.gif) no-repeat;
}
/*----------------
     Main Content
-----------------*/
#main_content {
	text-align: left;
	width: 893px;
	height: auto;
	margin-bottom: 0px;
}
	#main_content_L {
		position: absolute;
		width: 507px;
		height: 450px;
		background: url(images/main_content_bg.gif) top left no-repeat #ffffff;
	}
		h2 {
			position: absolute;
			top: 65px;
			left: 30px;
			font-family: arial;
			font-size: 24px;
			font-weight: normal;
		}
		#main_content_L p {
			margin: 0px;
			padding: 150 30 0 30px;
			text-align: left;
			font-family: arial;
			font-size: 13px;
			line-height: 18px;
		}
	#main_content_R {
		position: relative;
		top: 0px;
		left: 507px;
		width: 386px;
		height: 450px;
		background: url(images/main_content_R_bg.gif) bottom right no-repeat #ffffff;
	}
		h3 {
			position: absolute;
			top: 65px;
			left: 30px;
			font-family: arial;
			font-size: 24px;
			font-weight: normal;
		}
		#main_content_R p {
			margin: 0px;
			padding: 150 30 0 30px;
			text-align: left;
			font-family: arial;
			font-size: 13px;
			line-height: 18px;
		}