/* top elements */
* { margin: 0; padding: 0; outline: 0; } /*sets no padding or margin around the body of our document */

img
{
border:none;}

body {
background-color:#787878;
background-image:url(bg.jpg);
background-repeat: repeat;
color: #333333;
margin: 15px 0; /*sets no padding and a 15px margin around the body of our document */
font-family: Verdana, Tahoma, arial, sans-serif;
font-size: 12px;
line-height: 1.5em; /* sets the height between each line of text.*/
}

/*************************************************
WEBSITE LAYOUT
*************************************************/

#wrap {
width:1000px;
background-color: #fff url(images/content.png) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width:1000px; /*width of our wrap*/
margin:5px auto;
padding: 0;
}

#header {
position: relative;
width:1010px;
height: 255px;
background-image:url(images/header.png);
background-repeat:no-repeat;
padding: 0;
z-index:99;
color:#ffffff;
}

#contact
{
color:#ffffff;
position:relative;
/*margin-left:297px;
*/font-size:12px;
font-family:Verdana;
width:200px;
margin-top:270px;
margin-left:30px;
}

#bloem
{
position:relative;
margin-top:-140px;
margin-left:880px;
z-index:99;}


/*************************************************
WEBSITE NAVIGATION
*************************************************/

#menu {
float: left;
width: 260px;
height:652px;
padding-top:30px;
color: #333333;
margin-top:-240px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0px;
background-color:#555555;
padding-left:20px;
}

#menu ul {
float: left;
list-style: none;
margin:0; 
}
#menu ul li {
display: inline; 
}
#menu ul li a{
display: block;
float: left;
padding: 0 15px;
margin-bottom:10px;
}

#menu ul li a:hover {
list-style-image:url(images/bloem2.png);
}

/*************************************************
WEBSITE NAVIGATION
*************************************************/

/********************************************
MAIN COLUMN
********************************************/
#main {
float: right; /*floats our main content area to the right*/
width: 658px; /*gives our content area a width of 555pixels*/
display: inline;
background-color:#3e3e3e;
color:#b1b1b1;
padding:25px;
text-align:justify;
position:relative;
margin-top:-240px;
left:-13px;
padding-top:200px;
min-height:457px;
}



#main h1 {
padding: 0;
margin-bottom: 0;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 180%;
font-style: normal;
font-weight: bold;
}
#main h2 a {
color: #2666c3;
text-decoration: none;
}


* html body #sidebar ul.sidemenu li {
height: 1%;
}
#sidebar ul.sidemenu li a {
text-decoration: none;
color: #FF0000;
}
#sidebar ul.sidemenu li a:hover {
color: #333;
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }

/********************************************
FOOTER
********************************************/
#footer {
color: #333333;
clear: both;
width: 1000px;
text-align: right;
margin-left:-35px;
padding-top:5px;
}
#footer p {
padding: 10px 0;
margin: 0;
}
#footer a {
color: #FF0000;
text-decoration: none;
}

/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


/********************************************
WEBSITE LINKS
********************************************/
a, a:visited {
text-decoration: none;
background: inherit;
color: #ffffff;
}
a:hover {
text-decoration: none;
background: inherit;
color: #3e3e3e;
}

/********************************************
WEBSITE TEXT HEADERS
********************************************/
h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; }
h1 {
font-size: 180%;
font-weight: normal;
color: #555;
}
h2 {
font-size: 160%;
color: #88ac0b;
font-weight: normal;
}
h3 {
font-size: 135%;
color: #666666;
}

/********************************************
WEBSITE IMAGES
********************************************/

ul, ol {
margin: 5px 15px;
padding: 0 25px;
}

.home, .home:visited
{
	display:block;
	height:25px;
	width:140px;
	text-indent:-999px;
	background-image:url(images/menu/home.png);
}

.home:hover
{
	background-image:url(images/menu/homeH.png);
	margin-left:-27px;
	background-repeat:no-repeat;
}

.presentatie, .presentatie:visited
{
	display:block;
	height:25px;
	width:140px;
	text-indent:-999px;
	background-image:url(images/menu/presentatie.png);
}

.presentatie:hover
{
	background-image:url(images/menu/presentatieH.png);
	margin-left:-27px;
	background-repeat:no-repeat;
}


.feestzaal, .feestzaal:visited
{
	display:block;
	height:25px;
	width:140px;
	text-indent:-999px;
	background-image:url(images/menu/feestzaal.png);
}

.feestzaal:hover
{
	background-image:url(images/menu/feestzaalH.png);
	margin-left:-27px;
	background-repeat:no-repeat;
}

.allin, .allin:visited
{
	display:block;
	height:25px;
	width:140px;
	text-indent:-999px;
	background-image:url(images/menu/allin.png);
}

.allin:hover
{
	background-image:url(images/menu/allinH.png);
	margin-left:-27px;
	background-repeat:no-repeat;
}

.huwelijks, .huwelijks:visited
{
	display:block;
	height:25px;
	width:170px;
	text-indent:-999px;
	background-image:url(images/menu/huwelijks.png);
	background-repeat:no-repeat;
}

.huwelijks:hover
{
	background-image:url(images/menu/huwelijksH.png);
	margin-left:-27px;
	background-repeat:no-repeat;
}

.menu, .menu:visited
{
	display:block;
	height:25px;
	width:170px;
	text-indent:-999px;
	background-image:url(images/menu/menu.png);
	background-repeat:no-repeat;
}

.menu:hover
{
	background-image:url(images/menu/menuH.png);
	margin-left:-27px;
	background-repeat:no-repeat;
}

.ceremoniewagens, .ceremoniewagens:visited
{
	display:block;
	height:25px;
	width:140px;
	text-indent:-999px;
	background-image:url(images/menu/ceremoniewagens.png);
}

.ceremoniewagens:hover
{
	background-image:url(images/menu/ceremoniewagensH.png);
	margin-left:-27px;
	background-repeat:no-repeat;
}

.contacteer, .contacteer:visited
{
	display:block;
	height:25px;
	width:140px;
	text-indent:-999px;
	background-image:url(images/menu/contacteer.png);
}

.contacteer:hover 
{
	background-image:url(images/menu/contacteerH.png);
	margin-left:-27px;
	background-repeat:no-repeat;
}

#ligging a, #ligging a:link, #ligging a:visited { 
color: #db951a;
}

#ligging a:hover
{color: #3e3e3e;
}