@charset "utf-8";
/* CSS Document */

body {background-image:url(../images/main_bg.jpg); background-repeat:repeat-x; background-color:#fbfafa}
body, div, table { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; color:#666} /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
form {margin:0; padding:0}
#main {margin:auto; width:763px;}
#header {position:absolute; visibility:hidden}
#logo { position:absolute; display:block; margin-top:11px; margin-left:376px; width:387px; height:73px; background-image:url(../images/logo.jpg); background-repeat:no-repeat; z-index:99}
#slideshow { position:absolute; visibility:hidden}
#menu{position:absolute; visibility:hidden}

#breadcrumbs { position:absolute; margin-top:0px; font-size:0.9em; padding:0 5px 0 5px; display:block; height:22px; width:753px; line-height:22px; background-color:#EFEFEF; z-index:101; /*background-image:url(../images/bg_black_trans.png)*/}
#breadcrumbs a {color:#777; text-decoration:none}
#breadcrumbs img {vertical-align:middle}
#breadcrumbs a:hover { text-decoration:underline}
#content { position:absolute; margin-top:32px; width:763px;}
#footer div{ font-size:0.9em; line-height:16px;}
#footer a{ color:#666666}
#footer a:hover {color:#0099FF}
a.footerLink {background:url(../images/vr.gif);background-position:right;background-repeat:repeat-y; padding-right:6px; margin-left:4px; float:right;}
.footerLink img{ vertical-align:middle; margin-right:4px;}

#content table {border:none}
#content table td{border:none}

.printable { visibility:visible; border:1px solid #CCCCCC; padding:20px;}

table.RR {}
table.RR span.title { height:14px;font-size:10px;}
table.RR tr.top td {height:14px;}
table.RR td.titleCell {}
table.RR td.topMiddle {background-image:url(../images/RRTop.gif);}
table.RR td.topRight {background-position:right; background-image:url(../images/RRTopRight.gif);}
table.RR td.topLeft {background-image:url(../images/RRTopLeft.gif); width:14px;}
table.RR td.middleRight {background-position:right; background-image:url(../images/RRRight.gif);}
table.RR td.content {}
table.RR td.middleLeft {background-image:url(../images/RRLeft.gif); width:14px;}
table.RR tr.bottom {background-image:url(../images/RRBottom.gif); height:14px}
table.RR td.bottomRight {background-position:right; background-image:url(../images/RRBottomRight.gif); width:14px;}
table.RR td.bottomLeft {background-image:url(../images/RRBottomLeft.gif); width:14px;}

table td.vr {background:url(../images/vr.gif);background-position:center;background-repeat:repeat-y;}

.freeTxt { line-height:1.8; margin-top:0}
.freeTxt table {border:1px solid #AAA}
.freeTxt table td {border:1px solid #AAA}
.freeTxt a {color:#3366CC}
.freeTxt ol, #pagecontent ul {margin:15px;}
.freeTxt ul li, #pagecontent ol li {margin-left:15px;}

ul {margin-left:25px; line-height:1.8em}

a:link {color:#0099FF; text-decoration:none}
a:visited {color:#0099FF; text-decoration:none}
a:hover {color:#0099FF; text-decoration:underline}
a.imgBut { display:block; line-height:16px; height:16px; text-decoration:none; font-size:1.1em}
a.imgBut img { border:none; vertical-align:middle; margin-right:2px;}

a.iconLink:link {color:#777}
a.iconLink:visited {color:#777}
a.iconLink:hover {color:#0099FF}
a.sub {color:#777; display:block; line-height:25px; background-image:url(../images/arrowset_03.gif); background-repeat:no-repeat; background-position: 1px 10px; padding-left:16px}
a.sub:hover {background-color:#F5F5F5; text-decoration:none}
a.icon {color:#777; display:block; line-height:25px; background-repeat:no-repeat; background-position: 1px 5px; padding-left:26px}
a.icon:hover {background-color:#F5F5F5; text-decoration:none}
div.icon {color:#777; display:block; line-height:25px; background-repeat:no-repeat; background-position: 1px 5px; padding-left:26px}

#accordionExample {margin:0px;}
.stretchtoggle {cursor:pointer; background-color:#F5F5F5;margin:1px 0 0 0; border:1px solid #EFEFEF}
.stretcher {position:fixed; visibility:hidden}

.hr { clear:both; display:block; height:3px; width:100%; font-size:1px; background-image:url(../images/hr.gif);}

h1 { font-size:2.1em; font-weight:normal}
h2 { font-size:1.8em; font-weight:normal}
h3 { font-size:1.4em; font-weight:normal}
h4 { font-size:1.1em}
h5 { font-size:0.9em}

p {line-height:2.0em}

.comment {font-size:0.9em; color:#999}
.label {font-size:1em; color:#888}
.hover {cursor:pointer}
.darkGrey { color:#666 }
.lightGrey { color:#999 }
.orange { color:#FFAF29}
.blue {color:#0099FF}

.underlineGrey {display:block; height:22px; padding:0; background-image:url(../images/bar_strip_grey.jpg); background-position:bottom; background-repeat:repeat-x;}
.bulletBlue {display:block; height:22px; background-image:url(../images/bullet_blue.gif); background-position:0 3px; background-repeat:no-repeat; padding-left:17px; font-weight:bold; font-size:1.1em; font-family:Arial, Helvetica, sans-serif}
.bulletOrange {display:block; height:22px; background-image:url(../images/bullet_orange.gif); background-position:0 3px; background-repeat:no-repeat; padding-left:17px; font-weight:bold; font-size:1.1em; font-family:Arial, Helvetica, sans-serif}

.listItem { padding:10px 0 10px 0; background-image:url(../images/hr.gif); background-repeat:repeat-x; background-position:bottom}
.select { background-color:#00CCFF}


.ad {cursor:pointer; width:100%}
.ad:hover{}
.roundedRect { border:1px solid #EEE; padding:15px; line-height:1.3}

input {border:1px solid #AAA}
textarea {border:1px solid #AAA}

#route { display:block; width:154px; height:154px; float:left; margin:6px 15px 0px 0px}
#routeZoom {display:block; position:absolute; margin-top:140px; margin-left:140px; width:16px; height:16px;}

#bookingPersons {background-color:#EEE; overflow-y:scroll; overflow-x:hidden; height:300px; margin:10px 0 0 15px; padding:15px}

#leftColumn { width:188px;float:left; padding-top:6px;}
#rightColumn { width:555px;float:left;margin-left:20px;}

#reisDetails {border:1px dashed #DDD; padding:20px; margin-bottom:10px;}
#reisDetails div.left {width:241px; margin: 18px 24px 0 0; float:left;}
#reisDetails div.right {width:240px; margin:18px 0 18px 0px; float:right;}
#reisDetails ul {list-style:disc;margin:0 0 10px 18px;list-style-image:url(../images/dot.gif);}
#reisDetails ul li {margin:10px 0 0 0}

.stampFullyBooked {position:absolute; margin:4px 0 0 30px; display:block; height:45px; width:100px; background-image:url(/template/default/images/volgeboekt.gif); background-repeat:no-repeat}

div.datagrid { width:500px;};


.textfield { padding:2px; margin:3px 3px 3px 0}
.radio { border:none;}
.checkbox { border:none; vertical-align:middle}
.select {  background-color:#FFFFFF; margin:3px 3px 3px 0; vertical-align:middle}
.error {color:#FF3333}
.textarea {margin:3px 3px 3px 0}

table.formTable td { padding:5px 0 5px 0}
/*table.datagrid { width:100%};*/
/*
table.datagrid tr.headerrow td { font-weight:bold };
*/