/************************************************************************************************/
/*TEMPLATE*/
/************************************************************************************************/
*{margin:0;padding:0;font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;font-size:14px}
img{border:0px}
.fix_div_flow{clear:both;font-size:0px}
body{padding:0px 0px 5px 0px;background:url(../images/home_back.gif) repeat-x}
body.page{background:url(../images/pageback.gif) repeat-x}
html{height:100%;overflow: -moz-scrollbars-vertical;overflow-y:scroll}
hr{height:1px;background-color:#999;border:0px;margin:10px 0px 10px 0px}
br{font-size:6px}
div.spacer{height:20px}
fieldset{border:0;padding:0;margin:0}
a{color:#0051ff;border-bottom:1px dotted #999;text-decoration:none}
a:hover{color:#0051ff;border-bottom:1px dotted #52983b;text-decoration:none;font-weight:bold}

#container{width:770px;margin:auto auto}
body.page #container{position:relative;background:url(../images/pagetop.gif) no-repeat}

/*
Fix voor breedte van select list van instellingen_sms_aan_zetten.html
In FF was is dit te smal waardoor de getallen niet helemaal zichtbaar waren
Deze regel mag weggelaten worden indien het de bedoeling was;-)
*/
select{min-width:43px}

test{visibility:hidden}

/************************************************************************************************/
/*POP UP*/
/************************************************************************************************/
#topframemaker{}
#fade{position:absolute;background:#e2f5d3;height:2000px;width:100%;top:0;left:0;_filter:alpha(opacity=70);-moz-opacity:.5;opacity:.7;z-index:500}
#topframestart{position:absolute;width:100%;z-index:1000;top:30%}

.topframe{position:relative;width:446px;border:1px solid #c9d4b3;background-color:white;background-image:url(../images/popup_back.jpg);background-repeat:repeat-x;margin-left:35%;margin-left:auto;margin-right:auto}
.topframe .imgleft{position:absolute;left:10px;top:10px}
.topframe h1{font-weight:normal;font-size:12px;margin:15px 10px 10px 90px}
.topframe h1.note{font-weight:normal;font-size:12px;margin:10px 10px 10px 10px}
.topframe .fritem{margin-left:90px;padding-bottom:15px;padding-top:15px}
.topframe .fritem a.check{padding-left:20px;background-image:url(../images/check.gif);background-repeat:no-repeat;background-position:center left;font-size:12px;font-weight:bold;color:black}
.topframe .fritem a.cancel{margin-left:40px;padding-left:20px;background-image:url(../images/cancel.gif);background-repeat:no-repeat;background-position:center left;font-size:12px;color:black}
.topframe table.popup{margin:0px 0px 0px 90px;position:relative}
.topframe table.popup tr.num2{background-color:#f1f1f1}
.topframe table.popup td{height:30px;width:60px;text-align:center}
.topframe table.gegevens{margin:0px 0px 0px 40px;position:relative}
.topframe table.gegevens tr.num2{background-color:#f1f1f1}
.topframe table.gegevens tr.num1{background-color:#fff}
.topframe table.gegevens td{height:30px;width:60px;text-align:center}

/************************************************************************************************/
/*HEADER*/
/************************************************************************************************/
#header{position:relative;background:url(../images/home_intro.gif);width:770px;height:300px}
body.page #header{position:relative;height:80px;background:none}

#header #intro p{font-size:14px;position:absolute;width:500px;height:60px;top:147px;left:45px}

/*
#header #start{position:absolute;top:225px;left:45px;width:298px;height:49px;background:url(../images/start_b.gif)}
#header #start:hover{background:url(../images/start_b_hover.gif)}
#header #start h1{padding:10px 0px 0px 55px}
#header #start a{font-size:18px;font-weight:bold;color:white;text-decoration:none}
*/
#header #start{position:absolute;top:225px;left:45px}
#header #start h1{padding:0}
#header #start a{display:block;width:243px;height:37px;background:url(../images/start_b.gif);padding:12px 0 0 55px;font-size:15px;font-weight:bold;color:white;text-decoration:none;border-bottom:0px}
#header #start a:hover{background:url(../images/start_b_hover.gif)}

#menu{float:right;margin:0px 8px 0px 0px;display:inline}
#menu ul{list-style:none}
#menu li{float:left;background:url(../images/menuback_off.gif) top left;margin-left:1px}
#menu li.sel{float:left;background:url(../images/menuback.gif) top left;border-left:1px solid #a5c972;border-right:1px solid #a5c972}
#menu li a{color:white;font-size:18px;text-decoration:none;line-height:43px;padding:0px 10px 0px 10px;border-bottom:0px;font-weight:normal}

/************************************************************************************************/
/*HOME PAGE*/
/************************************************************************************************/
#homeleft{width:460px;float:left;border-right:1px solid #e8e8e8;margin:0px 0px 0px 30px;padding:10px;display:inline}
#homeright{width:235px;float:left;border:0px solid black;margin:0px 0px 0px 0px;padding:10px}

#homeleft .pop{}
h1.title{color:#a80000;font-size:18px;padding:10px 0px 10px 0px;font-weight:normal}

.features{clear:both}
.features img.left{float:left;padding-right:15px}
.features img.right{float:right;padding:15px 15px 0px 15px}
.arrow{padding:0px 0px 0px 30px;background-position:center left;background-repeat:no-repeat;background-image:url(../images/ico_arrow.gif);display:inline}
.features p a{color:#52983b;border-bottom:1px dotted #999;text-decoration:none}
.features p a:hover{color:#52983b;border-bottom:1px dotted #52983b;text-decoration:none;font-weight:bold}
.features p span{padding:0px 15px 0px 15px}

/************************************************************************************************/
/*FOOTER*/
/************************************************************************************************/
#footer{clear:both;text-align:center;padding:5px 0px 0px 0px;margin:10px 0px 0px 0px;border-top:1px solid #e8e8e8}
#footer span{padding:0px 10px 0px 10px}

/************************************************************************************************/
/*teller*/
/************************************************************************************************/
#page{padding:0px 25px 0px 25px;width:720px}

.box1{border:1px solid #e4e4e4;background-color:white;padding:1px}
.box2{border:1px solid #bdbdbd;background-color:white;padding:3px}
/* IE hack */
* html .box2{height:1%}

.box1off{border:1px solid #efefef;background-color:white;padding:1px}
.box2off{border:1px solid white;background-color:white;padding:3px}
/* IE hack */
* html .box2off{height:1%}

.back1{background:url(../images/fade_grey.gif) repeat-x 0px 32px;line-height:1.2}
.back2{background:url(../images/fade_blue.gif) repeat-x 0px 32px}
.backoff{background:url(../images/fade_off.gif) repeat-x 0px 32px}

.tabs{margin:0px 8px 0px 0px;display:inline}
.tabs ul{list-style:none}
.tabs li{float:left; margin:0px 3px 0px 0px}
.tabs li.sel{float:left}
.tabs li.sel a{line-height:30px;padding:0px 10px 0px 10px;color:black;border-bottom:0px}
.tabs li a{line-height:30px;padding:0px 10px 0px 10px;border-bottom:0px}

.style1 li{background:url(../images/tab_grey.gif) top left}
.style1 li.sel{background:url(../images/tab_grey_sel.gif) top left}
.style1 li a{color:#999;font-size:14px;text-decoration:none;border-bottom:0px}

.style2 li{background:url(../images/tab_grey.gif) top left}
.style2 li.sel{background:url(../images/tab_blue_sel.gif) top left}
.style2 li.sel.statsdayview a{padding:0px 10px 0px 25px;margin-left:10px;background-position:center left;background-repeat:no-repeat;background-image:url(../images/statimage.gif)}

.style2 li a{color:#979797;font-size:14px;text-decoration:none;font-weight:bold;border-bottom:0px}
.style2 li a:hover{color:black}

.styleoff li.stylish ul{width:240px}
.styleoff li{background:none;float:left}
.styleoff li.sel{background:url(../images/tab_blue_off_sel.gif) top left}
.styleoff li.sel a{color:#78ABAF}
.styleoff li.stylish ul a{color:#78ABAF;display:block;width:100px;float:left}
.styleoff li a{color:#d0d0d0;font-size:14px;text-decoration:none;font-weight:bold;border-bottom:0px}
.styleoff li a:hover{color:black}

.styleoff2 li{background:none}
.styleoff2 li.sel{background:url(../images/tab_blue_off_sel.gif) top left}
.styleoff2 li.sel a{color:#78ABAF}
.styleoff2 li a{color:#d0d0d0;font-size:12px;text-decoration:none;border-bottom:0px}
.styleoff2 li a:hover{color:black}

.tabs a.link{text-decoration:underline;border-bottom:0px}
.tabs li.sel a.link{text-decoration:underline;padding:0px 10px 0px 0px;border-bottom:0px}

.style1 li.sel a{color:black;font-size:14px;text-decoration:none;font-weight:bold;border-bottom:0px}

.boxin{padding:13px;clear:both}
/* IE hack */
* html .boxin{padding-top:5px}

.boxin h1.title{padding-top:0px}
/*
.synopsis{background:url(../images/synback.gif) repeat-x;position:relative}
*/
.synopsis{position:relative}
.synopsisstats{background-color:white;float:left;width:100%}
.synopsis span{font-weight:bold;font-size:18px;vertical-align:middle}

.synopsis .statleft{border-right:1px solid #d6d6d6;width:290px;float:left;margin:15px 0px 15px 15px}
/* IE hack */
* html .synopsis .statleft{margin:7px 0 15px 7px}

/*
.day .statleft{width:200px;position:relative}
*/
.day .statleft{width:200px;float:left}
/*
.day .calendar{width:55px;height:69px;position:absolute;background:url(../images/calendar.gif);top:10px;left:240px;text-align:center}
*/
.day .calendar{width:55px;height:69px;background:url(../images/calendar.gif);text-align:center;float:left;margin:6px 0 0 20px}
.day .calendar h4{font-size:24px;padding:20px 10px 0px 0px;line-height:20px;font-weight:normal;color:#656565}
.day .calendar h5{font-size:12px;font-weight:bold;padding:0px 10px 0px 0px;color:#717171}

.synopsis .statleft .user{margin:0px 0px 10px 0px}
.synopsis .statright{float:right;margin:15px 0px 0px 0px;text-align:center;width:330px}
.day .statright{width:300px}

/*
.syn_back{background:url(../images/syn_black.gif) repeat-x center top;text-align:center;background-color:black;padding:4px 0px 4px 0px;clear:both}
*/
.syn_back{background:url(../images/syn_black.gif) repeat-x center top;text-align:center;background-color:black;padding:4px 0px 4px 0px;float:left;clear:both;height:20px;width:100%}
.syn_back p{color:white;font-size:12px}
.syn_back a{color:white;font-size:12px}

.main{clear:both;width:215px;border-right:1px solid #d6d6d6;position:relative}
.main p{font-size:12px;margin:5px 5px}
.main p a{font-size:12px;margin:5px 5px;color:#000;text-decoration:none}
.main p a:hover{font-size:12px;margin:5px 5px;color:#000;text-decoration:none}
.main .banner{position:absolute;top:0px;right:-475px;width:468px;height:60px}

.main .spotlight-left{position:absolute;top:-8px;left:240px;width:200px;height:70px}
.main .spotlight-left h1{font-size:11px;text-decoration:none;color:#000}
.main .spotlight-left h2{font-weight:normal;font-size:11px;color:#999}
.main .spotlight-left h3{font-weight:normal;font-size:11px;color:#0051ff}
.main .spotlight-left h3 a{font-weight:normal;font-size:11px;color:#0051ff}
.main .spotlight-left h3 a:hover{font-weight:normal;font-size:11px;color:#52983b}

.main .spotlight-right{position:absolute;top:-8px;left:465px;width:200px;height:70px}
.main .spotlight-right h1{font-size:11px;text-decoration:none}
.main .spotlight-right h2{font-weight:normal;font-size:11px;color:#999}
.main .spotlight-right h3{font-weight:normal;font-size:11px;color:#0051ff}
.main .spotlight-right h3 a{font-weight:normal;font-size:11px;color:#0051ff}
.main .spotlight-right h3 a:hover{font-weight:normal;font-size:11px;color:#52983b}

.main .spotlight-click{position:absolute;top:-34px;left:560px;width:200px;height:70px}
.main .spotlight-click h4 a{font-weight:normal;font-size:10px;color:#999}
.main .spotlight-click h4 a:hover{font-weight:normal;font-size:10px;color:#52983b}

.ico{padding:0px 0px 0px 30px;background-position:center left;background-repeat:no-repeat}
.wheel{background-image:url(../images/ico_wheel.gif)}
.logo{background-image:url(../images/statimage.gif)}
.stats{background-image:url(../images/ico_stats.gif)}
.user{background-image:url(../images/ico_user.gif)}
.pages{background-image:url(../images/ico_pages.gif)}
.date{background-image:url(../images/ico_date.gif)}
.time{background-image:url(../images/ico_time.gif)}
.window{background-image:url(../images/ico_window.gif)}
.arrow{background-image:url(../images/ico_arrow.gif)}

table.data{}
table.data .left{text-align:left}
table.data tr.head{background:url(../images/tablehead_back.gif) repeat-x bottom left;text-align:center}
table.data tr.num{background-color:#f1f1f1;text-align:center}
table.data tr.num span{padding-left:20px;font-weight:normal}
table.data tr.num span a{font-size:11px;font-weight:normal}
table.data tr.num h2{text-align:left;margin:0px 0px 0px 15px}
table.data tr.num h2 a{color:black;border-bottom:1px dotted #999;text-decoration:none}
table.data tr.num h2 a:hover{color:#52983b;border-bottom:1px dotted #52983b;text-decoration:none}
table.data tr.num h3{text-align:left;margin:0px 0px 0px 15px}
table.data tr.num h3 a{color:black;font-size:8px,border-bottom:1px dotted #52983b;text-decoration:none}
table.data td{height:30px}

table.data2{}
table.data2 .left{text-align:left}
table.data2 tr.head2{background:url(../images/tablehead_back.gif) repeat-x bottom left;text-align:center}
table.data2 tr.num2{background-color:#f1f1f1;text-align:center}
table.data2 tr.num2 h2{text-align:left;margin:0px 0px 0px 15px;font-size:11px;color:#000}
table.data2 tr.num2 h2 a{font-size:12px;font-weight:normal;color:#000}
table.data2 tr.num2 h2 a:hover{font-size:12px;font-weight:normal;color:#52983b}
table.data2 tr.num2 h3{text-align:left;margin:0px 0px 0px 15px;font-size:11px;color:#999;font-weight:normal}
table.data2 tr.num2 h4{text-align:left;margin:0px 0px 0px 15px;font-weight:normal}
table.data2 tr.num2 h4 a{font-size:11px;font-weight:normal;color:#00000}
table.data2 tr.num2 h4 a:hover{font-size:11px;font-weight:normal;color:#52983b}
table.data2 tr.num2 h5{font-size:11px;color:#999;font-weight:normal}

table.data2 td{height:30px}

.edit_teller{text-align:left;margin:15px}

.formedit p{color:#858585;text-align:left;position:relative;color:black;font-size:12px;padding:10px 0px 0px 0px}
.formedit p input{position:absolute;right:0px;top:6px;font-size:14px}

.formedit2 p{color:#858585;text-align:left;position:relative;color:black;font-size:12px;padding:10px 0px 0px 90px}
.formedit2 p input{top:6px;font-size:14px}

.ref{}
.ref .refpages{width:25px;border-top:1px solid #7aa53f;float:left}
.ref .refpages ul{list-style:none}
.ref .refpages ul li{display:block;width:25px;height:22px;background:url(../images/ref_pages_off.gif)}
.ref .refpages ul li:hover{background:url(../images/ref_pages_sel.gif)}
.ref .refpages ul li a{font-weight:bold;font-size:12px;display:block;width:17px;height:22px;text-decoration:none;color:black;padding:2px 0px 0px 8px;border-bottom:0px}
.ref .refpages ul li.sel{width:25px;height:22px;background:url(../images/ref_pages_sel.gif)}
.ref .refpages ul li.sel a{color:white}

.ref .refdata{float:right;width:560px}
.ref .refdata div{background:url(../images/td_back_green.gif) no-repeat left bottom;padding:5px}
.ref .refdata h1.title{padding:0px 0px 0px 0px}
.ref .refdata .ico{padding:0px 0px 0px 15px;font-size:12px}
.ref .refdata .ico a{font-size:13px;color:black;text-decoration:none;font-weight:normal}
.ref .refdata .ico a:hover{text-decoration:none;color:#52983b;border-bottom:1px dotted #52983b}
.ref .refdata .ico span{padding:10px 10px}

/************************************************************************************************/
/*Tour date*/
/************************************************************************************************/
.remark{color:#F00}

/************************************************************************************************/
/*REGISTER*/
/************************************************************************************************/
.register{width:670px;margin:auto auto;padding-top:0px}
#create_account{height:100px;position:relative;margin-top:25px}
#create_account h1{color:#a80000;font-size:18px}
#create_account p{width:480px}
#create_account img.icon{position:absolute;top:-50px;right:35px}

h1.back_reg{font-size:14px;color:white;font-weight:bold;height:23px;display:block;background-image:url(../images/back1.jpg);padding:5px 0px 0px 10px}

.forms{position:relative}
.forms p{width:305px;padding:10px 0px 0px 10px}
.forms img.div_short_url{position:absolute;top:40px;left:330px}

.forms .username{position:absolute;top:35px;right:40px}
.forms .username p{text-align:left;position:relative;width:270px;color:black}
.forms .username p input{position:absolute;right:0px;top:8px;font-size:14px}

.forms .submit_form{text-align:center;margin-top:45px}
.dropdown ul{ list-style:none none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left}

.dropdown ul li{ display:inline; margin:0px 5px 0px 5px; padding:0px 3px 0px 3px; position:relative}

.dropdown ul li a{ color:#979797; font-family:arial; font-size:12px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-decoration:none}

.dropdown ul li a:hover{ text-decoration:underline}

.dropdown ul li ul{ background:#F0F0F0; border:#e4e4e4 solid 1px; display:none; left:0px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:absolute; top:25px}

.dropdown ul li ul li{ color:#000; display:block; font-family:Arial; font-size:10px; font-weight:none; left:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; top:auto; width:120px}

.dropdown ul li ul li a{ display:block; padding:3px 3px 3px 6px}

.dropdown ul li ul li ul{ left:125px; top:2px}