body,
html {
	margin:0;
	padding:0;
}
body {
	min-width:900px;
}
body, td, p {
  font-size: 10pt;
  font-family: Arial, Helvetica, sans-serif;
}

a, a:visited {
  text-decoration:none;
  color: #64B825;
  font-weight: bold;
}

a:hover {
  color: #FF6600;
}


a.linkSecondary {
  color: DarkGray;
  font-size: 85%;
}

a.linkSecondary:hover {
  color: #64B825;
  font-size: 85%;
}

label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

input, textarea {
	width:auto;
	margin:5px 0 0 10px;
  border:1px solid #AFAFAF;
}
input.button {
  border:1px solid #AFAFAF;
  font-weight:bold;
  color: #64B825;
}

#navigation {
	margin:0 auto;
	width:900px;
	position:relative;	
}

#logo {
  width:300px;
  float:left;
}
#betablock {
  position:absolute;
  top:0px;
  left: 300px;
}
#topmenuwrapper {
	width:600px;
  float:right;
  padding-top:55px;
  border-bottom: 1px solid #FF6600;
}

#topmenu {
  float:left;
  padding-left:10px;  
}

#login {
  margin-right:10px;
  float:right;
}

#contentwrapper {
	margin:0 auto;
	width:900px;
}

#log {
  position:absolute;
  left:10px;
  top:100px;
  width:150px;
  height:600px;
}

#content {
  margin-left:10px;  
  padding:10px;
  width:700px;
  float:left;
  border: 1px solid #808080;
  background-color:#F0FFF0;  
}

#content h2 {
  color: #FF6600;
  margin-bottom: 0px;
  font-size: 135%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: DarkGray;
  margin-bottom: 6px;
}
#content h3 {
  color: #FF6600;
  margin-bottom:0px;
  margin-top:50px;
}
#content p {
  margin-top:5px;
}
#content label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

#content input, #content textarea {
	width:auto;
	margin:5px 0 0 10px;
  font-size:10pt;
  border:1px solid #AFAFAF;
}
#content input.button {
  border:1px solid #AFAFAF;
  font-weight:bold;
  color: #64B825;
}

#toolbox {
  width: 400px;
  height: 300px;
  z-index: 99;
  background-color: red;
  float:right;
  clear:both;
  display: none;
}

#right {
  width: 140px;
  float:right;
  padding-top:10px;  
  padding-left:10px;  
  padding-right:10px;
  border: 1px solid #808080;
  background-color:#F0FFF0;    
}

#right h3 {
  color: #FF6600;
  margin-bottom: 0px;
  font-size: 115%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: DarkGray;
  margin-bottom: 6px;
}
#right ul {
  padding:0px;
}
#right li {
  list-style:none;
}
#right label {
  width: 50px;
}
#right div.right_plottr {
  border-bottom: 1px solid DarkGrey;
  margin-bottom: 5px;
}

#right div.right_plottr p {
  font-size: 80%;
  padding:0px;
  margin:0px; 
}

div.infowindow {
  width:350px;
  padding-top:10px;
}

.blogiframe {
  border:0px;
  height: 200px;
}

.small, #content a.small, #content a.small:visited {
  font-size: 8pt;
}

.red {
  color: red;
  font-size: 11pt;
}

#overlay {
  display: none;
  background-image: url(/if/overlay.png);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 90;
  width: 100%;
  height: 100%;  
  text-align:center;
  margin:auto;
}

#box {
  position:absolute;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #FFFFFF;
}
#closebox {
  position:absolute;
  width: 10px;
  height: 10px
}


/*
geel: #FFC514
groen: #64B825
oranje: #FF6600
grijs: #AFAFAF
*/