@charset "UTF-8";
/* CSS Document */

body {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	line-height:135%;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	background-image:url(../images/bg_blusbus.gif);
		background-position:center;
}

#container {
	margin:auto;
	width:960px;
	height:100%;
	background-color:#C00;
	border:#000 solid 1px;
}

#header {
	float:left;
	width:960px;
	height:200px;
	background-color:#C00;
}

#navi {
	float:right;
	width: 520px;
	height: 30px;
	padding:10px 40px 0 0;
	text-align:right;
	font-size:18px;
}

#leftside {
	width:320px;
	padding: 25px 40px ;
		float:left;
		text-align:center;
		margin-top:16px;
}

#leftside_txt {
	width:320px;
	padding: 0px 0px 0 0px;
		float:left;
		text-align:left;
		color:#fff;
}


#content {
	background-color:#FFF;
	width:470px;
	padding: 10px 25px 0 25px;
		float:left;
}

#footer {
	width:920px;
	height: 20px;
		float:left;
		padding-top:30px;
		text-align:center;
}

#baksteen {
	clear:both;
}

h1 { 
   font-size:1.2em; 
   margin-bottom:0;
   padding-bottom:0; 
}

h2 { 
   font-size:1em; 
   margin-bottom:0; 
   padding-bottom:0; 
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #fff;

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

}
a:active {
	text-decoration: none;
	color: #FFF;

}

.wittestreep {
	color:#FFF;
}

.imagecenter {
	text-align:center;
}

.imageright {
	text-align:right;
}