/* (c) Beau Mariage Weddingplanners en bITh IT Serices - 2008-2010
www.beaumariage.nl | www.bith.nl
*/
body{
	margin: 0px;
	padding: 0px;
   text-align: center;	
}
P{
	margin: 3px 1px 5px 0px;	
	padding: 3px 1px 5px 0px;			
}
h1{
	font-family: Officina Sans, Verdana;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 3px;	
	color: #8a0204;
	margin: 1px 1px 1px 0px;	
	padding: 1px 1px 1px 0px;			
}

h2{
	font-family: Officina Sans, Verdana;
	font-size: 11px;
	font-weight: bold;
	font-stretch: wider;
	letter-spacing: 2px;
	margin: 4px 1px 0px 0px;	
	padding: 4px 1px 0px 0px;		
}
blockquote{
	margin: 3px 10px 3px 10px;	
	padding: 3px 10px 3px 10px;			
}
* table{
font-size:11px;
}
hr {
color: #600;
background-color: #600;
height: 2px;
}
.bg {
position: relative;
background: url(../images/achtergrond.jpg) no-repeat fixed center;
}
.wrapper{
	width: 850px;
	margin:0px auto 0 auto; text-align:left;	
}
.button{
	z-index: 2;
	position: relative;
	top: 525px;
	left: 750px;
}
.buttonhidden{
	z-index: 0;
	position: relative;
	top: 425px;
	left: 450px;
}
.titel{
	position: absolute;
	width:850px;
	height:125px;
	top: 45px;
	background-color: #ddb5b3;
}

.flag{
	border: 0px solid #ffffff;

}
.tekstvak{
	z-index: 1;
position: absolute;
	width:850px;
	height:440px;
	top: 192px;
	text-align: left;
	background-color: #cbc0b7;
	background-image: url(../images/achtergrond-tekst.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
}
.tekst{
	position: absolute;
	overflow: auto;
	text-align: justify;
	width: 540px;
	height:	400px;
	padding: 0px 5px 0px 5px;
	margin: 0px 5px 0px 5px;
	left: 250px;
	top: 15px;
	font-size: 11px;
	font-family: Officina Sans, Verdana;
	color: #333333;
	line-height: 17px;	
}
.tekst a{
	font-family: Officina Sans, Verdana;
	color: #333333;
}
.tekst a:hover{
	font-family: Officina Sans, Verdana;
	color: #333333;
	text-decoration: none;
}
.slogan{
	position: absolute;
	width: 850px;
	top: 622px;
	height: 75px;
	background-color: #b5aaa6;
	display: table;
}
.slogantext{
	color: #4a585c;	
	font-family: Arial, serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 3px;
	font-variant: small-caps;	
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.tekst_klein{
font-size:0.8em;
text-align:center;
}

.fotos{
	position: absolute;
	width: 201px;
	left: 40px;
	top: 19px;
	float: left;
}
.foto1{
	position: relative;
	width:176px;
	height:118px;
	top: 0px;
	background-color: #8a0204;
}
.foto2{
	position: relative;
	width:176px;
	height:118px;
	top: 19px;
	background-color: #8a0204;
}
.foto3{
	position: relative;
	width:176px;
	height:118px;
	top: 38px;
	background-color: #8a0204;
}
.foto-groot{
	background-color: #8a0204;
	width: 258px;
	height:186px;
}
#lijst{
	width:  530px;
	height: auto;	
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.plaatsveld{
width: 10px;
text-align:right;
}
<!-- CaPtcha -->
label {
    float: left;
    text-align: left;
    padding-top: 1px;
}
input, textarea {
    padding: 2px;
    margin: 2px;
    border: 1px solid #bac5d6;
    font: 10px Verdana, sans-serif;
    background: #fff;
}
input.fout, textarea.fout {
    border: 1px solid #FF0000;
}
label.fout {
    color: #FF0000;
}

/* ul in #lijst */
#linklijst{
	vertical-align: text-top;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;	
	font-size-adjust: inherit;
}
#linklijst li{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	list-style-position: inherit;
	width: 75px;
	font-size: 11px;
	font-size-adjust: inherit;
}
#leverancierslijst{
/*	width: 540px;*/
	vertical-align: text-top;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;	
	font-size-adjust: inherit;	
}

.nounderline{
	text-decoration: none;
}
#nav{
	position: absolute;
	width:850px;
	height:22px;
	top: 175px;
	padding: 0px 0px 0px 0px;	
	background-color: #8a0204; 
}
#navwelkom{
padding: 0px 0px 0px 20px;
}

.nav{
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
}
.nav li{
	font-family: Officina Sans, Verdana;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;	
	position: relative;
	line-height: 20px;
	display: block;
	padding: 0px 0px 0px 38px;	
	margin: 0px 0px 0px 0px;		
	float: left;	
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0px;
}
.nav a{
	color: #ffffff;
	text-decoration: none;
}
.suckertreemenu ul{

}
.suckertreemenu ul{
	position: absolute;
	top: 170px;
z-index: 10;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
font-family: Officina Sans, Verdana;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	height:22px;
position: relative;
display: inline;
float: left;
text-align:center;
background-color: #8a0204; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 70px; /*Width of top level menu link items*/
padding: 1px 11.2px 1px 11.1px;
border-left-width: 0;
color: #ffffff;
text-decoration: none;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 260px; /*width of sub menu levels*/
color: #ffffff;
text-decoration: none;
padding: 1px 5px;
text-align:left;
}

.suckertreemenu ul li a:hover{
background-color: #cbc0b7;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #8a0204 url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

