body {
    font-family: Lucida Sans, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    color:#666;
    font-size:75%;
    line-height:170%;
    background:#eee;
}

h1 {
    margin-top:0px;
    color:#002051;
    line-height:110%;
    font-size:140%;
}

h2 {
}

h3 {
}

td,th {
    vertical-align:top;
}

img {
    border:0px;
}
img.rechts {
    float:right;
    margin:0px 0px 20px 20px;
}
img.links {
    float:left;
    margin:0px 20px 20px 0px;
}

#left {
    width:120px;
    background-image: url(img/bg_rooster.gif);
    background-repeat:no-repeat;
}

#top {
    width:706px;
    height:330px;
    margin:0px;
    padding:0px;
    background-image: url(img/top.gif);
    background-repeat:no-repeat;
}

#topnav {
    position:absolute;
    right:10px;
    top:10px;
}
#topnav a {
    text-decoration:none;
    color:white;
    padding:0px 5px 0px 5px;
    font-weight:bold;
}
#topnav a:hover {
    text-decoration:underline;
}

#wrapper {
    position:absolute;
    width:826px;
    top:0px;
    left:50%;
    margin:0px;
    margin-left:-413px;
    padding:0px;
    background-image: url(img/background.gif);
    background-repeat:repeat-y;
    z-index:20;
    border: 1px solid #bbb;
    margin-top:5px;
}

#base {
    width:700px;
    margin-top:-150px;
    background-image: url(img/watermark.gif);
    background-repeat:repeat-y;
}

#content {
    width:400px;
    padding:0px 20px 10px 10px;
}

#content_tour {
    width:640px;
    padding:0px 20px 10px 10px;
}

#images {
    width:120px;
    padding:10px;
}
#images div {
    margin-bottom:10px;
}
#images img {
    border:1px solid black;
}

#nav {
    width:180px;
    padding:10px;
    padding-top:30px;
}
#nav a {
    text-decoration:none;
    color:#002051;
}
#nav a:hover {
    text-decoration:underline;
}
.nav0 {
    margin:10px 0px 0px 0px;
    color:#002051;
}
.nav0active {
    margin:10px 0px 0px 0px;
    font-weight:bold;
}
.nav1 {
    margin:0px 0px 0px 0px;
    padding-left:10px;
    color:#002051;
}
.nav1active {
    margin:0px 0px 0px 0px;
    padding-left:10px;
    font-weight:bold;
}
.nav2 {
    margin:0px 0px 0px 0px;
    padding-left:20px;
    color:#002051;
}
.nav2active {
    margin:0px 0px 0px 0px;
    padding-left:20px;
    font-weight:bold;
}


.kader {
    padding:25px 0px 0px 100px;
    width:215px;
    background-image: url(img/aa.gif);
    background-repeat:no-repeat;
    color:black;
}


#redbox {
    border:1px solid red;
    background:white;
    padding:10px;
}
#redbox h1 {
    color:white;
    background:red;
    padding:5px;
    margin:-10px;
}

.voorraad{
  font-size:80%;
  background-color:white;
}

#popup {
    position:absolute;
    width:500px;
    top:150px;
    left:50%;
    margin:0px;
    margin-left:-70px;
}
@media print {
	.klantenservice { 
		font-size: 8pt;
	}
	.klantenservice p b{
		font-size: 8pt;
	}
	.klantenservice table {
		width: 17cm;
	}
	.klantenservice table td {
		page-break-before: auto;
		padding: 3px 2px 3px 2px;
	}

	.klantenservice table th {
		padding: 8px 4px 8px 4px;
	}	
	.klantenservice th a {
		text-decoration: none;
	}	
	.noprint {
		display: none;
	}
	a {
		text-decoration: none;
	}
	th.prt {
		font-size: 12px;
		border: 0;
		padding: 0 10px 0 0;
	}
}
@media screen {
	.klantenservice { 
		font-size: 12px; 
		width: 475px;
	}
	.klantenservice table td {
		padding: 5px;
	}	
	.klantenservice table th {
		padding: 8px 5px 8px 5px;
	}	

	
	#info {
		position: relative; 
		top: 15px; 
		left: 50%;
		margin-left: -432px;
		width: 575px;
		padding-bottom: 10px;
	}
	* html #info {
		margin-left: -432px;
		width: 575px;		
	}
	#list {
		position: relative; 
		top: 20px; 
		left: 50%;
		margin-left: -432px;
		width: 575px;
		padding-bottom: 10px;
		overflow-x: scroll;
	}
	* html #list {
		margin-left: -432px;
		width: 575px;		
	}
	#list table {
		margin-top: 5px;
		width: 575px;
		border-right: 1px #003 solid;
		border-top: 1px #003 solid;
	}
	#list th {
		font-size: 12px;
		font-weight: bold;
		border-left: 1px #99f solid;
	}
	#list th.ie {
		writing-mode: tb-rl;
		filter: flipV flip;
	}
	#list td {
		border-left: 1px #99f solid;
		border-bottom: 1px #003 solid;
	}
	#list td div.omschrijving {
		max-width: 245px;
		min-width: 245px;
		width: 245px;
	}
	th.prt {
		font-size: 12px;
		border: 0;
		padding: 0 10px 0 0;
	}
}