body {
font:0.7em Verdana, Arial, helvetica, sens-serif;
color:#567475;
/* Thanks to : http://ceido.co.uk/ */
background:url(../images/tegel.gif);
margin-left:0;
margin-top:10px;
align:center;
}

h1 {
	font-size: 13pt;
	font-family: Verdana, arial;
	margin-bottom: 2px;
	color: #567475;
}

hr {
   border:0px; 
   border-top:1px dotted #A5AEC5; 
   height:0px;
}

/* adres onder aan pagina */
.adres {
	background: #000;
	margin-left:0;
	margin-top:0;
	align:center;
	width: 820px;
}
div#adres {margin:auto;width:825px;background-color:#000; padding: 6px; height:100%;}

/* formulier velden */
input.veld {
	border: 1px solid #99b3b4;
	width: 170px;
	background: #e4ebeb;
	font: 11px verdana, sans-serif;
	color:#443;
	padding:3px;
	margin-bottom:4px;
	outline:none;
}

input.veld:focus, input.veld.sffocus {
	background: #fff;
	border-color: #090;
}

input.vakvrij {
	border: 1px solid #99b3b4;
	background: #e4ebeb;
	font: 11px verdana, sans-serif;
	color:#443;
	padding:3px;
	margin-bottom:0px;
	outline:none;
}

input.vakvrij:focus, input.vakvrij.sffocus {
	background: #fff;
	border-color: #090;
}

input.kleintje {
	background-color:#FFFFFF;
	border-bottom: 1px dotted #000;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	font: 11px verdana, sans-serif;
	color:#443;
	padding:3px;
	margin-bottom:0px;
	outline:none;
}

input.kleintje:focus, input.kleintje.sffocus {
	background: #fff;
	border-color: #090;
}

/* dropdowns */

option {BACKGROUND: #EFEFF1; SCROLLBAR-FACE-COLOR: #EEEEE6;
SCROLLBAR-HIGHLIGHT-COLOR: #999999; SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
font-family:verdana,arial; font-size: 11px; COLOR: #3e5856;
border: solid #3e5856; border-width: 0;}

/* tekstblok */

.blok{
background: #e4ebeb;
border-top:0px solid #999999;
border-left:0px solid #999999;
border-right:0px solid #999999;
border-bottom:0px solid #999999;
font-size:11px;
font-family:verdana,arial;
}

.drop{
	width: 180px;
}

div#main {border:1px solid #000;margin:auto;width:820px;background-color:#fff; padding: 6px; height:100%;}
div#main_inner {border:1px solid #000;margin:auto;background:url(../images/achtergrond_tegel.jpg);background-repeat: repeat-y; padding:30px 20px 20px 20px; }

div#main_inner2 {border:1px solid #000;margin:auto;background:url(../images/achtergrond_tegel2.jpg);background-repeat: repeat-y; padding:30px 20px 20px 20px; }

div#main_inner_molens {border:1px solid #000;}
div#main_inner_index {border:1px solid #000;background:url(../images/achtergrond_index.jpg);background-repeat: repeat-y;}
div#witvlak {padding:10px 10px 10px 10px;background-color:#fff;}

div#container {border:1px solid #666;margin:auto;width:420px;}
div#container_small {border:1px solid #666;margin:auto;width:330px;}
div#container_medium {border:1px solid #666;margin:auto;width:400px;}
div#container_wide {border:1px solid #666;margin:auto;width:760px;}
div#container_top {background-color:#99b3b4;padding:5px;margin:auto;color:#fff;}
div#container_inner {padding:5px;background-color:#fff;}

div#top{margin:auto;width:820px;padding: 6px;}
div#voetnoot {position: absolute; height: 50px; width: 100%; background-color:#000; clear: both; }

/* foto beheer */
div#container_foto {border:1px solid #ccc;margin-right:1px;padding:2px 2px 2px 5px;width:125px;height:165px;}
div#container_foto_inner {padding:10px 0px 0px 0px;background-color:#fff;}

.clear{clear:both}

/* error msg div */
#log {border:1px dotted red;padding:15px;margin:10px auto auto auto;width:300px;background-color:#fff;}
#log p {margin:0;padding:4px 0 4px 0;}
.error {color:red;margin:0;padding:0;}
select{border: 1px solid #99b3b4;background: #e4ebeb;font: 11px verdana, sans-serif;color:#443; width:200px;}
div.pages div,div.pages a{margin-right:1px;padding:1px 5px 2px 5px;border:1px solid #99b3b4;text-decoration:none;font-size:12px;color:#99b3b4;}
div.pages div,div.pages a:hover{border:1px solid #99b3b4;background-color:#99b3b4;color:#fff;}
div.pages .current{border:1px solid #443;background-color:#99b3b4;color:#fff;}

#help {position: relative;z-index:2;border:1px dotted #fff ;padding:15px;margin:10px auto auto auto;width:300px;;}
#melding {border:1px dotted red;padding:2px;margin:2px auto auto auto;width:300px;background-color:#fff;}

/* foto opladen popup */
#popup {position:absolute; left:0; top:25; z-index:6001;border:0px solid #fff;padding:5px;width:750px;background-color:#fff;font-size: 10pt; font-family: Verdana, arial;color : #000}

/* tekst */
.tekst {font-size: 8pt; font-family: Verdana, arial; line-height: 145%; color : #000 }
.tagline {font-size: 8pt; font-family: Verdana, arial; line-height: 145%; color : red }
.payoff {font-size: 8pt; font-family: Verdana, arial; line-height: 145%; color : #97C50E}
.oranje {line-height: 100%; color : #FF9900}
.witje {font-size: 8pt; font-family: Verdana, arial; line-height: 145%; color : #FFF }

/* links */
A.rood:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: red; text-decoration:none;font-weight:normal;}
A.rood:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: red; text-decoration:none;font-weight:normal;}
A.rood:active  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: red; text-decoration:none;font-weight:normal;}
A.rood:hover   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: red; text-decoration:none;font-weight:normal;border-bottom:1px dotted red;}

A.wit:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #fff; text-decoration:none;font-weight:normal;}
A.wit:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #fff; text-decoration:none;font-weight:normal;}
A.wit:active  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #fff; text-decoration:none;font-weight:normal;}
A.wit:hover   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:red; text-decoration:none;font-weight:normal;text-decoration:underline;}

A.zwart:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#000000; text-decoration:none;}
A.zwart:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#000000; text-decoration:none;}
A.zwart:active  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#999999; text-decoration:none;}
A.zwart:hover   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:red; text-decoration:none;font-weight:normal;border-bottom:1px dotted red;}

A.groot:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: red; text-decoration:none;font-weight:normal;}
A.groot:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: red; text-decoration:none;font-weight:normal;}
A.groot:active  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: red; text-decoration:none;font-weight:normal;}
A.groot:hover   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color:#999999; text-decoration:none;font-weight:normal;text-decoration:underline;}

A.blauw:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #0EA5DE; text-decoration:none;font-weight:normal;}
A.blauw:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #0EA5DE; text-decoration:none;font-weight:normal;}
A.blauw:active  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #0EA5DE; text-decoration:none;font-weight:normal;}
A.blauw:hover  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:red; text-decoration:none;font-weight:normal;border-bottom:1px dotted red;}

A.db:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#567475; text-decoration:none;font-weight:normal;}
A.db:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#567475; text-decoration:none;font-weight:normal;}
A.db:active  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#567475;  text-decoration:none;font-weight:normal;}
A.db:hover  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:red; text-decoration:none;font-weight:normal;border-bottom:1px dotted red;}



/* loading spinner */
#log_res {
	border:0px;padding:5px;margin:5px auto auto auto;width:300px;
}
#log_res p {
	margin:0;
}
#log_res.ajax-loading
	{background: url(../images/spinner.gif) no-repeat center;
}

input.knop
{   background-color: #99b3b4;
    border: solid 1px;
	border-color: SlateGray;
    color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
    padding: 0px;
	text-decoration: none;
    width: 13em;
	display: block;
	overflow:hidden;
    cursor: hand;
}

input.knop:hover
{   background-color: #FFFFFF;
    color: Black;}

/* depress effect on click */
input.knop:active, input.knop:focus {
	border: solid 1px;
	border-color: #039 #99f #99f #039;
    letter-spacing: normal;
}

/* administratie verwijderknop */
input.del
{   background-color: #99b3b4;
    border: solid 1px;
	border-color: SlateGray;
    color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
    padding: 0px;
	text-decoration: none;
    width: 9em;
	display: block;
	overflow:hidden;
    cursor: hand;
}

input.del:hover
{   background-color: #FFFFFF;
    color: Black;}

/* depress effect on click */
input.del:active, input.del:focus {
	border: solid 1px;
	border-color: #039 #99f #99f #039;
    letter-spacing: normal;
}

/* foto beheer */
input.mini
{   background-color: #99b3b4;
    border: solid 1px;
	border-color: SlateGray;
    color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
    padding: 0px;
	text-decoration: none;
    width: 2em;
	display: block;
	overflow:hidden;
    cursor: hand;
}

input.mini:hover
{   background-color: #FFFFFF;
    color: Black;}

/* depress effect on click */
input.mini:active, input.mini:focus {
	border: solid 1px;
	border-color: #039 #99f #99f #039;
    letter-spacing: normal;
}

/* help popups */

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fff;
    color:#999;
    text-decoration:none}

a.info:hover{z-index:125; background-color:#E8E8E8;text-decoration:none;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: -8em; 
	left:-5em; 
	width:18em;
	height:auto;
	padding: 1px 3px 2px 3px;
    border:1px solid #fff;
    background-color:#D9FF64; 
	color:#000;
    text-align: left;
	font-weight:normal;
	text-decoration:none;}
	
  
/* administratie */
.tabelStijl0 {
background: #F0F0F0;
border-top: thin;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #333333;
}
.tabelStijl1 {
background: #FFFFFF;
border-top: thin;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #333333;
}

/* loading boodschap onder dropdownmenu */
.loading {color:red;margin:0;padding:0;z-index:0;}