/*

blauw: #3d5993;
zwart: #000000;

*/

* { margin: 0px;	padding: 0px; outline-style: none; }

html, body {
	height: 100%;
}

#spacer {width: 1px; height: 50%; margin-bottom: -265px;}

#site {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
    height: 530px;
	            font: 12px arial, verdana, sans-serif;
	            line-height: 16px;
	background: url(pics/back_content.gif) left top repeat ;
    z-index: 1;
}

#lightbox{
    position: absolute;
    z-index: 10;
    min-height: 530px;
    height: 100% !important;
    height: 100%;
    width: 100%;
    font: 12px arial, verdana, sans-serif;
    line-height: 16px;
}

.lightbox-bg{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 11;
    height: 100%;
    width: 100%;
    background: url(pics/lightbox-bg.png) top left repeat;
}

#lightbox .lightbox-bg, #lightboxHolder .lightbox-bg{
    position: absolute;
    z-index: 11;
    min-height: 550px;
    height: 100% !important;
    height: 100%;
    width: 100%;
    background: url(pics/lightbox-bg.png) top left repeat;
}

#lightboxHolder{
    position: absolute;
    z-index: 15;
    height: 500px;
    width: 450px;
    font: 12px arial, verdana, sans-serif;
    line-height: 16px;
    left: 50%;
    margin-left: -225px;
    top: 50%; 
    margin-top: -225px;

}

#lightboxHolder iframe{
    position: absolute;
    z-index: 20;
    width: 500px;
    height: 450px;
    border: none;
    background: none;
    
}

#lightbox #lightbox-spacer {width: 1px; height: 50%; margin-bottom: -225px;}

#lightbox .box-content{
    margin: 0px auto;
    position: relative;
    background-color: #fff;
    width: 500px;
    height: 450px;
    z-index: 12;
}

#lightbox .box-top{
    float: left;
    width: 500px;
    height: 25px;
    background-color:#3d5993; 
}

#lightbox .box-top .txt{
    float: left;
    width: auto;
    padding: 2px 0px 0px 15px;
}

html #lightbox .box-top .close{
    background-color: #fff;
    width: 13px;
    height: 17px;
    margin: 3px;
    padding: 2px 0px 0px 6px;
    line-height: 14px;
    font-weight: bold;
    font-size: 12px;
    font-family: arial;
    float: right;
    cursor: pointer;
    right: 0px;
    position: static;
}

html .close{
    background-color: #fff;
    width: 13px;
    height: 17px;
    margin: 3px;
    padding: 2px 0px 0px 6px;
    line-height: 14px;
    font-weight: bold;
    font-size: 12px;
    font-family: arial;
    position: absolute;
    z-index: 25;
    cursor: pointer;
    right: -50px;
}

#lightbox .box-bottom{
    float: left;
    width: 500px;
    height: 25px;
    line-height: 25px;
    background-color:#858CB7; 
}
#lightbox .box-bottom .previous{
    padding-left: 10px;
    float: left;
    width: auto; 
}
#lightbox .box-bottom .next{
    padding-right: 10px;
    float: right;
    width: auto; 
}

#lightbox .box-bottom a:link, #lightbox .box-bottom a:visited{
    color: #fff;
    text-decoration: none;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
}

#lightbox .box-middle{
    float: left;
    width: 450px;
    height: 380px;
    padding: 10px 0px 10px 15px;
}

#lightbox .box-scroll{
    float: left;
    width: 475px;
    height: 380px;
    overflow: auto;
}

#lightbox .box-middle ul{
    margin-left: 15px;                            
}

/* ------------------------------------------------------------------------- Navigation */ 

#navigation .nav-item{
    width: 117px;
    height: 110px;
    background-color:#000;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    float: left;
    padding: 10px;
}

#navigation .nav-item.right{
    border: none;
}

#navigation .nav-item a:link, #navigation .nav-item a:visited{
    color: #3d5993;
    font-family: "arial black";
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase; 
    width: 110px;
}

#navigation .nav-item a:hover, #navigation .nav-item a.current:visited, #navigation .nav-item a.current:link {
    color: #fff;
}

#navigation .nav-item .sub a:link, #navigation .nav-item .sub a:visited{
    color: #3d5993;
    font-family: "arial";
    font-size: 12px;
    text-decoration: none;
    text-transform: none;
    float: left;    
}

#navigation .nav-item .sub a:hover, #navigation .nav-item .sub a.current:visited, #navigation .nav-item .sub a.current:link{
    color: #fff;
}

/* ------------------------------------------------------------------------- Content */

#column-left {width: 276px; height: 530px; float: left;}
#column-middle{position: relative; width: 422px; height: 490px; float: left; padding: 40px 0px 0px 25px;display: inline; background-color: #fff; overflow:hidden;}
#column-right{width: 272px; height: 526px; float: left; border: 2px solid #3d5993; overflow: hidden; position: relative;}

#column-right form .submit{
    margin-top: 2px;
}

#print_header {
	display: none;
}

#column-left .logo {
    position: relative;
    width: 276px;
    height: 134px; 
    text-align: center;
    border-bottom: 2px solid #fff;
    background-color: #3d5993;    
}

#column-left .logo .language{
    position: absolute;
    right: 15px;
    bottom: 7px;
}

#column-left .logo .language img{
    margin-left: 5px;
}

#column-left .logo a img {
    float: left;
    border: 0px solid #fff;
    margin-left: 15px;
}

#column-right .background{
    position: absolute;
    width: 272px;
    height: 526px;
    overflow: hidden;
}

#column-right .background #map{
    position: absolute;
    width: 272px;
    height: 526px;
}

#column-right .background-txt{
    position: relative;
    width: 120px;
    float: right;
    z-index: 5;
    margin-right: 25px;
    margin-top: 45px;
    display: inline;
    font-weight: bold;
}

#column-right .background img.absolute{
    position: absolute;
    top: 0px;    
}

#column-right .background .referenties{
    position: relative;
    z-index: 5;
}
#column-right .background .referenties {
    position: absolute;
    width: 276px;
}
#column-right .background .referenties .box{
    width: 138px;
    height: 85px;
    text-align: center;
    float: left;
}

#column-right .background .referenties .box img{
    border: none;
}

#column-right .background-txt a:link, #column-right .background-txt a:visited{
    color: #000;
}

#column-right .background-txt a:hover{
    text-decoration: none;
}

#column-right .bottom{
    position: absolute;
    bottom: 0px;
    height: 247px;
    padding: 6px 10px 10px 10px;
    width: 252px;
    border-top: 2px solid #3d5993;
    background: url(pics/bottom-bg.png) top left repeat;
    color: #fff;
    overflow: hidden; 
}

#column-right .bottom.uit{
    display: none;
}

#column-right .bottom ul li{
    list-style-type: none;
    margin-bottom: 6px;
    line-height: 18px;
}

#column-right .bottom a:link, #column-right .bottom a:visited{
    color: #fff; 
}

#column-right .bottom a:hover{
    text-decoration: none;
}

#site .row{
    height: 35px;
    overflow: hidden;     
}

#column-middle .content ul.nieuwsbrieven{
    padding: 0px;
}

#column-middle .content ul.nieuwsbrieven li{
padding: 0px;
margin: 0px;
    list-style-type: none;
}

#column-middle .content ul.nieuwsbrieven li img{
    border: none;
}

#site .row.small{
    width: 120px;
    float: left;
    margin-right: 5px;
}

#site .row .omschrijving{
    float: left;
    width: 200px;            
}

#site .row.lower{
    height: 23px;
}

#site .row .invul select{
    width: 120px;
}

#site .row .submit{
    text-align: left;
    padding: 0px 0px 0px 5px;
    background-color: #acafcd;
    border: none;
    width: 120px;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
}

#site .row .submit.center{
    text-align: center;
    width: 153px;
}

#site .row input{
    width: 242px;
}

#site .row input.radio{
    width: 20px;
}


#site a:link, #site a:visited{
    color: #3d5993;
}

#site a:hover{
    text-decoration: none;
}

#column-middle .middle-top{
    border-bottom: 2px solid #3d5993;   
}

#column-middle .middle-bottom{
    margin-top: 5px;   
}

#column-middle .middle-bottom .content{
    position: absolute;
    bottom: 0px;
    width: 403px;
    max-height: 390px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    padding-right: 10px;
}

#column-middle .content.news{
    position: relative;
    max-height: 280px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
}

#column-middle .content.news .scroll-container{
    height: 270px;
   
}

#column-middle .content.big{
    width: 687px;
    max-height: 350px;
    height: 350px;
}

#column-middle .content .scroll-container{
    width: 400px;
    height: 380px;
    padding: 0px 10px 0px 0px;
     overflow: auto;
     text-align: justify
}

#column-middle .content .scroll-container.big{
    width: 677px;
    height: 350px;
    overflow: auto;
    
}

#site a.soliciteren:link, #site a.soliciteren:visited{
width: 100px;
height: 32px;
display: block;
line-height: 28px;
text-align: center;
text-decoration: none;
font-weight: bold;
float: right;
    background: url(pics/btn-bg.png) top left no-repeat;
}

#column-middle .form-block{
    background-color: #acafcd;
    padding: 5px;
    min-height: 200px;
    height: auto !important;
    height: 200px;
    width: 650px;
    margin-bottom: 10px;
    display: block;
    float: left;
    
}

#column-middle .form-block .title{
    width: 667px;
    float: left;
    font-weight: bold;
}

#column-middle .form-block .left{
    float: left;
    margin-bottom: 10px;
}
#column-middle .form-block .right{
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
#column-middle .form-block .column{
    float: left;
    width: 130px;
    margin-top: 5px;
}

#column-middle .form-block .column input.checkbox{
    float: left;
}

#column-middle .form-block .column ul li span.txt{
    float: left;
    width: 100px;
    padding: 0px 3px;

}

#column-middle .form-block .column ul li{
    list-style-type: none;
    width: 130px;
}


#column-middle .form-block td input.text{
    width: 220px;
    border: 1px solid #fff;
    margin-bottom: 2px;
}

#column-middle .submitForm{
    text-align: center;
    background: url(pics/btn-bg.png) 5px 6px no-repeat;
    border: none;
    width: 105px;
    height: 40px;
    color: #3E5A93;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 2px;
}
#column-middle .form-block td textarea{
    border: 1px solid #fff;
    width: 220px;
    height: 105px;
    margin-bottom: 2px;
}

#column-middle .form-block td input.radio{
    width: auto;
    border: none;
}
#column-middle .form-block td input.checkbox{
    width: auto;
    border: none;
}

#column-middle .news-bottom{
    position: absolute;
    height: 120px;
    width: 413px;
    border-top: 2px solid #3d5993;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    padding: 10px 0px 0px 25px; 
}

#column-middle .news-bottom a:link, #column-middle .news-bottom a:visited{
    color: #000;
}

#column-middle .news-bottom ul li{
    list-style-type: none;
}

#column-middle .news-bottom a:hover{
    text-decoration: none;
}

#column-middle.big{
    width: 687px;
    padding: 0px;
    margin: 0px;
}

#column-middle.big.home{
    width: 687px;
    height: 530px;
    padding: 0px;
    margin: 0px;
}

#column-middle.big.padding{
    width: 687px;
    padding: 40px 0px 0px 25px;
    margin: 0px;
}


#column-middle.big .middle-bg{
    position: absolute;
    width: 687px;
    height: 530px;
    z-index: 1;
}

#column-middle.big .home-txt{
    position: relative;
        width: 687px;
    height: 530px;
    z-index: 5;
}

#column-middle.big .home-txt .home-top{
    width: 225px;
    color: #3d5993;
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0px 0px 15px; 
}

#column-middle.big .home-txt .home-bottom{
    position: absolute;
    height: 200px;
    overflow: hidden; 
    bottom: 110px;
    width: 600px;
    color: #3d5993;
    font-weight: bold;
    margin: 20px 0px 0px 15px;
}

#column-middle.big .home-txt .seminar-home{
    position: absolute;
    right: 115px;
    bottom: 0px;
    padding: 5px 5px 2px 5px;
    width: 285px;
    height: 100px;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
}

#column-middle.big .home-txt .seminar-home.scroll, #column-right .bottom .seminar-home.scroll{
    display: none;
}

#column-middle.big .home-txt .seminar-home ul li{
    margin-bottom: 5px;
}

#column-middle.big .home-txt .seminar-home ul li a:link, #column-middle.big .home-txt .seminar-home ul li a:visited{
    color: #fff;
}

#column-middle .middle-left{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 297px;
    height: 530px;
    border-left: 1px solid #fff;
}
#column-middle .middle-left img{
    margin: 0px;
    padding: 0px;
    float: left;
    height: 530px;
    width: 297px;
}

#column-middle .middle-right .content-top{
    width: 230px; 
    border-bottom: 2px solid #3d5993;
    float: left;
}

#column-middle .middle-right .content-bottom{
    width: 389px; 
    float: left;
}

#column-middle .middle-right .top-space{
    height: 162px;
    width: 389px;
    font-size: 0px;
    line-height: 0px;
    float: left;
}

#column-middle ul.vacatures {
	list-style-type: none;
}
#column-middle ul.vacatures li{
    margin: 0px;
}

#column-middle ul.vacatures li a:link, #column-middle ul.vacatures li a:visited{
    color: #000;
}
#column-middle ul.vacatures li.status_G, #column-middle ul.vacatures li.status_g{
    background: url(pics/green.gif) 0px 2px no-repeat;
    padding: 0px 0px 0px 15px;
}
#column-middle ul.vacatures li.status_O, #column-middle ul.vacatures li.status_0{
    background: url(pics/orange.gif) 0px 2px no-repeat;
    padding: 0px 0px 0px 15px;
}
#column-middle ul.vacatures li.status_R, #column-middle ul.vacatures li.status_r{
    background: url(pics/red.gif) 0px 2px no-repeat;
    padding: 0px 0px 0px 15px;
}
/* ------------------------------------------------------------------------- Content */ 

h1, td h1 {font: 24px arial-black, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px; line-height: 26px;}
h1.big {font: 74px arial-black, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 0px; padding: 0px; line-height: 82px; height: 150px; width: 275px !important; position: absolute; top: 0px;}
h2, td h2 {font: 24px arial, verdana, sans-serif; font-weight: bold; color: #3d5993; margin-bottom: 7px;}
h2.big {font: 74px arial, verdana, sans-serif; font-weight: bold; color: #3d5993; margin-bottom: 0px; padding: 0px; width: 275px !important; position: absolute; line-height: 74px; right: 50px; top: 91px;}
h3, td h3 {font: 16px arial, verdana, sans-serif; font-weight: bold; color: #fff; text-transform: uppercase;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #3d5993; margin-bottom: 7px; text-transform: uppercase;}
h5, td h5 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px; font-weight: bold;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: limegreen; margin-bottom: 7px;}

#content a:link, #content a:visited {text-decoration: none; color: olive ;  border-bottom: 1px solid olive;}
#content a:hover { color: limegreen;  border-bottom: 1px solid limegreen; }

table {margin: 0px 0px 0px 0px;}

.content img { margin: 0px 0px; border: 2px solid #3d5993; }
.content img.left {	margin: 4px 10px 0px 0px; float: left; }
.content img.right { margin: 3px 0px 10px 10px; float: right; }

p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#column-middle .content li { margin: 0px 0px 0px 15px;}
#column-middle .content ol { margin: 10px 0px 10px 20px;}

#directions{
    width: 350px;
    
}

/* ------------------------------------------------------------------------- Footer */ 

#column-left .sub .sub a#contact:link, #column-left .sub .sub a#contact:visited{
    text-transform:uppercase;
    font-family:"arial black";
font-size:14px;
text-decoration:none;    
}

* html #footer {
	position: absolute;
	bottom: -1px;
}



#footer {
	position: absolute;
	bottom: 0;
	padding: 0px 10px;
	width: 100%;
	height: 20px;
	font: 10px arial, verdana, sans-serif;
	color: white;
	text-align: right;
	background-color: olive;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	line-height: 20px;
	color: white;
}

#footer a:hover { color: limegreen; }

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }


/* DATA SPRINGS Inc. - DYNAMIC REGISTRATION STYLE SHEET */

.DynamicForms_QuestionTable {
    border-collapse: collapse;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

table.DynamicForms_QuestionTable{
    border-collapse: collapse;
}
.DynamicForms_Maintable {
      border-collapse: collapse;
      width: 100%;
      padding: 2px;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
}

.DynamicForms_Maintable td {

height:11px!important;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


span.DynamicForms_Label 
{
    font-family: arial;
    font-size: 11px;
   width:80px!important;
font-weight: bold;

}





 #dnn_ctr900_DynamicForms_TBR_GUID7e532aa0-8208-41bc-9c08-bc2fa9759981MWhuisnummer{
    position: absolute;
    right: 186px;
    height: 15px;   
 }

.DynamicForms_Textbox
{

}


.DynamicForms_FieldError
{

background-color: #EF5050;

}

td.DynamicForms_Label{
    width: 200px;
}

.DynamicForms_Dropdownlist
{
  font-weight: bold;
    font-size: 11.5pt;
    color: #003366;
   
}

.DynamicForms_Listbox
{

}





.DynamicForms_Checkboxgroup
{
  font-weight: bold;
  border: none; 

}

.DynamicForms_ComboBox{
font-size:11px;
width: 202px;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}



table.DynamicForms_QuestionTable {

border:none!important;
}

table.DynamicForms_QuestionTable input {
margin: 0 0 0 0!important;
padding: 0 0 0 0!important;

border:none;
}


td.DynamicForms_QuestionTableCell {
height:18px!important;
margin: 0 0 0 0!important;
padding: 0 0 0 0!important;
}

.DynamicForms_TextBox  {
height: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
     
}

textarea.DynamicForms_TextBox{
    margin-bottom: 3px;
    margin-top: 2px;
}

TR {
margin: 0px;
padding: 0px;
}

#SaveForm input {
    background: url(http://topbuyers.ivengi.com/pics/btn-bg.png) 5px 6px no-repeat;
    width: 110px!important;
    height: 40px!important;
    text-align: center;
    vertical-align: middle;
border: none!important;
}





span.checkbox input { width:20px; border: none; }



/* DATA SPRINGS Inc. - DYNAMIC REGISTRATION STYLE SHEET */


.DynamicRegistration_Maintable {

      width: 100%;
      padding: 2px;
font-size: 11px!important;
}


.DynamicRegistration_Label
{
    font-family: arial;
    font-size:11px;
width:220px!important;
}



.DynamicRegistration_Label SPAN {
font-weight: bold;

width:200px!important;
}



.DynamicRegistration_Textbox, .NormalTextBox
{
    border: 1px solid #ffffff;
}

#dnn_ctr895_DynamicForms_FileResponses_GUID9ab3c18d-3034-4d14-b58a-c07d07b09e3d_fileUpload{
    height: 20px;
}

.DynamicForms_DisabledTextBox  {
    border: 1px solid #ffffff;
    background-color: #a6a6a6;    
}

.DynamicRegistration_FieldError
{

background-color: #EF5050;

}

span.NormalBold{
    font-weight: bold;
}


.DynamicRegistration_Dropdownlist
{
  font-weight: bold;
    font-size: 11.5pt;
    color: #003366;
}

.DynamicRegistration_Listbox
{

}

.DynamicRegistration_Checkbox,OptionBox
{
width:20px!important;
background-color: olive;
}


.DynamicRegistration_Checkboxgroup
{
  font-weight: bold;
   

}



#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

input.NormalTextBox {
    font-size:11px;
    border: 1px solid #fff;
    margin: 0px;
    line-height: 14px;
}


table.DynamicRegistration_Radiobutton INPUT {
width:20px;
border:none;
}

.DynamicRegistration_QuestionTableCell INPUT {
 font-size:11px;
}

#dnn_ctr899_DynamicRegistration_TBR_GUID28dd5559-0642-4132-a1ce-4b8d6a469b6fsoortgebruiker, #dnn_ctr899_DynamicRegistration_TBR_GUIDa451cf59-a524-43f4-8b2c-5a00f70519d6Display { display:none;} 

td.DynamicForms_QuestionTableCell INPUT {
font-size:11px;
height: 14px;
border: 1px solid #fff;
margin: 0px;
}

td.DynamicForms_QuestionTableCell select{
    margin-bottom: 1px ;
}

table.DynamicForms_RadioButton INPUT
 {
    width:20px;
    border:0px solid #fff;
}

.DynamicForms_Checkbox,OptionBox
{
width:20px;
border:none;

}