body, html {
margin: 0px;
padding: 0px;
background: url('../images/bg.jpg') top center repeat-x #FFF;
font-family: verdana, arial, sans-serif;
font-size:100%;
line-height:1.125em; /* 16?1.125=18 */
color: #0f1b2a;
}
ul {
margin: 0px;
padding: 0px;
}
li {
list-style: none;
margin: 0px;
padding: 0px;
}

.routelist {
list-style: disc;	
}

#container {
margin: 0px auto;
width: 980px;
background: url('../images/container-bg.png') repeat-y;
border: solid 1px #333;
font-size:0.75em;/* 16x0.75=12 */
margin-bottom: 4em;
}
#home #container {
background: none #ff8700;
}
#content {
position: relative;
}
#text {
width: 525px;
float: left;
padding-left: 175px;
text-align: justify;
}
#text_docs {
width: 525px;
float: left;
text-align: justify;
padding-left: 25px;
padding-right: 150px;
}

x#home #text {
width: 380px;
padding-left: 320px;
margin: 0px;
margin-top: 0px;
}
#images {
width: 175px;
float: left;
margin-left: -700px;
}
#home #images {
margin-left: -695px;
}
#extra {
width: 280px;
float: left;
position: relative;
top: -100px;
}

.clear {
clear: both;
}
#login {
position: absolute;
width: 280px;
right: 0px;
bottom: -28px;
background: url('../images/login-bg.png') top left no-repeat #ff8700;
padding-top: 60px;
}
#home #login {
position: relative;
width: 250px;
bottom: 0px;
background: none;
padding-top: 0px;
}
#top {
position: relative;
height: 280px;
background: url('../images/top-bg.png') no-repeat;
}
#home #top {
background: url('../images/home-top-bg.png') no-repeat;
}



#logo {
position: absolute;
top: 74px;
left: 13px;
}
/*#home #logo {
top: 88px;
left: 27px;
}*/

#menu {
height: 33px;
background: url('../images/menu-bg.png') repeat-x;
float: left;
}
#home #menu {
float: left;
height: 33px;
/*position: absolute;*/
}

#menu li {
float: left;
padding: 0px 7px;
}
#menu li.selected a,
#submenu li.selected a{ color: #ff8700}
#menupresentation {
position: absolute;
top: 213px;
left: 10px;
}
#home #menupresentation {
position: absolute;
top: 233px;
left: 10px;
padding-right: 9px;
/*position: relative;
top: 0px;
left: 0px;
padding: 0px 10px;
height: 0px;*/
}
/*#home #menu {
background: none;
}*/
/*#home #menu li {
width: 311px;
height: 28px;
float: none;
background: url('../images/menu-bg.png') repeat-x;
padding: 5px 0px 0px 0px;
text-align: center;
}*/

#home #menupresentation-left { 
background: url('../images/home-imagedecoration-spr.png') -163px 0px no-repeat; 
}

#home #menupresentation-right { 
background: url('../images/home-imagedecoration-spr.png') -172px 0px no-repeat; 
position: absolute;
top: 0px; right: 0px;
}

#menupresentation-left {
float:left;
width: 9px;
height: 33px;
background: url('../images/menupresentation-sprite.png') 0px 0px no-repeat;
}
#menupresentation-right {
float:left;
width: 9px;
height: 33px;
background: url('../images/menupresentation-sprite.png') -9px 0px no-repeat;
}

.imgpresentation {
width: 163px;
background: url('../images/img-bg.png') repeat-y;
text-align: center;
margin-left: 6px;
margin-bottom: 15px;
}
.imgpresentation-top {
width: 163px;
height: 10px;
background: url('../images/imgpresentation-sprite.png') 0px 0px no-repeat;
}
#home .imgpresentation-top {
background: url('../images/home-imagedecoration-spr.png') 0px 0px no-repeat;
}
.imgpresentation-bottom {
width: 163px;
height: 23px;
background: url('../images/imgpresentation-sprite.png') 0px -10px no-repeat;
}
#home .imgpresentation-bottom {
background: url('../images/home-imagedecoration-spr.png') 0px -10px no-repeat;
}
#extra .imgpresentation {
width: 250px;
background: url('../images/imglarge-bg.png') repeat-y;
position: relative;
margin: 0px;
margin-top: 16px;
margin-bottom: 43px; /*28 + 15 */
}
#extra .imgpresentation-top {
width: 250px;
height: 16px;
background: url('../images/imgpresentationlarge-sprite.png') 0px 0px no-repeat;
position: absolute;
top: -16px;
}
#extra .imgpresentation-bottom {
width: 250px;
height: 28px;
background: url('../images/imgpresentationlarge-sprite.png') 0px -16px no-repeat;
position: absolute;
bottom: -28px;
}


#footer {
width: 982px;
height: 24px;
overflow: hidden;
background: #ff8700;
position: relative;
top: 29px;
left: -1px;
text-align: center;
font-size: 10px;
line-height: 11px;
padding: 2px 0px;
}
#footer p {
margin: 0px;
padding: 0px;
}

#submenu {
	padding-bottom: 90px;
}
#submenu li{
width: 250px;
height: 32px;
background: url('../images/imgpresentationlarge-sprite-ie6.png') no-repeat;
margin-top: 5px;
position: relative;
text-align: center;
padding-top: 8px;
font-size: 90%;
}

.kolom {
width: 224px;
float: left;
padding: 0px 15px;
}
#home .kolom {
width: 350px;
}
.vullend {
width: 485px;
float: left;
padding: 0px 15px;
margin: 0px;
position: relative;
top: -13px;
}

.vullend_docs {
	width: 485px;
	float: left;
	padding: 0px 15px;
	margin: 0px;
	position: relative;
	top: -13px;
	padding-left: -150px;
}


h1 {
padding: 0px 15px;
font-size: 2.25em;
line-height: 2.5em;
}

a {
	color: #808080;
text-decoration : none;
}
a:hover {
	color: #0f1b2a;
text-decoration : underline;
}
#home a {color: #000;}


li {
margin-top : 0.55em;
}
li a {
text-transform: uppercase;
font-size: 1.1em;
color: #333;
}
li p a { text-transform: none; text-decoration: underline; font-size: 1em;}



#login fieldset {
border: none;
}
#login legend {
color: #fff;
text-transform: uppercase;
}
#home #login legend {
color: #000;
}

#loginform { margin-bottom: 5px; }
#loginform p { margin: 0; padding: 0; }
#loginform a { color: #fff; text-decoration: none; }


.icon {
position: absolute;
left: 10px;
top: -5px;
}


.alternatebg {
background: #e8e8e8;
}

.listitem {
width: 241px;
float: left;
xtext-align: center;
}
.listitem p {margin: 0px; padding: 0;}
/*
.listitem {
margin: 5px 0px;
padding: 0px 15px;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
min-height: 50px;
height: auto !important;
height: 50px;
}
.listitem p {
margin: 0px;
padding: 0px;
}
.listitem .productimage {
float: left;
width: 50px;
height: 50px;
background: #000;
margin-right: 10px;
}*/
a img { border: none;}

/* Nog te verdelen styles */
/* Nieuwsberichten: slechts om eerste letter uppercase te maken */
.author, .newstitle {
text-transform: capitalize;
}

/* Al het onderstaande zit in de pagina's over de producten: definitie van categorie/product-divjes */
/*.productcat, .productsupplier {
border: thin solid #000000;	
}

.productcattitle, .productsuppliername {
background-color: #CFCFCF;	
}

.product {
border: thin solid #AFAFAF;	
}

.producttitle {
background-color: #CFCFCF;	
}*/

h1.pagetitle {
text-transform: capitalize;
margin-top: 0px;
padding-top: 0px;
line-height: 100%;
}
#home h1.pagetitle { display: none;}


.tabcontainer {padding-left: 79px;}
.productlistcontainer { border-top: solid 1px #aaa;}
.productimage{padding: 0px; margin: 10px 0px 0px 0px; }
.listtab {
width: 163px;
background: url('../images/img-bg.png') repeat-y;
top: 0;
float: left;
text-align: center;
}
.listtab p {
margin: 0px;
padding: 0px;
}
.listtab a,
.listtab .inactive {
color: #333;
}
.listtab .active {
color: rgb(255, 135, 0);
}
	
#breadcrumbs {
position: absolute; top: -20px; right: 0px; z-index: 1000;
padding-right: 307px;
text-transform: lowercase;
}
#breadcrumbs a {
color: #ff8700;
}
.productsupplier {
text-align: center;
}
.productcat {padding: 15px ;}
.productcatcontainer,
.productsuppliercontainer{padding-top: 15px;}
.productimage{height: 100px; position: relative;}
.productimage img {position: absolute; bottom: 0px; left: 55px;}
.productcattitle a,
.productsuppliername a {color: black;}
/*.productcatcontainer, .productsuppliercontainer {
position: absolute;
top: 0;	
}*/
/*#subscribe {
width: 100px;
margin-left: 17px;
background: #0F1B2A;
color: #fff;	
}*/

#home #text {margin-top: 15px;}
#home #images {margin-top: 15px;}
#home #address {
background: url('../images/home-adres-bg.png') top center no-repeat #fff;
width: 223px;
position: absolute;
bottom: 0px;
left: 305px;
padding: 80px 30px 30px 30px;
}
#home #address p {margin: 0px; padding: 0px; line-height: 1.7em;}
#home #address address {
font-style: normal;
margin-bottom: 1em;
}
#home #news {text-align: left;padding: 20px;}
#home #news li {padding: 5px 0px;}
#home #news h2 {font-size: 100%; margin: 0px; padding: 0px;}
#home #news p {margin: 0px; padding: 0px;}
#home .vullend {padding: 0px 40px; width: 445px;}
#home h2{line-height: 20px !important}
.vullend a {text-decoration: underline; color: black;}


.vullend h2 {margin-top: 0px !important;}

.vullend ul {margin-left: 20px;}
.vullend ul li {margin: 0px; padding: 0px;}


#text table { background: gray; border-spacing: 1px;}
#text table td,
#text table th {background: white; padding: 1px; margin: 0px;}



.form {padding: 0px 20px; font-size: 8pt;}
.form .description {text-transform: uppercase; color: #0f1b2a; padding: 0px; margin: 0px;}
.form label {float: left; color: white; width: 60px;}
.form input{position: relative; top: -2px;}
.form .submit {background: #ff8700; color: white; width: 30px;}
.form .inputline {padding: 0px; margin: 0px;}
#home .form {padding: 0px 20px; text-align: left;}
#home label {color: #ff8700;}
#home .input {background: #ddd !important; width: 110px !important;}

form input {
padding: 2px;
border: none;
margin: 2px 0px;
}

.docstable {
	margin: 0;
	padding: 0;
	border: none;
	background: #fff;	
}

.docstable tr {
	cursor: pointer;
}
.logout a { color: #000; }

.docsinput input {
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
}
.docsinput label { float: left; width: 75px; }

.vullend td {width: 250px; vertical-align: top; text-align: left;}