/* cdebf5, rood: d22403 color-rechts: #3385ad* donkerblauw;#070766  orange: #FBD75C*/
html, body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}
a {
    color: inherit;
}
a:hover {
    color: inherit;
}
a:visited {
    color: inherit;
}
body {
    width: 100%;
    background: #fff url(grad_blauw.png) repeat-x;
    margin: 0;
    padding: 0;
    color: #070766;
    font: 13px/1.5em Tahoma,Arial, sans-serif;
    line-height:1.3em;
}


img {
    border: 0
}

.none {
}

#flashhaard {
    padding: 0;
    margin-left: 0px;
    background: transparent url(../images/flash/flash_i_love_amsterdam.jpg) no-repeat left top;
    height: 200px;
    border:0px solid #d22403;
    ;
}
.container {
    width: 800px;
    margin: 0;
    padding: 0;
    margin: 15px auto 40px auto;
}
#header {
    width: 800px;
    height: 115px;
    background: transparent url("header_transparant_rood4.png") no-repeat 3px 6px;
}
#language {
    position: relative;
    left: 700px;
    top: 45px;
    width: 100px;
    height: 25px;
    color: #ffffff;
}
#language img {
    padding: 5px;
    border:none;
}
.clearme {
    margin: 0;
    padding: 0;
    clear: both;
}
.clearme10px {
    margin: 0;
    padding: 0;
    clear: both;
    height: 10px;
}
#mainmenu {
    position: relative;
    left: 0px;
    top: 56px;
    height: 35px;
    color:white;
    background: #d22403  url(faded_trans.png) top repeat-x;
}
#mainmenu ul {
    margin: 0;
    padding: 0px 3px;
    list-style: none;
}
#mainmenu li {
    float: left;
    margin: 1px ;
    padding: 4px;
    height:24px;
    text-align:center;
    border: 1px solid transparent;
    border-right: 1px solid #666;
    position:relative;

}
#mainmenu li a {
    float: left;
    display: block;
    padding: 5px 7px 4px 3px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}
#mainmenu a {
    float: none;
}
#mainmenu li:hover a {
    color: #070766;
}

#mainmenu li ul {
    position: absolute;
    left:-2000px;
    top: 30px;
    width: 175px;
    background: transparent url(cdebf5_80.png) repeat;
    border: 2px solid #d22403;
    border-top: 0px;
    padding: 0px;
}
#mainmenu li:hover {
    color: #070766;
    background: #cdebf5  url(faded_trans.png) top repeat-x;
}
#mainmenu li:hover ul {
    left: -3px;
    top: 33px;
    display:block;
}
#mainmenu li ul li {
    display: block;
    clear: both;
    background-color: transparent;
    margin: 0px;
    padding: 1px 0px 1px 5px;
    border: none;
    width: 170px;
}
#mainmenu li ul li:hover {
    color: #fff;
    background-color: #d22403;
}
#mainmenu li ul li a {
    text-decoration: none;
    color: #070766;
}
#mainmenu li ul li:hover a {
    color: white;
}

/* CONTENT */
#content {
    padding: 10px 10px 0px 10px;
    margin: 0;
    background-color: #fbd75c;
    background-color: #cdebf5;
    border: 1px solid #d22403;
    border-top:0;
}

h1, h2, h3, h4 {color:#d22403;margin:10px 0 5px 0;}
h1 {font-size:1.2em;}
h2 {font-size:1.1em;}
h2 a,h2 a:visited,h2 a:hover{color:#d22403;}


#columnleft {
    width: 566px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
}

#columnleft h1{
    color:#d22403;
    margin:5px 0 5px 0;
}

.panelleft {
    background-color: #fff;
    margin: 0 0 15px 0;
    padding: 5px 15px;
    position:relative;
   
}


.leftitem{
    margin-bottom:15px;
    padding:0 0 10px 0;
    background-color:#fff;
    height:auto;
    width:566px;
}

.leftitem br{
    clear:both;
}

.leftitem div {
    /*   float:left; width:265px; */
    padding:0px;

}
.leftitem a{
    text-decoration:none;
}
.leftitem p{
    padding:0px;
    margin:15px;
    text-align:left;
}
.leftitem h2 {
    padding:4px 8px;
    margin:0px;
    border-bottom:2px  #d22403 solid;
}

.leftitem h2 a

#columnleft ul{
    padding-left:25px;

}
#columnleft .lijst li{
    padding:4px 2px;
}

.lft {
    background: #fff  url(rond_r_onder.png) bottom right no-repeat;
    right:0px;
}
.rgt {
    background: #fff  url(rond_l_onder.png) bottom left no-repeat;
    left:0px;

}
.leftitem div.bt{
    z-index:2;
    clear:both;
    height:20px;
    position:absolute;
    bottom:0px;
}

.rgt h2 {
    text-align:left;
    border-left:8px  #d22403 solid;
}
.lft h2 {
    text-align:right;
    border-right:8px  #d22403 solid;
}

.intro_info {
    color:#3385ad;
    margin:0px;
    padding:0px;

}


.rgt img{
    float:right;
    margin:0 0 5px 15px;
    border: 1px #3385ad solid;
    padding:1px;
    background:white;

}
.lft img{float:left;
    margin:0 15px 5px 0;
    border: 1px #3385ad solid;
    padding:1px;
    background:white;
}

.hotel {
    height: 1250px;
    padding-bottom:10px;
}
iframe {
    width: 540px;
    height:95%;
    border: solid 2px #fff;
    margin:10px;
}
#columnright {
    width: 200px;
    margin: 0 0 0 10px ;
    float: left;
    color: #3385ad;
    line-height:1.2em;
}
#columnright ul, #columnright ol {
    margin: 4px 5px 4px 12px;
    padding:0 0 0 10px;
    font-weight:bold;
}
#columnright ol{
    margin: 4px 5px 4px 18px;
    }
#columnright li{
    margin: 0 0px 0px 3px;
    padding: 0;
    font-weight:bold;
}
#columnright ul li {
    list-style-type: disc;
}
#columnright div p {
    padding: 0 8px;
    margin:  6px 0 6px 0px;
}
#columnright div {
    margin: 0 0 15px 0;
    width: 200px;
    background-color: #fff;
    padding:0 0 5px 0;
    
}

#columnright h3 {
    padding: 1px 10px 5px 8px;
    margin:5px 0px;
    font-size: 1em;
    padding-bottom:0px;
}
#columnright div h2 {
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px 10px 5px 8px;
    border-bottom: 3px solid #cdebf5;
    background: url(rond_r_boven.png) top right no-repeat;
}
#columnright a {
    font-weight: bold;
    color: #3385ad;
    text-decoration: none;
}
#columnright a:hover {
    text-decoration:underline;

}
#contact p{
    font-weight:bold;
}
#columnright form {padding:5px 0 0 0;margin:0;}


/* FOOTER */
.footer1 {
    clear: both;
    /*background-color: #fbd75c;
    */
    background-image: url(footer01_n.png);
    background-repeat: no-repeat;
}
.footer2 {
    clear: both;
    height: 237px;
    background-image: url(footer01_n.png);
    background-repeat: no-repeat;
}
.footer3 {
    clear: both;
    width: 798px;
    margin-left: -10px;
    margin-bottom: 0px;
    background-image: url(footer02_n.png);
    background-repeat: no-repeat;
}
.footertext {
    text-align:center;
    height: 25px;
    margin: 0;
    padding: 0px 5px;
    padding-top: 210px;
    font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
}
.footertext a {
    color: #fff;
    text-decoration: none;
}
.footertext a:hover {
    color: #fff;
    text-decoration: underline;
}
#infokader{
    margin: 0px;
    padding: 8px 5px 7px 12px;
    font-weight: bold;
    color: #ffffff;
    background: #d22403  url(faded_trans.png) repeat-x;}

#infokader a {
    color: #fff;
}
#infokader a:hover {
        color: #FBD75C;
}

#infokader p{
    margin:0px;
}
/*  form  */
form {
    margin:10px 0px;

}

form input:focus, form textarea:focus{
  background-color:#ffe;
}

form label {
    display:inline-block;
    width:180px;
    padding:2px 3px;
    vertical-align:top;
    color: #3385ad;
    line-height:1.2em;
}
form li, form ul{
    padding:0 4px;
    margin:1px;
    list-style:none;
    border:1px solid #fff;
    clear:left;
}
input[type='text'] {
    width:300px;
}
form .submit{
    width:100px;
    margin-right:10px;
}
.required {

}

.f_errorinput{
    border:1px dotted #F00;
    background-color: #FFECE6;
}
div.f_errorinput {
    text-align:center;
    margin:10px;
}

.f_goodinput{
    border: 1px dotted #FF0000;
}
.buttonspan{
    width:150px;
    border:1px solid  #d22403;
    margin:20px;
    padding:4px;
    background-color:#fff;
    text-align:center;
    color:  #d22403;
    cursor:pointer;
}
#d_resform, #d_infoform {
    display:none;
   
}

#b_resform {
    float:left;
    
}
#b_infoform {
    float:right;
    
}
table{
    background-color:#fff;
    margin:10px;
}
table th{
    text-align: left;
    background-color:#cdebf5;
    color:#3385ad;
    border: 1px solid     #fff;
    padding:3px 6px;

}
table td{
    text-align: left;
    background-color:#fff;
    color:#070766;
    border: 2px solid     #cdebf5;
    padding:3px 6px;
}
.i1 {
    float:right;
    padding:5px 0px 5px 10px ;
}
.i2
{
    float:left;
    padding:5px 10px 5px 0px ;
}
dt {font-weight:600;
    padding-top:8px;}

.piclist {width:220px;}

.more {
    font-size:.9em;
    display:block;
    float:right;
    color:orange;
    padding:0px;
    margin-bottom:4px;
    font-weight:bold;
}

.more img{
 border:none;
}

.more:visited{
    color:#fbb35e;
}

#tagcloud  {
    text-align: justify;
    font-weight: normal;
    font-size:  9px;
    line-height: 1.3em;
}

#tagcloud a{text-decoration:none;
              font-weight:normal; }
#tagcloud a:hover{text-decoration:underline;color:#d22403 !important;}

.tg3 {

}
div.sociable { 
    position:absolute;
    right:10px;
    top:1px;
    z-index:0;
    color: #fff;
    width:70px;
    height:32px;
    padding: 1px 5px;
    border: 1px dashed #fff;
    overflow:hidden;
    text-align:right;
    }

.sociable_tagline { position: relative; }

.sociable:hover  {
    z-index:1;
    width:auto;
    background: #ffe;
    border-color: #d22403;
    color: #3385ad;
    height:35px;
    line-height: 1.25em;
}
.sociable span {
    display: block;
}
.sociable ul {
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
}
.sociable ul li {
    background: none;
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 1px;
    float:right;
}

.sociable ul li:before { content: ""; }

.sociable img {
    float: none;
    width: 16px;
    height: 16px;
    border: 0;
    margin: 0;
    padding: 0;
}

.sociable-hovers {
     z-index:-1;
    opacity: .3;
  }

.sociable-hovers:hover {
    z-index:1;
    opacity: 1;
  }

.date{
    float:right;
    padding: 1px 8px 1px 30px;
    color:#3385ad;
}
.comment_footer {margin:5px 20px 10px 250px;
    }
.comment {
    font-style:italic;
}

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0;  }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Overlays */

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget { font-family: Tahoma,Arial,sans-serif; font-size: 1.0em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Tahoma,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #d22403; background: #cdebf5 ; color: #070766; }
.ui-widget-content a { color: #070766; }
.ui-widget-header { border: 1px solid #d22403;  background-color:#fff;color: #d22403; font-weight: bold; }
.ui-widget-header a { color: transparent; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #d22403; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #d22403; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35;  background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7;  font-weight: normal; }
.ui-icon-calendar { background-position: -32px -112px; }


.ui-icon { width: 16px; height: 16px; background-image: url(ui-icons_222222_256x240.png); }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }


.ui-widget-content .ui-icon {background-image: url(ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(ui-icons_444444_256x240.png); }
.ui-state-default .ui-icon { background-image: url(ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(ui-icons_cd0a0a_256x240.png); }

/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}