/* ============================================================================== 
= 	Stylesheet for http://www.livios.be 					
=  ------------------------------------
=     All Rights reserved - 2004                             
=     Version 0.9                                                            
=     Author: WS & KST - Livios & Amplexor                                                                                                                         
==
= 
= Info: Stijlen zijn opgedeeld per logische blokken op de website (header, breadcrumb, navigation, rightbar, content)
= 		  kleur thema's worden op slechts één plaats onderhouden.
= 
================================================================================= */
/* ==
= General Declarations
===== */
body, html{height: 100%}
body{font: 0.70em/1.3 verdana, helvetica, sans-serif; width: 99%; margin: 0 auto; padding: 0}
/* hack to target IE specific */

* html body{width: 700px}
#main{width:100%; background:#069 url(background.gif) top repeat}
* {font-size: 100%; }



/* general declarations  */
img{border: none}

h1 {font-size: 2em; text-align:left; padding:0; font-weight: normal; margin: 0.2em 0em; color: #000; white-space: nowrap}
h2 {font-size: 1.33em}
h3 {font-size: 1.1em}
h4 {font-size: 0.9em}
h5 {font-size: 1em}

a:link, a:active, a:visited {text-decoration: underline}
a:hover{text-decoration: none}
.linkbox{ text-decoration: none;padding:0em 1em 0.2em 1.5em;}
.italic{font-style: italic}
.right{float: right; clear: both}
.left{float: left}

/* ==
= Header
===== */
.header {margin: 0; padding: 0}
.header a{text-decoration: none}
.header h1 {width: auto; font-size:1.5em;	font-weight: bold; color:#fff; padding: 0; font-family: Geneva, Arial, Helvetica, sans-serif; white-space: nowrap; text-align: left; position: absolute; top: 0px; left: 180px}
.header td{vertical-align:bottom}



#banners, #nav, #breadCrumb, #langChoice, #lang, #targetNav, #rightinclude, #topBanners, #heading-nav, #content #search,  #content #printback,  #content #adbanner {display:none}






#logo{width: 170px; padding: 0; margin: 0}






#contentTable{width: 100%; background-color:#fff;}
#contentTable td{vertical-align: top}


/* ==
= Content stijlen; nog verder te verfijnen indien gewenst
===== */

/* Standaard content elementen */
#content{padding-top:2em; height: 100%}


/* ==
= contentzoekbalkje
===== */




/* == contentbox 
========= */
#content .Box{padding: 0em;}
#content .Box p{text-align: left; margin:0em}

#content .contentBox{padding: 1em; margin-bottom: 1em; }
#content .contentBox p{text-align: left}

#content .contentBoxfull{margin-bottom: 1em;}
#content .contentBoxfull .tableborder {border:1px solid #fff;}

#content #contentcontainer{
	/* margin:0.5em 0.5em 0.5em 0.5em; */
	margin-left:0px;
	width:800px;
}


/* Kleurcodes voor de tekst achtergrond*/
#b1 .contentBox, #b1 .bgOn {background: #E6F2FF}
#b2 .contentBox, #b2 .bgOn {background: #E7F2CE}
#b3 .contentBox, #b3 .bgOn {background: #F7EDF8}

#b1 #content {background-attachment: fixed;background-image: url(bl-hoekje.gif);background-repeat: no-repeat;background-position: left top}
#b2 #content {background-attachment: fixed;background-image: url(gr-hoekje.gif);background-repeat: no-repeat;background-position: left top}
#b3 #content {background-attachment: fixed;background-image: url(prs-hoekje.gif);background-repeat: no-repeat;background-position: left top}



#content h1{font-weight: bold; font-size: 1.8em; text-align:right; margin:0em 0em 0em 0em;}
#content h2{font-size:1.4em;font-weight: bold; color: #000; letter-spacing: 1px; text-align: left; vertical-align: top; display: inline}
#content h3{font-size:1.2em; font-weight: bold; letter-spacing: 0.4px; text-align: left; vertical-align: top; }
#content h4{font-size:1em; font-weight:bold;letter-spacing: 0.5px; text-align: left; vertical-align: top; display:inline;}
#content h5{font-size:1em; font-weight:bold;color:#666; letter-spacing: 0.5px; text-align: left; vertical-align: top;}



#b1 #content h3, #b1 #content h4 a{color:#3399FF; text-decoration:none;}
#b2 #content h3, #b2 #content h4 a{color:#7CA600; text-decoration:none;}
#b3 #content h3, #b3 #content h4 a{color:#BA72C5; text-decoration:none;}

#b1 #content h4 a:hover{text-decoration:underline;color:#3399FF;}
#b2 #content h4 a:hover{text-decoration:underline;color:#7CA600;}
#b3 #content h4 a:hover{text-decoration:underline;color:#BA72C5;}

#b1 .contentBoxfull .tableborder td {background:#C4E0FF}
#b2 .contentBoxfull .tableborder td {background:#D6E9A9}
#b3 .contentBoxfull .tableborder td {background:#EAD5EA}

#b1 #content #tabelkopje{  background-color: #aaa}
#b2 #content #tabelkopje{  background-color: #aaa}
#b3 #content #tabelkopje{  background-color: #aaa}

#b1 #content #tabelkopje{  border-color: #333;}
#b2 #content #tabelkopje{  border-color: #333;}
#b3 #content #tabelkopje{  border-color: #333;}


#content #tabelkopje{font-weight: bold; margin-top:1em; margin-bottom:0em; font-size: 1em; color:#fff; letter-spacing: 2px; border-width: 0px 1px 1px 0px;border-style: solid; padding:0em 0em 0em 1em;  white-space: nowrap;background-repeat:no-repeat;background-position:left top; background-image: url(css_hoekje_wit.gif);}

.tableborder {border:1px solid #000;}
.tableborder td {background:#eeeeee}

/* List style elementen */
#content ul{list-style: square; list-style-position: outside;}
#content ul ul{list-style: disc; list-style-position: outside;}
#content ul ul ul{list-style: circle;list-style-position: outside;}

#content #tip {border:1px solid #000; padding:0.2em 0.2em 0.2em 3em; background-repeat:no-repeat;background-position:left top}

#b1 #content #tip {background-image:url(css_blue-tip.gif); }
#b2 #content #tip {background-image:url(css_green-tip.gif); }
#b3 #content #tip {background-image:url(css_prs-tip.gif); }


#content select {border-width: 1px;border-style: solid;border-color: #000;background:#fff; font-size:0.9em;text-align: center; vertical-align: middle; padding:0px; margin:0px}
#content input {border-width: 1px;border-style: solid;border-color: #000;background:#fff; font-size:0.9em;text-align: center; vertical-align: middle;}

#content a:link, #content a:active, #content a:visited, #content a:hover{color: #000}
#content a:hover{text-decoration: none}


#b1 #content h1{color:#9cf}
#b2 #content h1{color:#9c0}
#b3 #content h1{color:#D6ADD6}


#content table{ width:100%;}
#content table td{padding:2px}


 #copyrightc {text-align:center;margin-top:1em; margin-bottom:10px;}
 /*#copyrightmessage {text-align:left; margin-top:12px; margin-left:0px; display: block; clear:left; }*/
 #copyrightmessage {text-align:left; margin-top:12px; margin-left:0px; display: block; clear:left; padding-top:10px; }
 
 #aansprakelijkheidmessage {text-align:justify;margin-top:1em; display: block;}


/* de stijlen die de "checklist" en "Richtprijzen" opmaken */

hr{border: none; border-bottom: 1px dashed #333; background: none; height: 1px}
.articleFooter{width: 98%}
.articleFooter td{ width: 50%; margin: 1%}

/* positionering van afbeeldingen bij en paragraaf, ofwel rechts (en overgaand in de volgende paragrafen, ofwel onder de huidige paragraaf */
/* kst:  de 220 px breedte is afhankelijk van de breedte die deze images zullen / kunnen hebben.*/

.imgright{float: right; clear: right; margin-left: 1em; width: 220px; margin-bottom: 1em}
.imgbottom{float: left; margin-left: 1em}

/* opmaak van de content links */



/* opmaak voor bvb datum, autheur,... naast de titel */

.lighter{font-size: 85%; color: #aaa}



/* navigation niet tonen bij het afprinten zodat er geen content wordt afgekapt ---------------------------------------------------*/

#navigation {
	display:none;
}

/* tabjes niet tonen bij het afprinten ---------------------------------------------------*/

#tabContainer {
	display:none;

}

/* zoek rechterbalk niet tonen bij het afprinten ---------------------------------------------------*/

#topSearch {
	display:none;

}

/* rechter topnavigatie niet tonen bij het afprinten ---------------------------------------------------*/

#linkContainer {
	display:none;

}