/* Title:     Main | Emile Blume - Netcreators.com **********/

/* Global reset v1.0 | 20100203 //////////////////////////////////////////////////////////////////////*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, strong, u, i, em, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead /*tr, th, td*/ {
	background:transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
}

a img { border:none; }
abbr, acronym, .help { border-bottom:1px dotted #333; cursor:help; }
blockquote, q { quotes:none; }
blockquote { text-indent:-0.3em; }
blockquote blockquote { margin-left:1em; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none;}
:focus { outline: 0;}

sup, sub { font-size:x-small; vertical-align:super; }
sub { vertical-align:bottom;}
table {	border-collapse:collapse; border-spacing:0; empty-cells:show; }
th, td { height:auto; padding:0.3em; text-align:left; vertical-align:top; }
td p { margin:0; }
caption { color:#666; font-style:italic; }
hr { clear:both; background:#FFF; color:#FFF; border:0; height:1px; }


/* Base ////////////////////////////////////////////////////////////////////////////////*/
body { 
	background: #220902; color: #505050;
	font: normal 72%/1.6 Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5 { line-height:1em; font-weight:normal; margin-bottom:0.8em; color:#4f2109; font-family:Arial;}
h1 { font-size: 1.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h3, h4, h5 { font-weight:bold; }

p { font-size: 1em; margin-bottom:1.6em; }
pre, code, kbd, samp { font-size:1.5em; }
pre code { font-size:1em; }
strong, .strong { font-weight:bold; }

a { color:#584d8d; text-decoration:none; }
a:hover {text-decoration:underline;}

ol, ul { list-style:disc; margin:0 0 1.5em 0em; padding:0 0 0 1.8em;}
ol { list-style:decimal; }
#main ol, #main ul { clear:both; overflow:auto; }
#description, #skip, .hidden { display:none; }

/* Layout ///////////////////////////////////////////////////////////////*/
body {  padding-top:150px; }
#container, #header, #footer { margin:auto; width:960px; position:relative; }
#main, #left, #content, #center, #right, #footer, #navigation {
	float: left;
	display: inline; /* workaround for IE6*/
}

/*#main { background:#a1816d url(../img/bg-main.gif) repeat-y center top; width:960px; }*/
#main { background:#a1816d url(../img/bg-main.gif) repeat-y -120px top; width:1000px; padding-bottom:70px; }
#header { background: #fff; height:269px; }
#right { margin:50px 0 0 0; width:186px;}
#left { margin:50px 12px 0 12px; width:162px;}
#center{
	margin:50px 38px 20px;
	min-height:350px;
	height:auto !important;
	height:350px;	
	width:440px;
	line-height:2em;
}
#right { width:239px; }
#right p { font-size:0.95em;line-height: 1.3em; }
#right p a {
	background: url(../img/arrow-blue.gif) no-repeat left 4px;
	padding-left:10px;
	display:block;
	overflow:hidden;
}

#footer {
	background: url(../img/bg-footer.gif) repeat-x left top #220902;
	color:#7d6455; font-size:11px;
	margin:0 auto 20px auto;
	padding:25px 20px 150px 20px;
	width:920px;
}

#addthis {position:absolute; top:-68px; left:222px;}
#fb-follow {position:absolute; top:-68px; left:582px;}

/* Design /////////////////////////////////////////////////////////////////////////////////*/
#logo {
	height:269px; width:269px;
	left:681px; top:0px;
	position:absolute;
}

#copy { font-weight:bold; color:#000; float:left; }
#copy span { margin-right:0.3em; }

.imgtext-table, .imgtext-table td { padding:0; line-height:0;}
.align-center { text-align:center; }
.align-right { text-align:right; }
.csc-header-date { display:none; }

#left a {color:#fff;}

/* Home ---------------------*/
#home p a {
	background: url(../img/arrow-blue.gif) no-repeat left 4px;
	padding-left: 10px;
}

/* Frames ---------------*/
.banner-right-top {
	position:relative;
	top:-20px;
}
.banner-right-top DIV.csc-textpic DIV.csc-textpic-single-image IMG {margin-bottom:0;}

.bg-frame {padding:20px;}
.lichtbruin, .donkerbruin, .lila,
.lichtbruin h1, .donkerbruin h1, .lila h1,
.lichtbruin h2, .donkerbruin h2, .lila h2,
.lichtbruin h3, .donkerbruin h3, .lila h3,
.lichtbruin h4, .donkerbruin h4, .lila h4,
.lichtbruin h5, .donkerbruin h5, .lila h5,
.lichtbruin h6, .donkerbruin h6, .lila h6
 {color:#fff;}
.lichtbruin {background:#8d6855;}
.geel {background:#eace85;}
.donkerbruin {background:#3e1300;}
.lila {background:#727392;}

#colofon {
	position: absolute;
	right: -40px;
	width: 40px;
	height: 424px;
	background: url(../img/bg-colofon.gif) no-repeat left bottom;
	top: -360px;
	text-indent: -9999px;
}

.addthis_button_facebook_like {width: 100px;}
.addthis_button_tweet {width: 90px;}

/* MW 1-11-13 Print ------------------------------------------------*/
#tools {  position: absolute; right: 20px; top: 301px; width: 239px; font-size: 11px; }
#tools .print a { 
	background: url(../img/print-icon-16.png) no-repeat left center; 
	padding-left: 25px; float: left;
}

/* MW 15-10-2013 Under construction -------------------------------*/
#construction { 
	position: fixed; left: 0; top: 0; width:100%; height:100%; background: url(../img/under-construction-tile.png) repeat left top; z-index:998;
}
.construction-pop { margin: auto; width: 100%; height: 100%; }
#construct-container { 
	background: url(../img/under-construction.jpg) no-repeat center 125px; z-index:999;
	width: 570px; height: 100%; z-index: 999; opacity: 1; margin: auto; padding-top: 100px; 
}
.construct-nav { margin: 0; list-style: none; width: 537px; padding: 10px 15px; float: left; position: relative; top: 38px; }
.construct-nav li a { 
	float: left; display: inline-block; color: #fff; letter-spacing: normal; text-transform: none;  
	font-size: 12px; height: 12px; line-height: 10px; padding: 0 15px; text-decoration: none;
	border-right: 1px solid #fff; overflow: hidden;
}
.construct-nav li a:hover { color: #8f88b6; }

/* TYPO3 6.2.x */
div.csc-textpic-imagerow-last {
	margin-bottom: 10px!important;	
}