/* Website defaults */

	/* General styles */
	html, body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;

/*    background-image:url(https://dutchnet.nl/Images/bg_background.gif); */
    background-color:#369;
		background-repeat: repeat-x;
/*		
                background-color: #336699;
                */
		min-width:960px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		font-family: Verdana, Arial;
    color: navy;
	}

* {
  margin: 0;
  padding: 0;
}
	a {
		color:#003366;
	}
	a:hover {
/*
		color:#6699CC;
*/
		color:#999999;
		text-decoration:none;
	}
	h1, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
		font: bold 12px Verdana,Arial,Helvetica, Tahoma;
	}
	h2 {
		margin:.8em 0 .2em 0;
		padding:0;
		font: bold 16px/1.5em Georgia, serif;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
                line-height: 1.5em;
	}

	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
          color: 999999;
          text-decoration: underline overline;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
          color: 999999;
          text-decoration: underline overline;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#fff;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:60%;			/* width of the middle column */
		background:#fff;	        /* left column background colour */
	}
	.threecol .col1 {
		width:60%;			/* width of center column content (column width minus padding on either side) */
		left:105%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:17%;			/* Width of left column content (column width minus padding on either side) */
		left:26%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:16%;			/* Width of right column content (column width minus padding on either side) */
		left:90%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	/* --> */


b { font-size: 110%; }
em { color: navy;   Font-size: 9px;   Font-family: Verdana;}
dt { font-size: 110%; font-weight: bold;  color: navy;   Font-family: Verdana;}

/* End website defaults */

TABLE.TableBorder {
  Background-color: #003366;
}

TABLE.TableMain {
  Background-color: #F8F8FF;
}

TD.Header {
  Background-color: #FFFFF0;
}
/***************************************************/
/* Account tables */
TABLE.TableBorderAccounts {
  Background-color: #003366;
}

TABLE.TableBGAccounts {
  Background-color: #DDDDDD;
}

TD.HeaderAccounts {
  Background-color: #003366;
  Color: #FFFFCC;
  Font-weight: Bold;
  Font-size: 13px;
}

TD.DescriptionAccounts {
  Font-size: 10px;
  Font-family: Verdana;
}
A.BestelLink {
  color: #003399;
  font-family: Verdana;
  font-size: 13px;
  text-decoration: None;
  Font-weight: Bold;
}

A.BestelLink:Visited {
  color: #003399;
  font-family: Verdana;
  font-size: 13px;
  text-decoration: None;
  Font-weight: Bold;
}

A.BestelLink:Hover {
  color: #999999;
/*
  color: #0066CC;
*/
  font-family: Verdana;
  font-size: 13px;
  text-decoration: Underline;
  Font-weight: Bold;
}
/* End Account tables */
/***************************************************/
/* Main text */
TD.Main {
  Font-size: 12px;
  Font-family: Verdana;
}
TR.TextMainSmall {
  Font-size: 10px;
  Font-family: Verdana;
}
.TextMainSmall {
  Font-size: 10px;
  Font-family: Verdana;
}
/* End main text */
/***************************************************/
/* Start Menu options */

TD.Menu {
  Background-color: #FFFFFF;
  Font-size: 13px;
}

TD.MenuBarLeft {
  Background-color: #FFFFFF;
  Font-size: 14px;
  Font-weight: Bold;
  Color: #808080;
  background-image: url('/Images/dnbarV1.jpg');
  border-right: none;
  border-left: none;
  padding-left: 10px;
  height: 31px;
  text-align: left;
}
TD.MenuBarRight {
  Background-color: #FFFFFF;
  Font-size: 14px;
  Font-weight: Bold;
  Color: #808080;
  background-image: url('/Images/dnbarV1.jpg');
  border-right: none;
  border-left: none;
  padding-right: 10px;
  height: 31px;
  text-align: right;

}
TD.MenuBarSmall {
  Background-color: #C0C0C0;
  Font-size: 9px;
  Font-weight: Normal;
}
TD.MenuTop {
  Font-size: 12px;
  Font-weight: Bold;
  Color: #DDDDDD;
}
TD.MenuBorder {
/* Background-color: #2F4F4F;*/
  height:2px;
 border-style: solid;
   border-right: none;
  border-left: none;
  border-bottom: none;
  border-top: none;
}

TD.MenuBG {
  Background-color: #F8F8FF;
}

A.MenuLink {
  color: #003399;
  font-family: Verdana;
  font-size: 13px;
  text-decoration: None;
}

A.MenuLink:Visited {
  color: #003399;
  font-family: Verdana;
  font-size: 13px;
  text-decoration: None;
}

A.MenuLink:Hover {
  color: #0066CC;
  font-family: Verdana;
  font-size: 13px;
  text-decoration: Underline;
}

.MenuIcon {
  color: #0066CC;
  font-family: Verdana;
  font-size: 13px;
}

.MenuHeader {
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 13px;
  font-weight: Bold;
}
/* End Menu Options */
/***************************************************/
/* Text options */
TD.TextBG {
  Background-color: #F8F8FF;
}

.TextTitle {
  color: #000000;
  font-size: 16px;
  font-weight: Bold;
  font-family: Verdana;
}

.TextDefault {
  color: #000000;
  font-size: 12px;
  font-weight: Normal;
  font-family: Arial;

}
/* End text options */
/***************************************************/
/* Font options */
.DNRed {
  Color: #FF0000;
}

.DNBlue {
  Color: #0000FF;
}

A.MenuTop {
  Font-size: 12px;
  Font-weight: Bold;
  Color: #6495ED;
  Text-decoration: None;
/*  Color: #87CEEB;*/
}

A.MenuTop:Hover {
  Font-size: 12px;
  Font-weight: Bold;
  Color: #AFEEEE;
  Text-decoration: None;
}

A.MenuLink {
  Font-size: 13px;
  Color: #003366;
  Text-decoration: None;
}

A.MenuLink:visited {
  Font-size: 13px;
  Color: #003366;
  Text-decoration: None;
}

A.MenuLink:hover {
  Font-size: 13px;
  Color: #6699CC;
  Text-decoration: Underline;
}

A.MenuBarLink {
  Font-size: 14px;
  Color: #336699;
  Text-decoration: None;
}

A.MenuBarLink:hover {
  Font-size: 14px;
  Color: #6699CC;
  Text-decoration: None;
}

.TextHeader {
  Font-size: 15px;
  Font-weight: Bold;
  Color: #660033;
}
/* End Font options */
/***************************************************/  
/* Error messages */
.ErrorHeader {
  Font-size: 14px;
  Font-weight: Bold;
  Color: #FF3300;
}

.ErrorMsg {
  Font-size: 13px;
  Font-weight: Bold;
  Color: #FF3300;
}
/* END Error messages */

/* Overgenomen van oude site */

/* Page Header Start */

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
  height: 100%;
}

/* Top Menu */
#topsection{

  background-color: #336699;
/*	
  background-color: #00162C;
  */
  height: 30px; /*Height of top section*/
}

#topsection table{ width: 960px;
 border-style: none;
 text-align: right;
}

#topsection td {
 border-style:none;
 padding: 4px 0;
 text-align: right;
 vertical-align: middle;
  Font-size: 10px;
  Font-weight: Bold;
  Color: #DDDDDD;
}

#topsection a{
  Font-size: 12px;
  Font-weight: Bold;
  Color: #999999;
  Text-decoration: None;
/*  Color: #87CEEB;*/
}

#topsection a:hover {
  Color: #DDDDDD;
  text-decoration: underline overline;
}

/* DutchNet Logo balk */
#logo{
  background-color:rgb(254,255,239);
  height: 92px; /*Height of top section*/
  width: 960px;
  border-style: solid;
  border-top: none;
  border-width: 0px;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

#logo table{ 
  width: 960px;
   border-collapse: collapse; border: solid 0px
}

#logo td {
  text-align: left;
    height: 92px; /*Height of top section*/
}

/* Hoofdmenu balk */
#topmenu{
  background-color:white;
  width: 960px;
  height: 36px; /*Height of top section*/
  border-style: solid;
  border-left: none;
  border-right: none;
  border-width: 1px;
}

#topmenu table{ 
 width: 960px;
 text-align: right;
 border-collapse: collapse; border: solid 0px;
   background-color: #FFFFFF;
}

#topmenu td {
 border: none;
 vertical-align:middle;
 Font-size: 12px;
 Font-weight: Bold;
 Color: #336699;
/* Background-color: #2F4F4F; */
 border-style: none;
}

/* Einde Page Header */

div.menu_img
{
  margin: 2px;
  border: 0px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.menu_img img
{
  display: inline;
  margin: 5px;
  border: 0px solid #ffffff;
}
div.menu_img a img {border: 0px solid #0000ff;vertical-align:middle;}
div.menu_img a:hover {
  text-decoration: none;
}

#contentwrapper{
  float: left;
  width: 840px;
  background-color:rgb(254,255,239);
  border-style: solid;
  border-top: none;
  border-bottom: none;
  border-width: 1px;
}

#contentcolumn{
  margin-left: 200px; /*Set left margin to LeftColumnWidth*/
  height: 100%;
  border-width: 1px;
  border-style: solid;
  border-top: none;
  border-right: none;
  border-bottom: none;
  padding: 4px 0;
  background-color:white;
}

#leftcolumn{
  position: absolute;
  width: 200px; /*Width of left column*/
  padding-top: 10px;
  background-color:white;
  border-top: none;
  height: 100%;
}

#rightcolumn{
  position: absolute;
  margin-right: 600px;
  width: 175px; /*Width of left column*/
  border-top: none;
  border-width: 1px;
  border-style: solid;
  border-top: none;
  border-right: none;
  border-bottom: none;
}
.innertube{
  margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
  margin-top: 0;
    background-color:white;
}
/* Page Footer Start */
#footer{
  clear: left;
  position: relative; left:0;
  background-color: #C0C0C0;
  color: navy;
  text-align: center;
  padding: 0px 0;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  width: 100%;
}

#footer a{
 color: navy;
}
#footer a:hover {   color: red;
 text-decoration: underline overline;
}

#footer table{ width: 100%;
 border: 1px solid #2F4F4F;
 padding: 2px;
}
#footer td {
 border-style:none;
 padding: 2px 0;
 text-align: center;
 font-size: 9px;
 font-weight: Normal;
}
/* Einde Page Footer */



.q{color:blue;text-decoration : none;font-size: 11px; }
.q:HOVER { color: #cc0033; }
.qy{color:blue;text-decoration : none;font-size: 11px; }
.qy:HOVER { color: #cc0033; }
.orderrow1 { color: navy; background: #efefef;}
.orderrow2 { color: navy; background: #efefef;}

.breadcrumb{
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.breadcrumb a{
  background: transparent url(media/breadcrumb.gif) no-repeat center right;
  text-decoration: none;
  padding-right: 18px; /*adjust bullet image padding*/
  color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
  color: navy;
}

.breadcrumb a:hover{
  text-decoration: underline;
}


/* oude style

#content-column:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
.adwrap {
		margin:30px auto 10px;
		padding:10px 0;
		width:468px;
		border:1px solid #ccc;
		border-width:1px 0;
}
.adwrap object {
		width:468px;
		height:60px;
}
.teaser {
		padding:0 0 0 11px;
		margin:10px;
		background:url("tsr-l.gif") top left no-repeat;
}
.teaser h3 {
		background:url("tsr-r.gif") top right no-repeat;
		margin:0;
		padding:8px 0 0.5em 0;
}
.teaser p {
		margin:0 0 0 -11px;
		padding:0 11px 0.5em;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
}
.teaser div {
		margin:0 0 0 -11px;
		padding-left:11px;
		background:url("tsr-l.gif") bottom left no-repeat;
}
.teaser a.more {
		display:block;
		text-align:right;
		padding:0 10px 10px 0;
		background:url("tsr-r.gif") bottom right no-repeat;
}
*/