/* == CSS Document - Visionline BVBA*/
/* html> = voor gecko-based browsers (Firefox,..) - 8pix lager...*/
/* scroll bars */
body {
		scrollbar-face-color:#FFFFFF;
		scrollbar-shadow-color:rgb(120,120,120);
		scrollbar-highlight-color:rgb(200,200,200);
		scrollbar-3dlight-color:rgb(200,200,200);
		scrollbar-darkshadow-color:rgb(111,111,111);
		scrollbar-track-color:#000;
		scrollbar-arrow-color:rgb(61,61,61);} 

/*POSITIONERING en ACHTERGROND van de verschillende secties/DIVs*/
#bodybackground {
    			background:#FFF url(fotos/achtergrond.jpg) no-repeat;
				background-position:center;
				height:400px;
    			width:650px;
				padding-left:225px;
				padding-top:120px;
				z-index:-1;}

#bodybackgroundimso {
    			background:#FFF url(fotos/achtergrondimso.jpg) no-repeat;
				background-position:center;
				height:405px;
    			width:657px;
				padding-left:225px;
				padding-top:120px;
				z-index:-1;} 
#bodybackgroundmerckx {
    			background: #FFF url(fotos/achtergrondmerckx.jpg) no-repeat;
				background-position:center;
				height:405px;
    			width:657px;
				padding-left:225px;
				padding-top:120px;} 
#bodybackgroundcontact {
    			background: #FFF url(fotos/achtergrondcontact.jpg) no-repeat;
				background-position:center;
				height:405px;
    			width:657px;
				padding-left:225px;
				padding-top:120px;} 
#logotext {
				background: url(fotos/logotext.jpg) no-repeat;
				position:relative;
				height:55px;
    			width:250px;
				top:-81px;
				left:-60px;}
#bodytoolbar {	
				background: #FFF url(fotos/toolbar.jpg) no-repeat;
				position:absolute;
				padding-top:20px;
				padding-left:20px;
				height:36px;
				width:658px;
				top:414px;
				left:109px;}
html>body #bodytoolbar  {left:107px;top:405px;}
#bodytoolbar2 {	
				background: #FFF url(fotos/toolbar2.jpg) no-repeat;
				position:absolute;
				padding-top:20px;
				padding-left:20px;
				height:36px;
				width:662px;
				top:414px;
				left:108px;
				z-index:2000;} 
html>body #bodytoolbar2 { left:106px;top:405px;}						 
#meeuw {
		background: url(fotos/meeuw.gif) no-repeat;
		background-position: center;
		position: absolute;
		top: 0;
		height: 246px;
		width: 275px;
		z-index: 1000;}
html>body #meeuw	{top: 10px;}		

/* Pagina IMSO.HTML */
#imsotext 		{position:absolute;top:70px;left:285px;height:330px;width:490px;padding-right:5px;padding-bottom:10px;overflow:scroll;text-align:justify;}
#imsotitel 		{background: #000 url(fotos/wieisimso.gif) no-repeat;position:absolute;top:55px;width:160px;height:25px;float:left;}
#introtext 		{width:215px;position:relative;left:331px;top:-130px;text-align:right;height:168px;}
#imsotitel2 		{background: #000 url(fotos/activiteitenimso.gif) no-repeat;position:absolute;top:130px;width:160px;height:25px;}
#watisms 		{background: #000 url(fotos/watisms.gif) no-repeat;position:absolute;top:145px;width:160px;height:25px;}
#immuunsysteem 	{background: #000 url(fotos/immuunsysteem.gif) no-repeat;position:absolute;top:330px;width:160px;height:25px;}
#oorzaakvanms 	{background: #000 url(fotos/oorzaakvanms.gif) no-repeat;position:absolute;top:417px;width:160px;height:25px;}
#symptonenvanms 	{background: #000 url(fotos/symptonenvanms.gif) no-repeat;position:absolute;top:510px;width:160px;height:25px;}
#fasenentypes 	{background: #000 url(fotos/fasenentypes.gif) no-repeat;position:absolute;top:685px;width:160px;height:25px;}
#behandeling 	{background: #000 url(fotos/behandeling.gif) no-repeat;position:absolute;top:860px;width:160px;height:25px;}

/* html> = voor gecko-based browsers (Firefox,..) - 8pix lager...*/
html>body #imsotext 		{height:320px;width:485px;}
html>body #imsotitel 		{top: 40px;}
html>body #imsotitel2 	{top:140px;}
html>body #immuunsysteem	{top:322px;}
html>body #oorzaakvanms 	{top:412px;}
html>body #symptonenvanms {top:505px;}

/* Pagina MERCKX.HTML */
#merckxtext {
			position:absolute;
			top:70px;
			left:305px;
			width:340px;
			text-align:justify;}
html>body #merckxtext {top:70px;left:290px}

/* == KLEUREN voor standaard anchor links == */
/* C2B89A=  */
/* 777777= grijs */
/* FEFE9B= geel */
/* FFBF18= oranje */
a:link    	{color:#C2B89A;text-decoration:underline;font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;}  
a:visited 	{color:#FFBF18;text-decoration:none;font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;}  
a:hover   	{color:#FEFE9B;border-bottom:solid white thin;}

/* == Type van lijsten == */
li {list-style-type: square} 
ul {list-style-type: square} 
b  {color:#E2DCD0;text-decoration:none;font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;} 

/* CLASSEN voor FONTEN en KLEUREN van teksten*/
.input     {border:1px solid #9d8e6d;}
.inputtext {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:#000;}
.mytext    {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:#C2B89A;}
/* 999933= groenbruin */
/* LINK:    333333(grijs) */
/* VISITED: 666666(grijs), FEFE9B(geel) */
/* HOVER:   999933(groenbruin), FFBF18(oranje) */
a.mytext:link    {color:#000000;text-decoration: none} 
a.mytext:visited {color:#666666;text-decoration: none} 
a.mytext:hover   {color:#333333;text-decoration: none} 

/* ===== COUNTERS - AUG2006 ===== */
/* html> = voor gecko-based browsers (Firefox,..) - 8pix lager...*/
#counter {position:absolute;top:475px;left:110px;text-align:left;}
html>body #counter {top:463px;}

/* == FOTO'S  == (z-index zet links bovenop de 'meeuw'!) */			
#fotonav {
			height:231px;
			left:110px;
			overflow-x:hidden;
			overflow-y:auto;
			position:absolute;
			top:172px;
			width:170px;
			z-index:1500;
}
.navtext {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:#C2B89A;}
a.navtext:link {color:#C2B89A;text-decoration:underline;font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;}  
a.navtext:visited {color:#FFBF18;text-decoration:none;font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;}  
a.navtext:hover {color:#FEFE9B;border-bottom:solid white thin;}
			
#fototext {	position:absolute;top:95px;	left:290px;height:320px;width:487px;}
.fototext {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:#C2B89A;}
#fototitle {position: absolute;top:70px;left:300px;width:450px;text-align:justify;}
html>body #fototitle {top:60px;left:310px}					 
.fototitle {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;color:#C2B89A;}

/* TITLE & TEXT SCROLL/NOSCROLL*/
#scrolltitle {position: absolute;top:70px;left:300px;width:450px;text-align:justify;}
#scrolltext  {position:absolute;top:95px;left:285px;height:320px;width:495px;padding-right:5px;padding-bottom:10px;overflow:scroll;text-align:justify;}
html>body #scrolltext {height:300px;width:485px;}

#contacttext {position:absolute;top:90px;left:485px;height:310px;width:275px;overflow:hidden}

#bodytitle {position: absolute;top:70px;left:300px;width:460px;text-align:justify;}
html>body #bodytitle {top:60px;left:285px}
.bodytitle  {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;color:#C2B89A;}

#bodytextnoscroll {position:absolute;top:70px;left:305px;width:460px;text-align:justify;}
html>body #bodytextnoscroll {top:70px;left:290px}
#bodytextnoscroll2 {position:absolute;top:70px;left:305px;width:340px;text-align:justify;}
html>body #bodytextnoscroll2 {top:70px;left:290px}

#bodytextscroll {position:absolute;top:70px;left:290px;height:330px;width:500px;padding-right:5px;padding-bottom:10px;text-align:justify;overflow:scroll;}
html>body #bodytextscroll {height:320px;width:485px}

/* obsoletes ?? */
.bodytext   {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:normal;color:#C2B89A;}
#texttitle {position: absolute;top:70px;left:300px;width:450px;text-align:justify;}
html>body #texttitle {top:60px;left:310px}					 

.newstop {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:#FFFFFF}

/* ===== Nieuw OCT2006 ===== */
#homeNews {
	position:absolute;
	top:130px;
	left:275px;
	height:304px;
	width: 304px;
}
html>body #homeNews {top:130px;}
			
/* ===== RADIO ===== AUG2007 */						
/* html> = voor gecko-based browsers (Firefox,..) - 8pix lager...*/
/* == RADIO BE-ONE - AUG2006 ==*/								
.beone {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:#000000;background-color:#FFFFFF}

#playerRadio {width:200px;position:absolute;left:410px;top:60px;text-align:left;height:100px;}	
html>body #playerRadio {top:52px;}
#homeRadio {width:300px;position:absolute;left:600px;top:250px;text-align:left;height:50px;}			
html>body #homeRadio { top:242px;}
	
/* ===== AFFICHES ===== */			
/* html> = voor gecko-based browsers (Firefox,..) - 8pix lager...*/
/* #affiche {background:url(images/MSTochten2006_150.jpg) no-repeat;position:absolute;top:190px;left:320px;height:210px;} */
#homeAfficheL {
			position:absolute;
			top:250px;
			left:110px;
			height:165px;
			width:150px;
			}
html>body #homAfficheL {
			position:absolute;
			top:258px;
			left:110px;
			height:165px;
			width:150px;
			}
#homeAffiche1 {width:100px;position:absolute;left:600px;top:300px;text-align:left;height:100px;}
html>body #homeAffiche1 {top:292px;}
#homeAffiche2 {width:100px;position:absolute;left:600px;top:300px;text-align:left;height:100px;}
html>body #homeAffiche2 {top:168px;}
#homeAfficheR {
			position:absolute;
			top:240px;
			left:620px;
			height:165px;
			width:150px;
			text-align:left;}
html>body #homeAfficheR {
			position:absolute;
			top:248px;
			left:620px;
			height:165px;
			width:150px;
			text-align:left;}

/* ===== HOME - GASTENLINKS ===== */			
/* html> = voor gecko-based browsers (Firefox,..) - 8pix lager...*/
#homeGastLinks { position:absolute;top:250px;left:120px;height:50px;width:150px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:#000000;}
html>body #homeGastLinks {top:242px;}

/* ===== TAG voor Visionline ===== */
#tagvisionline {position:absolute;top:500px;left:570px;z-index:2000;color:#000000;} 
.tagvl   {color:#000000;text-decoration:none;font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;}  
a.tagvl:link    {color:#000000;text-decoration:underline;font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;}  
a.tagvl:visited {color:#666666;text-decoration:none;font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;}  
a.tagvl:hover   {color:#DDDDDD;border-bottom:solid white thin;}
html>body #tagvisionline {left:570px;top:492px;}

/* ===== BORN2RIDE LINK ===== */
#born2ride {position:absolute;top:85px;left:22Opx;height:50px;width:300px;}
html>body #born2ride {position:absolute;top:85px;left:220px;height:50px;width:300px;}