/********************************************************************** STYLESHEET voor de site van LINK *****************************************************************************************/
/********************************************************************** Auteur: Martha Maatkamp ****************************************************************************************************/
/********************************************************************** Gereedgekomen: 22:11 01/11/04 ********************************************************************************************/

body {background:#8F9294 url('../../images/body_tile.gif') repeat-y 50% 0 ;}

/********************************************************************** BOVENSTE HOKJES ************************************************************************************************************/
div.top1 {	position: absolute;	top: 0px;	left: 0px;	width: 292px;	height: 36px;	background-color:#FF9415;	border: 1px solid black;	border-width:0px 1px 1px 0px;}
div.top2 {	position: absolute;	top: 0px;	left: 291px;	width:  63px;	height: 36px;	background-color:#FDB763;	border: 1px solid black;	border-width:0px 1px 1px 1px;}
div.top3 {	position: absolute;	top: 0px;	left: 353px;	width:  60px;	height: 36px;	background-color:#B3B4B5;	border: 1px solid black;	border-width:0px 1px 1px 1px;}


/********************************************************************** LOGO, THEMA, SLOGAN en VISUAL ********************************************************************************************/
div.slogan {		position: absolute;	top: 35px;	left:0px;		width: 292px;	height: 63px;	border: 1px solid black; 	background:#FDB763 url('../../images/slogan.gif') no-repeat 14px 6px;	border-left: 0px;}
div.logo {		position: absolute;	top: 35px;	left:291px;	width: 124px;	height: 126px;	background: #AAAAAA url('../../images/logo.gif');}
div.thema {		position: absolute; 	top: 97px;	left:414px;	width: 291px;	height:	63px;	border-top: 1px solid black;	background: #F3F3F3 url('../../images/thema.gif') no-repeat 10px 10px; text-align:right;}
div.visual {		position: absolute;	top: 159px;	left:291px;	width: 123px;	height: 355px;	border: 1px solid black;	border-width:1px 0px 0px 1px;	background: #444444 url('../../images/visual_hands.jpg');}
div.undervisual{	position: absolute;	top: 0px;	left:292px;	width: 123px;	height: 100%;	border: 1px solid black;	border-width:0px 0px;		background: #444444 url('../../images/subvisual1.gif') repeat-y;}


/********************************************************************** INHOUD-DIVS *******************************************************************************************************************/
div.leftcontent{		position: absolute;	top: 97px;	left:0px;		width: 291px;	border: 1px solid black;	border-width:1px 1px 0px 0px;	background:#0056AC url('../../images/overloop_blauw.gif') repeat-x;}
div.rightcontent{		position: absolute;	top: 159px;	left:414px;	width: 290px;	border: 1px solid black;	border-bottom:0px;	background:#C34B00 url('../../images/overloop_rood.gif') repeat-x; 	border-right: 1px solid #E88712;}
div.subleftcontent {	padding:15px 15px 10px 20px;}
div.subrightcontent {	padding:15px 20px 10px 15px;}
div.underleft {		position: absolute;	top:0px;	left:  0px;	width: 291px;	min-height:514px;	height:100%;	border-left: 0px solid #0079F0;	background-color:#0056AC;}
div.underright {		position: absolute;	top:0px;	left:414px;	width: 291px;	min-height:514px;	height:100%;	border-left: 1px solid black; 	background-color:#C34B00;}
div.underleft1 {		position: absolute;	top:0px;	left:291px;	width: 1px;	min-height:514px;	height:100%;	background-color:black;}


/********************************************************************** TEKSTBLOKJE-EENHEDEN *****************************************************************************************************/
div.blokje {	width:253px;	border: 1px solid black;	background: #FFFFFF url('../../images/overloop_wit.gif') 0px 0px repeat-x; margin-bottom:15px;}
div.leftcontent div.titel {	width:253px;	height:11px;		background-color: #52A9FF;	border: 1px  solid black;	border-bottom:0px;	text-align:left; padding:1px 0px;}
div.rightcontent div.titel {	width:253px;	height:11px;		background-color: #FF9415;	border: 1px  solid black;	border-bottom:0px;	text-align:left; padding:1px 0px;}
div.leftcontent div.teksttitel {width:253px;	height:16px;		background-color: #52A9FF;	border: 1px  solid black;	border-bottom:0px;	text-align:left; padding:1px 0px;}
div.rightcontent div.teksttitel {width:253px;	height:16px;		background-color: #FF9415;	border: 1px  solid black;	border-bottom:0px;	text-align:left; padding:1px 0px;}
div.inhoud {	padding:7px;}


/********************************************************************** TEKSTBLOKJE-EENHEDEN *****************************************************************************************************/
/*		div.blokje {	width:253px;	border: 1px solid black;	background: #FFFFFF url('/images/overloop_wit.gif') 0px 0px repeat-x; margin-bottom:15px;}
div.leftcontent  	div.titel {	width:253px;	height:11px;		background-color: #52A9FF;	border:1px solid black;	border-bottom:0px;	text-align:right; padding:1px 0px;}
div.rightcontent 	div.titel {	width:253px;	height:11px;		background-color: #FF9415;	border:1px solid black;	border-bottom:0px;	text-align:right; padding:1px 0px;}
		div.inhoud {	padding:7px;}
*/

/********************************************************************** LIJNEN LINKS en RECHTS *****************************************************************************************************/
div.links_lijn1 {		position: absolute;	top:0px;	left: -1px;	width: 1px;	min-height:514px;	height:100%;	background-color:#0079F0;}
div.links_lijn2 {		position: absolute;	top:0px;	left: -9px;	width: 1px;	min-height:514px;	height:100%;	background-color:#0079F0;}
div.links_lijn3 {		position: absolute;	top:0px;	left:-17px;	width: 1px;	min-height:514px;	height:100%;	background-color:#0079F0;}
div.toplinks_lijn1 {	position: absolute;	top:0px;	left: -1px;	width: 1px;	height:98px;	background-color:#0056AC;}
div.toplinks_lijn2 {	position: absolute;	top:0px;	left: -9px;	width: 1px;	height:98px;	background-color:#0056AC;}
div.toplinks_lijn3 {	position: absolute;	top:0px;	left:-17px;	width: 1px;	height:98px;	background-color:#0056AC;}

div.rechts_lijn1 {		position: absolute;	top:0px;	left:705px;	width: 1px;	min-height:514px;	height:100%;	background-color:#E88712;}
div.rechts_lijn2 {		position: absolute;	top:0px;	left:713px;	width: 1px;	min-height:514px;	height:100%;	background-color:#E88712;}
div.rechts_lijn3 {		position: absolute;	top:0px;	left:721px;	width: 1px;	min-height:514px;	height:100%;	background-color:#E88712;}
div.toprechts_lijn1 {	position: absolute;	top:0px;	left:705px;	width: 1px;	height:159px;	background-color:#C34B00;}
div.toprechts_lijn2 {	position: absolute;	top:0px;	left:713px;	width: 1px;	height:159px;	background-color:#C34B00;}
div.toprechts_lijn3 {	position: absolute;	top:0px;	left:721px;	width: 1px;	height:159px;	background-color:#C34B00;}


/********************************************************************** FOOTER *************************************************************************************************************************/
.onderkant_links_lijn1 {	position: absolute; bottom: 7px; left:0px; 		width:50.2%;	height:1px;	background-color:#0079F0; margin-bottom:7px;}
.onderkant_links_lijn2 {	position: absolute; bottom:14px; left:0px; 		width:50.2%;	height:1px;	background-color:#0079F0; margin-bottom:7px;}
.onderkant_links_lijn3 {	position: absolute; bottom:21px; left:0px; 		width:50.2%;	height:1px;	background-color:#0079F0; margin-bottom:7px;}
.onderkant_rechts_lijn1 {	position: absolute; bottom: 7px; right:0px; 	width:49.8%;	height:1px;	background-color:#E88712; margin-bottom:7px;}
.onderkant_rechts_lijn2 {	position: absolute; bottom:14px; right:0px; 	width:49.8%;	height:1px;	background-color:#E88712; margin-bottom:7px;}
.onderkant_rechts_lijn3 {	position: absolute; bottom:21px; right:0px; 	width:49.8%;	height:1px;	background-color:#E88712; margin-bottom:7px;}
.onderkant_links_logo {	position: absolute; bottom:2px; left:-28px; 	width:39px;	height:39px;	background:url('../../images/small_logo_left.gif');}
.onderkant_rechts_logo { position: absolute; bottom:2px; left:694px; 	width:39px;	height:39px;	background:url('../../images/small_logo_right.gif');}

/********************************************************************** ZIJKANTEN **********************************************************************************************************************/
.backleft1 {	position: absolute; top: 0px; left:0px; min-height:514px; 	height:100%;width: 50%; background:#0056AC url('../../images/overloop_blauw.gif') repeat-x 0px 98px;}
.backleft2 {	position: absolute; top: 0px; left:0px; height:36px; 		width: 50%; background-color:#FF9415;}
.backleft2b {	position: absolute; top:35px; left:0px; height:1px; 	 	width: 50%; background:#000000;}
.backleft3 {	position: absolute; top:35px; left:0px; height:62px; 		width: 50%; background-color:#FDB763;}
.backleft3b {	position: absolute; top:97px; left:0px; height:1px; 	 	width: 50%; background:#000000;}

.backright1 {	position: absolute; top: 0px; right:0px; min-height:514px; 	height:100%; width: 50%; background:#C34B00 url('../../images/overloop_rood.gif') repeat-x 0px 160px;}
.backright2 {	position: absolute; top: 0px; right:0px; height:85px; 	width: 50%; background:#8F9294;}
.backright2b {	position: absolute; top:84px; right:0px; height:1px; 	 	width: 50%; background:#000000;}
.backright3 {	position: absolute; top:84px; right:0px; height:13px; 	width: 50%; background:#828587;}
.backright3b {	position: absolute; top:97px; right:0px; height:1px; 	 	width: 50%; background:#000000;}
.backright4 {	position: absolute; top:97px; right:0px; height:62px; 	width: 50%; background:#F3F3F3;}
.backright4b {	position: absolute; top:159px; right:0px; height:1px; 	width: 50%; background:#000000;}

/********************************************************************** END OF STYLESHEET **********************************************************************************************************/