/********************************************************
*
*	stylesheet initializing JGC website
*
********************************************************/

/* Main Structural Elements & init
-------------------------------------------- */	

html, span { margin: 0; padding: 0; border: 0; }

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 81.25%; /* Sets base font size for site to 10px (because 62.5% of 16px [default browser font size] = 10px)   */
	background: #707070 url(../images/bkg_red.gif) repeat-y top center;
	text-align:center;
	margin: 0;
	padding: 0;
	height: 100%;
}

form{margin: 0;}

div, a, ul, li, span, MARQUEE, object, dl, dt { margin: 0; padding: 0;}
li{list-style-type:none;}
#taalKeuze img { border: 0;}

a,a:hover{color:#900;}

/* div section
-----------------------------------  */
/* global positionering */

#wrapper{text-align:left; margin: 0 auto; width: 780px;}
#header{height:149px; background: #CCC url(http://www.jgc.be/Afbeeldingen/bkgmenu_07.gif) repeat-x top left;}
#tree{background: #CCC url(http://devweb.anaxis.be/jgc/tree/tree_back.gif) repeat-y top left; width: 220px; float: left;}
#container{float:right;	background: #C0C0C0; padding-left: 10px; width: 548px;}
#clear{clear:both; height:1px; overflow:hidden;}

/* 3px margin-header in IE en Firefox werkend*/
#leadinTopImages{padding:0; margin:0 0 -3px 0;}
#taalKeuze{padding:0; margin:0 0 -3px 0;}


/* positioning inside header
--------------------------------- */
#headerWrapper{width:780px;}
#looptekst{width:264px;	float:left;}
#leadinBottomImage{float:left; width:201px;	height:92px;}
#leadinTopImages, #taalKeuze, #headerNavigationBanner{float: left;}
#headerNavigationBanner{width:570px;}
#headerNavigationBanner object{margin-left:-20px; z-index:20; position:relative;}
#headerNavigationBanner embed{margin-left:-20px;}

/* navigation tree
-------------------- */

#logoTree{margin:0;	padding:10px 0px 20px 35px;}
#tree a{text-decoration:none;}
#tree img{border: 0;}


/* content
-----------*/

#contentTitle{padding: 0 0 1px 10px; background-color:#FFF;	border-bottom:solid 3px #C66; font-size: 1.15em; font-weight:bold;}

/* Zoekveld nieuws 
-------------------- */
#zoekveld, #nieuwsZoekResultaat{margin:0 0 0 10px;}
#zoekveld p, #zoekOverzichtnieuws p{font-weight:bold;}
#zoekveld input, #zoekOverzichtnieuws table{margin:0 0 0 20px;}
#zoekOverzichtnieuws table td{background-color:#CCADAD;	padding:0 0 2px 10px; border-bottom:solid 2px #C0C0C0;}

/* Resultaat zoekopdracht
--------------------------- */

#overzichtArtikels td{background-color:#CCADAD;	padding:0 0 2px 10px; border-bottom:solid 2px #C0C0C0;}

#tabelHeader td{font-weight:bold; padding:10px 0 5px 10px;}

#opnieuwZoekenKnop{margin: 0 0 10px 20px;}

#errorArtikel{margin: 10px 0 10px 20px;}

#nieuwsDetail h4{margin: 10px 0 0 10px;}

#nieuwsDetail h4 img{margin: 10px 0 0 0;}

#nieuwsDetail p, #nieuwsDetail img{margin:5px 0 0 28px;	font-weight:bold;}

#nieuwsDetail p span{font-size: 0.85em;	font-weight:normal;}

#nieuwsDetailInfolinken, #nieuwsDetailHtmllinken{margin:5px 0 0 28px;}

#nieuwsDetailGerelateerdeBestanden a{margin:0 0 0 15px;	background:url(../../../../update/pages/images/pit_pijl.gif) no-repeat center left;	padding-left:10px;}

div#nieuwsGerelateerdeArtikels table#overzichtArtikels, #persoonsgegevens p, #categorielijst input
{margin:0 0 0 28px;}

/* Error teksten */
#contentText{padding: 5px 0 10px 20px;}

/* nieuws login-inschrijven */
#nieuwsInschrijven p{margin-left:15px;}

#nieuwsInschrijven a{margin-left:15px; background:url(../../images/vinkje.gif) no-repeat center left; padding-left:15px;}

#nieuwsInschrijven input{margin-top:5px;}

#persoonsgegevens h4, #categorielijst h4, #inschrijvenAbonnement a, #confirmInschrijving h4, #confirmTekstVerwijdering p
{margin:15px 0 5px 10px; background:url(../../images/vinkje.gif) no-repeat top left; padding-left:15px;}

#persoonsgegevens h6{margin:5px 0 0 150px;color:Red;}

#confirmInschrijving p{margin:0 0 0 28px;}

#frmRegistratie h4{font-weight:bold;font-size:0.9em;}

/* class section
---------------------- */

/* tree menu items */
#tree a{font-size:0.85em;}
#tree ul, #treeHead{margin-left:25px;}
#tree dl a{color:Black;}
#tree dl a:hover{color:#900;}
.level1 a, .level1_open a,.level1 a:link, .level1_open a:link,.level1 a:visited, .level1_open a:visited
{color:White;} 
.level1 a:hover, .level1_open a:hover{color:#900;}
#tree dl img{padding-right:6px;}
#tree dl{width:165px;}

.level1 {background: #CCC url(../tree/hoofd_cat_nactive.gif) repeat-x top left; width:153px; height:18px; padding:2px 0 1px 25px;}
.level1_open {background: #CCC url(..//tree/hoofd_cat_active.gif) repeat-x top left; width:153px; height:18px; padding:2px 0 1px 25px;}
.level2, .level2_open{background-color:#CCADAB; padding:1px 0 1px 10px; margin:0 0 2px 7px; }
.level3, .level3_open{background-color:#CCADAB; padding:1px 0 1px 20px; margin:0 0 2px 7px; }
.level4, .level4_open{background-color:#CCADAB; padding:1px 0 1px 30px; margin:0 0 2px 7px; }

/*confirmation label met vaste breedte*/
.persoonsgegevensLabel{width:100px; display:block; float:left;}
.confirmInschrijvingLabel{font-weight:bold; width:100px; display:block; float:left;}

/* overview nieuwsitems */
.nieuwsitemAantal{font-size:0.80em;}

/* horizontale regel */
.horizontalRulerNieuws{border-top:solid 3px #CFCFCF; width:510px; height:3px; padding:0; margin: 15px 0px 15px 5px;}

/* grootte looptekst in header */
.scrollen{font-size:0.7em; padding-left:6px;}
div.scrollen>marquee{font-size:0.8em;}