@charset "utf-8";
body  {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
background-color:#4b7899;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a
	{text-decoration:none; color:#4b7798}
#bg
	{width:1100px; margin:0 auto; min-height:500px}
img
	{float:right}
img.inboedel
	{float:none; margin:0;}
p.kvk
	{position:absolute;left:0;bottom:50px; font-size:0.8em}
	
#container { 
	width: 1000px; 
	height:750px;
	margin: 50px 50px 0; 
	float:left;
	padding:0 50px;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-position:123px 93px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	background-color:#fff;
} 
#container.brigitte
{background-image:none; width:600px}
#container.brigitte h4{margin-top:0}

#header.brigitte
{width:600px; height:135px; background-image:url(../facturen/header-mailing.jpg); background-repeat:no-repeat; margin:0}

#credits{
width:200px;
float:left;
margin:100px 0 0 25px;
}
#tfn
	{background-image:url(../img/tfn.png); background-repeat:no-repeat; line-height:35px; padding-left:50px;}
#mobile
	{background-image:url(../img/mobile.png); background-repeat:no-repeat; line-height:35px; padding-left:50px;}
#post
	{background-image:url(../img/post.png); background-repeat:no-repeat; line-height:35px; padding-left:50px;}
#email
	{background-image:url(../img/email.png); background-repeat:no-repeat; line-height:35px; padding-left:50px;}
#car
	{background-image:url(../img/car.png); background-repeat:no-repeat; line-height:35px; padding-left:50px;}
#inboedel { 
	width: 1024px;  
	margin: 50px 50px 0; 
	float:left;
	padding:0 50px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	background-color:#fff;
} 
#vertlist{
	position: absolute;
	width: 100px;
	padding: 0; 
	top:325px;
	left:75px;
}
#vertlist ul
{
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
}
#vertlist li{
margin:0 0 2px 0; height:25px;
}
#vertlist a
{
display: block;
padding: 2px 0;
text-decoration: none;
text-align:right;
font-size:1em;
margin-right:30px;
}

#vertlist a, #vertlist a:visited, #vertlist a:link
{
color:#4b7899;
}

#vertlist a:hover, #vertlist a.current 
{
color:#000; 
}
li.current
{
background-image:url(../img/arrow.jpg);
background-position:100% 0; background-repeat:no-repeat;
}

#mainContent { 
	margin: 150px 0 50px 330px; 
	width:550px;
	height:200px;
	float:left;
	text-align:justify;
	color:white;
	position:relative;
	font-size:1.1em;
}
#mainContent.portfolio { 
	height:450px;
	margin: 150px 0 0 330px; 
}

#highlights
	{
	margin: 5px 0 25px 185px; 
	padding:15px 0 0 15px;
	float:left;
	width:635px;
	height:300px;
	background:#D2DDE4;
	position:relative;
	}
#highlights.portfolio
	{
		background-color:#1f1d20;
		height:100px;
		display:none;
	}
#nieuws
	{
	position:absolute;
	width:250px;
	top:203px;
	left:-58px;
	font-size:0.9em;
}	
#contact
	{ width:650px; float:left; margin:25px 0 0 0; font-size:0.9em}
span.fg
	{font-weight:bold}
.trade
	{margin:32px 0 0; text-align:justify; font-size:1.3em;}
.trade p
	{margin:0 0 2px 0;}
p.extra_margin
	{margin-top:25px;}
	
.overflow { overflow:auto; height:300px;
}
 
h3 {
font-size:1em;
margin:30px 0 0 0;
color:#fff;
}
h4 {font-size:1em;
background-color:#31598a;
padding:3px 0 2px 3px;
color:#FFFFFF;
}
#footer {
	color:#37241f;
	padding:0 0 0 5px;
	float:left;
	display:none;
}
#footer a{color:#37241f}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#login
{
width:400px;
border:1px solid;
margin:20px 0 0 100px;
}
#login table
{
width:400px;
padding:5px;
padding-bottom:10px;
}
.heading
{
background-color:#31598a;
color:#FFFFFF;
text-align:center;
font-variant:small-caps;
}
fieldset
{
display:block;
padding: 0 1em;
width:600px;
}

.rij {
display:block;
clear:both;
padding-top:1em;
}
label
{
width:25em;
float:left;
text-align:right;
font-weight:bold;
font-size:1em;
margin-right:0.2em;
padding:3px 0 0 0;
}
.rij input, .rij select
{margin-left:10px;
}
.rij input {width:200px;}
.rij input.submit{width: 100px}
input.klein	{width:50px;}
input.breed	{width:300px;}

input.email{width:50em}

input.ok{color:#006633}
input.cancel{color: #FF0000;}
#teller {
float:left;
font-size:0.8em;
color:#000000;
padding-left:5px;
}
#nieuws
{
	float:left;
	width:208px;
	font-size:0.9em;
}
.item{
float:left;
width:100%;
padding:3px;
border:1px solid #999;
background-color:#FFFFFF;
margin:5px 0 0 5px;
text-align:left;
}
p span.datum{font-weight:normal; margin-bottom:1px;}
.item a{color:#0033FF; }
.item.verborgen{display:none}

#nieuws p{margin:5px 0 3px 0}
#nieuws a{display:inline;
background-color:#FFFFFF;
border:none;
color:#0033FF;
}
#nieuws h3{background:none;
color:#30588b;
border-bottom:2px solid;
margin-bottom:2px;
}
#nieuws a:hover{
background-color:#FFFFFF;
}
h5 {letter-spacing:0.1em}
em{font-weight:bold; color:#FF0000}

#tabel1{
float:left;
width:60%;
margin-right:5px;
}
#tabel2{
float:left;
width:50%;
border:1px solid #0000CC;
}
th.header-titel{
font-size:1.1em;
letter-spacing:0.1em;
color:#0000CC;
}
#actualiteiten, #artikelen
{
float:left; width:100%;
}

.nieuwsitems
{
float:left;
width:30%;
font-size:0.9em;
margin:10px 5px 5px 0;
border-top:1px solid #999;
min-height:150px;
min-width:300px;
}
.nieuwsitems p
{margin:3px;
}

p.kop{
font-weight:bold;
margin-top:0;
margin-bottom:3px;
color:#30588b;
}
p.titel
{
font-weight:bold;
color:#0868b4;
letter-spacing:0.1em;
}
a.leesverder {background-image:url(../img/lees_verder.jpg);
background-repeat:no-repeat;
background-position:0 100%;
text-decoration:none;
padding:0 5px 5px 10px;
color:#5c743d;
}
p.leesverder a
{text-decoration:none;
}
a img {border:none}
td.verplicht{background-color:#FFFF33;
border:2px solid #FF0000;}
td.opmerkingen
{font-size:0.9em;
}
table.bestuur{
float:left;
clear:right;
width:40%;
}
.pic {
float:right;
margin:0 5px 5px 5px;
}
.floatleft{
float:left;
width:100%; height:100%;
margin-bottom:10px;
}
.titel {
font-size:0.8em;
text-align:center;
color:#000;
font-weight:bold;
margin:0 0 10px 0;
}
#portfolio { font-size:0.9em; position:absolute; right:25px; top:475px; border:0px solid black; width:400px; height:266px }
#portfolio a {color:#0033FF; text-decoration:none}
/* kalender */

table.kalender td {width:45px;}
table.kalender {border:1px solid #000; padding:5px;}

td.weekeind {background-color:#FFCC00;}

p.link a {color:#4b7798; text-decoration:underline}
p.omschrijving{color:#fff; margin-left:75px}

#verhaal_fotos	
	{width:400px;height:350px;position:absolute; left:0; top: 125px; border-top:1px dotted grey}
p.title
	{font-size:0.9em; color:#FF3300; position:absolute; top:0;left:0;}

#verhaal_fotos img
	{margin:15px 0;}

#vooruit
	{width:67px; height:67px; position:absolute; left:400px; top:125px; }
#terug
	{width:67px; height:67px; position:absolute; left:-70px; top:125px; }
	
/*table.inboedel { width:900px;}*/
table.inboedel th, table.inboedel td {text-align:left;  vertical-align:top}
th.foto, td.foto
	{width:180px}
th.omschrijving,	td.omschrijving
	{ width:450px;}
th.prijs, td.prijs
	{width:75px}
th.keuze
	{text-align:center; font-weight:bold; width:100px;}
td.sel
	{background-color:#0F0}
td.keuze
	{text-align:center; border:1px dotted; width:100px}
td.border
	{border-bottom:1px solid}
form
	{float:left; margin:10px; clear:left;
	}
fieldset
	{padding:10px;
	}
legend
	{ text-align:left; font-weight:bold; color:#03F}
	
input, label, p, table, h3{float:left; clear:left; text-align:left; margin:5px;}
h3
	{margin:0}
label
	{clear:none;}
input.submit
	{width:75px;}
#overzicht
	{ width:1000px; float:left; clear:left; background-color:#FF9; margin:25px 0 50px 10px; border:2px solid #930}
.melding
	{font-size:0.9em; margin-top: 100px; color:#FF6}
td.rood, th.rood{background-color:#F00; text-align:left}
td.oranje{background-color:#F60; text-align:center}
td.geel{background-color:#FF0; text-align:center}
p.blue
	{ color:#00F; font-weight:bold}