/* ========================================	*/
/* 				Intorno.nl		  			*/
/*       	Ontwikkeling door				*/
/*	   Keloid Media - www.keloidmedia.nl	*/
/* ========================================	*/


/* @group Default HTML */

a{
	color: 						#000;
	border: 					none;
	text-decoration: 			underline;
}
a:hover{
	color: 						#000;
}

body{
	font-family: 				Verdana, Arial, Sans-serif;
	font-size: 					12px;
	margin: 					0;
	padding: 					0;
}

h1{
	font-size: 					15px;
	margin: 					0px;
	padding: 					0px;
}
h2, h3{
	font-size: 					12px;
	margin: 					0px;
	padding: 					0px;
}
img{
	border: 					none;
}

ul{
	margin:						0px;
	list-style-type: 			none;
	padding: 					0px;
}
li{
	padding-bottom: 			0px;
}

/* @end */

/* @group Custom classes */


#block_background_image{
	height: 					560px;
	position: 					absolute;
	width: 						1000px;
	overflow: 					hidden;
	z-index: 					10;
}
#block_background_image #background_img1{
	z-index: 					5;
	position: 					absolute;
}
#block_background_image #background_img2{
	z-index: 					6;
	position: 					absolute;
}
#col2_element1,
#col2_element2{
	background-color: 			#FFF;
	height: 					400px;
	width: 						400px;
}
#col2_element1{
	z-index: 					5;
	position: 					absolute;
}
#col2_element2{
	z-index: 					6;
	position: 					absolute;
}
#block_background_image h2{
	display: 					none;
}


#block_container{
	margin: 					0px auto;
	width: 						1000px;
}

#block_content{
	background-color: 			#fff;
	float: 						left;
	position: 					absolute;
	top: 						120px;
	height: 					440px;
	width: 						650px;
	overflow: 					visible;
	z-index: 					20;
}
#block_content .column1{
	float: 						left;
	padding: 					65px 5px 5px 5px;
	position: 					relative;
	width: 						190px;
}
#block_content .column1 h2.title{
	font-size: 					12px;
	margin: 					0px;
}
#block_content .column1 p{
	margin: 					0px 0px 20px 0px;
	padding: 					0px;
}
#block_content .column1 .article{
	margin-bottom: 				10px;
}
#block_content .column1 ul{
	padding-bottom: 			15px;
}
#block_content .column1 ul ul{
	margin-left: 				15px;
}
#block_content .column1 .col1_information{
	min-height: 				180px;
	border-bottom: 				1px solid #d1d2d3;
}




/* navigation_sub is onderdeel van column1 */
#block_content .navigation_sub{
	float: 						left;
	padding: 					15px 0px 0px 0px;
	position: 					relative;
	width: 						100%;
}
#block_content .navigation_sub h2.title{
	font-size: 					12px;
	margin: 					0px;
}
#block_content .navigation_sub ul{
	padding-bottom: 			15px;
}
#block_content .navigation_sub ul .nav_item_active a{
	font-weight: 				bold;
}

#block_content .navigation_sub ul ul{
	margin-left: 				15px;
}






#block_content .column2{
	float: 						left;
	padding: 					65px 25px 5px 25px;
	position: 					relative;
	width: 						400px;
}
#block_content .column2 h2.title{
	font-size: 					12px;
	margin: 					0px;
}
#block_content .column2 p{
	margin: 					0px;
	padding: 					0px;
}
#block_content .column2 .article{
	margin-bottom: 				25px;
	padding-bottom: 			25px;
	border-bottom: 				1px solid #d1d2d3;
}


#block_logo{
	height: 					270px;
	left: 						860px;
	position: 					relative;
	top: 						30px;
	width: 						140px;
	z-index: 					15;
}
#block_logo img{
	behavior: 					url('template/intorno/css/iepngfix.htc');
	border: 					none;
}


.clear{
	clear: 						both;
	height: 					1px;
	width: 						100%;
}

.image_holder{
	margin-top: 				0px;
	padding: 					0px;
	display: 					inline;
}
.image_holder .align_left,
.image_holder .align_right{
	margin: 					0px;
	padding: 					0px 0px 25px 0px;
	position: 					relative;
}

.image_holder .align_left img{
	float: 						left;
	margin-right: 				0px;
}
.image_holder .align_left p{
	float: 						none;
	margin: 					0px;
}
.image_holder .align_right img{
	float: 						right;
	margin-left: 				10px;
}
.image_holder .align_right p{
	float: 						none;
	margin: 					0px;
}
.image_holder .align_middle{
	display: 					block;
	text-align: 				center;
	width: 						100%;
}
.image_holder .align_middle h2,
.image_holder .align_middle p{
	margin: 					0px;
	text-align: 				left;
}

#navigation_main{
	background-color: 			#041231;
	height: 					30px;
	padding: 					10px 0px 0px 5px;

}
#navigation_main ul{
	margin-left: 				0px;
	margin-top: 				0px;
	padding: 					0px;
}
#navigation_main ul li{
	float: 						left;
	display: 					inline;
	margin: 					0px;
	padding: 					0px;
	position: 					relative;
}
#navigation_main ul li a{
	behavior: 					url('template/intorno/css/iepngfix.htc');
	display: 					block;
	float: 						left;
	height: 					22px;
	padding: 					3px 6px 2px 0px;
	position: 					relative;
	width: 						92px;
}
#navigation_main ul li a:hover{
	text-decoration: 			none;
}
#navigation_main #nav_depth_0_li_0 a{
	background: 				url('../images/nav_home_wit.png') no-repeat;
	margin-left: 				5px;
	margin-right: 				9px;
	width: 						12px;
}
#navigation_main #nav_depth_0_li_1 a{
	background: 				url('../images/nav_intorno_wit.png') no-repeat;
}
#navigation_main #nav_depth_0_li_2 a{
	background: 				url('../images/nav_opera_wit.png') no-repeat;
}
#navigation_main #nav_depth_0_li_3 a{
	background: 				url('../images/nav_kooters_wit.png') no-repeat;
}

#navigation_main #nav_depth_0_li_4 a{
	background: 				url('../images/nav_samen_wit.png') no-repeat;
}
#navigation_main #nav_depth_0_li_5 a{
	background: 				url('../images/nav_fighter_wit.png') no-repeat;
}
#navigation_main #nav_depth_0_li_6 a{
	background: 				url('../images/nav_contact_wit.png') no-repeat;
}

#side_img1{
	z-index: 					5;
	position: 					absolute;
}
#side_img2{
	z-index: 					6;
	position: 					absolute;
}

/* @end */






/* @group Reserveringsformulier */



.contact_form{
	padding-bottom: 			30px;
}
.contact_form .feedme{
	height: 				1px;
	visibility: 			hidden;
}
.contact_form form input,
.contact_form form select,
.contact_form form textarea{
	border: 				1px solid #ccc;
	font-size: 				12px;
	height: 				20px;
	padding: 				3px 2px 0px 5px;
	width: 					220px;
}
.contact_form form select{
	width: 					auto;
}
.contact_form form textarea{
	height: 				auto;
}
.contact_form .txt_small{
	font-size: 				11px;
	font-style: 			italic;
}
.contact_form table{
	float: 					left;
	font-size: 				13px;
	position: 				relative;
}
.contact_form table td{
	vertical-align: 		top;
}
.contact_form form .notification{
	color: 					#FF0000;
	font-size: 				12px;
}
.contact_form form .radio{
	height: 				20px;
	width: 					25px;
}
.contact_form form .submit{
	background-color: 		#999;
	border: 				0px solid #000;
	color: 					#000;
	cursor: 				pointer;
	display: 				block;
	font-size: 				12px;
	height: 				20px;
	margin-top: 			10px;
	padding: 				3px 0px 3px 0px;
	text-align: 			center;
	text-decoration: 		none;
	width: 					227px;
}
.contact_form form .submit:hover{
	background-color: 		#ccc;
	color: 					#000;
}


/* @end */