html * {
}

html, body {
	background:			#FFFFEF;
	height:				100%;
	margin:				0px;
	padding:			0px;
	width:				100%;
}

table#container {
	height:				100%;
	width: 				100%;
}


div#container {
	border:				1px solid #2F2F2F;
	background:			url('/img/backgrounds/default.png') bottom left no-repeat;
	margin:				auto auto;
	height:				790px;
	width: 				1150px;
	position:			relative;
}


div#header {
	height:				206px;
	width:				100%;
	background:			#161241;
	font-family:		Verdana;
	font-size: 			11px;
}
div.verticalbar {
	width:				287px;
	left:				195px;
	position:			absolute;
	top:				0px;
	height:				790px;
}

div#verticalbar_black {
	background:			#000000;
	filter:				alpha(opacity=50);
	-moz-opacity:		.50;
	opacity:			.50;
}

div#verticalbar_purple {
	background:			#110F4A;
	filter:				alpha(opacity=50);
	-moz-opacity:		.50;
	opacity:			.50;
	top:				231px;
	height:				560px;
	text-align:			center;
}

a#payment_link
{
	position: absolute;
	z-index: 1000;
	margin-left: 240px;
	margin-top: 450px;
}

div#vrouwe_jus {
	position: 			absolute;
	padding-top:		34px;
	left:				0px;
}

div#vrouwe_jus img {
	behavior:			url('/js/iepngfix.htc');
}

div#navigation {
	background:			#dad2c5;
	width:				100%;
	height: 			24px;
	position:			absolute;
	top:				206px;
	left: 				0px;
}

div#gradientbar { 
	background:			url('/img/gradient.png') repeat-y;
	height: 			560px;
	width:				403px;
	top:				230px;
	position:			absolute;
	left:				325px;
	behavior:			url('/js/iepngfix.htc');
}

div#content {
	position:			absolute;
	left: 				482px;
	top: 				230px;
	overflow-y:			auto;
	overflow-x:			hidden;
	padding:			20px 60px 20px 48px;
	width:				560px;
	height:				519px;
}

a.navigation_item {
	color:				#000000;
	display: 			block;
	width:				155px;
	height:				24px;
	font-family:		Trebuchet MS;
	line-height: 		24px;
	font-family:		Verdana;
	font-weight:		bold;
	vertical-align: 	middle;
	color:				#000000;
	text-decoration:	none;
	font-size:			11px;
	font-variant: 		small-caps;
	padding-left:		65px;
	letter-spacing:		6px;
}

a#navigation_item1 {
	position: 			absolute;
	left: 				0px;
	top:				206px;
	width:				195px;
	padding:			0px;
	text-align:			center;
}

a#navigation_item2 {
	position: 			absolute;
	left: 				195px;
	width:				287px;
	top:				206px;
	color:				#ffffff;
	text-align:			center;
	padding:			0px;
}

a#navigation_item3 {
	position: 			absolute;
	left: 				195px;
	width:				287px;
	top:				255px;
	color:				#ffffff;
	text-align:			center;
	padding:			0px;
}

a#navigation_item4 {
	position: 			absolute;
	left: 				195px;
	width:				287px;
	top:				305px;
	color:				#ffffff;
	text-align:			center;
	padding:			0px;
}

a#navigation_item9 {
	position: 			absolute;
	left: 				195px;
	width:				287px;
	top:				355px;
	color:				#ffffff;
	text-align:			center;
	padding:			0px;
}

a#navigation_item5 {
	position: 			absolute;
	left: 				195px;
	width:				287px;
	top:				405px;
	color:				#ffffff;
	text-align:			center;
	padding:			0px;
}

a#navigation_item6 {
	position: 			absolute;
	left: 				490px;
	width:				155px;
	text-align:			center;
	padding:			0px;
	top:				206px;
}

a#navigation_item7 {
	position: 			absolute;
	left: 				755px;
	width:				135px;
	top:				206px;
	text-align:			center;
	padding:			0px;
}

a#navigation_item8 {
	background:			url('/img/login.gif') no-repeat 30px 0px;
	position: 			absolute;
	left: 				945px;
	width:				160px;
	top:				206px;
	text-align:			center;
	padding:			0px;
}

a#navigation_item10 {
	position: 			absolute;
	left: 				1010px;
	width:				100px;
	top:				206px;
	text-align:			center;
	padding:			0px;
}

a#navigation_item11 {
	position: 			absolute;
	left: 				645px;
	width:				110px;
	top:				206px;
	text-align:			center;
	padding:			0px;
}

a#navigation_item12 {
	position: 			absolute;
	left: 				890px;
	width:				110px;
	top:				206px;
	text-align:			center;
	padding:			0px;
}



div#logo {
	position: 			absolute;
	left: 				206px;
	top:				0px;
}

div#header div#header_text {
	color:				#3d2277;
	font-size:			24px;
	position:			absolute;
	font-family:		"Bookman Old Style";
	left:				525px;
	width:				575px;
	text-align:			center;
	top:				75px;
}

div#header div#header_bbu_text_container {
	width:				220px;
	height:				100px;
	overflow:			hidden;
	position:			absolute;
	right:				0px;
	top:				0px;
}

div#header div#header_bbu_text_container img {
	behavior:			url('/js/iepngfix.htc');
}


div#header div#header_bbu_text_container h1 {
	color:				#3d2277;
	font-size:			80px;
	font-weight:		bold;
	font-family:		Trebuchet MS;
	letter-spacing:		20px;
	margin:				0px;
	padding:			0px;
	margin-top:			-30px;
	
}

div#logo img {
	position:			relative;
	behavior:			url('/js/iepngfix.htc');
	left:				50px;
	top:				33px;
}


div.users label {
	display:			block;
	float:				left;
	width:				150px;
}

div.contact_form form {
	font-family:		Trebuchet MS;
	font-size:			12px;
	height:				230px;
}

div.contact_form form div.input {
	margin-bottom:		4px;
	width:				600px;

	float: left;
}

div.contact_form form label {
	display:			block;
	float:				left;
	width:				100px;
	font-family:		Trebuchet MS;
	font-weight:		bold;
	text-align:			left;
	padding-right:		8px;
	padding-top:		2px;
}

div.contact_form form input, div.contact_form form textarea {
	width:				200px;
	float:				left;
}

div.contact_form form input.button {
	margin-left:		180px;
	width:				100px;
	font-family:		Trebuchet MS;
	position:			relative;
	top: 				0px;
}

div.error-message {
	float:				left;
	width:				200px;
	margin-left:		5px;
	color:				red;
}

div.footer {
	font-family:		Trebuchet MS;
	font-size:			11px;
	font-weight:		bold;
	color:				#ffffff;
	width:				500px;
	height:				60px;
	left:				20px;
	bottom:				0px;
	position: 			absolute;
}

h1
{
	font-family:		Trebuchet MS;
	font-size: 			1.4em;
	color:				#3d2277;
}

#ideal_payment
{	
	font-family:		Trebuchet MS;
	font-size:			11px;
}

#ideal_payment label
{	
	float: left;
	width: 120px;
}

#ideal_payment input,select
{	
	border: 1px solid #3d2277;
	width: 120px;
	margin: 2px;
}

.error
{
	color :red;
}

div.newsitem {
	margin-top: 20px;
    margin-bottom: 50px;
    font-size: 0.9em;
}

div.newsitem p {
    margin: 0px;
    padding: 0px;
}

div.newsitem h3 {
    margin: 0px;
    padding: 0px;
    font-size: 1.1em;
    font-weight: bold;
    color: #3d2277;
    text-decoration: none;
}

div.newsitem a {
    font-size: 0.9em;
    font-weight: bold;
    color: #3d2277;
    text-decoration: none;
}

div.newsitem h3 a {
    font-size: 1em;
    font-weight: bold;
    color: #3d2277;
    text-decoration: none;
}

h2#newslider-header {
	color: #ffffff;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	left: 240px;
	letter-spacing: 2px;
	position: absolute;
	text-align:  center;
	top: 550px;
	width: 200px;
}

h2#newslider-header span.small {
	font-size: 10px;
}

div#newsslider {
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	height: 150px;
	left: 240px;
	position: absolute;
	top: 585px;
	width: 200px;
	overflow: hidden;
}

div#newsslider .newsitems-container {
	float: left;
	position: absolute;
}

div#newsslider div.newsitem {
	float: left; 
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 200px;
	height: 150px;
	position: 
}

div#newsslider a {
	color: #ffffff;
	text-decoration: underline;
}

div.request_info_form {
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.request_info_form div.input, div.request_info_form div.submit {
	clear: both;
	float: left;
	padding: 5px 0px;
}


div.request_info_form div.input label {
	float: left;
	font-size: 13px;
	clear: both;
	margin-bottom: 5px;
}

div.request_info_form div.input input {
	border: 1px solid #000000;
	float: left;
	clear: both;
	height: 20px;
	width: 300px;
}

div.request_info_form div.submit input {
	background: #110f4a;
	color: #ffffff;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 150px;
	height: 24px;
	margin-left: 153px;
}


a.slide-button {
	color: #ffffff;
	display: block;
	height: 20px;
	position: absolute;
	text-decoration: none;
	top: 560px;
	width: 20px;
}

a.slide-right {
	left: 440px;
}

a.slide-left {
	left: 240px;
}

