/*  css_styles.css  */


body  {
   font-size: 0.9em;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   background-color: #fcf0e4;   
   padding: 0 15px 25px 15px; 
   margin: 0px; 
   overflow-y: scroll;
}

table.indelingstabel { 
   position: relative;
   border-collapse: collapse; 
   table-layout: fixed;
   background-color: white;

   background-image: url(../images/watermerk.jpg);
   background-position: top right;
   background-repeat: no-repeat; 
   background-attachment: scroll;
}


/*  ##############################  TD.BOVEN  ##############################  */

td.boven_1 { width: 180px; }
td.boven_2 { width: 320px; }


/*  ##############################  TD.LOGO  ##############################  */

td.logo {
   padding: 0px 20px 0px 0px;
   margin: 0px 0px 0px 0px; 

   background-image: url(../images/logo.jpg);
   background-position: bottom left;
   background-repeat: no-repeat; 
   background-attachment: scroll; 
}

td.logo h1 {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   font-size: 13px;
   font-weight: 600;
   color: #ce7211;    /* steunkleur */
   text-align: right;
   padding: 0px;
   margin: 0px;
   -webkit-text-size-adjust: none;
}


/*  ##############################  TD.FOTO  ##############################  */

td.foto {
   padding: 0px;
   margin: 0px; 
}


/*  ##############################  TD.NAVIGATIE  ##############################  */

td.navigatie { padding: 30px 0px 15px 0; }  

td.knop {position: relative; display: block; margin: 12px 0 0 0; background-color: #ce7211;} 

/*  LINKS  */

td.knop a, td.geen_knop a {display: block; padding: 3px 0 3px 10px; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; color: white; text-decoration: none;}
td.knop:hover a, td.here a {color: #000;}

td.knop input.input_rename {border: 1px solid #777; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; outline: none; margin: 2px 0 2px 7px; padding: 0 4px 0 0; width: 131px; color: #666}
td.knop input.submit_rename {position: absolute; left: 143px; border: 1px solid #777; margin: 2px 0 2px 0; padding: 0 2px 0 2px; height: 17px; cursor: pointer; background-color: #eee}
td.knop input.submit_rename:hover {background-color: #ce7211; color: #fff;}

td.geen_knop a {font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; text-decoration: none;; display: block; padding: 2px 0 2px 13px; color: #000}
td.geen_knop li:hover, td.geen_knop li.here, td.geen_knop li:hover a, td.geen_knop li.here a {color: #ce7211;} 
td.geen_knop ul {margin: 4px 0 0 0; padding: 0;}
td.geen_knop li {position: relative; display: block;}
td.geen_knop ul li span.popup, td.knop span.popup {display: none; position: absolute; width: 56px; left: 160px; margin: -19px 0 2px 0; padding: 2px 2px 3px 2px; border: 1px solid #777; font-size: 10px; color: #000; background-color: #ccc; z-index: +1}
td.geen_knop ul li:hover span.popup, td.knop:hover span.popup {display: block}
span.popup a.image_link {float: left; display: block; height: 10px; width: 10px; padding: 0; margin: 0 2px 0 2px}
span.popup img.no_link {float: left; display: block;}

td.geen_knop input.input_rename {position: relative; border: 1px solid #777; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 600; outline: none; margin: 0 0 0 10px; padding: 1px 4px 1px 1px; width: 128px; color: #666}
td.geen_knop input.submit_rename {position: absolute; left: 145px; border: 1px solid #777; border-left: 0; margin: 0 0 2px 0; padding: 0 2px 0 2px; height: 19px; cursor: pointer; background-color: #eee}
td.geen_knop input.submit_rename:hover {background-color: #ce7211; color: #fff;}

td.geen_knop a.link {font-weight: normal; font-size: 11px; text-decoration: underline; color: #ce7211}
.space_top {padding: 10px 0 0 0}

/*  ##############################  TD.TEKST  ##############################  */

td.tekst {
   padding: 43px 30px 30px 20px; 
}

td.tekst p, td.tekst h1, td.tekst h2, td.tekst h3, td.tekst h4, td.tekst h5, td.tekst li { 
   font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   color: black;
   text-align: left; 
   padding: 0px 0px 0px 0px;
   margin: 0px; 
   font-size: 13px;
   line-height: 19px;
}
td.tekst p.feedback {padding: 0 0 15px 0; color: green;}
td.tekst p.error {padding: 0 0 15px 0; color: red;}

td.tekst h1 {
   font-size: 140%;
   font-weight: 600;
   color: #ce7211;    /* steunkleur */
   padding: 0px 0px 20px 0px;
}

td.tekst h2 {
   font-size: 120%;
   font-weight: 600;
   padding: 0px 0px 15px 0px;
}
td.tekst h2.with_subtitle {
   padding: 0px 0px 5px 0px;
}
td.tekst p.subtitle {padding: 0 0 15px 0; color: #777}

td.tekst h3 {
   font-size: 100%; 
   text-decoration: underline;
   padding: 15px 0px 4px 0px; 
}

td.tekst h4 { 
   font-size: 110%;
   font-style: italic;
   padding: 15px 0px 0px 0px;  
}

td.tekst h5 { 
   font-size: 110%;
   font-style: italic;
   font-weight: 550;
   padding: 0px 0px 15px 0px;  
}

ul, ol { 
   padding: 10px 0px 15px 30px;
   margin: 0px; 
}
textarea.page_edit {position: relative; width: 736px; border: 1px solid #ce7211; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; background-color: transparent; outline: none; overflow: hidden;}
input.publish_page {float: right; margin: 10px 0 0 0; border: 1px solid #777; cursor: pointer; background-color: #eee}
input.publish_page:hover {background-color: #ce7211; color: #fff;}
.edit_page_link_admin {float: right;}

.box {position: relative; display: block; width: 100%; height: 140px;}
.box_contact {position: relative; display: block; width: 100%; height: 100px;}
.box_photo {position: relative; display: block; width: 100%; height: 90px;}

form.standard_form label {float: left; clear: left; width: 190px; margin: 0 0 4px 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
form.standard_form input.text_input {float: left; width: 180px; margin: 0 0 4px 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #777; outline: none}

form.forgot_password_form label {float: left; clear: left; margin: 0 0 4px 0; width: 103px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
form.forgot_password_form input.text_input {float: left; width: 180px; margin: 0 0 4px 0; border: 1px solid #777; outline: none; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}


input.submit_file {float: left;}
input.checkbox_submit_file {float: left; clear: left; display: block; margin: 10px 0 0 0;}
label.checkbox_label_submit_file {float: left; padding: 8px 0 0 5px; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;}

input.standard_submit {float: left; clear: left; margin: 0 0 0 190px; border: 1px solid #777; cursor: pointer; background-color: #eee}
input.standard_submit_forgot_password {float: left; width: 60px; height: 19px; margin: 0; padding: 0; border: 1px solid #777; border-left: 0; cursor: pointer; background-color: #eee}
input.standard_submit_photo {float: left; border: 1px solid #777; margin: 0 0 0 5px; cursor: pointer; background-color: #eee}
input.standard_submit_front {float: left; border: 1px solid #777; margin: 10px 0 0 0; cursor: pointer; background-color: #eee}
input.standard_submit:hover, input.standard_submit_forgot_password:hover, input.standard_submit_photo:hover, input.standard_submit_front:hover {background-color: #ce7211; color: #fff;}

ul.photo_list {position: relative; margin: 0; padding: 0;}
li.photo_item {position: relative; clear: left; display: block; height: 90px; width: 100%; list-style: none;}
li.photo_item img {float: left; display: block; padding: 5px 0 5px 0;}
li.photo_item div {float: left; padding: 5px 0 5px 5px; margin: 0;}
li.photo_item span {float: left; display: block; clear: left}

/*  HYPERLINKS  */

td.tekst a {
   font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 100%;
   font-weight: 500;
   text-decoration: underline; 
}

td.tekst a:link    { color: #ce7211; }
td.tekst a:visited { color: #ce7211; }
td.tekst a:hover   { color: black; }
td.tekst a:active  { color: black; }
td.tekst a:focus   { color: black; }


/*  ##############################  TD.ONDERKANT  ##############################  */

td.onderkant {
   background-color: #ce7211;    /* steunkleur */
   padding: 10px 30px 10px 30px;
}
 
td.onderkant table.onderkant { 
   padding: 0px; 
}

td.onderkant_box {float: left; width: 230px; text-align: left;}
td.onderkant_box_right {float: right; width: 200px; margin: 0; padding: 0; text-align: right;}

td.onderkant h1, a {
   font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-decoration: none; 
   color: white; 
   padding: 0px 0px 0px 0px; 
   margin: 0px;
}

td.onderkant a:link    { color: white; }
td.onderkant a:visited { color: white; }
td.onderkant a:hover   { color: black; }
td.onderkant a:active  { color: white; }
td.onderkant a:focus   { color: white; }

/*  ##############################  CONTACTFORMULIER  ##############################  */


td.contact_1 { width: 110px; }

#login {position: relative; margin: 0 auto; padding: 0; width: 966px; text-align: right; font-size: 10px;}
#login_form {display: none; height: 26px; padding: 5px 0 0 10px; margin: 0 0 0 655px; background-color: #ce7211; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;}
.login_input_field {float: left; width: 110px; padding: 2px 2px 2px 4px; margin: 0 5px 0 0; border: 1px solid #7c450b; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; outline: none; -moz-outline: 0 none;}
.login_input_button {float: left; display: block; border: 1px solid #7c450b; margin: 0 5px 0 0; padding: 0 5px 0 5px; height: 19px; background-color: #eee; color: #444; cursor: pointer;}
.login_input_button:hover {background-color: #ce7211; color: #fff;}
#login_link {display: block; padding: 5px;}
#login_link a {color: #ce7211;}
#login_link a:hover {text-decoration: underline;}