@charset "utf-8";
/* CSS Document */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
text-align: center;
font: 69%/1.63 Arial, Helvetica, sans-serif;
letter-spacing : 0.032em;
background: url(/afbeeldingen/bodybg.png) repeat-y;
}

/* generic tags */

h1{
background: url(/afbeeldingen/URlogo.png) no-repeat left center;
height: 60px;
margin-top:5px;
width: 276px;
border-right:1px solid #e9ebee;
float:left;
}

h1 a{
text-indent: -9999px;
float:left;
width:100%;
height:100%;
}

h2{
padding: 10px 0px 10px 0px;
font-size: 180%;
color: #2c2159;
} 

h3{
padding: 0px 0px 0px 0px;
font-size: 135%;
color: #2c2159;
} 

h4{

} 

h5{

}

h6{

} 

p{
margin:0 0 1em;
}
#contentcontainer img {

}

blockquote{
background: url(/afbeeldingen/Sindswijwerkenmet.png) no-repeat left center;
height: 16px;
width: 133px;
float:left;
}


/* links */

a:link{color:#392b73;text-decoration:none;}
a:visited{color:#392b73;text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;}

/* non generic tags */

#navcontainer {
background: #CCCCCC url(/afbeeldingen/navbg.png) repeat-x;
margin-top: 42px;
height: 70px;
}

#nav {
text-align: left;
margin: 0 auto;
width: 960px;
height: 70px;
}

#nav ul{
list-style:none;
width: 680px;
float: left;
overflow: hidden;
height: 100%;
}

#nav ul li{
float:left;
height: 100%;
cursor:pointer;
}

#nav ul li a {
position:relative;
float:left;
margin:5px 0;
height:60px;
background-repeat:no-repeat;
background-position:center center;
text-indent:-9999px;
border-left:1px solid #fff;
border-right:1px solid #e9ebee;
}
#nav ul li a:hover, #nav ul li a:active {
margin:0 0 0 1px;
border-left:none;
height:100%;
}

#nav ul li.finalnav a b{
background:url(/afbeeldingen/menudarklightfinal.png) no-repeat center right;
cursor:pointer;
}

#nav ul li a span{
margin-left:-9999px;
cursor:pointer;
}

/*
#nav ul li a em{
float:left;
width: 100%;
height: 100%;
background:url(/afbeeldingen/menudarkright.png) repeat-y left center;
cursor:pointer;
}

#nav ul li a b{
float:left;
width: 100%;
height: 100%;
background:url(/afbeeldingen/menulightleft.png) repeat-y right center;
cursor:pointer;
}
*/

#nav ul li.a1 a{
background-image:url(/afbeeldingen/ButtonHome.gif);
width:69px;
}

#nav ul li.a1 a:hover{background-image:url(/afbeeldingen/MouseoverButtonHome.png);}
#nav ul li.a1 a:active{background-image:url(/afbeeldingen/MouseoverButtonHome.png);}

#nav ul li.a2 a{
background-image:url(/afbeeldingen/ButtonReferenties.gif);
width:110px;
}

#nav ul li.a2 a:hover{background-image:url(/afbeeldingen/MouseoverButtonReferenties.png);}
#nav ul li.a2 a:active{background-image:url(/afbeeldingen/MouseoverButtonReferenties.png);}

#nav ul li.a3 a{
background-image:url(/afbeeldingen/ButtonServices.gif);
width:99px;
}

#nav ul li.a3 a:hover{background-image:url(/afbeeldingen/MouseoverButtonServices.png);}
#nav ul li.a3 a:active{background-image:url(/afbeeldingen/MouseoverButtonServices.png);}

#nav ul li.a4 a{
background-image:url(/afbeeldingen/ButtonOverOns.gif);
width:99px;
}

#nav ul li.a4 a:hover{background-image:url(/afbeeldingen/MouseoverButtonOverOns.png);}
#nav ul li.a4 a:active{background-image:url(/afbeeldingen/MouseoverButtonOverOns.png);}

#nav ul li.a5 a{
background-image:url(/afbeeldingen/ButtonVacatures.gif);
width:100px;
}

#nav ul li.a5 a:hover{background-image:url(/afbeeldingen/MouseoverButtonVacatures.png);}
#nav ul li.a5 a:active{background-image:url(/afbeeldingen/MouseoverButtonVacatures.png);}

#nav ul li.a6 a{
background-image:url(/afbeeldingen/ButtonContact.gif);
width:99px;
}

#nav ul li.a6 a:hover{background-image:url(/afbeeldingen/MouseoverButtonContact.png);}
#nav ul li.a6 a:active{background-image:url(/afbeeldingen/MouseoverButtonContact.png);}


/* Misc classes */

.red{
color:#b30412;
}

#WrapperUrBackupArticle{
float:left;
width:100%;
overflow:hidden;
}

#WrapperUrBackupArticle ul#UrBackupArticle{
float:left;
width:500px;
font-size:1.3em;
font-weight:600;
}

ul#UrBackupArticle li{
padding-bottom:5px;
}

#rightOfBackupArticle{
float:left;
padding:65px 30px 30px;
width:90px;
}

#farRightOfBackupArticle{
float:left;
padding-top:35px;
width:136px;
}

#prijsberekenModule{
background:#f5f3fd;
width:330px;
margin:10px 10px 10px 0;
padding:0 10px 20px 10px;
border:1px solid #E7E7EF;
text-align:left;
color:#35286A;
font-size:1.3em;
font-weight:600;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.largeNumber{
font-size:1.3em;
}

#dataTransport{
float:left;	
margin-right:10px;
}

#berekenKnop{
float:right;
margin-right:20px;
}
}

#dataTransport{
float:left;	
margin-right:10px;
}

#berekenKnop{
float:right;
margin-right:20px;
}



/* Search bar */

#searchcontainer {
background:#392b73 ;
position: absolute;
top: 0px;
left: 0px;
height: 42px;
width:100%;
}

#search {
background:url(/afbeeldingen/searchbox.png) no-repeat bottom right;
text-align: right;
margin: 0 auto;
width: 960px;
overflow: hidden;
padding: 12px 0px 0px 0px;
}

#search form{
padding: 0 3px 0;
text-align: right;
}

#search input{
width: 140px;
float: right;
border: 0px;
padding: 3px;
color:#d5d7df;
font-size: 90%;
}

/* End of Search bar */

/* Results of Search */

.searchresults input.zoekButton{
width: 98px;
height: 32px;
cursor:pointer;
float:left;
padding:0;
margin:14px 0 0;
}

.keywords{
float:left;
padding: 20px 40px 0px 0px;
}

.searchresults{
background:#FFFFFF;
padding:10px 30px 30px;
}

.searchresults dl{
padding:10px;
}

.searchresults dt{
padding:3px 0px 0px;
}

.resultatenoverzicht{
padding:50px 0px 30px;
}

/* End of Results of Search */

#header {
background: #FFFFFF;
background-image:url(/root/up-and-running/header-images/achtergrond-bij-grote-afbeeldingen-316px-hoog-1px-breed);
overflow:hidden;
);
background-repeat:repeat-x;
height: 313px;
}

#sitecontainer {
background: url(/afbeeldingen/contentbg.png) repeat-y right;
padding: 20px 0px 20px 0px;
}

#contentcontainer {
text-align: left;
margin: 0 auto;
width: 960px;
overflow: hidden;
}

#sitemapcontainer a:link{color:#ffffff;text-decoration:none;}
#sitemapcontainer a:visited{color:#ffffff;text-decoration:none;}
#sitemapcontainer a:hover{text-decoration:underline;}
#sitemapcontainer a:active{text-decoration:underline;}

#sitemapcontainer {
background: #35286a url(/afbeeldingen/sitemapbg.png) repeat-x;
}

#sitemap {
text-align: left;
margin: 0 auto;
width: 960px;
list-style:none;
overflow: hidden;
padding-top: 2.5em;
color:#FFFFFF;
margin-bottom:-2.5em;
}

#sitemap li.hoofditem{
float:left;
width: 142px;
margin-right: 20px;
margin-bottom: 2.5em;
font-weight: bold;
}

#lte-IE-6 #sitemap li{
margin-right: 5px;
}

#sitemap li.final{
margin-right: 0px;
}

#sitemap li li{
background:url(/afbeeldingen/sitemapbullet.png) no-repeat left .7em;
padding-left:5px;
margin-bottom:0px;
font-weight: normal;
}

.toplink {
background: url(/uploads/0a/72/0a7254e678b074475be83ee62041932f/toplinkarrow.gif) no-repeat left center;
padding-left: 14px;
float: right;
}

#toplinkcontainer{
margin:0 auto;
width:960px;
overflow:hidden;
padding-bottom: 1em;
}

#footer {
background: #534689 url(/afbeeldingen/footerbg.png) repeat-x;
}

#footer ul{
margin: 0 auto;
width: 960px;
height: 38px;
}

#footer ul li{
float:left;
padding: 1em 7px 1em 9px;
}

.footerbullet{
background:url(/afbeeldingen/footerspacer.png) no-repeat center left;
}

#footer a:link{color:#000000;text-decoration:none;}
#footer a:visited{color:#000000;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer a:active{text-decoration:underline;}

/* content-part with fixed width two opposite direction floating text areas giving automatic margin in the middle */
/*                   */

#leftcontentcontainer{
background:url(/afbeeldingen/Leftcenter.png) repeat-y -1px;
width:457px;
float:left;
overflow:hidden;
margin-bottom:20px;
}

#rightcontentcontainer {
background:url(/afbeeldingen/Rightcenter.png) repeat-y;
width:479px;
float:right;
overflow:hidden;
}

.leftcontainercontent{
background:url(/afbeeldingen/Lefttop.png) no-repeat top left;
padding: 20px;
overflow: hidden;
float:left;
}

.rightcontainercontent{
float:left;
background:url(/afbeeldingen/Righttop.png) no-repeat top left;
padding: 20px;
overflow: hidden;
}

.leftbottom{
background:url(/afbeeldingen/Leftbottom.png) no-repeat bottom left;
height: 32px;
clear:both;
}

.rightbottom{
background:url(/afbeeldingen/Rightbottom.png) no-repeat bottom left;
height: 32px;
clear:both;
}

/*linker kolom*/

#left{
width:420px;
float:left;
overflow: hidden;
}

#right{
width:200px;
float:right;
overflow: hidden;
}

.narrowleft {
width:200px;
float:left;
}
.narrowright {
width:200px;
float:right;
}
.wide {
clear:both;
}

/* Artikel templates */

#articlefloatright{
width:200px;
float:right;
overflow: hidden;
}

#articlefloatleft{
width:200px;
float:left;
overflow: hidden;
}

.articlefull{
clear:both;
margin-bottom:10px;
}

.leftimage {
float:left;
margin:0 10px 10px 0;
}

.articleImage{
float:right;
padding:0px 0px 10px 10px;
}

.defaultarticleLink{
padding: 10px 0 0;
}

/*rechter kolom is 2*/

#left2{
background:url(/afbeeldingen/Sindswijwerkenmet.png) no-repeat top left;
width:438px;
float:left;
}

#right2{
background:url(/afbeeldingen/WiebedeJong.png) no-repeat top left;
height:161px;
width:202px;
float:right;
}

#right2 span{
margin-left: -9999px;
}

.linkarrow{
background: url(/uploads/49/94/49943bb73d332ff71106aa662a5a4ac3/Linkarrow.png) no-repeat right -.2em;
padding: 0px 20px 0px 5px;
height: 18px;
min-width:17px;
text-align:right;
display:block;
}

/* Contactformulier */

.acknowledgementLayout{
background:#FFFFFF;
padding:10px 30px 30px;
}

.acknowledgement{

}
.dataform {
width:420px;
}
.dataform textarea{
font: 100%/1.63 Arial, Helvetica, sans-serif;
letter-spacing : 0.032em;
width:340px;
padding: 5px 0;
padding:10px;
border:e0e0e0;
font-weight: 600;
}

.dataform input{
font: 100%/1.63 Arial, Helvetica, sans-serif;
letter-spacing : 0.032em;
width:300px;
padding: 5px 0;
padding:10px;
border:e0e0e0;
font-weight: 600;
}

.dataform span.label{
padding:10px 10px 10px 0px;
display:block;
}

.dataform input.forwardButton{
width: 98px;
height: 32px;
cursor:pointer;
padding:0;
margin:0;
}

.dataform .forwardButton{
float: right;
}


.dataformUR {
width:630px;
}
#invoer {
width:100%;
}
.dataformUR .field {
margin-bottom:3px;
padding:8px 10px 8px 12px;
clear:both;
}
.dataformUR .field.nobg {
background:none;
}
.dataformUR .field .formSubtext {
width:100%;
text-align:right;
}
.dataformUR .label {
width:122px;
font-weight:bold;
float:left;
}
.dataformUR .form input[type="text"] {
width:440px;
}

.dataformUR .form{
width: 570px;}

.dataformUR fieldset.contents .alt input, .dataform fieldset.contents textarea {
width:100%;
}
.dataformUR input#nieuwsbrief1, .dataform input#nieuwsbrief2 {
width:1em;
}
.dataformUR fieldset.contents textarea {
height:8em;
}
.dataformUR input.forwardButton {
width: 98px;
height: 32px;
cursor:pointer;
padding:0;
margin:0;
float:right;
}

.dataformUR p.right {
margin-bottom:.2em;
text-align:right;
}
#captcha input {
float:left;
margin:0 5px 0 0;
width:100px;
height:45px;}

.acknowledgement{
list-style-type:disc;
}

/*einde dataformUR*/

/* Authentication templates */

.accountOptions ul li{
padding: 20px 0;
}

.loginBox{
padding: 30px;
background: #FFFFFF;
}

.loginBox .forwardButton{
float:left;
}

/*customer portal*/
#nav.customer ul li a {
text-indent:0;
text-transform:uppercase;
font-size:1.2em;
color:#392b73;
padding:25px 15px 0;
font-weight:bold;
margin:0;
height:45px;
}
#nav.customer ul li a:hover, #nav.customer ul li a:active {
margin:0 0 0 1px;
padding-left:30px;
}
#customercontainer {
text-align:center;
background:#fff;
}
#customer {
width:960px;
margin:0 auto;
overflow:hidden;
text-align:left;
position:relative;
}
#customer .loginbox {
float:left;
width:185px;
margin:10px 10px 10px 0;
}
#customer .loginbox h2 {
padding:0;
font-size:1.3em;
}
#customer .loginbox ul {
margin:0;
padding:0;
list-style:none;
}
#customer .loginbox li {
padding-left:15px;
margin:0 0 2px;
background:url(/uploads/e3/57/e357f163004a3dba5cd6431874a1f8a5/list-arrow.gif) no-repeat left .1em;
}
#customer img {
float:left;
border:0;
}
#leftcontentcontainercustomer {
width:180px;
float:left;
}
#rightcontentcontainercustomer {
width:765px;
float:right;
}
select.beheermenu {
margin:0 0 20px;
}
#customertitle {
background:url(/afbeeldingen/customerheader.gif) no-repeat 7px 16px;
height: 80px;
float:left;
width:100%;
}
#customernav {
overflow:hidden;
width:100%;
background:#fff;
}
#customernav ul li {
padding:0;
}
#customernav ul li a {
/*background: url(/afbeeldingen/servicesnavspacer.png) no-repeat left top;*/
color:#000;
width:175px;
float:left;
padding:14px 0px 15px 5px;
}

#customernav ul li li a {
padding-left:16px;}
#customernav ul li a:hover, #customernav ul li a:active {
background:url(/afbeeldingen/servicesnavbg.png) no-repeat right top;
text-decoration:none;
background-color:#c4c2cd;
}

ul.bulletList li, ul.bulletList ul {
	padding-left:0px;
}
.bulletList .level0 {
font-weight:bold;
font-size:11px;
}
.bulletList .level1 {
font-weight:normal;
}
#customernav ul li a.current {
background-color:#F0F0F4;
}

.sqltable {
width:100%;
border-collapse:collapse;
border-spacing:0;
margin-bottom:30px;
}
.sqltable th {
background:#392b73;
padding:4px 7px;
vertical-align:middle;
color:#fff;
text-align:left;
font-weight:normal;
}
.horizontal th {
width:20%;
}
.horizontal .odd th {
width:20%;
background:#4c3d8b;
}
.sqltable td {
background:#f0f0f4;
}
.sqltable .odd td {
background:#fff;
}
.sqltable tr:hover td, .sqltable tr.odd:hover td {
background:#c3bfd5;
}
.sqltable td {
padding:4px 7px;
vertical-align:middle;
}
.pagination {
margin-bottom:30px;
}

#print {
position:absolute;
right:0;
bottom:5px;
text-indent:-9999px;
height:32px;
background:url(/uploads/ff/99/ff99a4f75bbc19213c2e4d8ae9354a6a/urprint.gif) no-repeat center top;
width:45px;
}
#print:hover, #print:active {
background-position:center -40px;
}