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

/*----- General -----*/

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

html, body{
	background:url(images/container-bg.jpg) no-repeat center #050e30;
	font-family:Arial;
	text-align:center;
	width:100%;
	position:relative;
	height:100%;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

img {
	border:none;	
}

@font-face {
    font-family: 'TrajanProRegular';
    src: url('fonts/trajanpro-regular-webfont.eot');
    src: url('fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-regular-webfont.woff') format('woff'),
         url('fonts/trajanpro-regular-webfont.ttf') format('truetype'),
         url('fonts/trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

p, h1, h2 {
	margin:0px;
	padding:0px;
	text-align:left;
}

label, em{
font-family:Arial, Helvetica, sans-serif;
font-style: normal;
}

a{
	color:#FFF;
	cursor:pointer;
}

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

#cont {
	position:relative;	
}

#container {
	width:100%;
	height:640px;
	position:relative;
}

#logo {
	margin:0px auto;
	width:485px;
	height:55px;
	background:url(images/Arjav-diamonds.png) no-repeat;
}

	#logo a {
		display:block;
		width:485px;
		height:55px;
	}
	
/*----- Header / Navigation -----*/
	
#header {
	width:100%;
	z-index:10;
	margin-top:30px;
	position:relative;
}

	#header.home {
		background:#000000;	
	}
	
#nav {
	width:100%;
	height:35px;
	background: url(images/nav-bg.png);
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}

	#navigation {
		width:1000px;
		height:35px;
		margin:0px auto;
	}
	
		#navigation ul {
			list-style:none;
			margin:0px;
			padding:0px;
			height:35px;
			width:1000px;
		}
		
		#navigation ul li {
			display:block;
			cursor:pointer;
			float:left;
			text-indent:-9999px;
		}
		
			#navigation ul li a{
				display:block;
				width:100%;
				height:100%;
			}
		
			#navigation ul li.home{
				width:73px;
				height:35px;
				padding:0px;
				margin:0px;
			}
			
			#navigation ul li.home a{
				background:url(images/home-off.png) no-repeat;
			}
			
			#navigation ul li.home a:hover, #navigation ul li.home a.active {
				background: url(images/home-on.png) no-repeat;
			}
			
			#navigation ul li.company{
				width:111px;
				height:35px;
				padding:0px;
				margin:0px;
				margin-left:202px;
				_margin-left:138px;
			}
			
			#navigation ul li.company a{
				background:url(images/company-off.png) no-repeat;
			}
			
			#navigation ul li.company a:hover, #navigation ul li.company a.active {
				background:url(images/company-on.png) no-repeat;
			}
			
			#navigation ul li.activities{
				width:122px;
				height:35px;
				padding:0px;
				margin:0px;
				margin-left:196px;
			}
			
			#navigation ul li.activities a{
				background:url(images/activities-off.png) no-repeat;
			}
			
			#navigation ul li.activities a:hover, #navigation ul li.activities a.active {
				background:url(images/activities-on.png) no-repeat;
			}
			
			#navigation ul li.contact{
				width:137px;
				height:35px;
				padding:0px;
				margin:0px;
				float:right;
			}
			
			#navigation ul li.contact a{
				background:url(images/contact-off.png) no-repeat;
			}
			
			#navigation ul li.contact a:hover, #navigation ul li.contact a.active {
				background:url(images/contact-on.png) no-repeat;
			}

	.polished-header div{
		float:left;
	}
	
	.diamonds{
		display:block;
		width:800px;
		height:56px;
		margin-left:70px;
		margin-bottom:20px;
	}
	
	.diamonds a{
		display:block;
		width:70px;
		height:56px;
		float:left;
		background-image:url(images/polished-diamonds.png);
		background-repeat:no-repeat;
		overflow:hidden;
	}
		
	.diamond1{ background-position:3px 0px;}
	.diamond1:hover{ background-position:3px -56px;}
	
	.diamond2{ background-position:-67px 0px;}
	.diamond2:hover{ background-position:-67px -56px;}
	
	.diamond3{ background-position:-137px 0px;}
	.diamond3:hover{ background-position:-137px -56px;}
	
	.diamond4{ background-position:-210px 0px;}
	.diamond4:hover{ background-position:-210px -56px;}
	
	.diamond5{ background-position:-280px 0px;}
	.diamond5:hover{ background-position:-280px -56px;}
	
	.diamond6{ background-position:-352px 0px;}
	.diamond6:hover{ background-position:-352px -56px;}
	
	.diamond7{ background-position:-428px 0px;}
	.diamond7:hover{ background-position:-428px -56px;}
	
	.diamond8{ background-position:-505px 0px;}
	.diamond8:hover{ background-position:-505px -56px;}
	
	.diamond9{ background-position:-580px 0px;}
	.diamond9:hover{ background-position:-580px -56px;}
	
	.diamond10{ background-position:-655px 0px;}
	.diamond10:hover{ background-position:-655px -56px;}
	
	.diamond11{ background-position:-735px 0px;}
	.diamond11:hover{ background-position:-735px -56px;}
	
			
	.about{
		padding-top:70px;
	}
			
/*----- Content -----*/


.boxes {
	width:1024px;
	height:280px;
	margin:0px auto;
	margin-top:20px;
	position:relative;
	background:url(images/content-company.png) no-repeat;	
}

	.boxes-home{
		width:1024px;
		height:280px;
		margin:0px auto;
		margin-top:20px;
		position:relative;
		background:url(images/content-home.png) no-repeat;	
	}
	
	div.itemimg{
		position:relative;
		height:240px;
		margin-top:0px;
		background:#000;
	}
	
	.cnt {
		height:240px;
		float:left;		
		position:relative;
	}
	
		.cnt.homepage {
			margin-right:20px;
			width:288px;
			padding-left:20px;
			padding-right:20px;
			padding-top:20px;
			padding-bottom:20px;
		}
		
		.cnt.homepage.right {
			margin-right:0px;
		}
		
		.cnt.company {
			margin-right:21px;
			width:201px;
			padding-left:20px;
			padding-right:20px;
			padding-top:20px;
			padding-bottom:20px;	
		}
		
		.cnt.company.right {
			float:right;
			margin-right:0px;
			position:absolute;
			right:0px;
		}
		
		.cms{
			background:#355180;
			padding-left:20px;
			width:1024px;
			height:200px;
			margin:20px auto;
		}
			
			.cms label{
				color:#FFF;
				font-size:12px;
			}
			
			.cms input{
				border:1px solid #FFF;
				width:200px;
			}
			
			.cms input.verzendbutton{
				border:1px solid #FFF;
				width:80px;
				padding:2px;
			}
			
			.cms .cnt h1 {
				font-size:30px;
				line-height:30px;
				margin:20px 0px;
				padding:0px;
			}
			
			.cmsimage{
				position:absolute;
				left:50%;
				top:0px;
				margin-left:-840px;
				width:1680px;
			}
			
			.cmsheader{
				width:100%;
				height:240px;
				margin-top:30px;
				position:relative;
				background:#000000;	
				overflow:hidden;
			}
		
		.cnt h1 {
			color:#FFFFFF;
			font-family: 'TrajanProRegular';
			font-size:16px;
			line-height:16px;
			font-weight:lighter;
			text-transform:uppercase;
			padding-bottom:12px;
            
            height:38px;
		}
		
		.cnt h1.company {
			padding-bottom:28px;	
		}
		
		.cnt h1.company.twoline {
			padding-bottom:12px;	
		}
		
		.cnt p {
			font-size:11px;
			color:#FFF;
			line-height:16px;
		}
		
		a.readmore {
			position:absolute;
			bottom:20px;
			right:20px;
			font-size:11px;
			text-decoration:none;
			color:#7b90ab;
		}
		
		a:hover.readmore {
			color:#FFFFFF;	
		}
		
		.newsheader {
			width:201px;
		}
		
			.newsheader-title {
				float:left;
				width:140px;
			}
			
				.cnt .newsheader .newsheader-title h2 {
					font-size:12px;
					color:#FFF;
					text-align:left;
				}
			
			.newsheader-date {
				float:right;
				width:50px;
			}
			
				.cnt .newsheader .newsheader-date h2 {
					font-size:12px;
					color:#FFF;
					text-align:right;
				}
				
			.clear {
				clear:both;
				height:10px;
			}
            
#nieuws a, #views a, #media a {
}

#nieuws a:hover, #views a:hover, #media a:hover {
	color:#7B90AB;

}
#nieuws p, #views p, #media p {
	width:100%;
    margin-bottom:1em;
    padding-bottom:0px;
    
    height:54px;
}

.nieuws_readmore, .views_readmore, .media_readmore {
    font-size:11px;
    
    text-align:right;
    margin:0px;
    padding:0px;
}
.nieuws_readmore a, .views_readmore a, .media_readmore a{
	color: #7b90ab;
}

.nieuws_readmore a:hover, .views_readmore a:hover, .media_readmore a:hover {
	color: #ffffff;
    text-decoration:none;
}
            
   
			
/*----- Footer -----*/

#wrap {
	/*min-height:100%;
	height:auto !important;
	height:100%;
	width:100%;
	position:relative;*/
}

#main {
	overflow:auto;
	position:relative;
	width:100%;
}

#footer {
	height:63px;
	width:100%;
	position:relative;
	clear:both;
}

	#foot {
		width:1024px;
		margin:0px auto;
		position:relative;
		padding-top:10px;
	}

	#footer ul {
		margin:0px auto;
		list-style:none;
		padding:0px;
	}
	
		#footer ul li {
			display:inline;
			font-size:11px;
			color:#bfc7d4;
			font-family: 'TrajanProRegular';
			text-transform:uppercase;
			padding-top:12px;
			margin-left:7px;
			margin-right:7px;
			font-weight:bold;
		}
		
			#footer ul li.arjav {
				color:#FFF;	
			}
	
	#dtc {
		position: absolute;
		right: 0px;
		height: 13px;
		background: url(images/dtc.png) right top no-repeat;
		padding-top: 40px;
		color: white;
		font-size: 8px;
	}
	
		
/* IFRAME */


#fancybox-outer {
	background:none;
}

body.iframe{
	color:#FFF;
	width:900px;
	height:510px;
	overflow:hidden;
}

body.iframe h1{
	font-family:'TrajanProRegular';
	font-size:18px;
	line-height:50px;
	font-weight:normal;
}

#accordion h2{
	cursor:pointer;
	color:#4375CC;
	text-decoration:underline;
}
	
#accordion p{
	display:none;
}
	
div.iframe_left{
	float:left;
	width:400px;
}

.vision{
	background:url(images/star.png) left bottom no-repeat;
}

	div.chapter{
		height:50px;
		width:400px;
	}
	
		div.chapter h1{
			text-align:right;
			margin-right:20px;
			color:#858384;
		}
	
	div.images{
		text-align:center;
	}
	
		div.images .upload{
			width:300px;
			height:198px;
			margin-left:50px;
			margin-bottom:30px;
			margin-right:50px;
		}

		div.images .nieuws_img{
			width:300px;
			height:210px;
			margin-left:50px;
			margin-right:50px;
		}
		div.images .nieuws_img img {
        	border:1px solid #fff;
            cursor:pointer;
		}
	
    	div.nieuws_big_img {
        	position:absolute;
            top:50px;
            left:50px;
            width:100%;
            max-width:765px;
			max-height:432px;
			overflow:hidden;

            text-align:center;
            
            visibility:hidden;
        }
        div.nieuws_big_img .bigimg_txt {
        	position:absolute;
            
            bottom:10px;
            width:100%;
            text-align:center;
            color:#fff;
            font-size:20px;

            z-index:99;
			text-shadow: 0.05em 0.05em 0.1em #000;
        }
		    
		div.nieuws_big_img img{
			border:1px solid #FFF;
		}
    
		div.images img{
			width:100%;
		}
		
		#image2, #image3{
			overflow:hidden;
		}
		

div.iframe_right{
	float:left;
	width:500px;
}

div.nieuws_iframe_right {
	float:left;
	width:450px;
}

div.center {
	height:auto !important;
	width:900px !important;
}

	div.subtitle{
		height:50px;
		width:500px;
	}
	
		div.subtitle h1{
			text-align:left;
		}

	div.content{
		width:450px;
		height:430px;
		overflow:hidden;
		float:left;
		position:relative;
	}

	div.nieuws_content{
		width:800px;
		height:430px;
		overflow:hidden;
		position:relative;
	}
    
    .newsitems {
    	position:relative;
    }

	
	.polished{
		height:360px !important;
	}
		
    div.content h2, div.nieuws_content h2 {
        font-size:14px;
        font-weight:bold;
    }
    
    
    div.content p, div.nieuws_content p, div.nieuws_content a, div.nieuws_content td {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height:20px;
    }
	
    .nieuwsitem {
    	position:relative;        
        margin-bottom: 6px;
        __overflow:hidden;
    }
   	.nieuwsitem,.nieuwsitem table {
        height:212px;
    }
    
    .nieuwsitem a.pdf {
		text-decoration:none;
    }
        
	div.scrollbar {
		position:relative;
		float:left;
		width:4px;

		height:430px;
		margin:0px 13px;
		background:#5B5C5E;
    }

	div.nieuws_scrollbar {
    	position:relative;
		float:left;
		width:4px;

    	height:180px;
		margin:0px 0px 0px 9px;
        background:#052465;
    }
 
	div.views_scrollbar {
    	position:relative;
		float:left;
		width:4px;

    	height:180px;
		margin:0px 0px 0px 9px;
        background:#052465;
    }
    
    div.media_scrollbar {
    	position:relative;
		float:left;
		width:4px;

    	height:180px;
		margin:0px 0px 0px 9px;
        background:#052465;
    }
		
	
	.polishedscroll{
		height:360px !important;
	}
	
    a.scroller{
        position:absolute;
        display:block;
        left:0px;
        top:0px;
        height:26px;
        width:4px;
        background:#FFF;
    }

    a.nieuws_scroller, a.views_scroller, a.media_scroller {
        position:absolute;
        display:block;
        left:0px;
        top:0px;
        height:26px;
        width:4px;
        background:#FFF;
    }



/* MINI SCROLLBAR IN NIEUWS EN MEDIA BLOKJES */

.scrollblok {
    position:relative;
    width:203px;

    color:#fff;
    text-align:left;
    font-size:11px;
}

.nieuws_scrollblok {
    position:relative;
    float:left;

    width:190px;
    height:180px;
    overflow:hidden;
}

.views_scrollblok {
    position:relative;
    float:left;

    width:190px;
    height:180px;
    overflow:hidden;

}
.media_scrollblok {
    position:relative;
    float:left;

    width:190px;
    height:180px;
    overflow:hidden;
}

        

.fileupload{
	width:0px;
	height:0px;
	border: 0;
	background: none;
}

#new{
	display:none;
}

div.editable{

	line-height:16px;
}

	div.editable button, .opslaan{
		margin:10px;
		padding:2px;
		margin-left:10px;
	}

div.scrollpanel, div.nieuws_scrollpanel, div.views_scrollpanel, div.media_scrollpanel {
	position:absolute;
	top:0px;
	left:0px;
    width:100%;
}


.nieuws_content .scrollpanel {
	position:absolute;
	top:100px;
	left:0px;
    width:100%;
}


div.editable h2{
	padding-bottom:10px;
}

div.editable p{
	padding-bottom:20px;
}

div.scrollable{
	position:relative;
	width:100%;
	height:550px;
	overflow:hidden;
	z-index:5;
}

	div.items{
		position:absolute;
		left:0px;
		width:300%;
		height:auto;
	}
	
		div.item{
			float:left;
			width:33.33333%;
			height:550px;
			text-align:center;
			position:relative;
			overflow:hidden;
		}
	
		div.item img{
			position:absolute;
			left:50%;
			bottom:0px;
			overflow:hidden;
			width:1680px;
			margin-left:-840px;
			margin-top:0px;
		}

.accitem{
	margin-bottom:20px;
}
		
.accitem ul{
	margin-left:20px;
}

.accitem li{
	font-size:12px;
}

p#fancies{
	display:block;
}

		
/****************** FORMULIER *****************/

#formulier{
	padding-top:50px;
}

		.formfield{
			padding:5px 2px;
			text-align:left;
			
		}
		
			.formfield *{
				display:-moz-inline-stack;
				display:inline-block;
				zoom:1;
				*display:inline;
			}
		
			.formfield p{
				display:block;
			}
			
			.formfield label{				
				width:110px;
				vertical-align: top;
				font-size:12px;
			}
			
			.formfield input, .formfield select, .formfield textarea{				
				width:300px;
				border:1px solid #333;
				background:none;
				height:20px;
			}
			.formfield input, .formfield textarea{				
				background:#FFF;
			}
			
			.formfield textarea{
				height:100px;
				font-family:Arial;
			}
			
			.formfield .red, .formfield .remaining .characters{
				color:#F00;
				font-size:11px;
			}
			
			.formfield .remaining{
				margin-left:110px;
				font-size:75%;
			}
			
			.formfield .radios{
				border:1px solid #FFF;
			}
			
			.formfield .radiofield{
				display:block;
				width:200px;
			}
						
			.formfield .checkboxes{
				padding:10px;
				width:380px;
				border:1px solid #FFF;
			}

				.formfield .radiofield .radio, .formfield .radiofield .radiolabel{
					width:auto;
					border:none;
				}
				
			.formfield .checkboxes .checkbox{
				width:13px;
				margin-right:10px;
			}
			
			.formfield .checkboxes .checkboxlabel{
				width:357px;
			}

			.formfield .verzendbutton{
				margin-left:110px;
				width:100px;
				background:#355180;
				color:#FFF;
				cursor:pointer;
				border:none;
			}
						
			.formfield .notvalid{
				border:1px solid #F00 !important;
			}

.adress{
	float:left;
	width:100%;
	padding-left:120px;	
	padding-top:50px;
}

.adress p{
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	width:250px;
	font-size:13px;
	line-height:15px;
}

#firstp {
	font-family:Arial, Helvetica, sans-serif;
}

#video{
	margin:10px;
}

div#fancybox-content, #fancybox-overlay{
	background:url(images/pixel.png);
}



 

.clearfloats {
	clear:both;
    padding:0px;
    margin:0px;
}
.floatleft {
	position:relative;
    display:inline;
    float:left;
}