@import url('demo.css');
@import url('font-awesome.css');
	

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body {
	text-align: center;
	line-height: 21px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #ffffff;
	min-height: 25px;
	background: #546e8b;
 }


.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }



/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

.container {
	text-align: left;
	margin: 0 auto;
	width: 960px;
	position: relative;
	padding-top: 0px;
}
.containeronder {
	text-align: left;
	margin: 0 auto;
	width: 960px;
	position: relative;
	padding-top: 0px;
	background-image: url(onder2.png);
}
#top {
	background: #324d6b url(images/top-bg2.png) repeat-x;
	padding-top: 70px;
}

#header {
	height: 100px;
	
}
/*body#home-featured #header {height: 202px;}*/
	#home-top {
	background:url("../images/top-bg3.png") repeat-x bottom left;
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0px;
	z-index: 1;
	background-color: #334D6A;
}
	
	#logo {
	position: absolute;
	top: -39px;
	left: -270px;
	height: 299px;
	width: 1476px;
	z-index: -10;
}
	
	#menu {
	position: absolute;
	top: 46px;
	left: 0px;
	background: url(../images/menu-bg.png) no-repeat;
	width: 960px;
	height: 55px;
	padding: 15px 0px 0px 15px;
}
	
					
#content-full { position: relative; }
	

div.service {
	float:left;
	width:960px;
	padding: 0px 0px 0px 0px;
	height: 490px;
	background-image: url(../onder2geenballen.png);
}	
div.servicerechts {
	float:left;
	width:480px;
	padding: 40px 0px 26px 20px;
	height: 280px;
}			
		
			
/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/

#featured { position: relative; /*top: -102px; margin-bottom:-95px;*/ padding-bottom: 31px; background: url(images/featured-bottom-shadow.png) no-repeat bottom left; height: 540px; z-index:4; }
	#featured span#left-shadow, #featured span#right-shadow {
	width: 9px;
	height: 132px;
	display: block;
	position: absolute;
	z-index: 1;
	top: -14px;
}
	#featured span#left-shadow {
	background: url(images/featured-leftshadow.png) no-repeat;
	left: -9px;
}
	#featured span#right-shadow { background: url(images/featured-rightshadow.png) no-repeat; right: -9px; }
		#slides { position: relative; height: 447px; background: #000000; }
			.slide .overlay { background: url(images/slide-top-shadow.png) repeat-x; top: 0px; left: 0px; height: 17px; position: absolute; width: 960px; }
			.slide .overlay2 {
	background: url(images/slide-bottom-shadow.png) repeat-x;
	bottom: -96px;
	left: 0px;
	height: 4px;
	position: absolute;
	width: 960px;
}
			
	

		
/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
	
#footer { background: url(images/footer-overlay-bg.png); padding-bottom: 15px; }	
	#footer-wrapper { background: url(images/footer-top-bg.png) repeat-x; }
		#footer-center {
	background: url(images/footer-top-centerbg.png) no-repeat; /*min-height: 147px;*/
	padding-top: 35px;
	color: #b9b9b9;
	letter-spacing: inherit;
}
			#footer p#copyright a { color: #ffffff; font: italic 12px Arial, sans-serif;  }
		#footer .widget { float: left; width: 280px; margin: 0px 60px 45px 0px; }
			#footer .widget a { color: #ffffff; }
			#footer .last { margin-right: 0px; }

/*-----------------------------*/
/*-----------formulier---------*/
/*-----------------------------*/
/* Add whatever you need to your CSS reset */
html, body, h1, form, fieldset, input {
  margin: 0;
  padding: 0;
  border: none;
  }

body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; }

        #registration {
	color: #fff;
	background: #546e8b;
	
	
	margin: 10px;
	width: 430px;			
            }

 #registration a {
      color: #8c910b;
      text-shadow: 0px -1px 0px #000;
      }
	  
#registration fieldset {
      padding: 20px;
      }
	  
input.text {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 10px;
	border:solid 3px #fff;
	font-size: 14px;
	width: 90%;
	padding: 7px 8px 7px 30px;
	-moz-box-shadow: 0px 1px 0px #777;
	-webkit-box-shadow: 0px 1px 0px #777;
	background: #ddd url('../images/inputSprite2.png') no-repeat 4px 5px;
	background: url('../images/inputSprite2.png') no-repeat 4px 5px, -moz-linear-gradient(
           center bottom,
           rgb(225,225,225) 0%,
           rgb(215,215,215) 54%,
           rgb(173,173,173) 100%
           );
	background:  url('../images/inputSprite2.png') no-repeat 4px 5px, -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(225,225,225)), color-stop(0.54, rgb(215,215,215)), color-stop(1, rgb(173,173,173)) );
	color:#333;
	text-shadow:0px 1px 0px #FFF;
}	  

 input#email { 
 	background-position: 4px 5px; 
	background-position: 4px 5px, 0px 0px;
	}
	
 input#password { 
 	background-position: 4px -20px; 
	background-position: 4px -20px, 0px 0px;
	}
	
 input#name { 
 	background-position: 4px -46px; 
	background-position: 4px -46px, 0px 0px; 
	}
	
 input#tel { 
 	background-position: 4px -76px; 
	background-position: 4px -76px, 0px 0px; 
	}
	
#registration h2 {
	color: #fff;
	text-shadow: 0px -1px 0px #000;
	border-bottom: solid #181818 1px;
	-moz-box-shadow: 0px 1px 0px #3a3a3a;
	text-align: center;
	padding: 18px;
	margin: 0px;
	font-weight: normal;
	font-size: 24px;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	}
	
#registerNew {
	width: 203px;
	height: 58px;
	border: none;
	text-indent: -9999px;
	background: url('../images/createAccountButton2.png') no-repeat;
	cursor: pointer;
	float: right;
	}
	
	#registerNew:hover { background-position: 0px -57px; }
	#registerNew:active { background-position: 0px -115px; }
	
 #registration p {
      position: relative;
      }
	  
fieldset label.infield /* .infield label added by JS */ {
    color: #333;
    text-shadow: 0px 1px 0px #fff;
    position: absolute;
    text-align: left;
    top: 3px !important;
    left: 35px !important;
    line-height: 29px;
    }
</style>