/* HTML ELEMENTEN */
h1								{ color:#004c6a; font-size:24px; font-weight:bold; margin:0px; padding:0px; text-transform:uppercase; }
h2								{ color:#eb6e08; font-size:15px; margin:10px 0 10px 0;  padding:0px; font-weight:bold;  }								
h3								{ color:#1f4c8f; font-size:13px; margin:10px 0 10px 0; padding:0px; font-weight:bold;  }										
h4,								
h5,
h6,
.span							{ margin:0; padding:0 0 12px; }
p 								{ color:#000; font-family:Helvetica ;font-size:11px; margin:10px 0 0 0; padding:0px;  }
a 								{ text-decoration:underline; color:#eb088c;}
a:hover							{ color:#307EC5; }
b								{ font-weight:bold; color:#58585a;  }

/* TEXT COLORS */
.white							{ color:#FFF }
.black							{ color:#000 }
.darkpink						{ color:#971e7a }
.blue							{ color:#005FA0 }
.orange							{ color:#EB6E08 }

/* FORM ELEMENTEN */
form 							{ margin:0; padding:0; }
form img 						{ border:none; }
input[type=text]				{ }
input[type=submit]				{ cursor:pointer; }
input[type=submit]				{ cursor:pointer; }
input[type=checkbox]			{ }
input[type=radio]				{ }
input[type=button]				{ }
textarea						{ width:200px; height:200px; }
select							{ width:50px; }

/* COMMON CLASSES */
.noBorder						{ border:none; }
.readmore 						{ text-decoration:none; font-weight:bold; color:#1b8ca3; }
.icon							{ position:relative; margin:0 2px 0 0; top:2px;}
.two							{ color:#3bb3e2; }
.dare							{ color:#0d3762; }
.fleft 							{ float:left; }
.fright 						{ float:right; }
.breaker,
.clear,
.breaker						{ clear:both; }
.bold							{ font-weight:bold; }
.italic							{ font-style:italic; }
.hidden							{ display:none; }
.underline						{ text-decoration:underline; }
.uppercase						{ text-transform:uppercase; }
.smallcaps						{ font-variant:small-caps; }
.shadow 						{ float:left; text-shadow: #000 1px 1px 2px;filter: Shadow(Color=#000000, Direction=135, Strength=1);}  

/* ERROR CLASSES FORM ELEMENTEN */
.error,
.notice, 
.success   						{ padding:10px; margin-bottom:16px; border:2px solid #ddd; }
.error      					{ background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4; }
.notice     					{ background:#fff6bf; color:#514721; border-color:#ffd324; }
.success    					{ background:#e6efc2; color:#264409; border-color:#c6d880; }
.error a    					{ color:#8a1f11; }
.notice a   					{ color:#514721; }
.success a  					{ color:#264409; }
		
body 							{ background:url(../images/background.jpg) top repeat-x #014C6B;  font-family: Helvetica; font-size:12px; position:relative; margin:0px; padding:0px 0 45px 0; }
html							{ height:100%; width:100%; position:relative;  margin:0px; padding:0px; }

/* MAIN */
#mainContainer					{ position:relative; margin:0 auto; padding:0; width:1004px;  z-index:0;  padding:0 10px 0 10px; }

/* top */
#topContainer 				    { position:relative; width:100%; height:6px; }
#topLeft 					    { position:absolute; top:0; left:0; background:#26ace2; width:50%; height:6px; }
#topCenter 					    { position:relative; width:930px; height:6px; margin:0 auto; background:url(../images/topCenter.jpg) no-repeat top left; }
#topRight 					    { position:absolute; top:0; right:0; background:#bec71f; width:50%; height:6px; }

/* BUTTON */
.button 						{ position:relative; height:29px; margin:3px 0 0; font-weight:bold; line-height:28px; z-index:5; }
.button a 						{ color:#fff; text-decoration:none; height:29px; display:block; font-size:12px; }
.buttonLeft 					{ position:relative; width:5px; height:29px; background:url(../images/ButtonLeft.png) no-repeat top left; float:left; }
.buttonFill						{ position:relative; height:29px; padding:0 4px; background:url(../images/buttonFill.png) repeat-x top left; float:left; }
.buttonRight 					{ position:relative; width:5px; height:29px; background:url(../images/ButtonRight.png) no-repeat top left; float:left; }

/* HEADER */
#header							{ position:relative; width:960px; height:323px; }

/* LOGO */
#logo							{ position:absolute; top:22px; left:60px; }

/* HEADERLINK */
.headerLink						{ position:absolute; width:130px; height:173px; left:88px; top:126px; display:block; }

/* MENUTOP */
#menuTop						{ position:absolute; top:0px; #top:10px; right:0px; width:960px;}
#menuTop ul						{ position:absolute; top:0px; right:0px;}
#menuTop li						{ float:left; list-style:none;}
#menuTop li a					{ float:left; text-decoration:none; font-size:11px; margin:0 10px 0 0; color:#000;  }
#menuTop li a:hover				{ float:left; text-decoration:none; font-size:11px; margin:0 10px 0 0; color:#25ADE1; }

/* INTRO TXT */
#introTXT						{ width:500px; position:absolute; top:125px; left:250px;}
#introTXT p						{ line-height:18px; font-size:12px; }
.contentBlock                   { width:900px }

/* BOXES */
#boxes							{ position:relative; width:960px; }
.screenshots					{ position:relative; width:230px; float:left; margin:0 10px 0 0; }
.screenshotIMG					{ border:1px #c5c7c9 solid; margin:0 5px 10px 5px; }
.introTXT						{ position:relative; width:425px; float:left; margin:0 10px 0 0; }
.loginBox						{ position:relative; width:285px; float:left; }

/* OMRINGENDE VAKKEN */
.block						    { position:relative; }
.blockContent 				    { position:relative; }
.blockLeft 					    { position:absolute; top:0; left:0; width:2px; height:100%; background:url(../images/blockLeft.jpg) repeat-y top left; }
.blockRight 				    { position:absolute; top:0; right:0; width:2px; height:100%; background:url(../images/blockRight.jpg) repeat-y top left; }
.blockFooter 				    { height:22px; bottom:-22px; }
.blockFooterFill			    { position:relative; bottom:0px; height:22px; margin:0 5px; background:url(../images/blockFooter.png) repeat-x top left; }
.blockFooterLeft 			    { position:absolute; bottom:0px; left:0; width:5px; height:22px; background:url(../images/blockFooterLeft.png) no-repeat top left; }
.blockFooterRight 			    { position:absolute; bottom:0px; right:0; width:5px; height:22px; background:url(../images/blockFooterRight.png) no-repeat top left; }

/* login */
.loginContainer 				{ position:relative; width:740px; margin:0 auto; }
.login							{ position:relative; width:285px; float:left; }
.loginContent					{ position:relative; padding:15px 20px 10px 10px; line-height:18px; background:url(../images/gradientSmall.jpg) repeat-x top left #FFF; }
.loginContent p					{ margin:0; padding:0 0 10px; line-height:16px; }
.loginContent form				{ margin:0; padding:0; }
.loginContent input[type=text],
.loginContent input[type=password]	{ width:100%; }
.inlogButton					{ padding:10px 0 0; }
.remember 						{ position:relative; float:left; line-height:20px; }

/* Register */
#registerForm .errors,
#informationForm .errors        { display: block !important; color:#900; font-weight:bold}
.zend_form dd                   { margin:0 0 10px 0;}
.zend_form dt                   { margin:0;}
.zend_form input[type=text]     { max-width:300px}



/* HEADER GREEN */
.headerGreen 					{ position:relative; height:35px; z-index:1; }
.headerGreen h2 				{ font-size:12px; color:#fff; text-transform:uppercase; margin:0; padding:0; line-height:34px; float:left; }
.headerGreen h2.iconPadding		{ font-size:12px; color:#fff; text-transform:uppercase; margin:0; padding:0 0 0 75px; line-height:34px; }
.headerGreenLeft 				{ position:absolute; top:0; left:0; width:10px; height:35px; background:url(../images/headerGreenLeft.png) no-repeat top left; }
.headerGreenFill 				{ position:relative; height:35px; margin:0 10px; background:url(../images/headerGreenFill.png) repeat-x top left; }
.headerGreenRight 				{ position:absolute; top:0; right:0; width:10px; height:35px; background:url(../images/headerGreenRight.png) no-repeat top left; }

/* HEADER TWO */
.headerTwo 					{ position:relative; height:35px; z-index:1; }
.headerTwo h2 				{ font-size:12px; color:#fff; text-transform:uppercase; margin:0; padding:0; line-height:34px; float:left; }
.headerTwo h2.iconPadding	{ font-size:12px; color:#fff; text-transform:uppercase; margin:0; padding:0 0 0 75px; line-height:34px; }
.headerTwoLeft 				{ position:absolute; top:0; left:0; width:10px; height:35px; background:url(../images/headerTwoLeft.png) no-repeat top left; }
.headerTwoFill 				{ position:relative; height:35px; margin:0 10px; background:url(../images/headerTwoFill.png) repeat-x top left; }
.headerTwoRight 			{ position:absolute; top:0; right:0; width:10px; height:35px; background:url(../images/headerTwoRight.png) no-repeat top left; }

.icon2						{ position:absolute; bottom:-8px; left:5px; margin:0 20px 0 0; z-index:2; }
.grayBG						{ background:#efeeee; }		

/* FOOTER */
#footer						{ top:-10px; position:relative; width:960px; height:100px; background:url(../images/footerBG.png) no-repeat; text-align:center; color:#b0daea; font-size:11px; line-height:50px; }
#footer a					{ color:#b0daea; text-decoration:none;  }
#footer a:hover				{ color:#fff; text-decoration:none;  }