body,html,form,p,ul,li,ol, a img { margin: 0; padding: 0; }
ul,li,ol { list-style-type: none; }
img { vertical-align: middle; }
a img { border: none; }
a { color: #000; text-decoration: none; }
textarea { overflow: auto; }

table { border-collapse: collapse; }

body { font-family: Tahoma, Futura, sans-serif; font-size: 11px;  background: #e1e4e8; padding: 10px; }

h1,h2,h3 { font-family: "Trebuchet MS", "Bitstream Vera Sans", Freesans, sans-serif; margin: 0; padding: 0; }
h2 { font-size: 150%; font-weight: bold; }
h3 { font-size: 120%; text-decoration: underline; font-weight: normal; }
h4 { font-size: 110%; font-weight: bold; }

a.button { outline: 0; margin: 0; }
a.button img, a.button:visited img { border: 1px solid #EEE; vertical-align: top; }
a.button:hover img { border: 1px outset; }
a.button:active img { border: 1px inset; } 

form { padding-right: 100px; }
form ul li { line-height: 22px; padding: 1px 0; clear: left; }
form ul li label { display: block; width: 150px; font-weight: bold; color: #036; float: left; }
form ul li label.inline { display: inline; float: none;  }
fieldset { border: 1px solid #d0d5e0; padding: 10px; }

form input.text, form input.mail,form input.url, form input.number, form input.password, form input.readonly, form textarea, form input.smalltext  { border: 1px solid #d0d5e0; padding: 2px; margin: 0; width: 350px; font-size: 13px; color: #444; vertical-align: middle; font-family: arial, "helvetica neue", freesans, sans-serif; }
form input:focus, form input.focus, form textarea.focus, form textarea:focus, form input.smalltext:focus { border-color: #4e83a9; color: #000; }
form input.readonly:focus, form input.readonly.focus { border: 1px solid #d0d5e0; }
form input.mail { padding-left: 19px; width: 179px; background: #FFF url("img/icon_form_mail.png") no-repeat center left; }
form input.url { padding-left: 19px; width: 179px; background: #FFF url("img/icon_form_url.png") no-repeat center left; }
form input.number { width: 60px; }
form input.readonly { background: #e1e4e8; }

form input.smalltext { width: 100px; }
form textarea { width: 250px; height: 75px; }
form input.checkbox { vertical-align: middle; border-color: #4e83a9; }
form button, form input[type="submit"], form input.submit { width: 75px; height: 23px; line-height: 23px; font-size: 11px; font-weight: bold; font-family: tahoma, Futura, sans-serif; margin: 0 5px 0 0; padding: 0; border: none; background: url("img/button_75.png"); color: #FFF; display: block; float: right; text-transform: capitalize;  }

form button, form input[type="button"], form input.submit { width: 75px; height: 23px; line-height: 23px; font-size: 11px; font-weight: bold; font-family: tahoma, Futura, sans-serif; margin: 0 5px 0 0; padding: 0; border: none; background: url("img/button_75.png"); color: #FFF; display: block; float: right; text-transform: capitalize;  }

form input.smallbutton { width: 45px; height: 23px; line-height: 23px; font-size: 11px; font-weight: bold; font-family: tahoma, Futura, sans-serif; margin: 0 5px 0 0; padding: 0; border: none; background: url("img/button_45.png"); color: #FFF; text-transform: capitalize;  }

form div.fotoInput { border: 1px solid #036; float: left; text-align: center; margin-right: 5px; } 
form div.fotoInput span { width: 75px; height: 23px; line-height: 23px; font-size: 11px; font-weight: bold; font-family: tahoma, Futura, sans-serif; padding: 0; border: none; background: url("img/button_75.png"); color: #FFF; display: block; text-transform: capitalize; text-align: center; margin: 3px 5px; }

form div.fileInput,form div.audioInput,form div.videoInput { border: 1px solid #036; float: left; text-align: center; margin-right: 5px; padding: 5px; } 
form div span.delete, form div span.select  { width: 75px; height: 23px; line-height: 23px; font-size: 11px; font-weight: bold; font-family: tahoma, Futura, sans-serif; padding: 0; border: none; background: url("img/button_75.png"); color: #FFF; display: block; text-transform: capitalize; text-align: center; margin: 3px 0; }

form option.selected { font-weight: bold; }

form textarea.content { width: 470px; height: 400px; border: 0px; }
form textarea.content_inkoop { width: 80%; height: 400px; border: 0px solid black; float:left; }
form textarea.afsluiting { width: 470px; height: 45px; border: 0px;}
form textarea.condities { width: 470px; height: 165px; border: 0px;}
fieldset.withTextArea { margin: 0px; padding-left: 10px; width: 485px;}


table.overview { background: #FFF; border: 1px solid #e0e0e0; width: auto !important; width: 580px; min-width: 680px;  }
.overview caption { font-weight: bold; line-height: 24px; text-align: left; padding-left: 15px; background: url("img/caption.png") 0 6px no-repeat; }
.overview td, .overview th { border-bottom: 1px solid #e0e0e0; line-height: 24px; padding: 0 5px; text-align: left;  }
.overview .odd td { background: #f6f5f6; }
.overview th { color: #036; background: #e1e4e8 url("img/mainli.png") top left repeat-x; border-right: 1px solid #e0e0e0;  }
.overview a { color: #000; }
.overview .foot a { text-decoration: none; }
.overview .foot a:hover { text-decoration: underline; }
.overview .foot a.additem { padding-left: 15px; background: url("img/subm_additem.png") 0 0 no-repeat; }

.overview .vertical th { layout-flow: vertical-ideographic; direction: rtl; background: red; }


#header { height: 92px; margin: 0 auto;  background: #036; color: #e1e4e8; border-bottom: 1px solid #FFF; padding: 8px 0 0 0; position: relative; width: 902px; }
#header .brand { height: 92px; width: 200px; float: left; overflow: hidden; }
#header h1 { font-size: 11px; font-weight: bold; position: absolute; right: 8px; bottom: 8px; line-height: 1; margin: 0; padding: 0; }

#wrapper { width: 900px; margin: 0 auto;  border: 1px solid #9a9a9a; background: url("img/wrap.png") right top repeat-y; padding-bottom: 10px; }

#content h2 { line-height: 23px; font-size: 14px; height: 23px; padding: 0 10px; border-left: 1px solid #9a9a9a; background: url("img/mainli.png"); color: #036; }

#content p { padding: 3px 0; margin: 0; }
#content_inner { padding: 10px; min-height: 300px; border-top: 1px solid #036; margin-top: 1px; position: relative; }

#menu { width: 200px; float: left; position: relative; top: -1px; }
#menu a { outline: none; }
#menu a:hover { color: #004a93; }

#menu ul { background: #e1e4e8; border-bottom: 1px solid #036; }
#menu ul li { line-height: 23px; position: relative; border-bottom: 1px solid #FFF; border-top: 1px solid #036;  background: #e1e4e8 url("img/mainli.png") top left repeat-x }
#menu ul li a { margin: 0 10px; padding: 0 0 0 20px; display: block; line-height: 23px; font-weight: bold; color: #036; text-decoration: none; }
#menu ul li .submenu a { background: url("img/maina.png") right top no-repeat; }
#menu ul li.active .submenu a { background: url("img/maina.act.png") right top no-repeat; }
#menu ul li ul { display: none; border-bottom: none; }

#menu ul li.active ul { position: static; display: block; border: none; background: #e1e4e8; width: auto; top: auto; left: auto; }

#menu ul li ul li {  border: none; background: #e1e4e8; }
#menu ul li .submenu ul li a, #menu ul li.active .submenu li a { font-weight: normal; background: url("img/subm_default.png") 0 4px no-repeat; }
#menu ul li .submenu ul li a.additem { background-image: url("img/subm_additem.png"); }
#menu ul li .submenu ul li a.list { background-image: url("img/subm_list.png"); }
#menu ul li .submenu ul li a.search { background-image: url("img/subm_search.png"); }

#menu li:hover { z-index: 100; }
#menu li:hover ul { display: block; position: absolute; width: 200px; top: -1px; left: 190px; border: 1px solid #036; border-left: none; z-index: 10;  background: #e1e4e8 url("img/mainsub.png") top left repeat-x; }
#menu li:hover ul li { background: transparent; }

li.menutext { padding-left: 10px; color: #036; font-weight: bold; }

#content { width: 700px; float: right; }


#footer { border-top: 1px solid #FFF; margin: 0 auto;  height: 38px; line-height: 38px; text-align: right; width: 882px; background: url("img/footer.png") top left no-repeat; padding: 0 10px; color: #036; }

#debuginfo { background: #FFF; border: 2px outset black; }

.grouplabel { display: block; width: 150px; font-weight: bold; color: #036; float: left; }

.hidden { display: none; }
.notHidden {display: block; }

div.error li { background: url('../icons/bullet_error.png') no-repeat; padding-left: 20px; }

#specialchars input[type="button"] { background-color: #fff; background-image: none; width: 50px; height: 15px; line-height: 23px; font-size: 9px; font-weight: normal; font-family: tahoma, Futura, sans-serif; margin: 0 5px 0 0; padding: 0; border: 1px solid gray; color: #FFF; display: inline; float: none; color: #000; text-align: left;}

.ui-autocomplete {
    background: #F6F6C8; width: 300px;
    border: 1px solid #000; border-bottom: none;
}

.ui-autocomplete li {
    line-height: 2em; padding: 0 0 0 1em;
    border-bottom: 1px solid #000;
}

.ui-autocomplete li a {
    cursor: pointer; display: block;
}

.overview .even td.attention,
.overview .odd td.attention {
    background-color: red; color: #fff; font-weight: bold;
}