/* 
thanks to Mark James for the excellent icons!
http://www.famfamfam.com/lab/icons/silk/
*/

body {
font:0.7em Verdana, Arial, helvetica, sens-serif;
color:#567475;
background:url(../images/bg.jpg);
}
/* form height bug IE*/
form {margin: 0;} 

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

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

/* divs */

div#foot {width:800px; padding: 6px; height:100%; text-align: left;}
div#main {border:1px solid #666;width:800px;background-color:#ccc; padding: 6px; height:100%;}
/*div#main_inner {border:1px solid #fff;background:url(../images/container_bg.gif);background-repeat: repeat-y; padding:30px 20px 20px 20px;}*/
div#main_inner {border:1px solid #fff; background:url(../images/visual_achter.jpg); background-repeat: repeat-x; padding:10px 0px 0px 0px;} 

/* only for index page */
div#main_inner_index {border:1px solid #fff;background:url(../images/container_index_bg.gif);background-repeat: repeat-y; padding:0px 0px 0px 0px;} 
div#rand {width:798px;background:url(../images/border.jpg);background-repeat: repeat-x;}
div#rand2 {width:798px; background:url(../images/border_2.jpg);background-repeat: repeat-x;}
div#rand3 {width:500px;background:url(../images/border_2.jpg);background-repeat: repeat-x;}
div#marge {padding:5px;}
div#lichtvlak {border:0px;background-color:#F7F7F7;}
div#zwartvlak {border:0px;background-color:#000;}
div#visual {border:1px solid #fff;width:798px;height:385px;background:url(../images/visual_index.jpg); background-repeat: no-repeat}
div#visual_info {border:1px solid #fff;width:798px;height:84px;background:url(../images/visual_info.jpg); background-repeat: no-repeat}
div#headText {width:450;padding-left:225px;padding-top:15px;}

div#supportHeader{background-color: #fff;padding:20px;padding-left:55px;}
div#witvlak {padding:10px 10px 10px 10px;background-color:#fff;}

div#top{width:800px; padding: 6px;}
div#voetnoot {position: absolute; height: 50px; width: 100%; background-color:#000; clear: both; }
div#green {padding:5px;background-color:#E2F89F;border-bottom:1px dashed #000;border-top:1px dashed #000}

/* for the tour */ 
div#black {background-color:#000;padding:0px;width:780px;color:#FFF;padding:10px;text-align:right;}

.clear{clear:both}
	
/* 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}
.grijs {font-size: 8pt; font-family: Verdana, arial; line-height: 145%; color : #CCC }
.kop {font-size: 13pt; font-family: Verdana, arial; line-height: 145%; color : #0098CC }
.groot{font-size: 13pt; font-family: Verdana, arial; line-height: 100%; color : #B0CD56; font-weight:bold}
.groter{font-size: 10pt; font-family: Verdana, arial; color : #567475 }

/* 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.white:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #fff; text-decoration:none;font-weight:normal;}
A.white:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #fff; text-decoration:none;font-weight:normal;}
A.white:active  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #fff; text-decoration:none;font-weight:normal;}
A.white:hover   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; 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.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;}

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

input.signup
{   
    border: 0px;
	background: transparent url(../images/index_signup.jpg) no-repeat center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #FFF;
	font-weight:bold;
    width: 115px;
    height: 120px;
	overflow:hidden;
	cursor: pointer; 
    cursor: hand;
}

input.signup:hover
{   background: transparent url(../images/index_signup_2.jpg) no-repeat center top;
    }


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;
}

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

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

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

/* speciaal voor de faq link in hte menu */
input.menufaq
{   
    border: 0px;
    background-color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-style: normal; 
    color: #fff; 
    text-decoration:none;
    font-weight:normal;
	overflow:hidden;
    cursor: hand;
}

input.menufaq:hover
{   
   color:red; 
   text-decoration:underline;
}


/* link naar demo form */ 
input.demo {   
border: 0px;
background-color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
color: red; 
text-decoration:none;
font-weight:normal;
width:100%;
cursor:hand;
display: block;
overflow:hidden;
width: 18em;
}

input.demo:hover{  
border: 0px;
background-color: #fff;
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;
width:100%;
cursor:hand;
display: block;
overflow:hidden;
width: 18em;
}  

/* all below tell a friend page */
input.vakvrij {
    border: 0px;
	/* border-bottom:1px dashed #999999; */
	background: #E2F89F;
	font: 11px verdana, sans-serif;
	color:#000;
	padding:3px;
	margin-bottom:0px;
	outline:none;
	border: #ccc 1px solid;
}

/* witte blokken in groene divs */
input.vakvrij:focus, input.vakvrij.sffocus {
	background: #CCC;
	/* border-bottom: red 1px dashed; */
	border: #ccc 1px solid;
}

.blok{
	background: #E2F89F;
	border: #ccc 1px solid;
	font-size:11px;
	font: 11px verdana, sans-serif;
}

/* loading spinner */
#log_res {
	border:0px;padding:5px;margin:5px auto auto auto;width:100%;
}
#log_res p {
	margin:0;
}
#log_res.ajax-loading{
    background: url(../images/spinner.gif) no-repeat center;
}
/* error msg div */
#log {position:absolute; border:1px solid #000; left:200px; top:420px; z-index:6001;width:450px;background-color:#EFEAB3;color:#000;padding:5px 5px 5px 10px;text-align: left;} 
#log p {margin:0;padding:4px 0 4px 0;}
.error {color:#000;margin:0;padding:0;}