@charset "utf-8";
/* CSS Document */

* {
	margin:					0;
	outline:				none;
	padding:				0;
}

html, body	{
	background:				#dadada url(../images/background.jpg) repeat-x;
	color:					#424242;
	font-family: 			"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			18px;
}

/*-----------------Global Settings-----------------*/

strong, em, b, i {
    font-family: 			"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	color:					#ffffff;
	font-size:				36px;
}

h1 a, h1 a:hover {
	color:					#ffffff;
	text-decoration:		none;
}

h2 {
	color:					#cc3300;
	font-size:				18px;
}

h2 a, h2 a:hover {
	color:					#ffffff;
	text-decoration:		none;
}

h3 {
	color:					#8a1520;
	font-size:				18px;
}

a:link {
	color: 					#cc3300;
	text-decoration: 		none;
} 

a:visited {
	color: 					#cc3300;
	text-decoration:		none;
}

a:hover,
a:focus {
	color: 					#cc3300;
	text-decoration: 		underline;
}

a:active {
	color:					#8a1520;
}


p {
	margin:					15px 0 0 0;
}

img {
	border:					none;
}

.clear {
	clear:					both;
}

/*-----------------Top-----------------*/

#wrapper {
	height:					auto;
	margin:					0 auto;
	width:					960px;
}

#top {
	height:					85px;
	position:				relative;
	width:					960px;
}

#logotype {
	left:					10px;
	position:				absolute;
	top:					25px;
}

#logotype h2 {
	color:					#ffffff;
	font-size:				18px;
}

#logotype h2 a, h2 a:hover {
	color:					#ffffff;
	text-decoration:		none;
}

/*-----------------Navigation-----------------*/

#navigation {
	background:				url(../images/nav-bg.png) no-repeat;
	font:					18px Calibri,Arial,Helvetica,sans-serif;
	height:					49px;
	position:				absolute;
	right:					10px;
	text-transform:			uppercase;
	top:					23px;
	width:					606px;
}

#navigation ul {
	font-size:				18px;
	margin:					8px 0 0 0;
}

#navigation ul a {
	color:					#999999;
}

#navigation ul a:hover {
	color:					#cc3300;
	text-decoration:		none;
}

#navigation ul li {
	float:					left;
	list-style-type: 		none;
	margin:					0 10px 0 20px;
}

#navigation ul.dropdown { 
	position: 				relative; 
}

#navigation ul.dropdown li.hover,
#navigation ul.dropdown li:hover {  
	position: 				relative; 
}

#navigation ul.dropdown ul {
	background:				#f2f2f2;
	left: 					-20px; 
	position: 				absolute;
	top: 					40px;  
	visibility: 			hidden; 
	width: 					180px; 
}

#navigation ul.dropdown li ul.sub_menu img.drop-arrow {
	left:					45px;
	position:				absolute;
	top:					-6px;
}

#navigation ul.dropdown li ul.sub_menu li {  
	color: 					#000; 
	float: 					none; 
	text-transform: 		none;
	font-size:				12px;
	font-weight: 			normal;
	margin:					0px;
	padding:				10px 5px 0 20px;
	width:					155px;
}

#navigation ul.dropdown li ul.sub_menu li#nav-img {  
	padding:				0;
}

#navigation ul.dropdown li ul.sub_menu li.last {  
	color: 					#000; 
	float: 					none; 
	text-transform: 		none;
	font-size:				12px;
	font-weight: 			normal;
	margin:					0px;
	padding:				10px 5px 10px 20px;
	width:					155px;
}

/*-----------------Header-----------------*/

#header {
	display:				block;
	height:					171px;
}

#header img {
	display:				block;
	margin:					0 auto;
}

#breadcrumbs {
	color:					#999999;
	font-size:				11px;
	height:					12px;
	line-height:			11px;
	padding:				17px;
}

#breadcrumbs a {
	color:					#ffffff;
}

#breadcrumbs a:hover {
	color:					#ffffff;
}

/*-----------------Content-----------------*/

#content {
	height:					auto;
	width:					960px;
}

.shadow-menu {
	box-shadow:				0 2px 2px #45616d;
	-moz-box-shadow:		0 2px 2px #45616d;
	-webkit-box-shadow:		0 2px 2px #45616d;
}

.shadow {
  box-shadow: 				0px 2px 2px #ccc;
  -moz-box-shadow: 			0px 2px 2px #ccc;
  -webkit-box-shadow: 		0px 2px 2px #ccc;
}

.info-boxes {
	background:				#ffffff;
	height:					128px;
	float:					left;
	margin:					0 30px 30px 0;
	padding:				15px;
	position: 				relative;
	width:					270px;
}

.info-boxes.last {
	margin:					0 0 30px 0;
}

.info-boxes h2 {
	font-size:				14px;
}

.info-boxes .ribbon {
	position:				absolute;
	right:					15px;
	top:					0px;
}

.info-boxes p {
	margin:					5px 15px 0 0;
	width:					210px;
}

.info-boxes p.read-more {
	margin:					0;
}

#left {
	float:					left;
	width:					630px;
}

#main-content {
	background:				#ffffff;
	height:					auto;
	float:					left;
	padding:				15px;
	width:					600px;
}

#main-content h2 {
	font-size:				30px;
}

#main-content ul {
	margin:					15px 0 0 0;
}

#main-content ul li {
	list-style:				circle;
	margin:					0 0 0 15px;
}

#quote {
	float:					left;
	margin:					30px 0 0 0;
	width:					630px;
}

#quote a {
	background:				url(../images/offerte-aanvraag.jpg) no-repeat;
	float:					left;
	height:					76px;
	text-indent: 			-9999px;
	width:					630px;
}

#quote a:hover {
	background:				url(../images/offerte-aanvraag.jpg) no-repeat;	
	background-position: 	bottom;
}

/*-----------------Gallery Content-----------------*/

#gallery-view {
	height:					auto;
	width:					960px;
}

#gallery-view ul li {
	float:					left;
	list-style:				none;
	margin:					0 30px 30px 0;
	position:				relative;
}

#gallery-view ul li.last {
	margin:					0 0 0 0;
}

#gallery-view img.new {
	position:				absolute;
	top:					15px;
	right:					0;
	z-index:				2;
}

#gallery-view p.title {
	font-size:				14px;
	margin:					0px;
	text-align:				center;
}

#gallery-view p.title a {
	color:					#333333;
}

#gallery-view p.title a:hover {
	color:					#cc3300;
	text-decoration:		none;
}

#gallery-view p.show {
	font-size:				10px;
	font-style:				italic;
	margin:					0px;
	text-align:				center;
}

#gallery-view p.show a {
	color:					#8d8d8c;
}

#gallery-view p.show a:hover {
	color:					#cc3300;
	text-decoration:		none;
}

#project-preview {
	float:					left;
	height:					auto;
	width:					680px;
}

#slider {
    background:				url(images/loading.gif) no-repeat 50% 50%;
    position:				relative;
    width:					680px; /* Change this to your images width */
    height:					450px; /* Change this to your images height */
}

#slider img {
    position:				absolute;
    top:					0px;
    left:					0px;
    display:				none;
}

.nivo-slice {
	display:				block;
	position:				absolute;
	z-index:				50;
	height:					100%;
}

#slider a {
    border:					0;
    display:				block;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	background:				url(../images/nav-next-prev.png) no-repeat;
	cursor:					pointer;
	display:				block;
	height:					40px;
	position:				absolute;
	text-indent:			-9999px;
	top:					45%;
	width:					40px;
	z-index:				99;
}

.nivo-directionNav a.nivo-prevNav {
	left:					15px;
}

.nivo-directionNav a.nivo-nextNav {
	background-position:	-40px 0;
	right:					15px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	bottom:					-20px;
	position:				absolute;
	right:					15px;
}

.nivo-controlNav a {
	background:				url(../images/nav-dots.png) no-repeat;
	cursor:					pointer;
	float:					left;
	height:					10px;
	margin:					0 5px 0 0;
	position:				relative;
	text-indent:			-9999px;
	width:					10px;
	z-index:				99;
}

.nivo-controlNav a.active {
	background-position: 	0 -10px;
	font-weight:			bold;
}

#main-content ul#input li {
	list-style:				none;
	margin:					0 0 5px 0;
}

#main-content label {
	width:					100px;
}

#main-content input {
	border:					1px solid #cccccc;
	height:					22px;
	padding:				5px 5px;
	width:					260px;
}

#main-content textarea {
	border:					1px solid #cccccc;
	font:					12px Lucida Sans, Lucida Sans Unicode, "Arial", "Verdana";
	height:					175px;
	padding:				5px 5px;
	width:					450px;
}

#main-content .form-submit {
	background:				url(../images/form-submit.jpg) no-repeat;
	background-position: 	0 -31px;
	border:					none;
	cursor:					pointer;
	height:					31px;
	text-indent:			-9999px;
	width:					82px;
}

#main-content .form-submit:active {
	background:				url(../images/form-submit.jpg) no-repeat;
	border:					none;
	cursor:					pointer;
	height:					31px;
	text-indent:			-9999px;
	width:					82px;
}

button:focus { 
    outline: 				none; 
}

#main-content ul#sitemap li {
	list-style:				none;
}

/*-----------------Sidebar-----------------*/

#recent-projects {
	background:				#ffffff;
	height:					auto;
	float:					left;
	margin:					0 0 0 30px;
	padding:				15px;
	width:					270px;
}

#recent-projects h3 {
	color:					#424242;
	font-size:				18px;
}

#recent-projects img {
	margin:					5px 0 0 0;
	position:				relative;
}

#recent-projects a {
	float:					right;
}

#project-info {
	background:				#ffffff;
	height:					auto;
	float:					left;
	margin:					0 30px 0 0;
	padding:				15px;
	width:					220px;
}

#project-info h2 {
	font-size:				18px;
}

#project-info p {
	margin:					15px 0;
}

#project-info p#website {
	margin:					0;
}

#project-info p#client {
	margin:					0;
}

#project-info p#service {
	margin:					0;
}

#diensten-overview {
	background:				#ffffff;
	height:					auto;
	float:					left;
	margin:					0 30px 0 0;
	padding:				15px;
	width:					270px;
}

#diensten-overview h2 {
	font-size:				24px;
}

#diensten-overview ul li{
	border-bottom:			1px dashed #cccccc;
	list-style:				none;
	padding:				5px;
	text-indent:			12px;
}

#contact-sidebar {
	background:				#ffffff;
	height:					auto;
	float:					left;
	margin:					0 30px 0 0;
	padding:				15px;
	width:					270px;
}

#contact-sidebar h3 {
	color:					#cc3300;
	font-size:				18px;
}

#contact-sidebar ul li {
	list-style:				none;
}


/*-----------------Footer-----------------*/

#footer {
	background:				#ffffff;
	height:					115px;
	margin:					30px 0;
	padding:				15px;
	width:					930px;
}

#footer li {
	list-style-type:		none;
}

#footer h4 {
	font-size:				14px;
	font-weight:			normal;
	margin:					0 0 5px 0;
}

#footer .divider {
	border-right:			1px solid #cccccc;
	float:					left;
	height:					115px;
	width:					1px;
}

#footer #social-media {
	float:					left;
	width:					185px;
}

#footer #social-media .social-img {
	margin:					10px 15px 0 0;
}

#footer #footer-info {
	float:					left;
	margin:					0 0 0 15px;
	width:					145px;
}

#footer #twitter-feed {
	float:					left;
	margin:					0 15px 0 15px;
	width:					345px;
}

#footer #twitter-feed #twitter h4 {
	color:					#cc3300;
	font-size:				14px;
	margin:					5px 0 0 0;
}

#footer #twitter-feed img {
	float:					left;
	margin:					0 10px 0 0;
}

#footer #twitter-feed #twitter .firstTweet {
	margin:					10px 0 0 0;
}

#twitter ul#twitter_update_list li span {
	display:				block;
}

#footer #footer-contact {
	float:					left;
	margin:					0 0 0 15px;
	width:					185px;
}

/*-----------------Validation-----------------*/

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
#main-content .LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #5d994e;
}
    
#main-content .LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}