/* Xenerix CSS Document */
/*created by Don Crowley & http://www.inknoise.com/experimental/layoutomatic.php*/
/*TEST STYLESHEET - border=1px, default live = 0px*/
/*THIS IS AN ELASTIC LAYOUT*/
div {border: 0px solid red}
/*THE SECRET ABOUT margin: 0; and padding: 0;
Internet explorer calculates these with the wrong but logical method! The problem is with right and left padding. Top and bottom does not really ever matter.
All measurements go like padding: 1em 2em 3em 4em; (top, right, bottom, left;). 
To solve this problem, each box object has 0 right and left padding and margins. I add padding and margins to text values like h1, p, ul, li, etc.
You may also see margin: 0 5px; this is margin top and bottom: 0 right and left 5px.
*/
/*
COLORS: DARK ORANGE=#f06000 and LIGHT ORANGE (50% of DARK ORANGE) #f8B080
COLORS: DARK PURPLE=#3e0075 and MEDIUM PURPLE (66% of DARK PURPLE) #7e55a3 and LIGHT PURPLE (33% of DARK PURPLE) #bfaad1
COLORS: paragraph text= #555; (60% black)
*/
/*BOX STRUCTURES*/
		body { 
			margin: 0;
			padding: 0;
			font-size: 86%;} /*Is het tekst over het algemeen te klein verhhog met 10% naar 96%.*/
                        font-family: sans-serif;
		img {
			padding: 0;
			margin: 0;
			}
		#container {
			margin: 0;
			padding: 0;
		}

		#banner {
			height: 130px;
			padding: 0;
			margin: 0;
			background: #f06000 url(/img/xenerix_banner_bg2.jpg) repeat-x;
			/*background-color: #f06000;*/
			border-bottom: 6px solid #f8B080;
		}

		#banner img {
			border-left: 5px solid white;}
			
		#content {
			padding: 1.5em 0;
			margin-left: 200px;
			background-color: white;
			border-left: 1px solid #3e0075;
		}

		#sidebar-a {
		position: absolute;
		left: 0;
		top: 136px;
			/*float: left;*/
			width: 200px;
			\width: 200px;
			w\idth: 200px;
			margin: 0;
			margin-right: 0;
			padding: 3px 0;
			voice-family: "\"}\""; /*hack because IE does not do x-small well*/
			voice-family:inherit;
			padding: 0;		
			background-color: transparent;
		}

		#footer {
			clear: both;
			padding: 0;
			margin-top: 0em;
			background-color: #3e0075;
		}

		#footer p {
			margin: 0 27px 0.5em 227px;
			padding: 0;
			font-size: 0.86em;
			
			font-weight:500;
			color: white;
			}
		
		#banner img {
			padding: 0;
			margin: 0 0 0 -5px;
			}
		
/*NAVIGATION*/

#navcontainer
{
border-right: 0px solid #000;
padding: 0/* 0 1em 0*/;
margin-bottom: 0em;
font-family: Verdana, Lucida,  Arial, Helvetica, sans-serif;
background-color: #3e0075;
color: #333;
width: 200px;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-top: 0px solid white;
border-bottom: 2px solid #3e0075;
margin: 0;
padding: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 6px solid #bfaad1;
border-right: 6px solid #3e0075;
background-color: #7e55a3;
color: #fff;
text-decoration: none;
/*width: 100%;*/
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 6px solid #7e55a3;
border-right: 6px solid #3e0075;
background-color: #bfaad1;
color: #fff;

}
/*place id="current" in link to idicate which page active is*/
#navcontainer a:link#current, #navcontainer a:visited#current, #navcontainer a:hover
{
border-left: 6px solid #7e55a3;
border-right: 6px solid #3e0075;
background-color: #bfaad1;
color: #fff;
}

/*TEXT STYLES*/
		h1, h2, h3, a, p, ul, li, td, th
                { font-family: Verdana, Lucida,  Arial, Helvetica, sans-serif;
		}
		h1 {
			margin: 0 27px 1em 27px;
			padding:0px;
			font-size: 1.75em;
			font-weight:700;
			color:#7e55a3;
			background-color:transparent;
			display: block;
			}

		h2 {
			margin: 0 27px 0.5em 27px;
			padding:0px;
			font-size:1.33em;
			font-weight:800;
			background-color:transparent;
			color:#7e55a3;
			display: block;
			}

		h3 {
			margin: 0 27px 1em 27px;
			padding: 0;
			font-size: 1.1em;
			font-weight:700;
			color:#7e55a3;
			}

		h4 {
			margin: 0;
			padding: 0;
			font-size:1em;
			font-weight:700;
			color:#f00;
			display: inline;
			}
		p,form,table {
			margin: 0 27px 1em 27px;
			padding: 0;
			font-size: 0.86em;
			font-weight:500;
			color:#555;
			line-height:150%;
			}
		li {
			margin: 0;
			padding: 0;
			font-size: 0.86em;
			font-weight:700;
			color: white;
			}

		#content a {
			color: #3e0075; 
			text-decoration:underline; 
			font-size: 100%; /*ge-erfd van content p, 100% is smae-size*/
			font-weight:700; 
			}
		#content a:link {
        	color: #f06000;
				}
		#content a:visited {
	        color: #f06000;
		        }
		#content a:hover {
	        color: red; text-decoration:underline; }

#footer a {
color: #ffffff;

				}