/*********************************************************************************
 * Stylesheet voor Oliehandel Wiersma
 * Gebruikte kleuren: 	#EED82C (geel)
 * 						#92C04E (groen voor achtergrond)
 **********************************************************************************/

html, body {
	height: 100%;
}

img { border: 0 none; }

body {
 	margin: 0; 
	padding: 0; 
	font-family: Verdana, Arial, Geneva, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #043001;
	background-color: #92C04E;
	background-image: url(../images/bg_blokjes.jpg);
	background-repeat: repeat-x;
}

div#frame {
	position: absolute;
	height: 100%;
	background-image: url(../images/bg_verloop.jpg); 
	background-repeat: repeat-y;
	background-position: -8px 0;
/*	background-color: #556F2D; */
}

div#links {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 5px;
	background-color: #EED82C;
	background-image: url(../images/bg_gelebaan.gif); 
	
}

div#links img {
	border: 0;
	padding-right: 5px;
}


div#links ul {
	list-style: none;
	margin: 5px;
	padding: 0 0 120px 0;
}

div#links a {
	color: #23488C;
	text-decoration: none;
	font-weight: bold;
}

div#links a:hover {
	background-color: #FBE956;
}


div#links form {
	display: inline; 
	padding: 30px 0 0 0; 
	margin: 0;
}

#aanmeldbutton, #afmeldbutton {
	display: none;
}

div#links input {
	margin: 3px; 
	height: 18px; 
	font-size: 10px;
	display: block;
	border: 1px solid gray;
}

input.schaduw {
	background-image: url(../images/blueshadow.gif);
}

input#email {
	border: 1px solid #EED82C;
	background-color: #EED82C;
}


div#top {
	position: relative;
	margin-left: 91px;
	height: 164px;
	width: 649px;
	background-image: url(../images/bg_top.jpg);
}

div#topimg {
	padding-left: 230px;
	padding-top: 120px;
	color: gray;
	font-size: 10px;
}

div#topimg img {
	margin-right: 5px;
	border: 0;
}


div#menu {
	position: relative;
	margin-left: 91px;
	background-image: url(../images/bg_menu.jpg);
	background-repeat: no-repeat;
	height: 50px;
}

div#content {
	position: relative;
	margin-left: 174px;
	background-color: #92C04E;
	z-index: 1;
	width: 70%;
}


div#hoekje {
	position: fixed; 
	bottom: 0px;
	right: 0px;
	width: 524px;
	height: 117px;
	background-image: url(../images/bg_hoekje.gif); 
	background-repeat: no-repeat; 
	background-position: bottom right; 
	z-index: 40;
}

div#content input, textarea {
	border: 1px solid white;
}


.pointer {
	cursor: pointer;
}

.close {
	background-color: #D91E1E;
	font-weight: bold;
	color: white;
	border: 1px solid white;
	padding: 3px;
	float: right;
}

.close a {
	color: white;
	text-decoration: none;
}

.close a:hover {
	background-color: #EB4040;
	text-decoration: none;
}


a {
	color: #056A22;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	background-color: #DAFBDA;
}


td {
	font-size: 10px;
	vertical-align: top; 
}


td.tekst {
	text-align: right;

}

table.wallpaper {
	border: 1px solid black;
	margin: 0;
	padding: 5px;
	border-collapse: collapse;
}

table.wallpaper th {
	text-align: left;
	background-color: #4B6FC1;
	color: white;
}

table.wallpaper tr {
	padding: 0;
	margin: 0;
}
table.wallpaper td {
	font-size: 10px;
	vertical-align: bottom;
}


fieldset {
	width: 400px;
}

legend {
	font-size: 14px;
	font-weight: bold;
	color: black;
}


.red {
	color: red;
}

.yellow {
	color: #EED82C; 
}

/******** styles voor roterende plaatjes *************/


div.rotatingImage3 {
	width: 220px; 
	height: 164px; 
	border: 0;
}

div#imageContainer {
	position: relative;
	top: 0;
	left: 0;
	width: 220px;
	height: 164px;
	float: left; 
	text-align: center;
}

div#subImageOnder {
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
}

div#subImageBoven {
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
}

div#subImagePreload {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}



/********* EINDE stijl voor roterende plaatjes ****************/


div#xmlhttp_response {
	border: 1px solid green;
	background-color: #EED82C;
	width: 400px;
	padding: 5px;
	padding-bottom: 20px;
	z-index: 99;
	display: none;
}

span.highlight {
	background-color: #EED82C;
}

span.titel {
	font-weight: bold;
	font-size: 14px;
}


ul.links li {
	margin-top: 5px;
}

li.categorie {
	padding-top: 15px;
}




/* CoolMenus 4 - default styles - do not edit */
.clCMAbs {
	position:absolute; 
	visibility:hidden; 
	left:0; 
	top:0;
}
/* CoolMenus 4 - default styles - end */
   
/*Style for the background-bar*/
.clBar { 
	position:absolute; 
	width:10; 
	height:10; 
	visibility:hidden
}

/*Styles for level 0*/
.clLevel0,.clLevel0over {
	position:absolute; 
	padding:5px; 
	font-family:tahoma,arial,helvetica; 
	font-size:12px; 
	font-weight:bold
}

.clLevel0 { 
	color:#000;
}

.clLevel0over {
	color:Yellow; 
	cursor:pointer; 
	cursor:hand; 
}

.clLevel0border {
	position:absolute; 
	visibility:hidden; 
}

/*Styles for level 1*/
.clLevel1, .clLevel1over {
	position:absolute; 
	padding:4px 2px 2px; 
	font-family:tahoma, arial,helvetica; 
	font-size:11px; 
	font-weight:bold;
	background:#42A755;
	border: 1px #055301 solid;
}

.clLevel1 {
	color:#000;
}

.clLevel1over {
	color:Yellow; 
	cursor:pointer; 
	cursor:hand; 
}

.clLevel1border {
	position:absolute; 
	visibility:hidden; 
}

/*Styles for level 2*/
.clLevel2, .clLevel2over {
	position:absolute; 
	padding:2px; 
	font-family:tahoma,arial,helvetica; 
	font-size:10px; 
	font-weight:bold
}

.clLevel2 {
	background-color:Navy; 
	layer-background-color:Navy; 
	color:white;
}

.clLevel2over {
	background-color:#0099cc; 
	layer-background-color:#0099cc; 
	color:Yellow; 
	cursor:pointer; 
	cursor:hand; 
}

.clLevel2border {
	position:absolute; 
	visibility:hidden; 
	background-color:#006699; 
	layer-background-color:#006699
}

#oCMenubbar {
	top: 100px;
}