@charset "utf-8";
*{padding:0;margin:0;}
/*** Body ***/
body {
	background-color: #009137;
	font-family:"Trebuchet MS", Arial, serif; 
	font-size: 13px;
	background:url("../images/achtergrond.gif") top repeat-x;
	
}
h1 {color:#333333;font-size:1.5em;letter-spacing:-1px;margin:5px 0 10px 15px;line-height:1em;}
h1 a {color:#333333;text-transform:none;}
h2 {border-bottom: 4px solid #182939;color:#333333;font-size:1.3em;letter-spacing:-1px;margin:0 0 10px;padding:0 2px 0px 5px;}
h3 {border-bottom:2px solid #dadada;color:#333333;font-size:1.1em;font-weight:700;margin:0 0 10px;padding:0px 2px 0px 5px;}
a {color:#000000;font-weight:700;text-decoration:none;}
a:hover {text-decoration:underline;}

/*** Main wrap and header ***/
#wrap {
	color:#404040;
	margin:0px auto;
	padding:0;
	width:960px;
	background-color: #FFFFFF;
	/*border-right: 3px solid #2C4A67;*/
	/*border-left: 3px solid #2C4A67;*/	
}
#header {margin:0;background-color: #000000;}


/*** Sidebar and menu ***/
#sidebar {float:left;line-height:1.5em;margin:0 0 10px;padding:0 0 0;width:200px;background-color: #ffffff;}
#sidebar li {margin:0;}
#sidebar ul {font-size:0.9em;margin:0;padding:0 0 5px 30px;}
#sidebar a {color:#182939;font-weight:700;text-decoration:none;font-size: 13px;}
#sidebar  a:hover {text-decoration:none;color:#2c882d;font-size: 13px;}
.sidebar_table {line-height:1.6em;padding:2px ;width:200px;background-color: #ffffff;}

/* SubMenu layout en positie */	
#mainmenu{position: relative;margin-left:228px;text-decoration: none;text-align:left;text-indent:20px;}
#mainmenu ul li{list-style-type: circle;}
#smenu1{z-index: 100;position: absolute;left:5em;_left:5em;margin-top: 1.5em;width: 10em;text-decoration: none;display: block;background-color:#000000;}
#smenu1 a:hover{text-decoration: underline;color:#FFFFFF;}
#smenu1 a{text-decoration: none;width: 10em;display: block;color:#FFFFFF;}
#smenu2{z-index: 100;position: absolute;left:-6em;_left:-6em;margin-top: 1.5em;width: 10em;text-decoration: none;display: block;background-color:#000000;}
#smenu2 a:hover{text-decoration: underline;color:#FFFFFF;}
#smenu2 a{text-decoration: none;width: 10em;display: block;color:#FFFFFF;}
#smenu a:hover{text-decoration: underline;color:#FFFFFF;font-size:14px;}
#smenu a{text-decoration: none;color:#FFFFFF;font-size:14px;}

/*** Main content ***/
#content {float:right;line-height:1.8em;margin:0 5px 10px 5px;padding:0;text-align:left;width:720px;background-color: #ffffff;}
.table {margin-left:auto;margin-right:auto;} 
#lastnews a {font-size: 11px;color:#182939;text-decoration:none;list-style-image: none;}
#lastnews a:hover {font-size: 11px;color:#182939;text-decoration:underline;}
#smalltext{font-size: 10px;}
/*** Footer ***/
#footer {background-color: #000000;clear:both;color:#ffffff;font-size:0.8em;line-height:1.6em;margin:0 auto;padding:4px 0;text-align:center;border-top-width: 3px;border-top-style: solid;border-top-color: #000000;}

/*** Sidebar: Forms uiterlijk en usermenu ***/
form {display:inline;margin: 0px;padding:0px;}
input {border: 1px solid #4B4B4B;background-color: transparent;color: #3E3E3E;}
.readonly {background-color: #E5E5E5;}
#online {font-size: 12px;color:#404040;margin:0px 0px 0px 20px;}
#scroller1{width: 180px;height: 100px;}
#lastnews li{margin:0;list-style-type: circle;list-style-image: url();padding:0;}
#lastnews ul{font-size:0.9em;margin:0 0 0 15px;padding:0;}

#login_form {font-size: 12px;color:#404040;margin:0px 0px 0px 20px;}
#login_form a{font-size: 12px;color:#404040;}
#login_form a:hover{font-size: 12px;color:#404040;text-decoration:underline;}
#login_form  input{font-size: 12px;color:#404040;}
#login_form  input.button{margin:0px 0px 0px 70px;}
#login_form  input.checkbox{border: 0px solid #4B4B4B;background-color: transparent;color: #3E3E3E;}
#login_form  input.logout{margin:0px 0px 0px 30px;}


/*** Teams page ***/
#teams {font:80% "Trebuchet MS", Arial, serif;font-size: 14px;color:#404040;border:0;}
.teams {width:600px;margin-left:auto;margin-right:auto;}
.row_color {background-color:#000;color: #FFFFFF;font-weight: bolder;}

/*** Gastenboek ***/
#gb_tr {background-color:#000;color: #FFFFFF;font-weight: bolder;}
#gb_tr2 {background-color: #E5E5E5;}
#gbook {width: 400px;padding-bottom:5px ;border: 0;}
#gbook img{border: 0;}
#cmarquee02 {
	HEIGHT: 19px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; WIDTH: 4px
}
/*** Message systeem ***/
.newmail{padding-bottom:5px ;border: 0;background-color:#E9F2FF;}

/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(../images/petrol.png);
	color:#fff;
	width:656px;
	height:526px;
}
 #overlay div.close {
 right:-15px;
 top:-10px;
 } 
/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
	width:660px;
	height:515px;
	overflow-y:auto;
}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	color:#ffffff;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 960px;
	height: 30px;

}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 960px;
	height: 30px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 400px;
	height: 30px;
		margin-bottom:-10px;
}