/************************************************************
Title:     Main | Emile - Netcreators.com
************************************************************/
/* Global reset ///////////////////////////////////////////*/

* { 	
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
	border:0;
}

em, i { font-style: italic; }
strong, b { font-weight: bold; }
table {	border-collapse: collapse; border-spacing: 0; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
caption, th, td { font-weight:normal; text-align:left; }
ol,  ul { list-style:none;}

blockquote {padding-left:30px;}

table.contenttable {
	border-collapse:separate;
	border-spacing:5px;
	}

body {  
	background: #FFF url(/fileadmin/templates/img/verhaalcentraal/bg-body.gif) repeat-y left top;
	color:#191D07;
	font: normal 76%/1.5em Tahoma, Arial, Helvetica, sans-serif; /*line-height is 1.5 times the font size*/
	margin: 0px;
	padding: 0px;
}

p { margin-bottom:2em;}
 	
a { color:#A0BB2C; text-decoration:underline;}
a:hover { color:#B1C852; }
a img { text-decoration:none;}

ul, ol {margin: 1em 0; padding-left: 2em;}
ul li {list-style: square;}
ul li li {list-style: circle;}
ol li {list-style: decimal;}

.hidden, #page-description, #logo span, .hide {display:none;}

hr {
	clear: both;
	border:0;
	border-bottom:1px dotted #40AE49;
	height:0px;
	margin: auto;
	margin-top:1em;
	margin-bottom:1em;
	width:90%;
}


#main, #left, #flex-cont, #footer, #footer-logo, #footer-content-bg, #footer-content {
	float: left;
	display: inline;
}

#container {
	left:0px;
	top:110px;
	position:absolute;
	z-index:4;
	}

#main { 
	background:url(/fileadmin/templates/img/verhaalcentraal/bg-main.gif) no-repeat 235px top;
	width:938px; 
}

#header {
	background:url(/fileadmin/templates/img/verhaalcentraal/bg-header.gif) repeat-x left top;
	height:110px;
	width:100%; 
	top:0;
	left:0;
	position:absolute;
	z-index:1;
}

#website-logo .title { display:none; }
#website-logo a {
	background:url(/fileadmin/templates/img/verhaalcentraal/logo.gif) no-repeat left top;
	width:684px;
	height:279px;
	top:0px;
	left:0px;
	display:block;
	position:absolute;
	z-index:2;
	}

/* slogan */
#website-logo .slogan {
	background:url(/fileadmin/templates/img/verhaalcentraal/slogan.gif) no-repeat left top;
	height:44px;
	width:218px;
	left:710px;
	top:30px;
	position:absolute;
	z-index:10;
	text-indent:-9000px;
	}
	
	
#left { 
	background:url(/fileadmin/templates/img/verhaalcentraal/bg-left.jpg) no-repeat left top;
	min-height:350px;
	height:auto !important;
	height:350px;
	width:235px;
}

#fotoshow_ondermenu { margin-left:19px; margin-top:20px; }	
#logo-linkerkolom { margin-top:70px; }
#logo-linkerkolom a img { border:none; }
	
#bread {
	font-size:0.9em;
	display:block;
	top:8px;
	left:254px;
	position:absolute;
	z-index:3;
	}

#bread a { padding:0px 3px; }

#flex-cont {
	width:662px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	padding:20px;
	padding-top:0;
	margin-top:40px;
	border-right:1px dotted #A0BB2C;
	}

#footer {
	margin:25px 0;
	height:100px;	
	font-size:0.8em;
}
	
#footer-logo {
/*
	background:#FFF;
	border:1px solid #485A01;
*/
	display:block;
	height:100px;
	width:156px;
	overflow:hidden;
	margin-left:17px;
	padding:4px;
}
#footer-logo a { line-height:1px;}
#footer-logo a img { border:none;}

#footer-content-bg {
	margin-left:36px;
	width:680px;
}

#footer-content {
	margin-left:20px;
	width:660px;
	margin-top:35px;
	margin-bottom:15px;
	}
	
#footer-content p { margin-bottom:0; }

h2, h3, h4 {
	font-family:Georgia,serif;
	line-height:1em;
	margin-bottom:0.5em;
	color: #485A01;
	font-weight:bold;
}

h2 a, h3 a, h4 a { text-decoration:none; }
h2 a:hover, h3 a:hover, h4 a:hover { text-decoration:underline;} 
h2 { font-size:2.2em; }
h3 { font-size:1.7em; color:#B1C852;}
h4 { font-size:1.5em;}

ul, ol { color:#485A01;}


/* ==============================  */
/*           RTE Styles            */
/* ==============================  */
.align-left { text-align:left; }
.align-center { text-align:center;}
.align-right { text-align:right;}



