/*------------------------------------------------------------------------
		CSS Document
		created by:			Roland Franke | rolandfranke.nl
		creation date:		24 feb 2010
		last modified on:	02 mar 2010
		fuction:			this css file set the basic structured layout
------------------------------------------------------------------------*/
@import url('menus.css');
@import url('extensions/extensions.css');

* { margin: 0; padding: 0; }

html,body { height: 100%; }
body {background: #333333 url('../images/top-bg.gif') top center no-repeat; height: 450px; }

.hide { display: none; }

/*--- MAIN layout ---*/
#mainWrapper { width: 100%; }


/*--- Header Parts ---*/
#headerContainer { height: 450px; }
#headerContainer #logo {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 122px;
	background: url('../images/logo.png') top left no-repeat;
}
#headerContainer #logo h1 { margin: 0; padding: 0; text-indent: -9999px; display: block; }
#headerContainer #menuBg { background: url('../images/menu-bg.gif') bottom left no-repeat; width: 940px; height: 80px; padding: 20px 0 0 0; }
#headerContainer #menuBg #menu { z-index: 100; position: absolute; }
#headerContainer #imageSlider { background: #000000; width: 100%; height: 350px;}
#headerContainer #langMenu { position: absolute; top: 112px; right: -21px; }
#headerContainer #langMenu ul { list-style: none none; margin: 0; padding: 0; }
#headerContainer #langMenu ul li { text-indent: -9999px; width: 21px; height: 30px; }
#headerContainer #langMenu ul li.flagNL { background: url('../images/nl.gif') top left no-repeat; }
#headerContainer #langMenu ul li.flagUK { background: url('../images/uk.gif') top left no-repeat; }
#headerContainer #langMenu ul li.flagDE { background: url('../images/de.gif') top left no-repeat; }
#headerContainer #langMenu li a { width: 21px; height: 20px; display: block; }
#headerContainer #vdwsLogo {
	background: url('../images/vdws.png');
	z-index: 10;
	position: absolute;
	right: -80px;
	bottom: -10px;
	width: 250px;
	height: 200px;
}


#divider { background: url('../images/divider.gif') top left repeat-x; height: 30px; }

/*--- Content Parts ---*/
#mainContent .grid_12, #mainContent .grid_8, #mainContent .grid_4 { margin-bottom: 20px; }
#mainContent .bgWhite { background: #ffffff; padding: 20px; }
#mainContent .grid_4 .bgWhite, #mainContent .grid_12 .bgWhite { margin: 0 0 20px 0; }
#mainContent .bgWhite.home { position: relative; height: 400px; overflow: hidden; }
#mainContent .bgWhite.home h2 { height: auto; }
#mainContent .bgWhite.home .more { position: absolute; bottom: 20px; right: 20px; }
#mainContent .bgWhite.home .tx-andshadowbox-pi1 { margin-bottom: 0; }

#mainContent .aankeiler { background: #999999; width: 300px; height: 180px; }
#mainContent .aankeiler .image { width: 300px; height: 155px; }
#mainContent .aankeiler .link { position: absolute; bottom: 0; background: #666666; width: 300px; height: 25px; text-align: right; }
#mainContent .aankeiler .link a { font-size: 14px; color: #ffffff; text-decoration: none; padding: 0 20px; }
#mainContent .aankeiler .link a:hover { color: #ff6633; }
#mainContent .aankeiler .stamp { z-index: 10; position: absolute; bottom: 0; }
#mainContent .aankeiler.foto .stamp { background: url('../images/stamp-foto.png') bottom left no-repeat; width: 120px; height: 90px; }
#mainContent .aankeiler.locaties .stamp { background: url('../images/stamp-locaties.png') bottom left no-repeat; width: 120px; height: 90px; }
#mainContent .aankeiler.contact .stamp { background: url('../images/stamp-contact.png') bottom left no-repeat; width: 120px; height: 90px; }

#mainContent .grid_12.minTop { margin: -20px 10px 20px 10px; }
#mainContent .grid_12.alpha .bgWhite { margin-bottom: 0; }


/*--- Footer Parts --*/
#footerWrapper {
	color: #ffffff;
	background: #000000 url('../images/footer-bg.gif') top left repeat-x;
	width: 100%;
	height: 160px;
	margin: 40px 0 0 0;
}
#logos { float: left; width: 675px; margin: 2px 0 0 10px; }
#logos img { margin: 0; padding: 0; height: 147px; }
#madeBy { float: left; width: 265px; padding: 125px 0 0 0; text-align: right; }
#madeBy p { font-size: 10px; padding: 0; margin: 0; }
#madeBy a { color: #ff6633; font-weight: bold; text-decoration: none; }
#madeBy a:hover { border-bottom: 1px dotted #ff6633; }
#madeBy strong em { color: #666666; font-style: normal; font-weight: normal; }


/* Image slider */
#slider { width: 940px; height: 350px; position: relative; overflow: hidden; top: 0px; left: 0px; }
#slider #sliderContent { width: 940px; position: absolute; top: 0; margin-left: 0; }
#slider .sliderImage {float: left; position: relative; display: none; }
#slider .sliderImage span {
	position: absolute;
	width: 940px;
	background: transparent url('../images/trans.png') repeat scroll center top;
	color: #ffffff;
	display: none;
}
#slider .sliderImage span strong { font-size: 14px; font-weight: bold; color: #ff6633; display: block; }
#slider .sliderImage span em { color: #ffffff; font-size: 12px; font-style: normal; font-weight: normal; width: 600px; display: block; line-height: 1.2; }
#slider .sliderImage .bottom { bottom: 0; left: 0; width: 940px !important; padding: 10px 10px 15px 15px; }
#slider ul { list-style-type: none; margin: 0; padding: 0; }
#slider ul li { list-style-type: none; margin: 0; padding: 0; }

img.center { margin: 0 30px; }