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

}


body {
	height:100%;
	width:100%;
	overflow:hidden;
	font-family:'OptimaLTStdRoman';
}


a:link {color:#606060; text-decoration:none; font-size:12px;}      /* unvisited link */
a:visited {color:#606060;text-decoration:none; font-size:12px;}  /* visited link */
a:hover {color:#000;text-decoration:none; font-size:12px;}  /* mouse over link */
a:active {color:#606060;text-decoration:none; font-size:12px;}  /* selected link */

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	overflow:hidden;
}

	#mask {
		width:500%;
		height:100%;
	}

	.item {
		width:20%;
		height:100%;
		float:left;
	}
	
		.itemx {
		width:100%;
		height:100%;
		float:left;
	}
	
	
	.content {
		width:400px;
		height:300px;
		top:20%;
		margin:0 auto;
		background-color:#aaa;
		position:relative;
	}
	

	
	#header{
		
		position:fixed;
		top:0;
		width:100%;
		height:65px;
		background-image: url(img/headerbg.png);	
		background-repeat:repeat;
		z-index:999;
-moz-box-shadow: -5px 5px 15px rgba(0,0,0,0.5);
-webkit-box-shadow: -5px 5px 15px rgba(0,0,0,0.5);
box-shadow: -5px 5px 15px rgba(0,0,0,0.5);
	
	}
	
	
	.navigation{
		position:fixed;
		left:5px;
		top:45px;
	}
	
	#social{
	position:fixed;
	right:5px;
	top:43px;
}


.logotop{
	position:fixed;
	top:0;
}
	
	
					.contentprofile {
		width:100%;
		height:100%;

	}
	
							.contentcontact {
		width:100%;
		height:100%;
		margin:0 auto;
		background: url(img/bgprofile.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;		
		position:relative;
	}
						.contentblog {
		width:100%;
		height:100%;
		margin:0 auto;
		background: url(img/bgprofile.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;		
		position:relative;
	}
	
	
	
	/*colums*/
	.colFull{width:300px; padding:10px; height:auto; float:left;}
	.colFull2{width:350px; padding:10px; height:auto; float:left; padding-left:250px; position:absolute; padding-top:100px; background: rgba(255, 255, 255, 0.5) ;}
	.colFull3{position:fixed;width:650px; padding:10px; height:auto; float:left; left:300px}
	.colHalf{width:240px; padding:10px; height:auto;  padding-left:20px;}
	.colThird{width:140px; padding:10px; height:auto; float:left;padding-left:20px;}
			.colList{width:450px; padding:10px; height:auto; float:left;}
			
			.profiletext{
				font-size:13px;
				line-height:20px;
				text-align:justify;
				letter-spacing:1px;
				text-transform:uppercase;


			}
			
					.contacttext{
				font-size:13px;
				line-height:30px;


			}
			
			::-webkit-scrollbar-thumb:vertical {background-color:#333333}; height:auto;}

::-webkit-scrollbar-thumb:horizontal {background-color:#333333;height:100px !important;}

::-webkit-scrollbar {height:7px; width:17px; background-color:#ffffff;}




#card{
	position:fixed;
	right:20px;
	z-index:9999;
	bottom:20px;
}

p{line-height:20px;

}
			
			
			
	.meer{
	margin:0 auto;
	text-align:center;
	float:left;
	}
	
	.introopen{
				width:100%;
		height:100%;
		margin:0 auto;
				background: url(bg/1.gif) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;		
		position:fixed;
		
	}
	
	
	IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
	
	
	.meerkat{
		   width:100%;
   height:100%;
		   background:url(1.gif) center center no-repeat;
		   
	}
	
	
	#wrapper td {
   vertical-align: middle;
   text-align: center;
}

	#texter td {
		width:350px;
   vertical-align: middle;
   text-align: center;
   padding:10px; height:auto; float:left; padding-left:250px;
   position:absolute;
   background:#FFF;
}


	#myoutercontainer { position:relative }
	#myinnercontainer { position:absolute; top:50%; height:10em; margin-top:-5em;  width:350px;}