/* CSS Document lunatum.nl */

body, html {
background-color:#a5acc9;
background-image:url(../afbeeldingen/backgr_orchid_main.gif);
background-position:center;
height: 100%;
padding:0px;
margin:0px;
text-align:center; /* backwords compatibility with IE5 */
}
/* hieronder de hack voor IE op de MAC*/
/* commented backslash hack v2 \*/
html, body {
height:100%;
}
/*wrapper is tenminste 100% hoog, voor IE windows*/
* html #website_wrapper {
height:100%;
margin-bottom: -29px;
}
/* end hack */

#website_wrapper {
width:770px;
text-align:left; /* backwords compatibility with IE5 */
margin-left:auto;
margin-right:auto;
min-height:100%; /* wrapper is tenminste 100% hoog, voor andere browsers dan IE*/
margin-bottom:-30px; /* ..pixels van de onderkant af weer omhoog voor de footer*/
/*position:relative;  dit is om de 'child' elements -dus de div's binnen de wrapper- te positioneren t.o.v. de wrapper i.p.v. de linkerbovenhoek van de browserwindow*/
}
#header{
width:100%;
height:165px;
background-image:url(../afbeeldingen/de_Loods_header.jpg);
}
#header p{
margin-top:0px;
text-align:right;
line-height:16px;
padding-top:10px;
padding-right:10px;
}

/* de navigatiebuttons*/

#navigatie {
  font-family: "Trebuchet MS", Arial, sans-serif;
  float:left;
  margin-top:-27px;
  width:100%;
  background: url("../afbeeldingen/topnav/bg.gif") repeat-x bottom;
  font-size:83%;
  line-height:normal;
  }
#navigatie ul {
  margin:0;
  margin-left: 50px;
  padding:3px 0 0;
  list-style:none;
  }
#navigatie li {
  float:left;
  background:url("../afbeeldingen/topnav/norm_left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#navigatie a {
  float:left;
  display:block;
  background:url("../afbeeldingen/topnav/norm_right.gif") no-repeat right top;
  padding:5px 15px 1px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navigatie a {float:none;}
/* End IE5-Mac hack */
#navigatie a:hover {
  color:#333;
  }
#navigatie #current {
  background-image:url("../afbeeldingen/topnav/norm_left_on.gif");
  }
#navigatie #current a {
  background-image:url("../afbeeldingen/topnav/norm_right_on.gif");
  color:#98111D;
  padding-bottom:2px;
  }

/* einde navigatiebuttons*/

#content div {
	margin:20px 0 20px 30px;
	padding: 10px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 80%;
	border: 1px dotted #000;
	width: 550px;
	background: #000;
	color: #000;
	float: left;
}
#content #red {
	background: #FFF;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
}
#content #nieuwshome {
	width: 200px;
	margin:10px 15px 10px 10px;
	font-size: 100%;
	background-color: #f8e7e8;
	border:1px dashed #980002;
	clear:both;
}
#assortiment_tekst{
	margin:20px 0 20px 30px;
	padding: 10px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 80%;
	border: 1px dotted #000;
	width: 550px;
	background: #FFF;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	color: #000;
}
#assortiment_tekst h1{
font-size: 20px;
font-weight: bold;
color:#98111D;
}
* html #content{ /*deze stijl is voor IE only*/
padding-top:10px;
}
#content h1, h2{
font-size: 20px;
font-weight: bold;
color:#98111D;
}
#content h3{
font-size: 16px;
font-weight: bold;
color:#98111D;
margin-bottom:-15px;
}
#content a:hover{
color: white;
background-color:#999999;
}

/*
De info formulieren*/
label {
float:left;
width:280px;
}
form p {
margin:0px;
padding:0px;
clear:left;
padding-top:5px;
color:#4168A9;
}
input {
border:1px solid #4168A9;
}
/*.button {
background-color:#BECDE7;
color:white;
border:1px solid #D5DEEE;
}*/
.attentie{
color:red;
font-weight:bold;
}
#clearfooter {
	height:30px;
	clear:both;
}

#footer{
	width:770px; 
	height:29px; 
	border-top:1px solid #586F7F;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#765;
	font-size:80%;
	background-color:#e4ded1;
	clear:both;
}
#footer p{
	padding-left: 50px;
	margin-top:0px;
}
#footer a{
	color: #765;
	text-decoration: none;
}
#footer a:hover{
	color: #98111D;
	text-decoration: underline;
}