@import url(/include/css/editor.php);

/** =COLORS **
e31927 red
*/

body {
	background: #000;
}


/** =LAYOUT **/

#container {
	width: 935px;
	margin: 0 auto;
	background: url("/image/header_bg.jpg") no-repeat top right;
	}
	#container2 {
		background: url("/image/container_bg.jpg") no-repeat 677px 372px;
	}


/** =HEADER **/

#header {
	position: relative;
	height: 450px;
}

	#body8 #header { /*sharepage*/
		height: 590px;
	}
		#body8  #header.error {
			height: 700px;
		}
	#body6 #header { /*homepage*/
		height: 711px;
		background: url("/image/header_bg_home.jpg") no-repeat top right;
	}

	


	#logo a {
		display: block;
		width: 521px;
		height: 181px;
		line-height: 175px;
		text-align: center;
		overflow: hidden;
	}
		#logo a img {
			vertical-align: middle;
		}

#navigation {
	position: absolute;
	z-index: 20;
	width: 935px;
	height: 167px;
	bottom: 0px;
	background: url("/image/navigation_bg.png") no-repeat center left;
}
	#body6 #navigation {
		bottom: 45px;
		left: 75px;
	}

#langselector {
	list-style: none;
	margin: 0;
	position: absolute;
}
	#langselector li a {
		display: block;
		width: 77px;
		height: 35px;
		background: url(/image/langs.png) no-repeat top left;
		text-indent: -999em;
	}
		#langselector li a.en {	background-position: 0px -35px;}
		#langselector li a.fr {	background-position: 0px -71px;}
		#langselector li a.de {	background-position: 0px -107px;}
		
			

/** =CONTENT - HOMEPAGE **/

#home-intro {
	}


/** CONTENT - DEFAULT **/
#wrapper {
	padding: 0 0 0 2em;
}
#precontent {
	width: 500px;
	background: pink;
}
#content {
	margin-top:2em;
	}


#uploadform {
	position: absolute;
	top: 150px;
	left: 2em;
	z-index: 10;
	width:330px;
	background: white;
}
	#uploadform,  
	#uploadform * {
		color: black;
	}
	#uploadform form {
		padding: 1em;
		margin-bottom: 60px;
	}
		#uploadform form p {
			display: block;
			overflow: auto;
			clear: both;
			margin-bottom: 10px;
		}
		#uploadform form input,
		#uploadform form textarea {
			display: block;
			width: 220px;
			font-size: 100%;
			color: gray;
		}
		#uploadform form textarea {
			height: 50px;
		}
		
		#uploadform form input.submit,
		input.submit {
			width: 100px;
			background: #e31927;
			border: none;
			color: white;
			padding: .3em 1em;
		}
		
		label.error {
			display: inline;
			width: auto;
			padding: 0 1em;
			font-size: .85em;
			background: #E31927;
			color: white !important;
		}
		
#teaser {
	background: url("/image/teaser_bg.png") no-repeat top left;
	width: 393px;
	height: 214px;
	position: absolute;
	right:187px;
	top:204px;
	z-index: 40;
}
	#teaser img {
		margin: 25px 0 0 23px;
	}
#prijs {
	width: 283px;
	height: 230px;
	position: absolute;
	right:110px;
	top:340px;
	z-index: 50;
}



/*	REVIEWS	*/

#paging {
	list-style: none;
	margin: 3.5em 4em 0 0;
	float: right;
}
	#paging li {
		float: left;
	}
	#paging li a:link, #paging li a:visited {
			margin: 0 .5em;
			text-decoration: none;
			vertical-align: baseline;
		}
		#paging li.active a {
			font-weight: bold;
		}		
#reviews {
	list-style: none;
	overflow: auto;
	padding: 0 3em 0 0;
	margin: 0;
}
	#reviews li {
		display: block;
		position: relative;
		background: url("/image/worker.jpg") no-repeat center center;
		width: 270px;
		height: 180px;
		margin: 0 20px 20px 0;
		float: left;
	}
		#reviews li div {
			position: absolute;
			bottom: 0px;
			width: 250px;
			padding: 0 10px 0 10px;
			background: #515151;
		}

		#reviews li.winnaar {
			width: 260px;
			height: 170px;
			border: 5px solid #e31927;
		}
			#reviews li.winnaar div {
				width: 240px;	
			}
			
			#reviews li div span {
				float: right;
				color: #e31927;
			}
			#reviews li div p {
				display: none;
			}
				#reviews li:hover div p {
					display: block;
				}
			

#about {
	overflow: auto;
	color: black;
}
	.colleft {
		background: white;
		width: 45%;
		padding: 1em;
		float: left;
	}
	.colright{
		background: white;
		width: 45%;
		padding: 1em;
		float: right;
	}
	.nopaddingtop {
		padding-top: 0;
	}
	
	#colorpicker {
		list-style: none;
		margin: 1em 0 1em 0;
		overflow: auto;
	}
		#colorpicker li {
			margin: 0 1em 0 0;
			float: left;
		}
		#colorpicker li a {
			display: block;
			width: 62px;
			height: 62px;
		}
		#colorpicker li a.active {
			border: 2px solid #E31927;
			width: 58px;
			height: 58px;
		}
			.gray	{	background:#685a62; }
			.blue 	{	background:#2d3661; }
			.black	{	background:#261e23; }
			
/** =FOOTER **/

#footer {
	margin: 2em 0 0 0;
	padding: 0 0 2em 2em;
	background: url("/image/footer_bg.png") no-repeat bottom left;
	}
#footer p {
	}
#footer a {
	}


/** =CLASSES **/


body {
	overflow: -moz-scrollbars-vertical;
}

.formshadow {
	background: url("/image/form_shadow.png") no-repeat top left;
	border: none;
	padding: 4px 2px 2px 4px;
	outline: none;
}
.halvebreedte {
	width: 50%;
}
.floatright {
	float: right;
	margin-left: 2em;
}
.floatleft {
	float: left;
	margin-right: 2em;
}
.small {
	font-size: 85%;
	line-height: 125%;
}
	.small p {
		margin-bottom: 1em;
	}
	
.whitebg {
	padding: 1em;
	overflow: auto;
	background: white;
	color: black;
}
	.whitebg a,
	.whitebg h1,
	.whitebg h2,
	.whitebg p
	 {
		color: black;
	}

.vertalen {
	border:1px solid #FF0;
	background-color:#F00;
	color:#FF0;
}