/**
 * standaard lettertype + lettergrootte instellen
 */ 
* {
	font-family: 				Arial, Verdana, sans-serif;
	font-size:		 			10px;
	color:						#fff;
}

html {
	scrollbar-base-color: 		#000;
	scrollbar-arrow-color:		#ff0000;	
}

img {
	border:						none;	
}

form {
	margin:						0;
	padding:					0;
}

.clear {
	clear:						both;
	font-size:					0px;
	height:						0px;
	line-height:				0px;	
}

.onlyclear {
	clear:						both;
}

h1 {
	color:						#ff0000;
	font-size:					18px;
	margin:						0 auto 0 auto;
}

h1 span {
	text-transform:				uppercase;
	font-size:					12px;
	font-weight:				normal;	
}

h2 {
	color:						#ff0000;
	font-size:					12px;
	margin:						0;
	padding:					10px 0 0px 0;
	text-transform:				uppercase;
	font-weight:				normal;
}

p {
	line-height:				24px;
	font-size:					11px;	
	text-align:					justify;	
}

a {
	color:						#fff;
	font-size:					11px;
	font-weight:				bold;
	text-decoration:			none;	
}

a:hover {
	text-decoration:			none;
	color:						#fae64d;
}

/**
 * body, html 
 * margin van het totale frame zetten
 * background instellen
 */
body,html {
	margin:						0px;
	background-color:			#000;
	background-image:			url("../../images/site/back2.jpg");
	background-repeat:			no-repeat;
}

.slide {
	
}

.slide p {
	line-height:				14px;
	margin:						20px 50px 0px 20px;
	font-size:					11px;
}

.slide span {
	font-size:					11px;
	float:						right;
	text-align:					right;
	margin:						0px 50px 0 0;
}

.slide .slide-in {
	background-image:			url("../../images/site/slide-in.png");
	background-repeat:			no-repeat;
	width:						50px;
	height:						283px;
	margin:						-140px 0 0 0;
	cursor:						pointer;	
	position:					absolute;
	top:						50%;
	z-index:					98;
}

* html .slide .slide-in {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/site/slide-in.png", sizingMethod="scale");
}

.slide .slide-info {
	background-image:			url("../../images/site/slide-out.png");
	background-repeat:			no-repeat;
	width:						404px;
	height:						283px;
	margin:						-140px 0 0 0;
	cursor:						pointer;	
	z-index:					99;
	position:					absolute;
	top:						50%;
}

* html .slide .slide-info {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/site/slide-out.png", sizingMethod="scale");
}

/**
 * Wrapper
 * algehele container voor het hele frame
 */
#wrapper {
	width:						1001px;
	height:						600px;
	margin:						0px auto 20px auto;
	position:					relative;
	top:						50px;
	border-top:					1px solid #fff;
}

#wrapper .body {
	position:					absolute;
	margin:						35px;
	z-index:					1;
}

#wrapper .body .left {
	float:						left;
	width:						450px;
}

#wrapper .body .right {
	float:						left;
	width:						516px;
}

#wrapper .body .right .content {
	width:						500px;
	height:						360px;
	overflow:					hidden;
	float:						left;
	position:					relative;
}

#wrapper .body .right .content .scroll-content {
	overflow:					visible;
	position:					relative;
}

#wrapper .body .right .content .scroll-content .faultsmsg,
#wrapper .body .right .content .scroll-content .sendmsg {
	padding:					5px;
	display:					block;
	color:						#ff0000;
	font-size:					12px;	
}

#wrapper .body .right .scrollbar {
	width:						16px;
	height:						360px;
	background-image:			url("../../images/site/scrollbarback.gif");
	background-repeat:			repeat-y;
	background-position:		center;
	overflow:					hidden;	
	float:						left;
	position:					absolute;
	left:						958px;
	*left:						957px;
}

#wrapper .body .right .scrollbar .bar {
	width:						14px;
	margin:						0px 1px;
	cursor:						pointer;
	background-image:			url("../../images/site/scroll.gif");
	background-position:		center;
	background-repeat:			no-repeat;
	position:					relative;
	overflow:					hidden;
}

#wrapper .body .right .content .fields {
	float:						left;
	width:						310px;	
}

#wrapper .body .right .content .fields .radiogroup {
	width:						120px;
	float:						left;
	font-size:					11px;
}

#wrapper .body .right .content .fields input {
	color:						#000;
	border:						1px solid #ff0000;
	background-color:			#d9d7d6;
	width:						300px;
	margin:						5px 0px;
	font-size:					11px;
	padding:					3px 2px;
}

#wrapper .body .right .content .fields input.radio {
	background:					none;
	padding:					0;
	border:						0;
	margin:						7px 0px 0px;
	width:						25px;
}

#wrapper .body .right .content .fields input.small {
	width:						180px;
}

#wrapper .body .right .content .fields select {
	color:						#000;
	border:						1px solid #ff0000;
	background-color:			#d9d7d6;
	width:						305px;
	margin:						5px 0px;
	font-size:					11px;
	padding:					3px 2px;
}

#wrapper .body .right .content .fields select option {
	color:						#000;
}

#wrapper .body .right .content .fields textarea {
	color:						#000;
	border:						1px solid #ff0000;
	background-color:			#d9d7d6;
	width:						300px;
	margin:						5px 0px;
	font-size:					11px;
	padding:					3px 2px;
	height:						50px;
}

#wrapper .body .right .content .send {
	float:						left;
	width:						176px;
	padding:					154px 0 0 10px;
	*padding:					181px 0 0 10px;	
}

#wrapper .body .right .content .send strong {
	font-weight:				bold;
	font-size:					14px;
	color:						#ff0000;
}

#wrapper .body .right .content .send input {
	color:						#ff0000;
	font-size:					14px;
	padding:					3px 10px;
	font-weight:				bold;
	border:						1px solid #ff0000;
	background-color:			#d9d7d6;
}

#wrapper .body .footer {
	width:						1001px;
	margin:						33px 0 0 -35px;
	_position:					relative;
}

#wrapper .body .footer .spacersmall {
	background-image:			url("../../images/site/spacer-small.png");
	background-repeat:			no-repeat;
	width:						1001px;
	height:						6px;
}

* html #wrapper .body .footer .spacersmall {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/site/spacer-small.png", sizingMethod="scale");
}

#wrapper .body .footer .wrapjMyCarousel{
	width:						600px;
	margin:						0 0 0 35px;
	
}

#wrapper .body .footer .wrapjMyCarousel .jMyCarousel{
	margin:						10px 0 0 0;
	
}

#wrapper .body .footer .logospacer {
	margin:						-15px 0 0 0;
	margin:						-22px 0 0 0;
}

#wrapper .body .footer .logospacer .spacerleft {
	background-image:			url("../../images/site/spacer-left.png");
	background-repeat:			no-repeat;
	width:						751px;
	height:						30px;
	float:						left;
	margin:						30px 0 0 0;
}

* html #wrapper .body .footer .logospacer .spacerleft {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/site/spacer-left.png", sizingMethod="scale");
}

#wrapper .body .footer .logospacer .logo {
	background-image:			url("../../images/site/logo.png");
	background-repeat:			no-repeat;
	width:						191px;
	height:						54px;
	float:						left;
	margin:						0 14px 0 15px;
}

* html #wrapper .body .footer .logospacer .logo {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/site/logo.png", sizingMethod="scale");
}

#wrapper .body .footer .logospacer .spacerright {
	background-image:			url("../../images/site/spacer-right.png");
	background-repeat:			no-repeat;
	width:						30px;
	height:						30px;
	float:						left;
	margin:						30px 0 0 0;
}

* html #wrapper .body .footer .logospacer .spacerright {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/site/spacer-right.png", sizingMethod="scale");
}

#wrapper .body .footer .menu { 

}

#wrapper .body .footer .menu ul {
	list-style-type:			none;
	float:						left;
	width:						480px;
	margin:						7px 0 0 10px;
	padding:					0;
}

#wrapper .body .footer .menu ul li {
	float:						left;
}

#wrapper .body .footer .menu ul li a {
	color:						#fff;
	font-weight:				normal;
	margin:						0px 5px;
}

#wrapper .body .footer .menu ul li a:hover {
	color:						#ff0000;
}

#wrapper .body .footer .menu ul li a.selected {
	color:						#ff0000;
}

#wrapper .body .footer .menu ul li a span {
	color:						#fff;
}

#wrapper .body .footer .menu .copyright {
	float:						left;
	width:						380px;
	margin:						6px 0 0 130px;
	_margin:					6px 0 0 120px;
}

#wrapper .body .footer .menu .copyright span {
	color:						#626262;
	float:						left;
	display:					block;
}

#wrapper .body .footer .menu .copyright span a {
	color:						#626262;
	font-size:					10px;
	font-weight:				normal;
}

#wrapper .body .footer .menu .copyright .logocl {
	background-image:			url("../../images/site/logo-cl.png");
	width:						14px;
	margin:						-2px 4px 0 4px;
	height:						16px;
	float:						left;
}

* html #wrapper .body .footer .menu .copyright .logocl {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/site/logo-cl.png", sizingMethod="scale");
}

#wrapper .container {
	background:					#000;
	opacity:					0.7;
	filter:						alpha(opacity=70);
	width:						1001px;
	height:						600px;
	z-index:					0;
}