/* klant:obh */

@import url("undohtml.css");
@import url("skin/typo.skin.css");
@import url("skin/toolbox.skin.css");

/*~  Default/shared styles
----------------------------------------------------------------------*/

html {height:100%;
}

/* moved to typo.skin.css
 body {
padding:0;
font-family:Verdana, Arial , sans-serif;
font-size:0.88em;
color:#000;
height:100%;

} */


body {height:100%}

#Container{	
height:100%;
margin:0 auto;
padding:0;
overflow-y:scroll;

}

#LastEdited {position:absolute;top:116px;right:0;font-size:0.8em;width:280px;height:32px;text-align:right;line-height:1.5em}
#LastEdited span {color:#ff7320}
#StyleSwitcher {position:absolute; z-index:29;font-size:0.9em;width:63px;right:86px;top:4px;}


#PageContainer {width:960px;margin:0 auto;}

#HeaderContainer {width:100%;background:#fff;height:142px;}
#FooterContainer {clear:both;width:100%;height:62px;}
#MainContainer {}

#Main {}

#Header {position:relative;}



/* moved to typo.skin.css

a {color:#ff7320}

#ContentMain {}

#ContentFCK {
background:#ffffff;
}

*/

#Footer {clear:both;
width:100%;
padding-top:12px;
height:30px;

text-align: center;
align:center;
color: #000;
font-size:0.9em!important;
line-height: 1.43em;margin:0 auto;
}


#FooterLeft {float:left;}
#FooterRight {float:right;}

#Menu{
padding-left:8px;
position:absolute;
top:0;left:0;
height:24px;
background:url(../images/menubkgrnd.jpg) no-repeat;
width:100%;
z-index:13;
}

#ContentMenu {/* padding-top:19px; */}

#Logo {
position:absolute;
top:28px;left:0;
z-index:12;
}

.SearchBox {
position:absolute;
top:2px;left:640px;
z-index:21;
height:22px;
overflow:hidden;
}

#Plectra {width:337px;
position:absolute;
top:28px;right:0;
background:url(../images/VisualPlectra.jpg) top right no-repeat;
height:81px;}


#BrowseAloudLogo {position:absolute;top:2px;right:31px;z-index:20;width:20px;}



#ArtikelContainer{float:NONE;width:100%;} 

#NieuwEmbed {float:left}






#Banners {
width:454px;
background:#505450;

height:206px;
/* padding-bottom:20000px;
margin-bottom:-20000px; */

}

#Banners #ContentRight {

								padding-left:15px;
								
								height: 100%; }
								
	.MiniBar	#Banners #ContentRight {

								padding-left:8px;
								
								 }						
								
								
								
								
								
								
								
								

div#count {
display:none;
position:fixed;
z-index:99;
bottom:0;
left:0;

	padding: 6px;
	margin-bottom: 10px;
	width: 100px;
	height:25px;
	color:white;
	font-size:10px;
} /* onderdeel van ALA stijlwissel */




/* =stijlen */







#Footer a {color:#000;font-weight:normal;;}
#Footer a:link {text-decoration:underline;}
#Footer a:visited {text-decoration:underline;}
#Footer a:hover {text-decoration:none;color:#ff7320}
#Footer a:active {text-decoration:none;color:#ff7320}



#BreadCrumb {font-size:0.8em;color:#000;height:32px;width:100%;position:absolute;top:116px;left:0;line-height:1.5em}
#BreadCrumb .BreadCurrent  {font-weight:bold;color:#ff7320	;}

#BreadCrumb a {font-size:1em;color:#ff7320;}

#BreadCrumb a:link, #BreadCrumb a:visited {text-decoration:none;
}

#BreadCrumb a:hover, #BreadCrumb a:active {text-decoration:underline;
}




/* moved to typo.skin.css

#ContentMain {line-height:1.29em;}
#ContentMain h1 {font-size:1.21em;color:#ff7320;font-weight:normal;margin-bottom:13px;}
#ContentMain h2 {font-size:1em;color:#ff7320	;font-weight:bold;}

#ContentMain table {background:#fff;margin-top:3px;border:1px solid #ff7320;padding:4px;border-padding:0;}
#ContentMain table.TableMeerNieuws{border:none;width:100%;background:none;}

#ContentMain a {color:#ff7320;font-weight:normal;}
#ContentMain a:link {text-decoration:underline;}
#ContentMain a:visited {text-decoration:underline;}
#ContentMain a:hover {text-decoration:none;}
#ContentMain a:active {text-decoration:none;} */



#ContentMain #Faq a {color:#ff7320;font-weight:normal;;}
#ContentMain #Faq a:link {text-decoration:none;}
#ContentMain #Faq a:visited {text-decoration:none;}
#ContentMain #Faq a:hover {text-decoration:underline;}
#ContentMain #Faq a:active {text-decoration:underline;}


ul {margin-top:8px;}
ul li {margin-left:10px;padding-left:18px;background:url(../images/ulli.gif) top left no-repeat;}

#ContentMain ul li {max-width:100%;}


#Banners ul {}
#Banners ul li {margin-left:0px;padding-left:0px;background:none;}

#Header ul {}
#Header ul li {margin-left:0px;padding-left:0px;background:none;}

#Footer ul {}
#Footer ul li {margin-left:0px;padding-left:0px;background:none;}



#Nieuws {font-size:0.86em;}
#Nieuws hr {border-top:1px solid #ff7320;}
#ContentMain #NieuwsDatum {color:#ff7320;font-weight:bold;font-size:0.79em;}


a.top {float:right;}



/* einde =stijlen */




/* begin =Artikel */


.Artikel, .ArtikelUitgelicht, .ArtikelNieuws {
margin:0;
padding:0;
min-height:220px;
overflow:hidden;
border-right:1px solid #c9d2d9;
width:234px;
float:left;
position:relative;
}


.Artikel {background:white;color:#000;}
.ArtikelUitgelicht {color:white;background:#cbccbf;}
.ArtikelNieuws {border:none;color:#000;background:none;}
.ArtikelNieuws.MeerNieuws {margin-left:8px;}

.Artikel p, p.ArtikelTekst {clear:both;font-size:0.79em;}

.ArtikelNieuws p.ArtikelTekst {font-size:0.79em;}

#ContentMain .Artikel h1, #ContentMain .ArtikelUitgelicht h1 {

padding:4px 12px 4px 12px;
font-size:1em;
font-weight:bold;	

} 

#ContentMain .ArtikelNieuws h1 {padding:0;
font-size:1em;
font-weight:bold;color:#ff7320;}


#ContentMain .Artikel h1 {color: #ff7320;}

#ContentMain .ArtikelUitgelicht h1 {color:white;}




.ArtikelInside {width:100%;}
.ArtikelInside .ArtikelHead {overflow:hidden;height:3em;}

#ContentMain .ArtikelInside a.leesmeer {
								font-size:0.79em;	
								display:block;
								padding:2px 8px;
								
								text-align:center;
								align:center;
								font-weight:bold;
								position:absolute;
								bottom:0;
								right:0;
								margin:8px;
								background:#ff7320;
								color:#fff
								}
								
								
#ContentMain .ArtikelInside a.leesmeer:link,
#ContentMain .ArtikelInside a.leesmeer:visited {color:#fff;
								text-decoration:none;}
#ContentMain .ArtikelInside a.leesmeer:hover,
#ContentMain .ArtikelInside a.leesmeer:active {color:#000;text-decoration:underline;}
								

.ArtikelTekstWrap {padding:12px;}


.ArtikelNieuws .ArtikelTekstWrap {padding:0;}


.ArtikelTekst img,.ArtikelTekst img#Rechtslijnend, img#InzetRechts {float:right;
margin:0 0 8px 8px;}

.ArtikelTekst img#Linkslijnend, img#InzetLinks {float:left;
margin:0 8px 8px 0;}









#ContentMain .ArtikelNieuws a {font-weight:Bold;font-size:0.93em}								
#ContentMain .ArtikelNieuws.MeerNieuws a:link,
#ContentMain .ArtikelNieuws.MeerNieuws a:visited
 {font-weight:Bold;font-size:0.8em;color:#000!important}	
#ContentMain .ArtikelNieuws.MeerNieuws a:hover,
#ContentMain .ArtikelNieuws.MeerNieuws a:active
 {color:#ff7320!important}	 
	#ContentMain .ArtikelNieuws a.Archief:link,
	#ContentMain .ArtikelNieuws a.Archief:visited
	{font-weight:Bold;font-size:1.1em!important;color:#ff7320!important;}	

#ContentMain .ArtikelNieuws.MeerNieuws h1 {line-height:1.8em}

	
#ContentMain .ArtikelNieuws a:link {color:#ff7320;
								text-decoration:none;}
#ContentMain .ArtikelNieuws a:visited {color:#ff7320;
								text-decoration:none;}
#ContentMain .ArtikelNieuws a:hover {color:#ff7320;text-decoration:underline;}
#ContentMain .ArtikelNieuws a:active {color:#ff7320;text-decoration:underline;}
								






								
								
#StyleSwitcher a {margin:0!important;padding:0!important;}









.Block.Small {width:454px;height:206px}

.Block.Medium {width:478px;}
.Block.MediumLarge {width:798px!important;}
.Block.Large {width:960px!important;}
.MiniBar .Block.Small {width:150px!important;}

.Block h3 {font-size:1.07em;color:#fff;font-weight:normal;text-align:center;width:100%;display:block;height:27px; line-height:1.6em}
.Block.Small h3 {background:url(../images/title_small.jpg) no-repeat;}
.MiniBar .Block.Small h3 {background:url(../images/title_mini.jpg) no-repeat;}
.Block.Medium h3 {background:url(../images/title_medium.jpg) no-repeat;}
.Block.MediumLarge h3 {background:url(../images/title_mediumlarge.jpg) no-repeat;}
.Block.Large h3 {background:url(../images/title_large.jpg) no-repeat;}

.Block .BlockBorder {
border-left:1px solid #ff7320;
border-right:1px solid #ff7320;
border-bottom:1px solid #ff7320;

}

.Block.Medium .BlockBorder {width:476px;}
.Block.MediumLarge .BlockBorder {width:796px;}
.Block.Large .BlockBorder {width:958px;}


#Banners {height:100%;float:right}
.MiniBar #Banners {float:none}




#Banners a:link, 
#Banners a:visited {
color:#fff!important;
text-decoration:none;
padding-left:16px;
background:url(../../images/arrow_orange.gif) no-repeat  left 6px}

#Banners a:hover, 
#Banners a:active {
color:#ff7320!important}





#Banners ul.rss {margin-bottom:8px;}
#Banners ul.rss li {list-style-type:none;height:38px;width:137px;}
#Banners ul.rss li a {display:block;height:38px;width:137px;text-decoration:none;padding:0;background:none}
#Banners ul.rss li a:link, #Banners ul.rss li a:visited {height:38px;width:137px;background:url(../images/banner_rss_ulli.gif) top left;}

#Banners ul.rss li a:hover, #Banners ul.rss li a:active {height:38px;width:137px;background:url(../images/banner_rss_ulli.gif) bottom left;}








#Banners .Top10Blok a {display:block;width:185px;height:148px;background:url(../images/banner_top10.jpg) no-repeat;padding:0}
.MiniBar #Banners .Top10Blok a {width:137px;background:url(../images/banner_top10_mini.jpg) no-repeat;}



#Banners .LinksBlok {float:left;width:246px;}


#Banners .Top10Blok {float:left;width:140px;}
.MiniBar #Banners .LinksBlok {margin-top:8px}
.MiniBar #Banners .LinksBlok,
.MiniBar #Banners .AladinBlok,
.MiniBar #Banners .Top10Blok
 {float:none;}
.MiniBar {width:150px!important;overflow:hidden;height:460px!important;float:right;}






#Banners #LinkCatalogus a,
#Banners #LinkVerlengen a
  {display:block;text-indent:-9999px;height:32px;border:2px solid #fd7221}
  
 #Banners #LinkVerlengen a {margin-top:8px;}
  
 #Banners #LinkCatalogus a,
#Banners #LinkVerlengen a { width:219px!important;}


.MiniBar  #Banners #LinkCatalogus a,
.MiniBar   #Banners #LinkVerlengen a { width:115px!important;}

#Banners #LinkCatalogus a:link,
#Banners #LinkCatalogus a:visited
 {background:url(../images/banner_catalogus.jpg) no-repeat;}
 
 #Banners #LinkCatalogus a:hover,
#Banners #LinkCatalogus a:active
 {background:url(../images/banner_catalogus_active.jpg) no-repeat;}
 
#Banners #LinkVerlengen a:link,
#Banners #LinkVerlengen a:visited
 {background:url(../images/banner_verlengen.jpg) no-repeat;}
 
 #Banners #LinkVerlengen a:hover,
#Banners #LinkVerlengen a:active
 {background:url(../images/banner_verlengen_active.jpg) no-repeat;}
 
 
 
 
 
 

/* einde =Artikel */

/* =Nieuws */

#Nieuws {
/* border:1px solid #23488D; */
width: 200px;
float: left;
padding: 10px;
background:#f8f8f8;
margin:5px  16px  16px 0;
overflow-x:hidden;
}

/* =einde Nieuws */

/* =formulier items */

input,textarea,select {font-size:0.79em;
font-family: Verdana, Arial;
}

.FormVeld {
border:1px solid #90A2B8;
font-size:0.79em;
margin-right: 8px;
margin-top: 0px;
height: 1.6em;
padding-left:0.2em;
vertical-align:middle;

}


.SearchBox .FormVeld {font-size:11px!important;line-height: 16px!important;}



input.zoekbutton {
padding-top:0px;
margin-top: 0px;
vertical-align:bottom;
}

/* =einde formulier items */