body,
html {margin:0;padding:0;font-family: Calibri, Verdana, Arial, sans-serif;font-size:100%;color:#330029;background:#330029;overflow:auto;}

/* CONTAINER: LEFTSIDE - CENTER - RIGHTSIDE met BG IMAGES: */
#main_home{background-image:url('http://www.ellesinorganizing.nl/images/backgrounds/home_bg.jpg');background-position: top left;background-repeat: no-repeat;width:980px;height:550px;margin:80px auto 0 auto;}
#main_ruimtes_opruimen{background-image:url('http://www.ellesinorganizing.nl/images/backgrounds/ruimtes_bg.jpg'); background-position: top left;  background-repeat: no-repeat;width:980px;height:550px;margin:80px auto 0 auto;}
#main_administratie_ordenen{background-image:url('http://www.ellesinorganizing.nl/images/backgrounds/admin_bg.jpg'); background-position: top left;  background-repeat: no-repeat;width:980px;height:550px;margin:80px auto 0 auto;}
#main_huishouden_structureren{background-image:url('http://www.ellesinorganizing.nl/images/backgrounds/huishouden_bg.jpg'); background-position: top left;  background-repeat: no-repeat;width:980px;height:550px;margin:80px auto 0 auto;}
#main_verhuizen{background-image:url('http://www.ellesinorganizing.nl/images/backgrounds/verhuizen_bg.jpg'); background-position: top left;  background-repeat: no-repeat;width:980px;height:550px;margin:80px auto 0 auto;}
#main_stylen{background-image:url('http://www.ellesinorganizing.nl/images/backgrounds/stylen_bg.jpg'); background-position: top left;  background-repeat: no-repeat;width:980px;height:550px;margin:80px auto 0 auto;}
#main_organiseren{background-image:url('http://www.ellesinorganizing.nl/images/backgrounds/organiseren_bg.jpg'); background-position: top left;  background-repeat: no-repeat;width:980px;height:550px;margin:80px auto 0 auto;}
#main_zoek_en_vind{background-image:url('http://www.ellesinorganizing.nl/images/backgrounds/zoek_vind_bg.jpg'); background-position: top left;  background-repeat: no-repeat;width:980px;height:550px;margin:80px auto 0 auto;}
#main_voor_wie{background-image:url('http://www.ellesinorganizing.nl/images/backgrounds/voorwie_bg.jpg'); background-position: top left;  background-repeat: no-repeat;width:980px;height:550px;margin:80px auto 0 auto;}
#main_idee{background-image:url('http://www.ellesinorganizing.nl/images/backgrounds/idee_bg.jpg'); background-position: top left;  background-repeat: no-repeat;width:980px;height:550px;margin:80px auto 0 auto;}
#main_contact{background-image:url('http://www.ellesinorganizing.nl/images/backgrounds/contact_bg.jpg'); background-position: top left;  background-repeat: no-repeat;width:980px;height:550px;margin:80px auto 0 auto;}

/* LEFTSIDE met LOGO en daaronder MENU ITEMS: */
#leftside{float:left;width:256px;background:transparent;}

.logo{width:228px;height:227px;margin:21px 0 0 21px;}

/* MENU Linksonderin: */
#verticaal_menu{padding:0;margin:55px 0 0 22px;}

#menulist{margin-left: 0;padding-left: 0;list-style: none;}

#menulist li{
padding: 3px 0 10px 20px;
background-image: url('http://www.ellesinorganizing.nl/images/list_dot.gif');
background-repeat: no-repeat;
background-position: 0;
height:13px;
border:0px solid #000;
font-family: Calibri, Verdana, Arial, sans-serif;
font-size:12pt;
}
#menulist li a:link, #menulist li a:visited{background:transparent;color:#330029;font-weight:bold;text-decoration:none;border:0;}
#menulist li a:hover{background:transparent;color:#aa45c5;text-decoration:none;}
#menulist li a:active{background:transparent;color:#fff;text-decoration:none;}

/* ACTIVE menu item: */
#menulist li.active{
padding: 3px 0 10px 20px;
background-image: url('http://www.ellesinorganizing.nl/images/list_dot_active.gif');
background-repeat: no-repeat;
background-position: 0;
height:13px;
border:0px solid #000;
font-family: Calibri, Verdana, Arial, sans-serif;
font-size:12pt;
}
#menulist li a#current:link, #menulist li a#current:visited{background:transparent;color:#aa45c5;font-weight:bold;text-decoration:none;}
#menulist li a#current:hover{background:transparent;color:#330029;text-decoration:none;}
#menulist li a#current:active{background:transparent;color:#fff;text-decoration:none;}

span.en_teken{font-size:83%;}

/* MAIN MENU met daaronder TEKST: */
#topmenu_m_content{float:left;width:477px;background:transparent;}

#main_menu_small{
width:470px;
height:163px;
padding:0;
margin:0;
}

#main_content{
width:392px;
height:273px;
padding:0 20px 0 60px;
margin:10px 0 0 0;
background:transparent;
overflow-x:hidden;
overflow-y:auto;
}

/* RIGHTSIDE met CONTACT GEGEVENS: */
#rightside{
float:right;
width:200px;
background:transparent;
}
#rightside .contactgegevens{
margin-top:388px;
font-size:0.925em;
font-weight:bold;
text-align:right;
line-height:1.650em;
color:#fff;
}
.contactgegevens a:link, .contactgegevens a:visited{background:#330029;color:#fff;text-decoration:none;border:0;}
.contactgegevens a:hover{background:#330029;color:#dbd704;}
.contactgegevens a:active{background:#330029;color:#fff;}

/* OVERIG: */
h1{font-weight:bold;font-size:12pt;margin:14px 0 0 60px;text-align:left;background:transparent;color:#330029;padding:0;}

h1.error{font-weight:bold;font-size:12pt;margin:14px 0 0 60px;text-align:center;background:#dbd704;color:#330029;}

h2{font-weight:bold;font-size:12pt;margin:0 0 10px 0px;text-align:left;background:transparent;color:#330029;}

h2.no_padding{font-weight:bold;font-size:12pt;margin:0px;text-align:left;background:transparent;color:#330029;}

h2.roze{font-weight:bold;font-size:12pt;margin:0 0 10px 0px;text-align:right;background:transparent;color:#aa45c5;}

p{font-size:0.85em;font-weight:bold;margin:0;padding:0 0 10px 0;}

p.right{font-size:11pt;text-align:right;font-weight:bold;}
p.left{font-size:11pt;text-align:left;font-weight:bold;}

img{border:0;padding:0;margin:0;}

/* LINKS ALGEMEEN: */
a:link, a:visited{background:transparent;color:#330029;font-weight:bold;border-bottom:1px solid #000;text-decoration:none;}
a:hover{background:#fff;color:#aa45c5;border-bottom:1px dotted #aa45c5;text-decoration:none;}
a:active{background:#330029;color:#fff;border-bottom:1px dotted #330029;text-decoration:none;}

a.image:link, a.image:visited{background:transparent;text-decoration:none;border:0;}
a.image:hover{background:transparent;text-decoration:none;border:0;}
a.image:active{background:transparent;text-decoration:none;border:0;}

TABLE, TH, TD{font-weight:bold;}

TH, TD{font-size:0.85em;padding:0;margin:0;}

TH{border-bottom:1px dotted #330029;}

TD.font_weight_normal{font-weight:normal;font-size:85%;}


.only_for_print{display: none !important;}

ul.opsomming_in_tekst{
margin:0 0 22px 0px;
padding-left: 0;
list-style: none;
list-style-position:outside;
}
ul.opsomming_in_tekst li{
padding: 0px 0 4px 20px;
background-image: url('http://www.ellesinorganizing.nl/images/list_dot_small.gif');
background-repeat: no-repeat;
background-position: 0;
height:13px;
font-size:0.85em;
font-weight:bold;
}

ul.opsomming_in_tekst li.last_item_in_list{padding: 0px 0 4px 20px;}

/* Preloading IMAGES! */
p.preload, .hiddenPic {display:none; !important}

/* ********************** Vanaf hier het MAIN RUITEN MENU ********************** */
.home-container{top: 0;left: 0;clear:both;float:left;}
.voorwie-container{clear:both;float:left;margin:-91px 0 0 119px;}
.idee-container{clear:both;	float:left;margin:-91px 0 0 237px;}
.contact-container{clear:both;float:left;margin:-91px 0 0 358px;}
.fotos-container{clear:both;float:left;margin:-91px 0 0 476px;}
.referenties-container{clear:both;float:left;margin:-91px 0 0 594px;}

.menuh{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	margin:67px 0 0 6px;
	border:0px solid #000;
	}

/* Basis menu-item, zonder BG en borders! */	
.menuh a.top_parent{
	text-align: center;
	display:block;
	border: 1px solid #330029;
	border-width:0px;
	white-space:nowrap;
	margin:0;
	padding: 12px 4px 0px 0px;
	width:104px;
	}
.menuh a.top_parent:link, .menuh a.top_parent:visited, .menuh a:active{	/* menu at rest */
color: #330029;background-color:transparent;text-decoration:none;font-weight:bold;}
	
.menuh a.top_parent:hover{		/* menu on mouse-over  */
color: #aa45c5;background-color: transparent;text-decoration:none;}

/* VOOR WIE BUTTON */
.menuh a.top_parent_voor_wie{
	text-align: center;
	display:block;
	border: 1px solid #330029;
	border-width:0px;
	white-space:nowrap;
	margin:0;
	padding: 8px 4px 0px 0px;
	width:104px;
	}
.menuh a.top_parent_voor_wie:link, .menuh a.top_parent_voor_wie:visited, .menuh a:active{	/* menu at rest */
color: #330029;background-color:transparent;text-decoration:none;font-weight:bold;}
	
.menuh a.top_parent_voor_wie:hover{		/* menu on mouse-over  */
color: #aa45c5;background-color: transparent;text-decoration:none;}
	
/* IDEE BUTTON */
.menuh a.top_parent_idee{
	text-align: center;
	display:block;
	border: 1px solid #330029;
	border-width:0px;
	white-space:nowrap;
	margin:0;
	padding: 8px 4px 0px 0px;
	width:104px;
	}
.menuh a.top_parent_idee:link, .menuh a.top_parent_idee:visited, .menuh a:active{	/* menu at rest */
color: #330029;background-color:transparent;text-decoration:none;font-weight:bold;}
	
.menuh a.top_parent_idee:hover{		/* menu on mouse-over  */
color: #aa45c5;background-color: transparent;text-decoration:none;}	

/* CONTACT BUTTON */
.menuh a.top_parent_contact{
	text-align: center;
	display:block;
	border: 1px solid #330029;
	border-width:0px;
	white-space:nowrap;
	margin:0;
	padding: 8px 4px 0px 0px;
	width:104px;
	}
.menuh a.top_parent_contact:link, .menuh a.top_parent_contact:visited, .menuh a:active{	/* menu at rest */
color: #330029;background-color:transparent;text-decoration:none;font-weight:bold;}

.menuh a.top_parent_contact:hover{		/* menu on mouse-over  */
color: #aa45c5;background-color: transparent;text-decoration:none;}

/* Eerste menu-item v dropdown, met border aanzijkanten! */
.menuh a.eerste_menu_item{
	text-align: center;
	display:block;
	border: 1px solid #330029;
	border-width:0 7px 0px 6px;
	white-space:nowrap;
	margin:-4px 0 0 0;
	padding: 18px 4px 8px 4px;
	width:87px;
	}
.menuh a.eerste_menu_item:link, .menuh a.eerste_menu_item:visited, .menuh a.eerste_menu_item:active{	/* menu at rest */
	color: #330029;
	background:transparent;
	background-image: url('http://www.ellesinorganizing.nl/images/top_item_bg.png');
	background-repeat: no-repeat;
	background-position: 0;
	border: 1px solid #330029;
	border-width:0 7px 0px 6px;
	text-decoration:none;
	font-weight:bold;
	}
.menuh a.eerste_menu_item:hover{		/* menu on mouse-over  */
color: #aa45c5;text-decoration:none;}
		
/* menu-item v dropdown, enkel border left & right & BG color! */
.menuh a{
	text-align: center;
	display:block;
	border: 1px solid #330029;
	border-width:0 7px 0 6px;
	white-space:nowrap;
	margin:0;
	padding: 8px 4px 8px 4px;
	width:87px;
	}
.menuh a:link, .menuh a:visited, .menuh a:active{	/* menu at rest */
color: #330029;background-color: #dbd704;text-decoration:none;font-weight:bold;}

.menuh a:hover{		/* menu on mouse-over  */
color: #aa45c5;background-color: #dbd704;text-decoration:none;}

/* Laatste menu-item v dropdown, met border bottom! */
.menuh a.last_item{
	text-align: center;
	display:block;
	border: 1px solid #330029;
	border-width:0 7px 6px 6px;
	white-space:nowrap;
	margin:0;
	padding: 8px 4px 8px 4px;
	width:87px;
	}
.menuh a.last_item:link, .menuh a.last_item:visited, .menuh a.last_item:active{	/* menu at rest */
color: #330029;background-color: #dbd704;text-decoration:none;font-weight:bold;}

.menuh a.last_item:hover{		/* menu on mouse-over  */
color: #aa45c5;background-color: #dbd704;text-decoration:none;}

.menuh ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}
.menuh li{
	position:relative;
	min-height: 1px;			/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}
.menuh ul ul{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}
.menuh ul ul ul{top:0;left:100%;}
	
div.menuh li:hover{cursor:pointer;z-index:100;}
div.menuh li:hover ul ul,
div.menuh li li:hover ul ul,
div.menuh li li li:hover ul ul,
div.menuh li li li li:hover ul ul
{display:none;}

div.menuh li:hover ul,
div.menuh li li:hover ul,
div.menuh li li li:hover ul,
div.menuh li li li li:hover ul
{display:block;}
/* End CSS Drop Down Menu */

/* KLEUREN:
#330029		Donkere paars (van tekst, logo en achtergrond)
#dbd704		Geel (van logo en menu-ruiten)
#aa45c5		Paars/roze (voor menu items)
#fff		Wit */