/************** Default Elements *******************/

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

/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	font: 100.01%/120% "Trebuchet MS", Verdana, Arial;
	color: #fff;
	background: #fff;
}

/************** Layout Elements *******************/

#wrapper {
	width: 990px;
	margin: 0 auto;
	font-size: 80%;
	background: #FFFFFF url(../images/bg_wrapper.jpg) no-repeat;
}
 /*\*//*/
 #innercontent {
 	width: 300px;
 }
	
 #header ul {
	height: 22px;
	margin: 0 25px 0;
}

/**/
#header {
	text-align: right;
	padding-top: 145px;
}

#header ul {
	border-bottom: 2px solid #aec0e6;
	list-style-type: none;
	height: 22px;
	border-top: 1px solid #aec0e6;
	margin: 0 25px 0;
}

#header li {
	float: right;
	padding: 2px 10px;
}

#header li a {
	color: #0c3caa;
	text-decoration: none;
	letter-spacing: 0.1em;
	font-weight: bold;
}

#header li a:visited, #header li a:hover {
	color: #8A0896;
}

/* These styles set up a "current page marker" or a "you are here" visual cue. 
By setting an ID on the body of each unique page, as well as an ID on each list 
item that contains a link, we can create an automatic look for current page links. */
body#homepage li#ons a, 
body#infopage li#info a, 
body#contactpage li#contact a, 
body#productenpage li#producten a, 
body#tijdenpage li#tijden a {
	color: #8a0896;
	text-decoration: none;
	font-weight: bold;
}

#content {
	padding-top: 1px;
}
#innerwrapper {
	margin: 25px 25px 0px;
	position: relative;
}
#innercontent {
	height: 409px;
	padding: 0px;
	width: 300px;
	margin: 0px;
	float: left;
}
#rightcol {
	float: right;
	width: 598px;
	border-left: 2px solid #FFFFFF;
	background: #0c3caa url(../images/bottom_right.gif) no-repeat 50% 100%;
	height: 300px;
}
#rightcol ul {
	margin: 0px 35px;
	padding: 0px;
	list-style: inside;
}
#rightcol li {
	margin: 0px;
	padding: 0px;
}
#rightcol h2 {
	background: #0c3caa url(../images/bg_innercontent.gif) no-repeat;
}
#bottomright {
	background: url(../images/bottom_right.gif) no-repeat bottom;
	height: 10px;
}
#rightcol img {
	display: block;
	margin: 6px auto 5px auto;
	border: 1px solid #5f5f5f;
}
#leftcol {
	float: left;
	width: 38px;
	height: 300px;
	background: #0c3caa url(../images/bottom_left.gif) no-repeat 50% 100%;
	border-right: 2px solid #FFFFFF;
}
#leftcol h2 {
	background: #0c3caa url(../images/bg_leftcol.gif) no-repeat;
	margin: 0px;
	padding: 20px 2px 0px;
	height: 20px;
}

/************** Text Elements *******************/

h1, h2, h3, h4, h5, h6 {
	padding: 0px 0 5px 18px;
	font-size: 150%;
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #dcfd7b;
	letter-spacing: 0.1em;
}

h1 {
	color: #fff;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 130%
}

h4 {
	font-size: 120%
}

h5 {
	font-size: 110%;
}

h6 {
	font-size: 100%;
}

p {
	margin: 15px 35px;
}


/************** Generic Classes *******************/

.right {
	float: right;
	margin: 5px 0 2px 10px;
}

.left {
	float: left;
	margin: 5px 10px 2px 0;
}

.clearit {
	font-size: 0;
	line-height: 0;
	clear: both;
}

/************** Link Styles *******************/

a img {
	border: none;
}

a {
	color: #FFFFFF;
}

a:hover {
	color: #DCFD7B;
}
/************** Styles scrolling info page *******************/
#p7s1content1 {
	width: 550px;
	z-index: 99;
	left: 0px;
	top: 0px;
	visibility: visible;
	position: absolute;
}
#p7sc1BG {
	width:598px;
	height:250px;
	z-index:99;
	border: 1px none #000000;
	position: absolute;
}
#p7scroller1 {
	position:absolute;
	width:598px;
	height:255px;
	z-index:100;
	overflow: hidden;
	clip: rect(0px 520px 298px 0px);
	visibility: visible;
}
#p7sc1Reset {
	position:relative;
	left:560px;
	top:0px;
	width:18px;
	height:18px;
	z-index:103;
}
#p7sc1Up {
	position:relative;
	left:560px;
	top:10px;
	width:18px;
	height:18px;
	z-index:103;
}
#p7sc1Down {
	position:relative;
	left:560px;
	top:20px;
	width:18px;
	height:18px;
	z-index:103;
}