/*Voor: Atis Telecom */
/* Door: Omega Webdesign */
/* www.omega-webdesign.nl */

html, body {
	/*height: 100%;*/
	background: #333366;
	margin: 0px;
	padding: 0px;
	font-family: verdana, sans-serif;
	font-size: 91%;
	line-height: 1.5em;
}

#wrapper {
	position: relative;
	background: #FFFFFF;
	width: 986px;
	margin: 0 auto;
	min-height: 400px;
}

h1 {
	font-size: 1.6em;
	color: #333366;
	margin-top: 1em;
}


/* bof:: header */

#header {
	float: left;
	background: #333366;
	width: 100%;
	margin-bottom: 30px;
	z-index: 400;
	position: relative;
}

#header #logo, #header #adres, #header #menu {
	float: left;
}

#header #logo { margin: 2px 0; }

#header #adres {
	margin-top: 1.4em;
	padding-left: 3em;
	color: #FFFFFF;
	font-size: 0.8em;
	line-height: 1.3em;
}

#header #menu {
	width: 100%;
	background: #99cc33;
	z-index: 10000;
}

#header #menu #vlaggen {
	float: right;
	padding: 2px 5px 0 0;
}

#header #menu #vlaggen img { border:none; }

/* bof:: menu css */

ul#navmenu-h {
  margin: 0;
  margin-left: 12px;
  border: solid 0px red;
  padding: 0;
  width: 922px; /*For KHTML*/
  list-style: none;
  height: 22px;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 22px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 22px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  border: 1px solid #99cc33;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #99cc33;
  color: #333366;
  font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

ul#navmenu-h ul a {
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #CCFF99;
  color: #333366;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #CCFF99;
  color: #333366;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #99CC33;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #CCFF99;
  color: #333366;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #99CC33;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #CCFF99;
  color: #333366;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #99CC33;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}


/* eof:: menu css */


/* eof:: header */

/* bof:: container -- het middenstuk vd pagina */

#container {
	float: left;
	background: #FFFFFF;
	width:506px;
	margin-bottom: 0px;
	border-left: 220px solid #FFFFFF; /* The width and color of the left rail */
	border-right: 260px solid #FFFFFF;  /* The width and color of the right rail */
}

#container #links {
	float:left;
	width:220px;
	margin-left:-220px;
	position:relative;
}

#links .logobox {
	padding: 3px 0px 5px 0px;
	border-bottom: solid 1px #ff6600;
	margin: 0 40px 0.5em 20px;
	color: #333366; 
}

#links .logobox img { border:none; }

#links .logobox p {
	margin:0;
	padding:10px 0 0 0;
}

#links .logobox p a:link, #links .logobox p a:visited { text-decoration: none; color: #333366; }
#links .logobox p a:hover { color: #99cc33; }

#container #center {
	float:left;
	width:506px;
	margin-right:-506px;
}

#center .homemiddenbox {
	position: relative;
	width: 230px;
	background: #ff9966;
	border: solid 1px #ff6600;
	padding: 3px 3px 13px 3px;
	margin-bottom: 2em;
	color: #FFFFFF;
}

#center .homemiddenbox h3 {
	background: #FF6600;
	padding: 3px 3px 4px 3px;
	margin: -3px -3px 8px -3px;
	font-size: 1.2em;
}

#center .homemiddenbox ul {
	margin: 0;
	padding: 0;
}

#center .homemiddenbox li { 
	margin-left: 2em;
}

#center .homemiddenbox a:link, #center .homemiddenbox a:visited { color: white; text-decoration:none; }
#center .homemiddenbox a:hover { color: #333366; }

#container #rechts {
	float:right;
	width:260px;
	margin-right:-260px;
	position:relative;
	padding:0;
}

#rechts .nieuwsbox, #rechts #inlogbox, #rechts #zoekbox {
	position: relative;
	background-color: #ccff99;
	padding: 0px 3px 13px 3px;
	border: solid 1px #99cc33;
	margin: 0 20px 1.5em 40px;
	color: #333366; /*#525c70;*/
}

#rechts .nieuwsbox h3, #rechts #inlogbox h3 {
	background-color: #99cc33;
	padding: 0px 3px 1px 3px;
	margin: 0px -3px 4px -3px;
	color: #ffffff;
	font-size: 0.8em;
	/*line-height:2em;*/
}

#rechts #inlogbox form { margin: 0; padding:0; }

#rechts #inlogbox p {
	margin: 0em 0;
	padding:0;
}

#rechts #inlogbox, #rechts #zoekbox { background-color: #ffffff; }

#rechts #zoekbox { border: none; }

#rechts #zoekbox  span { font-weight: bold; color: #99cc33; }

#rechts #inlogbox input.txt, #rechts #zoekbox input.txt {
	width: 150px;
	margin: 2px 0;
}

#rechts #inlogbox input.button, #rechts #zoekbox input.button { margin: 2px 0 -2px 0; }

#rechts #inlogbox p#wwvergeten {
	margin: 0.5em 0 -1em 0;
	padding: 0;
	font-size: 0.8em;
}

#rechts a:link, #rechts a:visited { color: #333366; text-decoration:none; }
#rechts a:hover { color: #99CC33; }

#rechts #inlogbox p#wwvergeten a:link, #rechts #inlogbox p#wwvergeten a:visited { color: #99CC33; }
#rechts #inlogbox p#wwvergeten a:hover { color: #333366; }

/* eof:: container -- het middenstuk vd pagina */

/* bof:: footer */
#footer {
	float: left;
	position: relative;
	background: #333366;
	width: 986px;
	padding: 2px;
	color: white;
	font-size: 0.8em; 
}

#footer span { position: absolute; right: 2px; top: 2px;}

#footer span a:link, #footer span a:visited { color: #FFFFFF; text-decoration:none; }
#footer span a:hover { color: #99cc33; }

/* eof:: footer */

/* bof:: contact form */
form#mailform {}

form#mailform #bedrijfsnaam, form#mailform #naam, form#mailform #adres, form#mailform #postcode, form#mailform #woonplaats, form#mailform #telefoon, form#mailform #email { width: 270px; }
form#mailform #bericht { width: 400px; }
/* eof:: contact form */