@charset "UTF-8";

/* Set's the height for every html and body tag to 100% and makes the standard margin and padding zero.*/
html,body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 11px;
}
h1 {
	font-size: 24px;
	}
p {
	margin-top: 0px;
	margin-bottom: 1em;
}

a:link {
	color: white;
	text-decoration: none;
}

a:visited {
	color: white;
	text-decoration: none;
}

a:hover {
	color: white;
	text-decoration: none;
}

a:active {
	color: white;
	text-decoration: none;
}

#main {
	
}

/* Background CSS. Because it needs to be stretched it is rendered as an <img> in the xhtml code and we create
*  and we create the properties here. Position fixed at top and left 0. width and height at 100%.
*  Note: This can also be done in CSS3 with the background-size = 100%. Because of incompatability with a lot of browsers 
*  this way is chosen.
*/
img#bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Set's the content relative and the index to 1. Takes care of putting the content ABOVE the background.*/
#content {
	margin-top: 10px;
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	width: 924px;
	height: 100%;
	margin-bottom: 15px;
}

#maincolumn {
	position: relative;
	width: 694px;
	padding: 0px;
	margin: 0px;
	height: 100%;
	z-index: 1;
	padding: 0px;
	
}

#rightcolumn {
	position: absolute;
	width: 198px;
	top: 0px;
	right: 0px;
	padding: 0px;
	z-index: 1;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 225px;
}

/*header with menu*/
#head {
	width: 100%;
	height: 200px;
	overflow: hidden;
	margin-bottom: -90px;
}

#lefthead {
	width: 259px;
	height: 100px;
	background-image: url('../images/main/logo.png');
	margin-top: 8px;
	float: left;
}

#righthead {
	width: 435px;
	height: 100px;
	float: right;
}

#rightoverhead {
	width: 217px;
	height: 100px;
	margin-left: 268px;
	padding-top: 100px;
}

/*header with menu - Specific items */
#menu {
	margin-left: 6px;
	width: 284px;
	height: 200px;
	float: left;
}

#menu1 {
	width: 135px;
	height: 100px;
	margin-right: 5px;
	margin-left: 3px;
	float: left;
}

#menu2 {
	margin-left: 0px;
	width: 135px;
	height: 100px;
	margin-right: 4px;
	float: right;
}

.menu1insideover {
	background-color: #199bd3;
	padding-left: 6px;
	padding-right: 10px;
	color: white;
}

.menutext {
	text-align: center;
	margin-left: -20px;
	padding: 0px;
}

#aboutbright {
	color: #231f20;
	}
#card {
	position: relative;
	width: 135px;
	height: 104px;
	margin-left: 293px;
	font-weight: bold;
	color: white;
}

/*menu1 details*/
.menu1inside {
	background-color: #199bd3;
	padding-left: 28px;
	padding-right: 10px;
	font-weight: bold;
	color: white;
}

#overmenu1 {
	margin-top: 8px;
	width: 135px;
	height: 100px;
	margin-right: 6px;
	float: left;
	position: relative;
	z-index: 1;
	visibility: hidden;
}

.menu1insideover {
	background-color: #199bd3;
	padding-left: 6px;
	padding-right: 10px;
	color: white;
}

/*menu2 details*/
.menu2inside {
	background-color: #231f20;
	padding-left: 28px;
	padding-right: 10px;
	font-weight: bold;
	color: white;
}

#overmenu2 {
	margin-top: 8px;
	width: 135px;
	height: 100px;
	margin-right: -59px;
	float: right;
	position: relative;
	z-index: 1;
	visibility: hidden;
}

.menu2insideover {
	background-color: #231f20;
	padding-left: 6px;
	padding-right: 10px;
	color: white;
}

/*center details*/
#centercontent {
	width: 100%;
	height: 100%;
	margin-top: 5px;
}

#center-left {
	width: 259px;
	height: 100%;
	float: left;
	margin-right: 10px;
}

#center-right {
	width: 418px;
	height: 100%;
	margin-left: 269px;
	margin-right: 13px;
}

.center-inside {
	background-color: white;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: -10px;
	margin-top: 0px;
}
.center-inside ul {
	list-style: none;
	padding-bottom: 5px;
	}
.arrow {
	list-style-type: none;
	background: url(../images/main/arrow.png) no-repeat;
	padding-left: 2em;
	}
.center-inside a {
	color: blue;
}

.blue {
	margin-left: -40px;
	font-size: 12px;
	}
.center-inside p{
	padding-top: 1px;
	}
#connecting {
	position: relative;
	width: 279px;
	color: white;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

/*left center column details*/
#upcomingtitle {
	font-weight: bold;
	font-size: 15px;
	height: 40px;
	width: 200px;
}

#upcomingcontent {
	margin-top: 5px;
	color: white;
	width: 100%;
	background-color: #199bd3;
	font-weight: normal;
}

#upcominglink {
	margin-top: 15px;
	color: white;
	width: 100%;
	background-color: #199bd3;
	font-weight: normal;
	color: white;
}

#newscolumn {
	margin-bottom: 6px;
	margin-top: 6px;
}

#news {
	margin-left: 0px;
	width: 97px;
	height: 20px;
	color: white;
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

}

.grey-inside a {
	font-weight: bold;
	color: black;
	padding-right: 20px;
}

.grey-inside p {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#background {
	margin-top: 0px;
}

.background-inside {
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}

.background-inside img {
	position: relative;
	top: 2.5px;
	margin-left: 6px;
}

/* right column details*/
#twittermain {
	width: 100%;
	height: 100%;
}

#twitterhead {
	height: 42px;
	background-color: #199bd3;
	padding-top: 12px;
	padding-left: 5px;
}

#twitterheadlogo {
	font-size: 15px;
	font-weight: bold;
	width: 100%;
	background-image: url('../images/main/twitterlogo.png');
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 35px;
	padding-top: 5px;
	color: white;
}

#twittercontent {
	height: 100%;
	background-color: white;
	list-style: none;
	padding-top: 1px;
	padding-left: 3px;
}

#twitterfoot {
	margin-top: -10px;
	height: 26.5px;
	background-color: #199bd3;
	padding-top: 11.5px;
	padding-left: 5px;
}

#twitterfootlogo {
	padding-left: 20px;
	width: 100%;
	background-image: url('../images/main/twitter_logo.png');
	background-repeat: no-repeat;
	height: 15px;
	color: white;
	font-weight: bold;
}

#featured {
	font-weight: bold;
	color: white;
	width: 81px;
	margin-left: 70px;
}

.featuredinside {
	height: 50px;
	padding-left: 6px;
	background-color: white;
	font-weight: normal;
}

.featuredpicture {
	width: 48px;
	height: 48px;
	float: left;
	padding-right: 6px;
}

.featuredtext {
	padding-top: 0px;
}

.featureditem {
	width: 100%;
	height: 71px;
	margin-top: 6px;
}

#professional {
	width: 100%;
	margin-top: 6px;
}

.professionalinside {
	background-color: #199bd3;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 4px;
}

#professionalpicture {
	width: 55px;
	height: 33px;
	float: left;
	padding-right: 6px;
}

#professionaltext {
	font-weight: bold;
	margin-left: 6px;
	color: white;
	text-align: center;
}

#follow {
	width: 100%;
	height: 24px;
	margin-top: 6px;
	margin-bottom: 10px;
}

.follow-inside {
	position: relative;
	background-color: white;
	padding-left: 10px;
	font-weight: bold;
	margin: 0px;
	z-index: 3;
	padding-top: 10px;
}

.follow-inside a {
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	
}

#followall {
	position: relative;
	width: 70px;
	height: 30px;
	margin-top: -22px;
	left: 88px;
}

#followlinked {
	margin-left: 5px;
	width: 30px;
	height: 30px;
	background-image: url("../images/main/linkedin.png");
}

#followtwitter {
	margin-top: -30px;
	margin-left: 40px;
	width: 30px;
	height: 30px;
	background-image: url("../images/main/twitter.png");
}

#followrss {
	margin-top: -14px;
	margin-left: 40px;
	width: 14px;
	height: 14px;
	background-image: url("../images/main/rss.png");
}

/*sub pages*/
.sub-inside {
	background-color: white;
	padding-left: 20px;
	padding-right: 40px;
	overflow: hidden;
	padding-bottom: 25px;
}
#zzp{
	background-image: url('../images/main/achtergrond.jpg');
	background-repeat: no-repeat;
	background-position: 0% 50%;
	}
#principal {
	background-image: url('../images/main/achtergrond2.png');
	background-repeat: no-repeat;
	background-position: 0% 102%;
	}
#principalsubhead {
	width: 160px;
	height: 20px;
}

#freelancersubhead {
	width: 78px;
	height: 20px;
}

#subhead h1 {
	margin: 0px;
	margin-left: 6px;
	background-color: #199bd3;
color: white;
	width: 100%;
}
#subhead h2 {
	margin: 0px;
	margin-left: 6px;
	background-color: white;
	color: #199bd3;
}


#first {
	padding: 1px; 
	font-size: 20px;
	}
#second {
	padding: 8px 8px 0px 8px; 
	font-size: 25px;
	margin-bottom: 5px;
	}
.side {
	vertical-align: absbottom;
	display: inline;
}

#subleft {
	float: left;
	width: 180px;
	height: 100%;
	margin-top: 14px;
	color: #199bd3;
}

#subleft a {
	color: #199bd3;
	
	}
#submain {
	font-weight: normal;
	color: black;
	float: right;
	width: 419px;
	height: 100%;
	margin-top: 14px;
	margin-left: 35px;
	
}
#submain a:link {
	color:#199bd3;
	}
	#submain a:visited {
	color:#199bd3;
	}
	#submain a:hover{
	color:#199bd3;
	}
	#submain a:active{
	color:#199bd3;
	}
	
#subaboutleft {
	float: left;
	width: 500px;
	height: 100%;
	margin-top: 10px;
	color: black;
}

#subaboutmain {
	background-image: url('../images/main/jose.png');
	color: black;
	float: right;
	width: 115px;
	height: 250px;
	margin-top: 14px;
	left: 550px;
	position: absolute;
	top: 150px;
	background-repeat: no-repeat;
	padding-top: 200px;
}

#subaboutmain a{
	color: blue;
}
#subregisterleft {
	float: left;
	width: 345px;
	height: 100%;
	margin-top: 8px;
	color: black;
}

#subregistermain {
	background-image: url('../images/main/register.png');
	color: black;
	float: right;
	width: 309px;
	height: 363px;
	margin-top: 14px;
	margin-right: -20px;
}



#subregistercontact {
	position: relative;
	color: black;
	}
.register {
	border: none;
	}
.register label {
	font-weight: normal;
}
.register input.boxlarge {
	border: none;
	outline: none;
	display: block;
	margin-left: 90px;
	margin-top: -14px;
	position: relative;
	color: #199bd3;
	width: 200px;
	height: 18px;
	background: #FFFFFF url('../images/main/largeform.png') no-repeat;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 0px;
}
.register input.boxsmall {
	border: none;
	outline: none;
	display: block;
	margin-left: 90px;
	margin-top: -14px;
	position: relative;
	color: #199bd3;
	width: 116px;
	height: 18px;
	background: #FFFFFF url('../images/main/smallform.png') no-repeat;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
}

#submain h1 {
	font-weight: bold;
	font-size: 18px;
	color: #199bd3;
	}
#submain h2 {
	font-size: 14px;
	color: #199bd3;
	}
/*news list*/

#submain h4 {
	text-align: right;
	color: black;
	font-weight:bold;
line-height:normal;
font-size: 11px;
	}
#alignright {
	width: 200px;
	position: relative;
	float: left;
	margin: -1em;
	margin-left: -215px;
	font-weight:bold;
line-height:normal;
margin-top: 0em;
	}
#newslist {
	width: 220px;
	height: 100%;
	margin-bottom: 6px;
	}
#newslist a{
	color: black;
	}	
#newslistinside {
	background-color: white;
	padding-left: 12px;
	padding-right: 12px;
	font-weight: bold;
	}	
	
#background-news {
	margin-top: 0px;
	width: 220px;
}
#newspicture {
	position: absolute;
	width: 105px;
	height: 105px;
	margin-left: 5px;
	margin-top: 0px;
	border: 1px solid grey;
}
#share {
	margin-left: -140px;
	width: 105px;
	margin-top: -20px;
	
	}
#newstext {
	width: 265px;
	height: 100%;
	margin-left: 130px;
	margin-right: 40px;
	margin-top: 20px;
	}
#center-right-news {
	width: 460px;
	height: 100%;
	margin-left: 225px;
	margin-right: 13px;
}

#newslistitems a {
	color: black;
	margin-left: 5px;
	}
	
body#body1 a#news1,
body#body2 a#news2,
body#body3 a#news3
{
	color: #199bd3;
	}

body.operaquick a#operaquick,
body.grease a#grease,
body.symbianopen a#symbianopen,
body.brightcreate a#brightcreate,
body.chromefe a#chromefe,
body.brightrelease a#brightrelease
	 {
	color: #199bd3;
}
#newssearch {
	margin-top: 25px;
	margin-left: 5px;
	color: black;
	margin-bottom:0px;
	}
	
.register input.newsboxsmall {
	border: none;
	outline: none;
	display: block;
	margin-left: 50px;
	margin-top: -20px;
	position: relative;
	color: #199bd3;
	width: 116px;
	height: 18px;
	background: #FFFFFF url('../images/main/smallform.png') no-repeat;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
}

#newsnews {
	margin-left: 10px;
	background-color: #199bd3;
	width: 97px;
	height: 20px;
	color: white;
	font-size: 20px;
	font-weight: bold;
	padding: 4px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
/* rounded corners*/
.leftmiddle {
	margin-left: 8px;
	margin-right: 8px;
	height: 100%;
	background-color: #199bd3;
}

.left-top-left {
	background-image: url('../images/round/topleft.png');
	background-repeat: no-repeat;
	height: 8px;
	font-size: 2px;
	height: 8px;
}

.top-right {
	float: right;
	margin-top: -8px;
	background-image: url('../images/round/topright.png');
	height: 8px;
	width: 8px;
	font-size: 2px;
}

.bottom-left {
	background-image: url('../images/round/bottomleft.png');
	height: 8px;
	margin-right: 8px;
	background-repeat: no-repeat;
}

.bottomleftmiddle {
	height: 100%;
	background-color: #199bd3;
	margin-left: 8px;
}

.bottom-right {
	background-image: url('../images/round/bottomright.png');
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 8px;
	font-size: 2px;
	margin-top: -8px;
}

.inside {
	background-color: #199bd3;
	padding-left: 10px;
	padding-right: 10px;
}

.titleinside {
	background-color: #199bd3;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	font-weight: bold;
	font-size: 17px;
}
.white-leftmiddle {
	margin-left: 8px;
	margin-right: 8px;
	height: 100%;
	background-color: white;
}

.white-left-top-left {
	background-image: url('../images/round/white-left-top.png');
	background-repeat: no-repeat;
	height: 8px;
	font-size: 2px;
}

.white-top-right {
	float: right;
	margin-top: -8px;
	background-image: url('../images/round/white-right-top.png');
	height: 8px;
	width: 8px;
	font-size: 2px;
	background-image: url('../images/round/white-right-top.png');
}

.white-bottom-left {
	background-image: url('../images/round/white-left-bottom.png');
	height: 8px;
	margin-right: 8px;
	background-repeat: no-repeat;
}

.white-bottomleftmiddle {
	height: 100%;
	background-color: white;
	margin-left: 8px;
}

.white-bottom-right {
	background-image: url('../images/round/white-right-bottom.png');
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 8px;
	font-size: 2px;
	margin-top: -8px;
}

.white-inside {
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}

.white-inside p {
	
}

.black-leftmiddle {
	margin-left: 8px;
	margin-right: 8px;
	height: 100%;
	background-color: #231f20;
}

.black-left-top-left {
	background-image: url('../images/round/black-top-left.png');
	background-repeat: no-repeat;
	height: 8px;
	font-size: 2px;
}

.black-top-right {
	float: right;
	margin-top: -8px;
	background-image: url('../images/round/black-top-right.png');
	height: 8px;
	width: 8px;
	font-size: 2px;
}

.black-bottom-left {
	background-image: url('../images/round/black-bottom-left.png');
	height: 8px;
	margin-right: 8px;
	background-repeat: no-repeat;
}

.black-bottomleftmiddle {
	height: 100%;
	background-color: #231f20;
	margin-left: 8px;
}

.black-bottom-right {
	background-image: url('../images/round/black-bottom-right.png');
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 8px;
	font-size: 2px;
	margin-top: -8px;
}

.grey-leftmiddle {
	margin-left: 8px;
	margin-right: 8px;
	height: 100%;
	background-color: #d8dadb;
}

.grey-left-top-left {
	background-image: url('../images/round/grey-roundleft.png');
	background-repeat: no-repeat;
	height: 8px;
	font-size: 2px;
}

.grey-top-right {
	float: right;
	margin-top: -8px;
	background-image: url('../images/round/grey-roundright.png');
	height: 8px;
	width: 8px;
	font-size: 2px;
}

.grey-bottom-left {
	background-image: url('../images/round/grey-bottomleft.png');
	height: 8px;
	margin-right: 8px;
	background-repeat: no-repeat;
}

.grey-bottomleftmiddle {
	height: 100%;
	background-color: #d8dadb;
	margin-left: 8px;
}

.grey-bottom-right {
	background-image: url('../images/round/grey-bottomright.png');
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 8px;
	font-size: 2px;
	margin-top: -8px;
}

.grey-inside {
	background-color: #d8dadb;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 75%;
}

ul#twit-twit, ul#twit-twit ul {
	padding-left: 0;
	list-style: none;
	
	font-family: Verdana;
}

ul#twit-twit {
	margin-top: 0px;
	width: 170px;
	margin-bottom: -20px;
}

ul#twit-twit li ul {
	margin: 0 0 0 0;
}


ul#twit-twit li {
	margin: 0 0 10px 10px;
	border-top: 1px dashed #ccc;
}


ul#twit-twit li.twit-date {
	font-weight: bold;
	color: #600;
	border: 0px solid #ccc;
	margin: 0px 0 0 0;
}


ul#twit-twit li ul li {
	font-weight: normal;
	color: #222;
	padding-top: 8px;
}


ul#twit-twit li.twit-alt {
	color: #888;
	list-style: none;
}


ul#twit-twit li.twit-first {
	color: #800;
}


ul#twit-twit a.twit {
	color: #ddd;
	text-decoration: none;
	border: 0;
}


ul#twit-twit a.twit:hover, ul#twit-twit a.twit:visited:hover {
	color: #600;
}


p.twit-more, li.twit-more {
	text-align: right;
	padding:  0 0 0 0;
}


p.twit-more a.twit-more, li.twit-more a.twit-more {
	color: #600;
	text-decoration: none;
}


p.twit-more a.twit-more:hover, p.twit-more a.twit-more:visited:hover, li.twit-more a.twit-more:hover, li.twit-more a.twit-more:visited:hover {
	color: #000;
	border-bottom: 1px dashed #600;
}

#naw {
	width: 100%;
	margin-top: 5px;
	margin-bottom: -7px;
	color: white;
}
#nawlogo {
	background-image: url('../images/main/proflogo.png');
	background-repeat: no-repeat;
	background-position: 85% 50%; 
}

#overbright {
 	height: 94px;
 	padding-left: 17px;
}

#navilogo {
	margin-left: 20px;
}
#navibright {
	margin-left: 20px;
	margin-bottom: 10px;
}
.navi-grey-inside {
	background-color: #d8dadb;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}

.title-inside {
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	color: #199bd3;
	padding-bottom: 5px;
}
#newsnew {
	margin-top: 15px;
	}
#newsnew a {
	color: black;
	font-weight: normal;
	line-height: 100%;
	margin-left: -8px;
}

.newsnewinside {
	background-color: #199bd3;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
}

#featuredbig {
	margin-left: 5px;
	float: right;
	margin-top: 30px;
}

#zzppicturetext {
	text-align: justify;
	}
#featuredcontent {	
margin-top: 0px;
text-align: justify;
}

.asterisk {
	color: #199bd3;
	padding-top: 5px;
}

#aboutleft {
	padding: 15px;
	float: left;
	width: 600px;
	border: 5px solid #199bd3;
}