@import url("reset.css");

/*******************************************************************************************/
/* FONT 1 - Garamond */

.font1{
	font-family: 'ITCAvantGardeGothicStdMedium', Arial, Helvetica, Geneva, sans-serif;
}
@font-face {  
	font-family: 'ITCAvantGardeGothicStdMedium';
  	src: url('../assets/font/ITCAvantGardeStd-Md_1.eot');  
	src: local('ITC Avant Garde Gothic Std'), local('ITCAvantGardeStd-Md');
} 
@font-face {
	font-family: 'ITCAvantGardeGothicStdMedium';
    src: url('../assets/font/ITCAvantGardeStd-Md_1.woff') format('woff'), url('../assets/font/ITCAvantGardeStd-Md_1.ttf') format('truetype'), url('../assets/font/ITCAvantGardeStd-Md_1.svg#ITCAvantGardeStd-Md') format('svg');
}


/*******************************************************************************************/
/* FONT 2 - Verdana */

.font2{
	font-family: 'VerdanaRegular', Arial, Helvetica, Geneva, sans-serif;
}
@font-face {  
	font-family: 'VerdanaRegular';
  	src: url(../assets/font/verdana.eot);  
	src: local('Verdana Regular'), local('Verdana');
} 
@font-face {
	font-family: 'VerdanaRegular';
	src: url('../assets/font/verdana.woff') format('woff'), url('../assets/font/verdana.ttf') format('truetype'), url('../assets/font/verdana.svg#Verdana') format('svg');
}

.font2_bold{
	font-family: 'VerdanaBold', Arial, Helvetica, Geneva, sans-serif;
}
@font-face {  
	font-family: 'VerdanaBold';
  	src: url(../assets/font/verdanab.eot);  
	src: local('Verdana Bold'), local('Verdana-Bold');
} 
@font-face {
	font-family: 'VerdanaBold';
	src: url('../assets/font/verdanab.woff') format('woff'), url('../assets/font/verdanab.ttf') format('truetype'), url('../assets/font/verdanab.svg#Verdana-Bold') format('svg');
}

/***********************************************************/

a, a:active, a:focus, a:link, a:visited{
	color: #abe1fa;
}

img{
	padding: 5px;
}

object{
	display: block;
	position: relative;
}
	
.left{
	float: left;
}
.right{
	float: right;
}
.center{
	text-align: center;
}
.gray{
	background-color: #939598;
	color: #fff;
}

.list_button{
	background-color: #a70432;
	background-repeat: no-repeat;
	float: left;
	font-size: 0px;
	height: 8px;
	margin: 4px 6px 0px 0px;
	width: 8px;
}
.selected .list_button,
.over .list_button{
	background-color: #f7941e;
}
.sep{
	border-top: 1px solid #404040;
	margin: 5px 0px 25px 0px;
}

.target{
	display: none;
}


/***********************************************************/

body, html{
	height: 100%;
}
body {
	background-color: #343434;
	color: #fff;
	font-size: 0.70em;
}

a{
	cursor: pointer;
}

#wrapper {
	margin: 0 auto;
	position: relative;
	width: 950px;
	font-size: 1em;
}

/*******************************************************************************************/
/* form elements */

input, select{
	color: #1d1d1d;
	font-size: 1em;
	margin: 1px 0px;
	padding: 1px 0px;
}
.input_text{	
	background-color: #f8f8f8;
	border: 0px solid #ccc;
	color: #1d1d1d;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.1em;
	overflow: hidden;
	/*position: relative;*/
}
span.form_element_wrapper{
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	padding: 1px 5px;
}

/***********************************************************/

	
#header {
	font-size: 1.2em;
	height: 90px;
}
#header a, #header a:active, #header a:focus, #header a:link, #header a:visited{
	color: #fff;
}


#header_logo {
	float: left;
	height: 90px;
	width: 192px;
}
#header_menu {
	float: right;
	margin: 20px -37px 0px 0px;
}
#header_menu ul {
	list-style-type:none;
	float: right;
	margin-top: 25px;
}
#header_menu li {
	float: left;
}
#header_menu a, #header_menu a:active, #header_menu a:focus, #header_menu a:link, #header_menu a:visited{
	padding: 0px 0px 0px 15px;
	position: relative;
	text-decoration: none;
}
#header_menu a:hover, #header_menu a.selected, #header a.over:hover{
	color: #abe1fa;
}
#header .list_button{
	margin-top: 10px;
}


#header .taalkeuze{
	display: inline;
	float:right;
	font-size:10px;
	margin:5px 5px 0px 0px;
}

/***********************************************************/
body{
	padding:0px;
	margin:0px;
	background-color:#3c3c3c;
	background-image:url(../assets/images/background_01.jpg);
	background-repeat:repeat-x;
}

h1{
margin: 0px 0px 0px 0px;
padding: 15px 0px 20px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
text-align:center;
color:#aae0fa;
}

h2{
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#aae0fa;
}

h3{
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 21px;
font-weight:bold;
color:#aae0fa;
}

p{
color:#FFFFFF;
margin: 0px 0px 0px 0px;
padding: 3px 0px 5px 0px;
}

a{
margin: 0px 0px 0px 0px;
padding: 3px 0px 5px 0px;
}

ul{
list-style-type:square;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 3px;
}

#contentProductItem ul{
	padding: 5px 0px 5px 10px;
}
#contentProductItem ul{
	margin: 2px 0px 0px 10px;
}

ul ul{
	list-style-type:circle;
	margin-left: 25px;
}

div{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.style1{
font-family:'VerdanaRegular',Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#aae0fa;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}

/* ----- index ------ */

#container{
height:auto;
width:950px;
margin-left:auto;
margin-right:auto;
}

	

	#logoFitnite{
	float:left;
	}
	
	#menu{
	float:right;
	font-family:'ITCAvantGardeGothicStdMedium',Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:40px;
	margin-right:-60px;
	}
	
	#menu a{
	padding: 5px 20px 5px 20px ;
	color: #FFFFFF;
	text-decoration:none;
	outline:none;
	}
	
	#menu a:hover{
	color:#abe1fa;
	}
	
	#banner{
		height:210px;
		width:950px;
		float:left;
		padding:0px;
		margin:0px;
		
	}


#content{
height:auto;
width:950px;
float:left;
}
	
	.contentRight{
		width:630px;
		height:auto;
		float:left;
		margin: 25px 0px 0px 35px;
	}
	
		.contentRightItem{
			margin-bottom: 10px;
		}
		.contentRightItem h1{
			color:#AAE0FA;
			font-size: 1.4em;
			font-weight:normal;
			margin:0;
			padding: 3px 0px;
			text-align: left;
		}
		.contentRightItem h3{
			color:#AAE0FA;
			font-size: 1em;
			font-weight:bold;
			margin:0;
			padding: 3px 0px;
			text-align: left;
		}

	#contentProduct{
	margin-top:30px;
	height:auto;
	float:left;
	}

		.productBox{
		background-image:url(../assets/images/blok.png);
		background-repeat:no-repeat;
		width:215px;
		height:auto;
		float:left;
		margin-right:10px;
		margin-left:10px;
		color:#FFFFFF;
		}
		
		.productBox_img{
			height: 125px;
			text-align: center;
		}
		
		.productBox p{
			padding: 15px;
		}
		
		.productBox ul{
		list-style-type:square;
		margin-left:15px;
		font-size:10px;
		}
		
		.productBox a{
		color:#aae0fa;
		text-decoration:none;
		font-size:10px;
		}
		
		.productBox a:hover{
		color:#FFFFFF;
		}
		
		#afbLattenbodem{
		margin-top:-17px;
		}

	.horizontalLine{
		height:15px;
		width:950px;
		float:left;
		clear:both;
		margin: 12px 0px;
	}
	
		#content2{
		width:950px;
		height:auto;
		float:left;
		}
	
		.contentActies{
			width:311px;
			height:auto;
			float:left;
		}
		
			.contentActies p{
				margin-left:10px;
			}
			
				#afbFitniteTas{
				float:right;
				margin:60px 5px 0px 0px;
				}
				
				#afbDame{
				float:right;
				margin-top:30px;
				}
				
				.contentActies ul{
					margin-left:26px;
				}
						
				.contentActies a{
					color:#aae0fa;
					text-decoration:none;
				}
		
				.contentActies a:hover{
					color:#FFFFFF;
				}
		
		.verticalLine{
		height:179px;
		width:8px;
		float:left;
		margin-top:30px;
		}
		
	#content3{
	float:left;
	height:auto;
	width:950px;
	}
	
	.contentNieuws{
	width:471px;
	height:auto;
	float:left;
	}
	
	
		.contentNieuws .contentNieuwsItem{
		padding-left:10px;
		}
		
		.contentNieuws ul{
		margin-left:25px;
		}
		
		.contentNieuws a{
		color:#aae0fa;
		text-decoration:none;
		}
		.contentNieuws a:hover{
			color:#FFFFFF;
		}
	
		#afbDesignAward{
		float:right;
		margin: 15px 10px 0px 5px;
		position: relative;
		}
		
		#afbOctaspring{
		float:right;
		margin: 15px 10px 0px 5px;
		}
		
		
	#footer{
		height:auto;
		margin-bottom: 25px;
	}
	
	#copyright{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	float:right;
	margin-top:-5px;
	}
	
	#footer a{
	color:#FFFFFF;
	text-decoration:none;
	}
	#footer a:hover{
		color: #abe1fa;
	}
	
		
		
/* ------- octaspring.php ---------- */
#left{
	width:260px;
	height:auto;
	float:left;
	border-right:#404041;
	border-right-width:thin;
	border-right-style:solid;
	margin-top:30px;
	padding-right: 20px;
}

	.contentLeft{
	width:260px;
	height:auto;
	}
	
		.contentLeft p{
		font-size:10px;
		margin-left:10px;
		}
		
		.contentLeft ul{
		margin-left:15px;
		font-size:10px;
		}
		
		.contentLeft a{
		color:#aae0fa;
		text-decoration:none;
		}		
		
		.contentLeft a:hover{
		color:#FFFFFF;
		}
		
		.contentLeft #afbFitniteTas{
		margin-top:45px;
		}
	
#contentOctaspring{
width:660px;
height:auto;
margin-left:25px;
margin-top:30px;
float:left;
}

	#contentOctaspring #afbOctaspring{
	width:200px;
	height:auto;
	float:right;
	margin-right:10px;
	}	
	
	#contentOctaspring p{
	font-size:12px;
	}
	
	#icoontjes{
	
	}
	
		#icoontjes img{
		margin-right: 15px;
		}
		
		#icoontjes tr{
		vertical-align:middle;
		height:120px;
		
		}
		
		#icoontjes td{
		}
		

/* ------- awards ------ */
#contentAwards{
height:auto;
margin-left:25px;
margin-top:30px;
float:left;
}


#contentAwards img{
	float: right;
	margin: 0px 25px 15px 0px;
}

.award{
width:560px;
height:auto;
float:left;
margin-left:10px;
margin-bottom:20px;
}

.awardAfbeelding{
width:250px;
height:auto;
float:left;
}

	.awardAfbeelding img{
	}

	.uitlegAward{
	width:300px;
	height:auto;
	float:left;
	font-size:12px;
	}


/* -------------- contact ------------ */
label.error {
	color:#aae0fa;
	font-size:10px;
	clear:both;
	display: block;
} 

#contentContact{
	margin: 30px 0px 0px 25px;
	float:left;
	height:auto;
}

	#contactformulier{
		width:400px;
		height:auto;
		float:left;
		font-size:12px;
	}
	
		#contactformulier table{
			width:400px;
			margin-top:30px;
			font-size:12px;
			font-family:'VerdanaRegular',Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			vertical-align:top;
		}
		
			#contactformulier p.verplichtveld{
				padding-right: 27px;
				float: right;
				font-size: 0.8em;
			}
		
			#contactformulier table tr{
				vertical-align:top;
				padding:5px;
			}
			#contactformulier table tr td{
			 	padding-bottom: 10px;
			}
			
			#textCatalogus{
			
			}
			
			tablde td{
			
			}
			
			#tdCheckbox{
			
			}
			
			#catalogus{
			float:left;
			}
			
			#contactformulier .invulveld{
				width:290px;
				background-color:#666666;
				color:#FFFFFF;
				border:none;
			}
				
				.huisnr{
				width:290px;
				float:left;
				background-color:#666666;
				color:#FFFFFF;
				border:none;
				}
				.straat{
				width:290px;
				float:left;
				background-color:#666666;
				color:#FFFFFF;
				border:none;
				}
				.postcode{
				width:290px;
				float:left;
				background-color:#666666;
				color:#FFFFFF;
				border:none;
				}
				.gemeente{
				width:290px;
				float:left;
				background-color:#666666;
				color:#FFFFFF;
				border:none;
				}
			
			.breedtekolom1{
			width:150px;
			}
			
			#verzendFormulier
			{
			float:right;
			background:none;
			border:none;
			cursor:pointer;
			color:#aae0fa;
			font-family:'VerdanaRegular',Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			outline:none;
			}
			
			#bericht{
			height:150px;
			}
			
			#verzendFormulier:hover{
			color:#FFFFFF;
			outline:none;
			}
			
			#contactformulier a{
			color:#aae0fa;
			text-decoration:none;
			float:right;
			}
			
			#contactformulier a:hover{
			color:#FFFFFF;
			}
			
			#contactformulier a#verzendKnop{
				margin-right: 27px;
			}
			
	
	#contactGegevens{
	height:100px;
	float:right;
	font-size:12px;
	}
	
		#contactGegevens p{
		margin-top:20px;
		}		
		
/* ------ producten ------------ */
ul ul{
margin-bottom:5px;
}

/* ------- boxspring --------- */

#contentBoxspring{
width:650px;
height:auto;
float:left;
margin-top:30px;
margin-left:25px;
margin-bottom:30px;
}

	#afbeeldingBoxspring{
	width:400px;
	height:auto;
	margin: 40px auto 20px auto;
	}
	
	.uitlegProduct ul{
	font-size:12px;
	margin-left:20px;
	color:#FFFFFF;
	}
	
	.uitlegProduct p{
	color:#aae0fa;
	margin-bottom:10px;
	}
	
/* ------- nieuws ---------- */

#contentNieuws{
	float:left;
	width:630px;
	margin-top:30px;
	margin-left:25px;
	font-size:12px;
}

#contentNieuws img{
float:right;
}