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

body{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-zise:12px; line-height:20px; color:#414141; background-color: #ff6600; }

img{border:none;}

@font-face { font-family: 'MyriadProBold'; src: url('myriadpro-bold-webfont.eot'); src: url('myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('myriadpro-bold-webfont.woff') format('woff'), url('myriadpro-bold-webfont.ttf') format('truetype'), url('myriadpro-bold-webfont.svg#MyriadProBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ITCCerigoStdMedium'; src: url('cerigostd-medium-webfont.eot'); src: url('cerigostd-medium-webfont.eot?#iefix') format('embedded-opentype'), url('cerigostd-medium-webfont.woff') format('woff'), url('cerigostd-medium-webfont.ttf') format('truetype'), url('cerigostd-medium-webfont.svg#ITCCerigoStdMedium') format('svg'); font-weight: normal; font-style: normal; }

#wrapper{ width:100%; height:100%; background:#FFF; }

	#header_container{ width:100%; height:120px; background:#ff6600; }
		#header{ margin:0 auto; width:970px; height:120px; background:url(images/header-bg.jpg) no-repeat; }
			#logo{ margin:0 auto; width:327px; height:120px; background:url(images/logo.gif) no-repeat; }
	#footer_container{ width:100%; height:75px; background:#ff6600;}
		#footer{ margin:0 auto; width:564px; height:75px; background:url(images/footer-bg.jpg); }


/*ul, li, h4, h3, h2, h1, p { font-size:12px; padding:0; margin:0; list-style:none; }*/
ul{margin:0; padding:0; list-style:none;}
li{margin:0; padding:0; list-style:none;}
h1, h2, h4{ color:#ff6600; font-family:'ITCCerigoStdMedium', Arial, Helvetica, sans-serif; margin:0; padding:0;}

#screen_container{width:100%; background:#fff;}
#screen{ height:480px; width:702px; position:relative; margin-top:10px; margin-bottom:15px; margin-left:auto; margin-right:auto; }	
	#navigation{ float:left; width:710px; text-align:center; }
	#navigation li{ float:left; margin:0 16px 0 0; padding:5px; }
	#navigation a{ padding:8px 0; font-family:'MyriadProBold', arial; color:#000; font-size:12px; text-transform:uppercase; text-decoration:none; }
	#navigation a:active{ outline:none; }
	#navigation a:focus{ outline:none; }
	.selection{ background:url(images/selected.gif) no-repeat bottom center; }
	#navigation a:hover{ font-family:'MyriadProBold', arial; color:#666; font-size:12px; text-transform:uppercase; text-decoration:none; }
		#social_media_icons{ float:right; }
		.social_media{float:right; margin:0 0 0 5px;}
		


#sections{ overflow:hidden; background-color:white; width:700px; height:440px; clear:left; border:1px solid #9e9e9e; }
	#sections ul{ width:1700px; }
	#sections li{ float:left; padding:20px 30px; }
	#sections li.fallen{ margin-top:369px; }
	#sections p{ font-size:12px;}
		#sections p.width{ width:480px; margin-left:80px; }
		#sections p.faq{ width:650px; margin-left:5px; }
	#sections td{ font-size:12px; width:150px; }
	#sections h2{ color:#ff6600; font-size:16px; margin:5px 0 5px 80px; }
	#sections h3{ font-family:Arial, Helvetica, sans-serif; color:#414141; font-size:13px; margin:0; }
	#sections a{ color:#ff6600; font-weight:bolder; text-decoration:none; }
	#sections a:hover{ color:#ff6600; font-weight:bolder; text-decoration:none; }
	.kolomlinks{ float:left; margin:0 0 0 0px; width:310px; }
	.kolomrechts{ float:left; margin:0 0 0 30px; width:310px; }
	#productenrow{ clear:both; }
		.kolom_links_producten{ float:left; margin:0 0 0 80px; width:260px; }
		.kolom_rechts_producten{ float:left; width:260px; margin:0 0 0 20px; }
			
#portal{ clear:both; width:640px; height:95px; }
.portal_img{ float:left; width:150px; margin:0 0 0 13px; }
.clear{ clear:both; width:0; height:0; }
.align_right{ float:right; }