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

/********************************************************** //
//                                                          //
// Producer     : VERMEULEN | TOTAL IDENTITY.               //
// Design       : S. Teschner                   			//
// Development  : S. Teschner                    			//
// Web          : www.vermeulen-totalidentity.nl            //
//                                                          //
// ******************************************************** //
//                                                          //
// Copyright ©  Vermeulen | Totalidentity                   //
// All rights reserved.                                     //
// All trademarks and registered trademarks are property of //
// their respective owners.                                 //
//                                                          //
//***********************************************************/


/**********************************

CLEAR WHITESPACES/WHITESPACE RESET

**********************************/
* {
padding:0;
margin:0;
font-family:verdana, Helvetica, sans-serif;
font-size:11px;
}

/* HYPERLINKS */
:link,:visited { text-decoration:none }

/* GEEN LIST STYLE */
ul,ol { list-style:none }

/* ALLE HEADINGS HETZELFDE VOOR EEN CONSISTENTE STYLE */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* NOGMAALS ALLE ELEMENTEN STRIPPEN */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* STANDAARD GEEN BORDER OM EEN LINKED IMAGE */
a img,:link img,:visited img { border:none }




body
{
	background-color:#002376;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	text-align:center;
}

body#zoekPagina
{
	background-color:#002376;	
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	
}

body#popUp
{
	background-color:#FFF;	
	padding:7px;
	
}


p,li,ul,table,td {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align:left;
	margin-bottom:10px;
}

h1 {
	font-family:"Trebuchet MS";
	font-size:26px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	letter-spacing: -1px;
	margin-left:5px;
	line-height:14px;
}

h2 {
	font-family:"Trebuchet MS";
	font-size:18px;
	font-weight:bold;
	color:#FFE408;
	text-align:left;
	text-transform: uppercase;
	line-height:14px;
	margin: 0px;
	padding: 6px;
	
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	margin-bottom:3px;
	font-weight: bold;
	text-align:left;
	padding: 0px;
	padding-left:5px;
}

h4 {
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#ffc600;
	text-align:left;
	font-weight: bold;
	padding: 6px;
	background-image: url(../../../images/site/gfx/dateBg.png);
	
}

h5 {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#ffc600;
	text-align:left;
	font-weight: bold;
	padding: 6px;
	background-image: url(../../../images/site/gfx/dateBg.png);
	display:inline;
}

table, td {
font-family:verdana, Helvetica, sans-serif;
font-size:11px;
}

input {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #c80064;
background-color: #FFF;
border-width: 1px;
border-style: solid;
border-color: #c80064;
margin-bottom:4px;
}

textarea {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #c80064;
background-color: #FFF;
border-width: 1px;
border-style: solid;
border-color: #c80064;
}

input.submit {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #c80064;
background-color:#c80064;
}

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




ul {
	padding-left:16px;
	list-style-type: circle;
	color:#FFFFFF
}

li {
margin-bottom:2px;
}

/**********************************

EIGEN STYLES

**********************************/

#siteContainer {
	position:relative;
	background-repeat: repeat-x;
	background-image: url(../../../images/site/gfx/bg.png);
	background-color: #FFFFFF;
	text-align:center;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}




#topContainer {
	height:0px;
	width:820px;
	position:relative;
	margin:0px;
	visibility:hidden;
}

#logo {
	left:44px;
	top:49px;
	position:absolute;
	background-image: url(../../../images/site/gfx/logo.png);
	height: 120px;
	width: 120px;
	background-repeat: no-repeat;
	border: 5px solid #FFFFFF;
	z-index: 10;
	overflow: visible;
}

#generalMenu{
	position: absolute;
	height: 290px;
	width: 149px;
	top: 195px;
}

#eventBlock{
	position: absolute;
	height: 237px;
	width: 149px;
	top: 490px;
}

#offers {

position: absolute;
	height: 149px;
	width: 149px;
	top: 617px;
	}

#logIn {
left:880px;
top:0px;
position:absolute;
}


.credits{
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

#footer {
	clear:both;
	height:40px;
	background-position:top;
	background-repeat:no-repeat;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	
}

#footer p{
	
	margin-bottom:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:18px;
	font-weight: normal;
	color: #FFFFFF;
	text-align:center;

}

.white {
	
}

#contentContainer {
	width:1000px;
	position:relative;
	margin:auto;
	min-height:636px;
	_height:636px;
	text-align: left;
}



#contentContainerLinks {
	position:absolute;
	width: 154px;
	left:0px;
	text-align:left;
	margin-left: 0;
	background-repeat: no-repeat;
	height: 350px;
}


#contentContainerRechts {
	position:relative;
	width:439px;
	margin-left:154px;
	text-align:left;
}

#pageTitle {
	background-color: #FF0000;
	top: 284px;
	width:439px;
	min-height:30px;
	_height:30px;
	padding-top:5px;
		
}

#pageTitle h1{
	margin-left:5px;
}

#content {
	background-color: #FF0000;
	top: 284px;
	width:439px;
	margin-bottom:10px;
	min-height:442px;
	_height:442px;
}

#content p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	color: #FFFFFF;
	text-align:left;
	margin: 6px;
}

#content h1 {
	font-family:"Trebuchet MS";
	font-size:26px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	letter-spacing: -1px;
	padding: 0px;
}

#content h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	margin-bottom:3px;
	font-weight: bold;
	text-align:left;
	padding: 6px;
}

#moduleMemberResults h4 {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#ffc600;
	text-align:left;
	font-weight: bold;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	background-image: url(../../../images/site/gfx/dateBg.png);
	
}

#module {
	background-color: #cc0000;
	width:439px;
	min-height:467px;
	_height:467px;
	
}


#topAnimatie {
	height: 309px;
	width: 439px;
	margin-bottom: 5px;	
}


A.newsItem {text-decoration: none; color:#d7006c}
A.newsItem:link {text-decoration: none; color:#d7006c}
A.newsItem:visited {color:#d7006c}
A.newsItemPlain:hover {
	text-decoration: underline; color:#d7006c;
}

#newsItem {
	padding-bottom:15px;
	background-image: url(../../../images/site/gfx/newsItemBg.png);
	margin-right: 5px;
	margin-left: 5px;
	z-index: 1;
	min-height:80px;
	_height:80px;
}

#newsItem img {
	border: 1px dotted #FFCC00;
}

#newsTumb {
	width: 105px;
	float: left;
	z-index: 3;
}

#newsContent {
	position: relative;
	top: 0px;
	float: none;
}

a.credits:link {color:#ffffff}
a.credits {}
a.credits:hover {
color:#B0D237;
text-decoration:none;
}
a.credits:visited {
color:#FFFFFF;
text-decoration:none;
}

A {text-decoration: underline; color:#d7006c}
A:link {
	text-decoration: none;
	color: #F4E702;
}
A:visited {
	color:#F4E702
}
A:hover {
	text-decoration: underline;
	color:#FFFFFF;	
}

#content A {text-decoration: none; color:#d7006c}
#content A:link {
	text-decoration: none;
	color: #F4E702;
	background-color: #c50000;
}
#content A:visited {
	color:#F4E702;
	background-color: #c50000;
}
#content A:hover {
	
	color:#FFFFFF;	
	background-color: #002376;
}

#moduleMemberResults A
{text-decoration: underline; color:#d7006c}
#moduleMemberResults A:link {
	text-decoration: none;
	color: #F4E702;
	background-color: #c50000;
}
#moduleMemberResults A:visited {
	color:#F4E702;
	background-color: #c50000;
}
#moduleMemberResults A:hover {
	
	color:#FFFFFF;	
	background-color: #002376;
}

#zoeken h2 {
	text-transform: uppercase;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding-top: 0px;
}

#zoeken h2 a {
	color: #FFFFFF;
	
}
#zoeken h2 a:link {color: #FFFFFF;}
#zoeken h2 a:visited {color: #FFFFFF;}
#zoeken h2 a:hover {

color: #FFDD00;
	background-color: #2779C9;
	text-decoration:none;}



/**********************************

blocks

**********************************/

#members{
	background-color: #2779c9;
	height: 280px;
	width: 408px;
	position: absolute;
	top: 32px;
	left: 598px;
}

#zoeken{
	background-color: #002376;
	height: 27px;
	width: 408px;
	position: absolute;
	top: 0px;
	left: 598px;
}

#membersPortfolio {
	background-color: #0053a3;
	height: 174px;
	width: 408px;
	position: absolute;
	top: 317px;
	left: 598px;
}
	
	
#membersPics {
	position: absolute;
	height: 30px;
	width: 408px;
	left: 0px;
	top: 0px;
}
#membersFlash{
	position: absolute;
	height: 212px;
	width: 408px;
	left: 0px;
	top: 30px;
}
#membersSearch {
	position: absolute;
	height: 30px;
	width: 408px;
	left: 0px;
	top: 247px;
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#2779c9;
}
#membersSearch  p{
	margin-top: 10px;
	margin-left: 5px;
	font-weight:bold;
}
	
	
#sponsor {
	background-color: #444444;
	height: 70px;
	width: 408px;
	position: absolute;
	top: 496px;
	left: 598px;
}

#friends {
	background-color: #e5e5e5;
	height: 192px;
	width: 408px;
	position: absolute;
	top: 571px;
	left: 598px;
}
.black {
	color: #000000;
}

/**********************************

MODULES

**********************************/

#memberPopupContainer {
text-align:left;
background-color:#FFFFFF;
width:399px;
margin:auto;
color:#0c3187;
}

#memberPopupContainer td {
color:#0c3187;
}

#memberPopupContainer td a {
color:#0c3187;
}
#memberPopupContainer td a:hover {
color:#ef4237;
}

#memberPopupTop {
width:399px;
height:23px;
background-image:url(../../../images/site/gfx/memberpopup_top.gif);
background-repeat:no-repeat;
}



#memberPopupData {
position:relative;
margin-bottom:30px;
margin-top:130px;
}

.memberDataColumn {
font-weight:bold;
width:120px;
}

#memberNameBlok {
	position:absolute;
	width:301px;
	height:45px;
	top:77px;
	margin-left:80px;
	margin-bottom:20px;
	padding:9px;
	z-index:2;
	background-color:#0c3187;
	background-image:url(../../../images/site/gfx/memberpopup_namelogo.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#memberName {
font-family:tahoma, arial;
font-size:12px;
font-weight:bold;
color:#FFF;
margin-bottom:4px;
}

#memberCompany {
color:#ffe408;
font-variant:small-caps;
font-family:arial;
font-size:12px;

}

#search {
	padding: 5px;
}



/**********************************

SIFR

**********************************/


*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	padding-bottom:10px;
	display:compact;
}

.sIFR-replaced {
	visibility: visible !important;
	
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}




/* Modules */

#moduleMemberSearch {
	background-image: url(../../../images/site/gfx/moduleRelationBg.png);
	background-repeat: repeat;
	padding: 5px;
	
	
}

#moduleMemberResults {
	margin-left:5px;

	
}

#moduleMemberResults h1{
color:#CCCCCC;
font-size:18px;
	
}

#moduleMemberResults h4{
	color:#FFCC00;
	font-size: 16px;
	font-weight: bold;	
}

#moduleMemberResults h4 A {text-decoration: underline; color:#FFFFFF; font-family:"Trebuchet MS";}
#moduleMemberResults h4 A:link {
	text-decoration: none;
	color: #FFFFFF;
}
#moduleMemberResults h4 A:visited {
	color:#FFFFFF;
}
#moduleMemberResults h4 A:hover {
	text-decoration: underline;
	color:#FFFFFF;
	background-color:#002988;	
}

#moduleMemberSearch input {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #0054a6;
background-color: #FFCC00;
border-width: 1px;
border-style: solid;
border-color: #FFCC00;
margin-bottom:4px;
}

#moduleMemberSearch textarea {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #0054a6;
background-color: #FFCC00;
border-width: 1px;
border-style: solid;
border-color: #FFCC00;
}

#moduleMemberSearch input.submit {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #0054a6;
background-color:#0054a6;
}
.contentImg {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 25px;
	padding-left: 4px;
}



/* Memberportfolio */

#memberPortfolio {
	padding: 6px;
}

#memberPortfolio h2 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #ffe408;
	text-align: right;
}


.memberPortfolioText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #FFFFFF;
	text-align: left;
}


.memberPortfolioCase {
	margin-bottom:15px;
	background-color:#ff3e3e;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;	
	}
	
		
	
		
		.memberPortfolioCaseText {
	
	float:left;
		}
		
			.memberPortfolioCaseTextYellow {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #ffe408;
	line-height: 18px;
		}
		
		.memberPortfolioCaseTextWhite {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	line-height: 18px;	
		}
		
		
		
		.memberPortfolioCase p{
		text-align:justify;
		margin-left:9px;
			
		}
		
		.memberPortfolioCase h2{
		margin-left:9px;
			
		}
		
		.memberPortfolioCaseClear {
	clear:both;
	margin-bottom: 5px;
		}
				
#popin {
	position:absolute;
	margin-left:45%;
	margin-top:15%;
	width:400px;
	height:433px;
	background-color:#000000;
	border: 10px solid #000000;
	left: 9px;
	z-index:15;
	}
	
	#close {
	height:20px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 2px;
	top: 0px;
	background-color: #35548D;
	z-index: 16;
	right: 0px;
	}