/* == 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:10px;
	padding-left:20px;
	height:30px;
	width:658px;
	top:420px;
	left:109px;}
html>body #bodytoolbar  {left:107px;top:420px;}

#bodytoolbar2 {	
	background: #FFF url(fotos/toolbar2.jpg) no-repeat;
	position:absolute;
	padding-top:10px;
	padding-left:20px;
	height:30px;
	width:662px;
	top:420px;
	left:108px;
	z-index:2000;} 
html>body #bodytoolbar2 { left:106px;top:420px;}	
					 
#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;}	

#imsobottom {
	background: url(images/logo_imso.gif) no-repeat;
	background-position: center;
	position: absolute;
	top:420px
	height: 60px;
	width: 60px;
	z-index: 1000;}
html>body #imsobottom	{top: 420px;}	

/* 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;} 

/* KLASSEN 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:250px;
	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}

/* ===== NIEUWS OP HOMEPAGE ===== */

/* HOMENEWS304x304 - voor grote affiche op HOMENEWS */
#homeNews {
	position:absolute;
	top:130px;
	left:275px;
	height:304px;
	width: 304px;
}
html>body #homeNews {top:130px;}

/* HOMENEWS200x200 - klein news window */
#homeNews200x200 {
	position:absolute;
	top:200px;
	left:300px;
	height:200px;
	width: 200px;
}
html>body #homeNews {top:200px;}

			
/* ===== 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:180px;
	width:150px;}
html>body #homAfficheL {
	position:absolute;
	top:250px;
	left:110px;
	height:180px;
	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:250px;
	left:620px;
	height:180px;
	width:150px;
	text-align:left;}
html>body #homeAfficheR {
	position:absolute;
	top:250px;
	left:620px;
	height:180px;
	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 ===== left:565px;*/
#tagvisionline {position:absolute;top:470px;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:200px;top:470px;}

/* ===== 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;}