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


* {
    margin: 0;
    padding: 0;
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}

a {
	color: #ffffff;
}

/* ==== 100% background css ====*/

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}


/* ==== content css ==== */

#cont {
	position:relative;
	top:0px;
	left:0;
	z-index:70;
	overflow:auto;
	margin-right: auto;
	margin-left: auto;
	right: 0px;
	bottom: 0px;
	display: block;
	height: 100%;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.box {
	width: 100%;
	position: relative;
	height: 100%;
	margin-top: 0;
	
}

#container   {
	padding: 0px;
	height: 100%;
	width: 700px;
	position: relative;
	left: auto;
	top: 0px;
	right: auto;
	bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}

#cont .box #container #cnc_logo {
	background-image: url(../images/cnc_logo.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 35px;
	margin-left:10px;
}

#content {
	position: absolute;
	top: 115px;
	width: 800px;
}

#kader_1 {
	float: left;
	height:1px;
	margin-right:10px;
	background-color:#2f3757;
	/* for IE */
  filter:alpha(opacity=40);
	/* CSS3 standard */
  opacity:0.4;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#tekst_content {
	z-index: 2;
	position: absolute;
	top: 5px;
	padding: 10px;
	width: 258px;
}

#tekst_content h1 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #ff9900;
	text-decoration: none;
}

#tekst_content h2 {
	font-family: "Trebuchet MS";
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #ff9900;
	text-decoration: none;
	padding-top: 5px;
}

#tekst_content p {
	font-family: "Trebuchet MS";
	font-size: 11px;
	line-height: 17px;
	color: #999999;
	text-decoration: none;
}
#kader_2 {
	float: left;
	height:1px;
	margin-right:10px;
	background-color:#34F4GH;
	/* for IE */
  filter:alpha(opacity=100);
	/* CSS3 standard */
  opacity:1;
}

#portfolio {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 341px;
	width: 278px;
	position: absolute;
	z-index: 1;
	left: 293px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
}

#twitter_ruimte {
	float: left;
	height: 315px;
	width: 185px;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF9900;
	overflow: hidden;
}

#twitter {
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 16px;
	color: #999999;
	text-decoration: none;
	padding-bottom: 10px;
	list-style-type: none;
}

#foto_credits {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #575d6c;
	text-decoration: none;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#foto_credits a:link, #foto_credits a:visited, #foto_credits a:active {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #575d6c;
	text-decoration: none;
}

#foto_credits a:hover{
	color: #fff;
	text-decoration: none;
}

ul#twit-twit li {
	border-bottom: 1px solid #FF9900;
	list-style-type: none;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 5px;
}

#adresgegevens {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #575d6c;
	text-decoration: none;
	position: absolute;
	left: -320px;
	top: 307px;
	/* for firefox, safari, chrome, etc. */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	/* for ie */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#adresgegevens a:link, #adresgegevens a:visited, #adresgegevens a:active {
	color: #575d6c;
	text-decoration: none;
}

#adresgegevens a:hover {
	color: #fff;
	text-decoration: none;

}

#navigatie {
	width: 232px;
	position: absolute;
	top: 440px;
	margin-left: 15px;
}

#reflection_menu {
	width: 232px;
	position: absolute;
	top: 570px;
	margin-left: 15px;
}

#logo {
	position: absolute;
	top: 473px;
	left: 650px;
}

#reflection_schild {
	position: absolute;
	top: 573px;
	left: 650px;
}

/* Twitter logo */

.twitter_logo {
	padding-bottom: 15px;
}

.twitter_link a:link, .twitter_link a:active, .twitter_link a:visited {
	color: #575d6c;
	text-decoration: none;
}

.twitter_link a:link, .twitter_link a:hover {
	color: #fff;
	text-decoration: none;
}
#social_icons {
	position: absolute;
	height: 16px;
	width: 400px;
	left: 10px;
	bottom: 10px;
	display: block;
}

.mobielnummer {
	color: #ffffff;
	text-decoration: none;
}