/*
NEL - New Old Stock Electronics Limburg
Door studiosiena.be (versie 02-07-2007)
*/

/* HTML selectors */

body {
	margin: 0px;
	padding: 0px;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 100%;
	color: #FFCC99;
	background-color: #35281e;
}

/* 	Positie */

.container {
	width: 850px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 0px;
}

/* 	Hoofding */

#header {
	height: 242px;
	background-color: #35281E;
	text-align: center;
	margin: 0px auto;
}
	
#hoofdmenu {
	background-image: url(../images/menu_achtergrond.jpg);
	background-repeat: no-repeat;
	height: 242px;
}

/* 	Midden */

#midden {
	background-color: #35281E;
}

form, fieldset, img, ul, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 {
	color: #000000;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
}

h2 {
	color: #886644;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}
#footer h2 {
	color: #443322;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
}

h3 {
	color: #0D7891;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
h4 {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 2px;
}
h5 {
	color: #886644;
	font-size: 12px;
	font-weight: normal;
}
h6 {
	color: #AA4422;
	font-size: 10px;
	font-weight: normal;
	margin: 3px 0 7px 0;
}
p {
	margin: 0px;
	line-height: 1.2em;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#sidebar {
	font-size: 0.8em;
	margin: 0px;
	padding: 10;
	width: 150px;
	position: relative;
	float: left;
}

#leftcontent {
	width: 360px;
	text-align: justify;
	font-size: 0.8em;
	float: left;
	margin-left: 15px;
	z-index: 2;
}

.lefttop {
	background-image: url(../images/lefttop.gif);
	background-repeat: no-repeat;
	background-color: #564334;
	height: 25px;
}
.leftmidden {
	background-color: #82634C;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.leftbottom {
	background-image: url(../images/leftbottom.gif);
	background-repeat: no-repeat;
	height: 25px;
	float: none;
	background-position: left top;
}
#maincontent {
	width: 370px;
	text-align: left;
	font-size: 0.9em;
	float: right;
	padding-right: 20px;
	padding-bottom: 20px;
	color: #EBE6E0;
}

#maincontent li {
	list-style-type: square;
	padding-left: 25px;
	font-size: 12px;
}

#maincontent p{
	font-size: 0.9em;
	color: #EBE6E0;
}

/* Links */

a:link, a:visited {
	color: #F6BC7C;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #FF9900;
	text-decoration: underline;
}

/* Navigatie */
#menu {
	margin: 0;
	padding-top: 6px;
	height: 20px;
	float: right;
	padding-right: 140px;
}

#menu {
	white-space: nowrap;
}
#menu li {
	float: left;
	display: block;
	margin-right: 10px;
	padding-left: 5px;
}

#menu li a {
	color : #C2AC98;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	display: block;
	display: inline-block; /* IE */
	height: 25px;
	line-height: 20px;
	border:none;
	background-image: url(../images/bullit_0.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	padding-top: 2px;
}

#menu li a:hover {
	color: #FF9900;
	background: url(../images/bullit_2.jpg) no-repeat left;
}

#menu li.actief a {
	color: #A34416;
	background: url(../images/bullit_1.jpg) no-repeat left;
}

#menu li a:active {
	color: #A34416;
	background: url(../images/bullit_1.jpg) no-repeat left;
}

#nav {
	padding: 0;
	margin: 0em;
}

/* 	We set the bottom margin of each list item to 1px and
	we turn off the default bullet character. */
#nav li {
	margin: 0 0 1px 0;
	padding: 0;
	list-style-type: none;
	background-color: #2E1F18;
}

/* 	For navbar links only - We turn off underlines, assign
	3px padding, a border, a background color, a text color
	and we set the link to display block which makes it act
	like a "button" */
#nav a, #nav a:visited {
	text-decoration: none;
	padding: 0px;
	border: 0px solid #FFFFFF;
	color: #FFDFBC;
	display: block;
}

/* 	the hover class is obvious. Active serves a dual purpose. In
	all browsers, it is triggered when the mouse is down and
	releases when the link loses focus. In IEPC it also is the
	state of the link when tabbed to using the keyboard. Focus
	is triggered when the link is tabbed to in browsers other
	than IEPC. */
#nav a:hover, #nav a:active, #nav a:focus {
	color: #FFFFFF;
	background-color: #ccc;
}

/* De Footer beneden */

#footer {
	/* Clearing permits the footer to "escape" the float and span the
	area below the sidebar and maincontent DIVs. */
	clear: both;
	background-color: #35281E;
	font-size: 0.5em;
	/* To set min-width for footer, take mainwrapper minus its
	left and right padding and subtract from that the left and right
	footer padding: 744-16=728  */
	min-width: 728px;
	padding-bottom: 15px;
}
#bodem {
	background-image: url(../images/bottom.jpg);
	height: 40px;
	top: 0px;
}

#footer p {
	padding-left: 20px;
}