body { background: #EDEDED url(/images/bg_main.gif) repeat-x top left; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #3E3E3E; }

* { margin: 0; padding: 0; }
img { border: 0; }
a { color: #3E3E3E; }
a:hover { color: #ED7928; }
input, select, textarea, td, th { font: 11px/14px Verdana, Arial, Helvetica, sans-serif; }
table { border-collapse: collapse; }
th, td { padding: 3px; }
p { margin-bottom: 14px; }
h1 { margin-bottom: 12px; font-size: 14px; color: #E77627; line-height: 18px; }
h2 { margin-bottom: 14px; font-size: 12px; line-height: 14px; }
h3 { margin-bottom: 12px; font-size: 12px; line-height: 14px; }
h4 { margin-bottom: 0; font-size: 12px; line-height: 14px; }
h5 { margin-bottom: 0; font-size: 12px; line-height: 14px; font-weight: normal; }
ul, ol { margin: 0 0 14px 40px; }

#wrapper { width: 976px; margin: 0 auto; }

.rechts { float: right; }
.clear { clear: both; }

sup,
sub { vertical-align: 0; position: relative; }
sup { bottom: 2px; font-size: 8px; }
sub { top: 2px; font-size: 8px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* home
------------------------------------------------------------------*/
#body_home { background: #EDEDED url(/images/hp/bg_hp.gif) repeat-x top left; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #404040; }

* { margin: 0; padding: 0; }
img { border: 0; }
input, textarea { font: 11px/14px Verdana, Arial, Helvetica, sans-serif; }

#wrapper_home { width: 864px; margin: 0 auto; }

.clear { clear: both; }

#header_home { position: relative; height: 170px; margin: 0 0 0 2px; padding: 0 15px 0 15px; background: url(/images/hp/bg_header.gif) no-repeat bottom left; }
#header_home p { padding: 7px 0 0 0; color: #24396D; font-size: 10px; }
#header_home span { padding-right: 7px; }
#header_home span img { vertical-align: text-bottom; }
#header_home a { color: #24396D; }
#startpagina { padding: 5px 0 0 15px; background: url(/images/hp/icon_startpagina.gif) no-repeat left top; }
#header_home #languages_home { float: right; padding: 10px 0 0 0; }
#languages_home a { padding: 5px 0 0 0; }
#languages_home a.active { background: url(/images/hp/bg_language_active.gif) no-repeat 50% 0; }
#rentalogo { position: absolute; top: 70px; left: 32px; width: 115px; }
#rentalogo-hp { position: absolute; top: 73px; left: 703px; width: 115px; } 
#banner_home { position: absolute; top: 62px; left: 178px; }

#contentwrapper_home { margin: 10px 0 0 0; padding: 12px 0 0 0; background: url(/images/hp/bg_content_top.gif) no-repeat; }
#content_home { padding: 0 14px; background: url(/images/hp/bg_content.gif) repeat-y; }
#sites { float: left; width: 645px; margin: 0 0 0 10px; list-style: none; }
#sites li { position: relative; height: 108px; padding: 7px 0; }
#sites li img { float: left; margin: 0 5px; }
#sites li .logo { margin: 25px 5px 0 5px; }
#sites #robMyup { margin: 0 5px; }
#sites li ul { margin: 0 0 0 335px; list-style: none; }
#sites li li { height: auto; padding: 0 0 0 10px; background: url(/images/hp/bg_listitem.gif) no-repeat left 50%; font-weight: bold; line-height: 21px; }
#sites .odd { background: #F5F5F5; }
#sites li p { margin: 0 0 0 400px; text-align: center; }
#sites li p.tel { position: absolute; top: 60px; right: 50px; font-weight: bold; }
#sites li span { position: absolute; top: 100px; left: 335px; font-size: 9px; }
#sites li span a { color: #323232; font-size: 10px; }
#sites li a#login { position: absolute; top: 80px; right: 10px; }
#sites li a.bekijksite { position: absolute; top: 80px; right: 10px; }

/*
#sidebar_home { float: right; width: 239px; padding: 0 10px 0 10px; }
#sidebar_home h1 { margin: 4px 0 6px 3px; font-size: 11px; color: #000; }
#sidebar_home p { margin: 0 0 15px 14px; }
#sidebar_home ul { margin: 0 0 15px 0; list-style: none; }
#sidebar_home li { height: 16px; margin: 0 0 2px 0; padding: 2px 0 0 14px; background: #DAD9D9 url(/images/hp/bg_listitem_sidebar.gif) no-repeat 4px 50%; }
#sidebar_home li a { display: block; width: 225px; text-decoration: none; color: #000; }
#sidebar_home li a:hover { color: #394F85; }
#sidebar_home h1 a { display: block; height: 16px; padding: 2px 0 0 14px; background: #DAD9D9 url(/images/hp/bg_listitem_sidebar.gif) no-repeat 4px 50%; text-decoration: none; color: #000; }
*/
#content_home #sidebarWrp { float: right; width: 161px; }
#content_home #sidebarWrp #indekijker { position: relative; width: 133px; top: 0; margin-bottom: 10px; }
#content_home #sidebar { width: 141px; margin: 0 10px 0 0; }
/*#inschrijvingsformulier { visibility: hidden; }*/
#inschrijvingsformulier fieldset { margin: 0 0 5px 0; padding: 5px; border: 1px solid #404040; }
#inschrijvingsformulier legend { margin: 0 0 0 10px; padding: 5px; color: #404040; }
#inschrijvingsformulier label { float: left; width: 80px; margin: 2px 0 1px 0; }
#inschrijvingsformulier fieldset input { width: 130px; margin: 0 0 3px 0; padding: 2px; border: 1px solid #404040; }
#inschrijvingsformulier fieldset input:focus { background: #EDEDED; }

#footer_home { height: 40px; padding: 15px 5px 0 5px; background: #EDEDED url(/images/hp/bg_content_bottom.gif) no-repeat top left; color: #192F67; font-size: 10px; }
#footer_home p { width: 790px; float: left; margin: 0; padding: 0; }
#footer_home p.rob, #footer p.rob a { color: #0F5815; }
#footer_home a { color: #192F67; }
#footer_home #duo { width: 50px; float: right; text-align: right; }

/*endhome*/

/* header
------------------------------------------------------------------*/
#header { position: relative; height: 182px; margin: 14px 0 0 0; background: url(/images/bg_header.gif) no-repeat left top; }
#roblogo { position: absolute; left: 19px; top: 52px; }
#languages { position: absolute; left: 8px; top: 12px; margin: 0; list-style: none; font-size: 10px; }
#languages li { float: left; padding: 0 4px; border-right: 1px solid #3E3E3E; line-height: 11px; }
#languages li.last { border: none; }
#roblogin { position: absolute; left:5px; top: 138px; }
#header a.einvoice { position: absolute; top: 100px; left: 5px; }
#banner { position: absolute; left: 220px; top: 8px; }
#indekijker { position: absolute; top: 8px; right: 0; width: 168px; height: 151px; padding: 6px 9px; overflow: hidden; background: #575757; color: #fff; font-size: 10px; }
#indekijker h1 { margin: 0 0 13px 0; font-size: 10px; color: #ED7928; line-height: 14px; }
#indekijker h1 span { color: #fff; font-weight: normal; font-size: 10px; }
#indekijker p { margin-bottom: 0; }
#indekijker #meer { margin-bottom: 0; text-align: right; color: #ED7928; }
#indekijker #meer a { color: #ED7928; }

/* content
------------------------------------------------------------------*/
#contentwrapper { float: left; width: 787px; background: url(/images/bg_content.gif) repeat-y top left; }

#menu { padding: 15px 15px 45px 12px; background: url(/images/bg_content_top.gif) no-repeat top left; }
#menu ul { width: 752px; height: 21px; margin: 0; padding: 0 0 0 10px; border-bottom: 1px solid #CCDEDD; background: url(/images/bg_menu.gif) repeat-x top left; list-style: none; }
#menu li { position: relative; float: left; height: 13px; background: #fff url(/images/bg_menu_listitem.gif) no-repeat right top; }
#menu li.last { background-image: none; }
#menu li a { position: relative; top: -5px; float: left; height: 15px; margin: 0 5px 0 4px; padding: 3px 5px 3px 5px; border: 1px solid #fff; color: #005954; text-decoration: none; font-weight: bold; font-size: 12px; }
#menu li:hover a,
#menu li.active a,
#menu li.active.mhover a { border: 1px solid #DFDFDF; color: #ED7928; }
#menu li.submenu:hover a { padding-bottom: 7px; border-bottom: 1px solid #fff; z-index: 5; }
#menu li.submenu ul { position: absolute; top: 21px; left: 4px; width: 180px; height: auto; padding: 0; border: 1px solid #CCDEDD; background: #fff; }
#menu li.submenu li { float: none; width: 180px; height: auto; background: #fff; }
#menu li.submenu li a,
#menu li.submenu.mhover li a { display: block; width: 165px; top: 0; float: none; height: auto; margin: 0; padding: 5px 0 4px 15px; background: url(/images/bg_menu_subitem.gif) no-repeat 5px 12px; border: none; color: #ED7928; font-size: 11px; }
#menu li.submenu li a:hover,
#menu li.submenu li.active a { padding-bottom: 4px; border: none; background: #ED7928 url(/images/bg_menu_subitem_over.gif) no-repeat 5px 12px; color: #fff; }
#menu li.submenu ul { display: none; }
#menu li.submenu:hover ul,
#menu li.submenu.mhover ul { display: block; }

#content { clear: both; margin: 0 15px 0 12px; padding: 0 0 20px 0; border-bottom: 1px dashed #E77627; }
#content .text { float: left; width: 500px; }
#content.fullwidth .text { float: none; width: 752px; }
#content p { clear: both; }
#content img { margin-bottom: 10px; border-right: 5px solid #ED7928; }
#content form { margin: 14px 0; }
#content fieldset { width: 412px; margin: 0 0 14px 0; padding: 0 14px 14px 14px; border: 1px solid #C7C7C7; }
#content fieldset p.verplicht { margin: 14px 0 14px 0; color: #575757; font-size: 10px; }
#content fieldset legend { padding: 0 10px; color: #3E3E3E; }
#content fieldset label { width: 120px; }
#content fieldset input,
#content fieldset textarea { display: block; width: 400px; padding: 3px; border: 1px solid #C7C7C7; }
#content fieldset input:focus,
#content fieldset textarea:focus { background-color: #E3E3E3; }
#content .button { display:inline; width: 100px; margin-top: 14px; cursor: pointer; }
#content .button:hover { color: #ED7928; }
#downloads { clear: right; float: right; width: 245px; margin-left: 0; list-style: none; }
#downloads li { width: 230px; margin: 0 0 2px 0; padding: 5px; border-right: 5px solid #ED7928; background: #E3E3E3; }
#downloads a:hover { color: #ED7928; }
#downloads li span { font-size: 10px; }
#newsitems { margin-left: 16px; }
#newsitems li { margin: 0 0 28px 0; }
#newsitems li p { margin-bottom: 0; }

#presentationList { margin: 0; }
#presentationList li { float: left; width: 360px; list-style: none; }

#content form, #content fieldset { margin-top: 0;}

#content fieldset#userform { width: 700px; border: none; padding: 0; }
#content fieldset#userform p { margin: 0 0 15px 0; width: 700px; } 
#content fieldset#userform div { clear: left; margin: 0 0 2px 0; }
#content fieldset#userform div#rob_form { margin-top: 10px; }
#content fieldset#userform input { width: 408px; float: left; margin: 0 4px 2px 0; }
#content fieldset#userform input.postcode,
#content fieldset#userform input.postcode_rdc,
#content fieldset#userform input.nummer { width: 50px; }
#content fieldset#userform input.woonplaats,
#content fieldset#userform input.woonplaats_rdc,
#content fieldset#userform input.straat{ width: 241px; }
#content fieldset#userform .radio input { width: auto; border: 0; float: none; display: inline; }
#content fieldset#userform .radio label { float: none; display: inline; }
#content fieldset#userform label { float: left; width: 170px; font-weight: bold; padding: 1px 5px 0 0;}
#content fieldset#userform label.woonplaats,
#content fieldset#userform label.lbl_nummer,
#content fieldset#userform label.woonplaats_rdc { width: 100px; text-align: right; }
#content fieldset#userform div small { display: block; clear: left; margin-left: 175px;  }
#content fieldset#userform .users { margin: 0 0 0 170px; }
#content fieldset#userform .users div { margin: 10px 0 10px 0; }
#content fieldset#userform .users input, #content fieldset#userform div.REI_users input { width: 380px; margin-top: 2px; }
#content fieldset#userform .users input.radio, #content fieldset#userform div.REI_users input.radio { width: 16px; border: none; margin: 8px 5px 10px 0;}
#content fieldset#userform .users label, #content fieldset#userform div.REI_users label { width: 390px; margin: 6px 0 10px 0;}
#content fieldset#userform #rei_nummer td input { width: 310px; margin: 0 50px 0 0; }
#content fieldset#userform #rei_nummer td, #content fieldset#userform #rei_nummer th { text-align: left; }
#content fieldset#userform div.factuur_verwijderen { margin: 0 0 10px 0;  width: 705px; }
#content fieldset#userform div.factuur_verwijderen label { width: 290px; margin: 0 0 8px 0 ; float: left; }
#content fieldset#userform div.factuur_verwijderen input { width: 320px; float: right; }
#content fieldset#userform  div.vak_aanvinken { width: 330px; /*margin: 5px 0 10px 0;*/ }
#content fieldset#userform  div.vak_aanvinken input { width: 15px; border: none; }
#content fieldset#userform  div.vak_aanvinken label { width: 290px; }
#content fieldset#userform span { color: #ff0000; }

#content fieldset#userform div.archivering { margin: 0 0 10px 0;  width: 705px; }
#content fieldset#userform div.archivering label { width: 280px; margin: 0 0 8px 0 ; float: left; }
#content fieldset#userform div.archivering label span { font-size:11px; color:#aaa; font-weight: normal; margin:0 0 0 20px; }
#content fieldset#userform div.archivering input { width: 400px; float: right; }
#content fieldset#userform table.rei { width: 700px; }
#content fieldset#userform table.rei td input { width:520px; border: 1px solid #ccc; }

#content fieldset#userform div.REI_users { margin: 0 0 0 0; clear: both; }
#content fieldset#userform div.REI_users div { margin: 0; }
#content fieldset#userform div.REI_users th { text-align: left; }
#content fieldset#userform div.factuur_users { /*width: 320px; float: left; clear: none;*/ margin: 0 0 15px 0; }
#content fieldset#userform div.factuur_users td { padding: 0; text-align: left; vertical-align: middle; }
#content fieldset#userform div.factuur_users input { float: none; display: inline; width: auto; margin: 4px 5px 5px 0; border: none; vertical-align: middle; }
#content fieldset#userform div.factuur_users label { float: none; display: inline; margin: 4px 0 5px 0; }

#formInschr input.required { border: 1px solid #ff6666; }
#formInschrUser input.required { border: 1px solid #ff6666; }

/* footer
------------------------------------------------------------------*/
#footer {  height: 42px; padding: 5px 15px 0 12px; background: url(/images/bg_content_bottom.gif) no-repeat bottom left; color: #005954; font-size: 9px; }
#footer p { float: left; margin-bottom: 0; }
#footer a { color: #005954; }
#footer #duo {}


/* sidebar
------------------------------------------------------------------*/
#sidebar { float: right; width: 176px; margin: 7px 0 0 0; padding: 0 5px; background: #C7C7C7; }
#sidebar h1 { margin: 4px 0 6px 0; font-size: 11px; color: #000; padding-left: 5px; }
#sidebar h1.highlight { padding: 2px 2px 2px 5px; background: #ED7928; font-size: 1.1em; color: #FFF; font-weight: normal; }
#sidebar p { margin: 0 0 15px 14px; }
#sidebar ul { margin: 0 0 15px 0; list-style: none; }
#sidebar li { height: 18px; margin: 0 0 2px 0; }
#sidebar li a { display: block; /*width: 162px;*/ height: 16px; padding: 2px 0 0 14px; background: #E3E3E3 url(/images/bg_listitem_sidebar.gif) no-repeat 4px 50%; text-decoration: none; color: #000; }
#sidebar li a:hover { background: #fff url(/images/bg_listitem_sidebar_over.gif) no-repeat 4px 50%; }
#sidebar #logoRenta { display: block; margin: 25px 0 5px 0; }


/* inschrijvingsformulier
------------------------------------------------------------------*/
#sidebar h1 a { display: block; height: 16px; text-decoration: none; color: #000; }
#inschrijvingsformulier { display: none; }
#inschrijvingsformulier fieldset { margin: 0 0 5px 0; padding: 5px; border: 1px solid #404040; }
#inschrijvingsformulier legend { margin: 0 0 0 10px; padding: 5px; color: #404040; }
#inschrijvingsformulier label { float: left; width: 80px; margin: 2px 0 1px 0; }
#inschrijvingsformulier fieldset input { width: 130px; margin: 0 0 3px 0; padding: 2px; border: 1px solid #404040; }
#inschrijvingsformulier fieldset input:focus { background: #EDEDED; }