/** ALGEMEEN **/
html {overflow-y: scroll;}
body { margin: 0; padding: 0; }
ul { list-style-type: none; margin: 0; padding: 0; }
li { list-style-type: none; margin: 2px 0; padding: 0; }
body { font-family: Arial, sans-serif; font-size: 10pt;}
p { margin: 1em 0em; }
a { color: black; text-decoration: none; border-bottom: 1px dotted #C43E45; }


/** OVERVIEW **/
#header { padding: 16px 5px 38px 5px;
          background: #F2F2F2 url(../img/markup/header_bg.gif) scroll repeat-x bottom left;
          height:16px;
}

#header #contactlink{
        position:absolute;
        top:40px;
        left:8px;
        text-decoration:none;
        border:0px;
        color:#999;
        font-weight:bold;
        
 }
 #header #search_field_div{
    position:absolute;
    top:39px;
    right:10px;
 }
 #header #search_field{
    border:1px solid #999;
    /*height:14px;*/
    width:150px;
    font-size:8pt;
    color:#999;
 }
  #header #search_field_button{
    border:1px solid #999;
    /*height:18px;*/
    width:50px;
    font-size:8pt;
    color:#999;
    
 }

 #header a:hover{
        color:#C43E45 !important;
 }


#footer {padding: 33px 5px 5px 5px;  background: #F2F2F2 url(../img/markup/footer_bg.gif) scroll repeat-x top left; }
#content_container {
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    position:relative;
    width:842px;
}

/** HEADER **/
img#logo { float: left; position: relative; }
#slogan { float:right;color: #706f6f; text-align: right; font-size: 11pt; border-bottom-width: 0; display: block; margin-top: -2px;  }

/** MENU ONDERAAN **/
#menu_onder {  }
#menu_onder li { list-style-type: none; float: right; position: relative; margin: 2px 8px; }
#menu_onder li.apart { float: left; }
#menu_onder li a { text-decoration: none; color: #706f6f; border-bottom-width: 0; }

#real_content { padding: 10px 30px; line-height: 16pt; }

/** MENU **/
ul#menu a           { text-decoration: none; color: #706f6f; border-bottom-width: 0;  }
ul#menu li          { padding: 4px 5px 4px 18px; border-bottom: 1px dotted #d5d5d5; color: #706f6f; }
ul#menu li.selected { color: #c53d43; background: white url(../img/markup/logotje.gif) scroll no-repeat 1px 6px; }
ul#menu li.selected a { color: #c53d43; }

ul#submenu li            { padding: 4px 5px 4px 10px; border-bottom-width: 0px; font-size: 8pt; }
ul#submenu li.selected   { color: #706f6f; background: transparent none; }
ul#submenu li.selected a { border-bottom: 1px dotted #C53E44; font-weight: bold; }
ul#menu ul#submenu li a  { color: #706f6f; }

ul#menu_right             { margin: 0px 5px; }
ul#menu_right a           { color: #706f6f; text-decoration: none; border-bottom-width: 0; }
ul#menu_right h3          { font-size: 8pt; font-weight: normal; color: #c53d43; margin: 0; padding: 0; margin-left: -1px;  }
ul#menu_right li          { font-size: 8pt; padding: 4px 5px; border-bottom: 1px dotted #A5A5A5; color: #706f6f; }

ul#menu li.laatste, ul#menu_right li.laatste  { border-bottom-width: 0px; }

/** Curriculum **/
.curriculum { width: 23%; float: left; font-size: 8pt; height: 255px; }
.curriculum .v-rounded-bd { padding: 14px 18px 14px 14px;  }
.curriculum h2 { font-size: 10pt; line-height: 12pt; margin: 0px 0px 4px 0; color: #706f6f; }
.curriculum ul li { margin: 6px 0; line-height: 11pt; }
.curriculum ul li a { color: black; text-decoration: none; border-bottom-width: 0; }
.curriculum ul li a:hover { text-decoration: underline; }


table#weekly_timetable th { border-bottom: 1px solid #706f6f; text-align: center; color: #c53d43; font-size: 8pt;  }
table#weekly_timetable td { border: 1px solid #706f6f; border-width: 0px 1px 1px 0px; text-align: center; font-size: 8pt; }
table#weekly_timetable td.time { text-align: left; border-left-width: 1px; padding-left: 4px; }

#staff_descriptions { margin-top: 10px; }
#staff_descriptions a { display: block; border-bottom: 1px solid #c53d43; text-decoration: none; padding-bottom: 0; color: black; }
#staff_descriptions .extended { display: none;  border-bottom: 1px solid #c53d43; }

dl.vacancies dt { font-weight: bold; margin-top: 2px; cursor: pointer; }
dl.vacancies dd { margin-bottom: 8px; display: none; }
ul.fees { margin-top: 5px; padding-left: 15px; }

#contact .subform { display: none; padding-left: 25px; margin-bottom: 8px; }
#contact .subquestions { margin: 0 0 8px 25px; }

#contact label { float: left; display: block; width: 150px; }
#contact input.tekst { width: 150px; }
#contact textarea { width: 300px; height: 150px; }
#contact #info_personal_info span { display: block; float: left; width: 80px; }

div.short_course { position: relative; float: left; width: 196px; padding-right:5px;margin: 1px; text-align: center; }
div.short_course_double { position: relative; float: left; width: 392px; margin: 1px; text-align: center; }
div.short_course .titel { font-size: 11pt; }
div.short_course .extra { font-size: 8pt; }

ul#sitemap { margin-top: 10px; }
ul#sitemap li { margin: 5px 0px; }
ul#sitemap ul li { margin: 0; padding-left: 30px; }

ul#other_languages li { display: block; float: left; width: 120px; height: 60px; }
ul#other_languages li a { display: block; text-align: center; border-bottom-width: 0; }

#menu_right h2 { margin: 2px 0px 0px 0px; }

/** OVERIG **/
#position_marker { font-style: italic; color: #6a6a6a; font-size: 8pt; }
#position_marker a { text-decoration: none; color: #6a6a6a; border-bottom-width: 0; }

h1 { font-size: 12pt; color: #C43E45; margin: 10px 0 -10px 0; }
h2 { font-size: 11pt; color: #C43E45; margin: 10px 0 -14px 0; }
h1 a, h2 a { color: #C43E45; text-decoration: none; border-bottom-width: 0; }
img#decoration { margin-top: 70px; margin-bottom: 10px; }
#block_breed img#decoration { float: right; margin: 60px -33px 10px 20px; }
td h2 { margin-bottom: 0px; }

.poppup_video{
    position:absolute;
    top:100px;
    left:205px;
    padding:5px;
    background-color:#fff;
    border:2px solid #999;
    z-index:1000;
    width:410px;


}
.poppup_video a{
    border:0px;
    color:#C43E45;
    
}

#layer{
    position:absolute;
    top:0px;
    left:0px;
    top:0px;
    bottom:0px;
    width:100%;
    height:100%;
    background-color:#000;
    z-index:1000;
    -moz-opacity:.80;filter:alpha(opacity=80);opacity:.80;
    
}
.pwimages{
    width:100%;
}