/*
Theme Name: h2h
Theme URI: http://www.hearttoheart.nl/
Description: Custom Wordpress theme for www.hearttoheart.nl - (c)Inmedia & Voronin
Version: 1.0
Author: Inmedia & Voronin
Author URI: http://www.inmedia.nl/
Tags: heart to heart
*/
html {
	overflow: auto;
	overflow-x: hidden;
}
img {
	border-style:none;
	margin:0 0 0 0;
}
#tableContainer {
	padding-left:25%;
	margin-left:-250px;
	width:1025px;
	height:1200px;
/*	overflow:visible;
*/}
body {
	background:#390031 url(gfx/bg.jpg) no-repeat left top;
	margin:9px 0 0;
}
.leftColumn {
	background:url('gfx/bg_leftColumn.png') repeat-y;
	vertical-align:bottom;
}
#leftColumnImage {
	position:relative;
	left:23px;
	top:-230px;
	float:left;
}
#leftColumnImagea {
	position:absolute;
	float:left;
}
#leftColumnTopper {
	background:url('gfx/bg_leftColumnTopper.png') no-repeat bottom left;
}
#middleColumn {
	background:#f7f7f7 url('gfx/bg_center.jpg') no-repeat bottom left;
	width:457px;
	padding-bottom:30px;
	min-height:800px;
	vertical-align:top;
}
#pBreadcrumbs {
	margin-bottom:32px;
	font-size:10px;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 16px;
}
#rightColumn {
	background:#f7f7f7 url('gfx/bg_right.jpg') no-repeat bottom left;
	vertical-align:top;
}
#imagesContainer {
	position:absolute;
	top:-3px;
	z-index:555;
}
#imagesContainerB {
	position:absolute;
	left:-474px;
}
#topMenu {
	float:left;
	position:absolute;
	top:61px;
	color:#c5b6d1;
	overflow:visible;
	width:750px;
/*/*	margin-left:-38px;
*/}
#menuContainer {
	position:absolute;
	top:351px;
	margin-left:23px;
}


a.topMenuLink {
	color: #c5b6d1;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding-right: 46px;
	padding-left: 46px;
	text-decoration: none;
}
a.topMenuLink:link { color: #c5b6d1; text-decoration: none; }
a.topMenuLink:visited { color: #c5b6d1; text-decoration: none; }
a.topMenuLink:hover { color: #ffffff; text-decoration: none; background:none; }

.verticalStretcher {
	height:850px;
	float:left;
	width:1px;
}

#middleColumn p {padding-right: 30px; padding-left: 30px; widows:397px; }
#middleColumn ul { color: #7a7a7a; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; list-style-image: url(gfx/hartje.png); list-style-position: inside; text-indent:-18px; left:9px; position:relative; padding-right:18px; }
#middleColumn h1 { color: #5c5c5c; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 1px; margin-right: 30px; margin-left: 30px; border-bottom: 1px solid #b9ad87; }
#middleColumn h2 { color: #5c5c5c; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-weight: normal; margin-right: 30px; margin-left: 30px; border-bottom: 1px solid #b9ad87; }
#middleColumn h3	 { color: #5c5c5c; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 1px; margin-right: 30px; margin-left: 30px; border-bottom: 1px solid #b9ad87; }
#middleColumn a:link { color: #5a1e84; text-decoration: underline; }
#middleColumn a:visited { color: #7a7a7a; text-decoration: underline; }
#middleColumn a:hover { color: #5a1e84; background-color: #ae9689; }

#middleColumn .stretchedInput { width:218px; }
#middleColumn .stretchedTextarea { width:218px; height:70px; }
#middleColumn table {margin-right: auto; margin-left: auto; width:404px; }
#middleColumn tr,td,th {color: #7a7a7a; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px;}


/*Dropdown*/
#nav {font-family: sans-serif; width:230px; height:150px; position:relative; margin:0; font-size:15px; margin:50px 0;}
#nav ul li a, #nav ul li a:visited {display:block; text-decoration:none; color:#361e7f; width:230px; height:30px; text-align:left; text-indent:10px; border:0; line-height:28px; font-size:15px;}
#nav ul {padding:0; margin:0; list-style-type: none; }
#nav ul li {float:left; margin:0px 0px 2px 2px; position:relative;}
#nav ul li ul {display: none;}
#nav ul li:hover a {background:#a98e7b;}
#nav ul li:hover ul {display:block; position:absolute; top:0; left:230px; width:200px;}
#nav ul li:hover ul li a.hide {background:#a88e7b;}
#nav ul li:hover ul li:hover a.hide {width:200px;}
#nav ul li:hover ul li ul {display: none;}
#nav ul li:hover ul li a {display:block; background:#b4a07f; width:200px;}
#nav ul li:hover ul li a:hover {background:#a98e7b;}
#nav ul li:hover ul li:hover ul {display:block; position:absolute; left:200px; top:0;}
#nav ul li:hover ul li:hover ul li a {display:block; width:200px; background:#b4a07f;}
#nav ul li:hover ul li:hover ul li a:hover {background:#a98e7b;}