/*
   Concept, design and programming: 
      http://www.skipintro.nl
*/

/* ---------------- Layout ---------------- */	

a 	{
	color: #574b3e;
	}

a img 	{
	border: 0
	}
	

*, * focus, * active, * :focus, a, a:active {
	outline: none !important;
	}

* {
	margin: 0;
	padding: 0;
	}

.color {
	color:#574b3e;
	font-weight:bold;
}

body {
	font-family: arial, helvetica, verdana;
	background-color: #ffffff;
	}


h3	{
	margin-top: 50px;
	margin-left: 50px;
	margin-bottom: 5px;
	color: #574b3e;
	font-size: 13px;
	line-height: 22px;
	}
	

ul	{
	margin-top: 10px;
	}
	
li	{
	margin-left: 65px;
	margin-right: 60px;
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 22px;
	color: #897966;
	}
	
.lijst {
	list-style-type:square;
	}

.intro	{
	margin-left: 50px;
	margin-top: 0px;
	margin-right: 90px;
	font-size: 13px;
	line-height: 22px;
	color: #897966;
	}

.update	{
	margin-left: 50px;
	margin-top: 70px;
	margin-right: 90px;
	font-size: 13px;
	line-height: 22px;
	color: #897966;
	}

.bodycopy {
	margin-left: 50px;
	margin-right: 60px;
	margin-bottom: 35px;
	font-size: 13px;
	line-height: 22px;
	color: #897966;
	}


.meerinfo {
	margin-left: 65px;
	margin-right: 60px;
	font-size: 13px;
	line-height: 20px;
	color: #897966;
	}

#outer {
	height: 100%;
	}
	
#page {
	position: absolute;
	margin:-265px 0 0 -473px;
	top:50%;
	left:50%;
	height: 539px;
	width: 946px;
	background-color: #fff;
	}
	
#logo { 
	position: absolute;
	top: 10px;
	width: 390px;
	height: 33px;
	background-image: url('../_img/logo_thedeal.gif');
	}
	
#logo_abnamro { 
	position: absolute;
	bottom: 0px;
	width: 122px;
	height: 50px;
	background-image: url('../_img/logo_abnamro.gif');
	}

#logo_debrauw { 
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 104px;
	height: 50px;
	background-image: url('../_img/logo_debrauw.gif');
	}
	
	
/* #logo_debrauw a { 
	display: block;
	width: 104px;
	height: 38px;
	text-indent: -9999px;
	}
*/
	
#menu { 
	position: absolute;
	top: 50px;
	width: 946px;
	height: 34px;
	background-color: #055488;
	background: url('../_img/menu-bg.jpg');
	}
	
.links {
	position: absolute;
	top: 7px;
	left: 12px;
	height: 12px;
	width: 61px;
	}

.rechts {
	position: absolute;
	left: 390px;
	height: 34px;
	width:556px;
	margin:0;
	padding: 0px;
	z-index: 11;
	}

	.rechts ul {
		 margin: 0;
		 padding: 0;
		 list-style-type: none;
		 }

	.rechts li {
		margin: 0;
		padding: 0;
		float: left;
		line-height: 34px;
		}

	.rechts li a {
		height: 34px;	
		text-align: center;
		line-height: 34px;
		color: #fff;
		text-decoration: none;			
		display: block;
		text-indent: -9999px;
		}
	.rechts li a:hover {
		background-position: 0 -34px;
		}
	.rechts li a.active {
		background-position: 0 -68px;
		}

	.rechts li a.programma {
		width: 120px;
		background-image: url('../_img/menu_programma.gif');
		}

	.rechts li a.voorwie {
		width: 97px;
		background-image: url('../_img/menu_voorwie.gif');
		}

	.rechts li a.inschrijven {
		width: 113px;
		background-image: url('../_img/menu_inschrijven.gif');
		}

	.rechts li a.abnamro {
		width: 119px;
		background-image: url('../_img/menu_abnamro.gif');
		}

	.rechts li a.debrauw {
		width: 107px;
		background-image: url('../_img/menu_debrauw.gif');
		}

	.rechts li a.programma {
		width: 120px;
		background-image: url('../_img/menu_programma.gif');
		}

#inschrijven {
		position: relative;
		padding-top: 10px;
		width: 486px;
		height: 34px;
		margin-left: 50px;
}

.inschijven_abn {
		position: absolute;
		left: 0;
		width: 239px;
		height: 34px;
		background-image: url('../_img/inschrijfbuttons.gif');
}

.inschijven_abn:hover {
		position: absolute;
		left: 0;
		width: 239px;
		height: 34px;
		background-image: url('../_img/inschrijfbuttons.gif');
		background-position: 0 34px;
		cursor:pointer;
}


.inschijven_debrauw {
		position: absolute;
		right: 0;
		width: 239px;
		height: 34px;
		background-image: url('../_img/inschrijfbuttons.gif');
		background-position: -247px 0;
}
	

.inschijven_debrauw:hover {
		position: absolute;
		right: 0;
		width: 239px;
		height: 34px;
		background-image: url('../_img/inschrijfbuttons.gif');
		background-position: -247px 34px;
		cursor:pointer;
}	
		

#visual { position: absolute;
       	  top: 84px;
       	  width: 390px;
       	  height: 390px;
       	  left: 0;
	  	  background-image: url('../_img/handshake.jpg');
       	  }
       	  
#content { position: absolute;
       	  top: 84px;
       	  width: 556px;
       	  height: 389px;
		  border-bottom: 1px solid #ddd;
       	  right: 0;
       	  overflow: auto;
       	  background-color: #f9f9f9;
       	  }
       	  
       	  
#splashpage {

				color: white;
				background-color:#1d6398;
       	  		padding: 20px 20px 20px 20px;
       	  		font-family: 'TradeGothicRegular';
       	  		font-size: 47px;
       	  		}
       	  		
       	  		
.test { 
			color: #abd7f3;}
			
#logobctd {
			margin-top:10px;
			margin-left: 20px;
			height: 20px;
			width: 250px;
			background: url(../_img/logo_bctd.png);
		
			}
			
			
#logo_balk {
			margin-left: 20px;
			height: 44px;
			width: 348px;
			background: url(../_img/logo_balk.png);
		
			}
			



@font-face {
    font-family: 'TradeGothicRegular';
    src: url('../_font/tradegothic-webfont.eot');
    src: url('../_font/tradegothic-webfont.eot?iefix') format('eot'),
         url('../_font/tradegothic-webfont.woff') format('woff'),
         url('../_font/tradegothic-webfont.ttf') format('truetype'),
         url('../_font/tradegothic-webfont.svg#webfontBxINIiZh') format('svg');
    font-weight: normal;
    font-style: normal;

}


h3 a {
	text-decoration: none;}

h3 a:hover {
	text-decoration: underline;}