body {
	padding: 0px;
	margin: 0px;
	font-family: arial, verdana, helvetica;
	color: #8A8171;
}

p, span, div, body, img, a, h1, h2, h3,ul,li {
	padding: 0px;
	margin: 0px;
}

h1, h2, h3 {
	margin-bottom: 5px;
}

a img {
	border: 0px;
}

a {
	color: #8A8171;
	text-decoration: underline;
}

a.anchor {
	text-decoration: none;
}

a:hover {
	color: #DFDD3D;
}

#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 942px;
	height: 644px;
	background-position: bottom right;
	background-repeat: no-repeat;
}
#header {
	height: 198px;
}
#logo{
	position: absolute;
	top: 39px;
	left: 132px;
}
#left {	
	position: absolute;
	top: 198px;
	left: 0px;
	width: 232px;
	height: 446px;
	z-index: 10;
}

#right {
	position: absolute;
	top: 199px;
	left: 741px;
	width: 201px;
	height: 355px;
	background-color: #dedd3a;
	background-image: url('http://www.ndix.net/de/graphics/bg_news.gif');
	background-repeat: no-repeat;
	overflow: hidden;
}
#right .news {
	margin: 8px;
}

#right h3 {
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

#right .news {
	font-size: 12px;
}

#right ul, #right li {
	list-style: none;

}

#verticalmarquee {
	position: absolute;
}

#right .news a.more {
	color: white;
	font-style: italic;
	text-align: right;
	display: block;
	width: 100%;
	text-decoration: none;
	font-weight: bold;
}

#right .news a {
	text-decoration: none;
	color: #8A8171;

}

#right .news li {
	border-bottom: 1px solid #8A8171;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#content ul {
	padding-left: 40px;
}

#content p {
	margin: 1em 0px
}

#content .summary {
	font-weight: bold;
	margin-top: 10px;
}

#content ul.news {
	padding-left: 0px;
}

#content ul.news .summary {
	font-weight: normal;
	margin-top: 0px;
}

#content ul.news .more {
	display: block;
}

#content ul.news, #content ul.news li {
	list-style: none;
}

#content ul.news li, #content ul.searchresults li {
	zoom: 1.0;
}

#content .news h3 {
	margin-bottom: 0px;
}

#content li.article {
	margin-bottom: 8px;
}

#content ul.news img {
	float: left;
	display: block;
	margin: 0px 4px 8px 0px;
	zoom: 1.0;
}
#content img.medium_foto {
	display: block;
}
#content img.float_left {
	float: left;
	margin-top: 4px;
	margin-bottom: 0px;
	margin-right: 8px;
	margin-left: 0px;
}

#content .subscript, #subscript {
	font-size: 11px;
	font-style: italic;
}

#homepagemenu {
	position: absolute;
	left: 211px;
	top: 199px;
}

#homepagemenu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#homepagemenu li {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-right: 10px;
	margin-bottom: 8px;
	height: 219px;
	width: 255px;
	overflow: hidden;
}

#footer {	
	position: absolute;
	bottom: 0px;
	left: 586px;
	width: 356px;
	height: 120px;
	background-image: url("http://www.ndix.net/de/graphics/curve.png");
	background-repeat: no-repeat;
	background-position: bottom right;
}

#contactinfo {
	position: absolute;
	bottom: -30px;
	left: 230px;
	width: 410px;
	height: 30px;
}

#contactinfo .summary {
	font-size: 11px;
}

#footer .extralink {
	display: block;
	width: 100%;
	height: 100%;
}

body.green #footer {
	background-image: url("http://www.ndix.net/de/graphics/curve_green.png");
}
body.brown #footer {
	background-image: url("http://www.ndix.net/de/graphics/curve_brown.png");
}

.menu li.menu_current {
	color: #DFDD3D;
}
.menu li.menu_current ul {
	font-weight: normal;
	color: #8A8171;
}


#left .menu {
	list-style: none;
}

#left .menu li {
	position: relative;
	margin-bottom: 5px;
	width: 200px;
}

#menu2Lvl1Li1 {
	z-index: 50;
}
#menu2Lvl1Li2 {
	z-index: 40;
}
#menu2Lvl1Li3 {
	z-index: 30;
}
#menu2Lvl1Li4 {
	z-index: 20;
}

#left .menu ul.lvl2 {
	position: absolute;
	top: 12px;
	left: 170px;
	width: 150px;
	visibility: hidden;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size: 12px;
}
#left .menu ul.lvl2 li {
	padding: 0px;
	margin: 0px;
	padding-left: 40px;
	width: 154px;
	height: 22px;
	line-height: 22px;
	background:url('http://www.ndix.net/de/graphics/uitklap.grijs.total.png');
	background-position: 0px 51px;
}

#left .menu ul.lvl2 li.menu_first {
	height: 22px;
	padding-top: 12px;
	background-position: 0px 0px;
}

#left .menu ul.lvl2 li.menu_last {
	height: 22px;
	padding-bottom: 12px;
	background-position: 0px 33px;
}

#left .menu ul.lvl2 li.menu_single {
	height: 37px;
	background-position: 0px 0px;
}

#left .menu ul.lvl2 li a {
	display: block;
	width: 154px;
	height: 22px;
	color: #FFFFFF;
	text-decoration: none;
}

#left .menu ul.lvl2 li a:hover {
	color: #DFDD3D;
}

#left .menu {
	margin-bottom: 20px;
}

#extra_left a, #extra_left a:visited {
	text-decoration: none;
	text-align: right;
	display: block;
	width: 200px;
	color: #8A8171;
	font-size: 14px;
}

#extra_left a:hover {
	color: #DFDD3D;
}

#extra_left li.menu_current a {
	color: #DFDD3D;
}

#searchbar {
	position: absolute;
	top: 153px;
	left: 746px;
	width: 187px;
	height: 40px;
	line-height: 30px;
	vertical-align: middle;
	padding-left: 10px;
	background-image: url('http://www.ndix.net/de/graphics/NDIX_zoekveld.gif');
	background-repeat: no-repeat;
	background-position: 36px 0px;
}

#searchbar input {
	color: #817967;
}


#searchbar form {
	display: inline;
}
#searchbar .searchstring {
	width: 140px;
	margin-left: 34px;
	border: 0px;
}

#searchbar .searchbar_elements {
	display: inline;
}

#searchbar .imageSubmit {
	position: absolute;
	left: -5px;
	top: 0px;
}

#content {
	position: absolute;
	overflow: auto;
	width: 470px;
	height: 340px;
	left: 230px;
	top: 200px;
	font-size: 12px;
	padding-top: 10px;
	z-index: 2;
}

#content h1 {
	font-size: 16px;
	font-weight: bold;
}

#content h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 1.5em 0px 0.5em 0px;
}

#content h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 1em 0px 0px 0px;
}

#scroller {
	position: absolute;
	display: none;
	width: 17px;
	height: 34px;
	left: 700px;
	top: 500px;
	z-index: 20;
}

#scroller a {
	display: block;
	margin-bottom: 6px;
}

.green #scroller .scrollControlUp {
	width: 17px;
	height: 17px;
	background-image: url('http://www.ndix.net/de/graphics/pijl_naarboven.png');
	background-repeat: no-repeat;
}

.green #scroller .scrollControlDown {
	width: 17px;
	height: 17px;
	background-image: url('http://www.ndix.net/de/graphics/pijl_naaronderen.png');
	background-repeat: no-repeat;
}

.brown #scroller .scrollControlUp {
	width: 17px;
	height: 17px;
	background-image: url('http://www.ndix.net/de/graphics/pijl_naarboven_bruin.png');
	background-repeat: no-repeat;
}

.brown #scroller .scrollControlDown {
	width: 17px;
	height: 17px;
	background-image: url('http://www.ndix.net/de/graphics/pijl_naaronderen_bruin.png');
	background-repeat: no-repeat;
}

#extramenu {
	position: absolute;
	height: 30px;
	top: 155px;
	left: 290px;
	width: 430px;
	font-size: 14px;
	text-align: right;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 10px;
}

#extramenu a, #extramenu a:visited {
	text-decoration: none;
	color: #817967;
}
#extramenu a:hover {
	color: #DFDD3D;
}

#extramenu li.menu_current a {
	color: #DFDD3D;
}

#extramenu li {
	display: inline;
}

#extramenu .spacer {
	margin-left: 8px;
	margin-right: 8px;
	font-weight: normal;
	color: #817967;
}

#taalswitch {
	position: absolute;
	top: 129px;
	left: 853px;
	width: 90px;
	height: 20px;
}


/* Sitemap */

ul.sitemap {
	list-style-type: disc;
	margin: 0px;
	margin-left: 16px;
}

ul.sitemap li {	
	margin: 0px;
	padding: 0px;
	color: #888888;
	line-height: 16px;
}

ul.sitemap a {
	text-decoration: none;
}

ul.sitemap a:hover {
	color: #DFDD3D;
}


/* Contact form */

form.form {
	margin-top: 1em;
}

form.form label.text, form.form label.select, form.form label.textarea,
form.form label.radio, form.form label.password {
	display: block;
	width: 120px;
	float: left;
	text-align: right;
	font-weight: bold;
	margin-right: 10px;
	clear: left;
}

form.form input, form.form textarea {
	clear: right;
	border: none;
	width: 315px;
	margin-bottom: 2px;
}

form.form input.radio {
	width: auto;
	height: auto;
	clear: none;
	display: inline;
}
form.form div.radio {
	display: inline;
}

form.form div.radio label {
	margin-right: 20px;
	display: inline;
}

form.form input.checkbox {
	width: auto;
	height: auto;
	clear: none;
	display: inline;
}
form.form div.checkbox{
	display: inline;
}

form.form div.checkbox label {
	margin-right: 20px;
	display: inline;
}

form.form input {
	height: 20px;
}

form.form textarea {
	height: 60px;
}


div.odd input, div.odd textarea {
	background-image: url('http://www.ndix.net/de/graphics/input3.png');
	background-color: transparent;
}

div.even input, div.even textarea {
	background-image: url('http://www.ndix.net/de/graphics/input2.png');
	background-color: transparent;
}

form.form input.button {
	margin-left: 90px;
	width: 75px;
	margin-top: 5px;
}

form .error {
	background-color: #ffffff;
	border: 1px solid #8a8171;
	color: #8a8171;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 20px;
}

form.form input.submit,
form.form input.registerNewsletter {
	background-image: url('http://www.ndix.net/de/graphics/verstuur.png');
	background-color: transparent;
	background-repeat: no-repeat;
}

form.form div.buttons {
	margin: 1em 25px 0px 0px;
	text-align: right;
}

div.search ul.searchresults {
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}
div.search ul.searchresults ul {
}
div.search ul.searchresults li {
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	width: 100%;
}
ul.paging {
	list-style: none;
}
ul.paging li {
	display: inline;
	margin: 0px 5px 0px 5px;
	list-style: none;
	border: 1px solid #999999;
	color: #999999;
}
ul.paging li a {
	padding: 0px 2px 0px 2px;
	color: #999999;
}.searchhighlight {
	font-weight: bold;
}
ul.searchresults a {
	text-decoration: none;
	font-weight: bold;
}
ul.searchresults a:hover {
	text-decoration: underline;
}

ul.searchresults a.leesmeer {
	text-decoration: underline;
	font-weight: normal;
}

table.bbc tr {
	vertical-align: middle;
	height: 20px;
	margin-bottom: 2px;
}

table.bbc th {
	color: white;
	padding-left: 5px;
}

table.bbc td {
	padding-left: 5px;
}

table.bbc {
	width: 450px;
}

table tr.odd td {
	background-image: url('http://www.ndix.net/de/graphics/input1.png');
	background-color: transparent;
}

table tr.even td {
	background-image: url('http://www.ndix.net/de/graphics/input2.png');
	background-color: transparent;
}

table td, table th {
	padding-left: 5px;
}

table th, table tr.first td {
	text-align: left;
	color: white;
	font-weight: bold;
	background-image: url('http://www.ndix.net/de/graphics/input4.png');
	background-color: transparent;
}
	
table.bbc_supplier th, table.bbc_supplier .odd, table.bbc_supplier .even {
	background: none;
}

table.matrixStyle col.first {
	width: 200px;
}

table.matrixStyle tr td {
	text-align: center;
	padding: 0px;
}

table.matrixStyle tr.first td, 
table.matrixStyle tr td:first-child {
	background: none;
	background-image: none;
	background-color: none;
	font-weight: normal;
	color: #8A8171;
}

table.matrixStyle tr.first td:first-child, 
table.matrixStyle tr td:first-child {
	text-align: left;
}

table.noStyle tr.odd td, table.noStyle tr.even td, table.noStyle tr.first td, table.noStyle th {
	background: none;
	background-color: none;
	font-weight: normal;
	color: #8A8171;
}

/* Fader styles */
#mzSlide {
	position: relative;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

.mzSlide {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	overflow: hidden;
}

#mzSlideBottom {
	z-index: 1;
}

#mzSlideTop {
	z-index: 2;
}			
#mzSlide {
	width: 200px;
	height: 216px;
}

/* Nieuwsbrief content stijlen */
.newsletter 		#logo {
			display: none;
			margin-left: 40px;
			margin-top: 10px;
		}

.newsletter 		#newsbackground {
			height: 200px;
			width: 600px;
			background-image: url('http://www.ndix.net/de/graphics/nieuwsbrief/headerNews.gif');
			background-repeat: no-repeat;
			background-position: top right;
		}
.newsletter 		#newslettername {
			position: absolute;
			top: 38px;
			left: 363px;
			font-family: helvetica, verdana;
			font-size: 14px;
			color: #8A8171;
		}
.newsletter 		#footer {
			margin-top: 0px;
			padding: 0px 5px;
			text-align: right;
			width: 590px;
		}
.newsletter 		ul.news .more {
			font-weight: bold;
			margin-left: 4px;
			text-decoration: none;
			color: #8A8171;
			font-style: italic;

		}

.newsletter 		ul.news {
			padding: 0px;
			margin: 0px;
		}

.newsletter 		ul.news li {
			list-style: none;
			padding: 0px;
			margin: 0px;
			margin-bottom: 4px;
			height: 118px;
			border-top: 1px solid #888888;
		}
.newsletter 		ul.news img {
			float: left;
			margin-right: 10px;
		}

.newsletter h3 {
	font-size: 13px;
	font-weight: bold;
}

.newsletter p.grijs {
	font-weight: bold;
	display: block;
	padding: 0px;
	margin: 0px;
	margin-bottom: 4px;
	height: 118px;
	border-top: 1px solid #888888;
}

.newsletter ul.news li, .newsletter p.grijs {
	padding: 20px;
}

.newsletter {
	position: relative;
	margin-top: 6px;
}

.newsletter .newsletter_edition {
}

.newsletter .disclaimer {
	display: block;
	font-size: 11px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: left;
	width: 275px;
	position: absolute;
	z-index: 2;
	left: 0px;
}

#content .newsletter li.article {
	margin-bottom: 4px;
}

#archive {
	position: absolute;
	top: 230px;
	left: 731px;
	width: 161px;
	height: 230px;
	background-color: white;
	padding: 10px;
	border: 1px solid #888888;
}

#archive h2 {
	margin-top: 5px;
	font-size: 16px;
}

#archive ul {
	list-style: none;
}
#archive a {
	font-size: 12px;
	text-decoration: none;
}
#archive #register {
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
#archive #register a {
	padding-left: 5px;
	padding-right: 5px;
}

/* RSS icon */
#rss {
	position: absolute;
	top: 425px;
	left: 120px;
}
.list {
	margin: 15px 0px 5px 0px;
}

.list .title {
	font-weight: bold;	
}

ul.vlanRequest {
	padding: 1em 0px 0px 1.5em;
}

ul.vlanRequest li {
	color: #bfbf32;
	font-weight: bold;
}

ul.vlanRequest a {
/*	background-color: #8a8171; dfdd3d bfbf32*/
}

ul.vlanRequest a:link, ul.vlanRequest a:visited {
	color: #bfbf32;
	text-decoration: none;
}

ul.vlanRequest a:hover, ul.vlanRequest a:active {
	color: #8a8171;
	text-decoration: underline;
}

ul.vlanList {
	padding: 0.75em 0px 0px 1.5em;
}

ul.vlanList li {
	margin: 0px 0px 0.5em 0px;
}

ul.vlanList a {
/*	background-color: #8a8171; dfdd3d bfbf32*/
}

ul.vlanList a:link, ul.vlanList a:visited {
	text-decoration: none;
}

ul.vlanList a:hover, ul.vlanList a:active {
	color: #8a8171;
	text-decoration: underline;
}
div.vlan .html_required {
	margin-bottom: 12px;
}

fieldset.port {
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 24px;
	margin-bottom: 2px;
}
fieldset.port legend {
	display: none;
}

form .portname input {
	width: 40px;
}
form .portid, form .portid input  {
	width: 10px;
}
form .portsubid, form .portsubid input {
	width: 20px;
}
form.form fieldset.port div {
	float: left;
	height: 18px;
	margin-right: 8px;
}
form.form fieldset.port div label {
	display: none;
}
form.form fieldset.port div.portname label {
	display: block;
	float: left;
}
form .porthtml {
	margin-top: 4px;
}
h2.green {
	color: #bfbf32;
}
h2.green a {
	color: #bfbf32;
	text-decoration: none;
}

h2.green a:hover {
	color: #8A8171;
	text-decoration: underline;
}
#right.vlan {
	background-image: none;
	border: 1px solid #8A8171;
	background-color: #dfdd3d;
	min-height: 55px;
	height: auto;
	width: 170px;
	padding: 10px;
	padding-bottom: 20px;
	top: 10px;
	position: relative;
}	
#right.vlan a:hover {
	color: #8A8171;
}
#right.vlan a {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
