/* - - - - - - - - - - - - - - - - - - - - -

Title : World.Stream
Author : Theprodukt, Bob van den Broeck
URL : /worldstream.css

Description : 

Created : Sun 04, 2006
Modified : June 05, 2006

- - - - - - - - - - - - - - - - - - - - - */

/* General information */
body {
background-color:#000000;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#696969;
height:100%; 
min-height:100%;
background-image:url(images/bg.gif);
background-repeat:repeat-y;
background-position:center;
behavior:url("csshover.htc");
}
A:link, A:visited {color: #0E67CA;}
A:hover {color: #0E67CA; text-decoration: underline;}
A:active {color: #0E67CA; text-decoration: underline;}
.left {float:left;}
img {border:0;}

/* Structure divs */
* html #HeaderContainer{height:100%;}
html, body{min-height:100%}
div#HeadContainer { 
width:839px;
margin:0 auto;
padding:0px;
}
div#SiteContainer {
width:753px;
margin:0 auto;
}
div#Top {
width:753px;
height:56px;
margin:0 0 15px 0;
padding:20px 0 0 57px;
}
div#Logo {
float:left;
width:auto;
}
div#Login {
float:left;
padding:10px 0 0 0;
margin:0;
width:342px;
height:auto;
}
div#Go {
float:left;
padding:10px 0 0 0;
}
.divider {
float:left;
padding:10px 8px 0 70px;
}
.login-item {
float:left;
width:138px;
padding:0 15px 0 0;
_padding:0 10px 0 0;
margin:0;
}
div#TopMenu {
background-image:url(images/topmenu_bg.gif);
background-repeat:repeat-x;
width:753px;
margin:0 0 2px 44px;
padding:0px;
height:45px;
}
div#submenu {
width:753px;
margin:0 0 0 15px;
_margin:0 0 0 8px;
padding:0 0 8px 0;
}
#submenu ul#nav {padding:0; margin:0 20px 15px 15px; width:auto; float:left;}
#submenu ul#nav li {color:#4F4F4F; padding:0;margin:0; list-style-type:none;}
#submenu ul#nav a:hover {color:#4F4F4F; text-decoration:underline;}
#submenu ul#nav a:active {color:#4F4F4F; text-decoration:none;}
#submenu ul#nav a:visited {color:#4F4F4F; text-decoration:none;}
#submenu ul#nav a:link {color:#4F4F4F; text-decoration:none;}
/* ContentContainer Information */
div#ContentContainer {
margin:0 0 0 44px;
padding:0;
width:auto;
}
div#ContentContainer .sub{
font-weight:bold;
}
div#ContentContainer .item{
color:#0E67CA;
}
/* LeftColumn Information */
div#ContentContainer div#LeftColumn {
width:374px;
float:left;
padding:0 4px 0 22px;
margin:0;
background-image:url(images/content_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
height:460px;
}
/* Footer Information */
div#Footer{
background-image:url(images/footer_bg.gif);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
width:735px;
height:44px;
padding:4px 0 0 18px;
margin:0 0 0 44px;
clear:both;
_clear:none;
}
div#Footer A:link.hover, A:visited.hover {color: #FFFFFF;}
div#Footer A:hover.hover {color: #FFFFFF; text-decoration: underline;}
div#Footer A:active.hover {color: #FFFFFF; text-decoration:none;}
div#Footer .left {float:left;}
div#Footer .right {float:right;padding:0 10px 0 0;}

/* RightColumn Information */
div#RightColumn {
width:333px;
float:left;
padding:0;
margin:0;
background-image:url(images/content_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
height:460px;
}

/* List information */
ul.nav {padding:0; margin:0 0 15px 15px; width:auto; float:left;}
ul.nav li {color:#1B508B; padding:0;margin:0; list-style-image:url(images/li.gif); font-weight:bold;}

/* Pakket information */
.item-pakket {float:right; padding:0 0px 0 0; margin:0;}
.divider-pakket {padding:10px 0 20px 0;}

/* Field information */

/* width:138px;*/
input { border: 1px solid #929292; padding:2px;  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#696969;}

#menu {
/* 	width: 31em; */
	float: right;
	clear: none;
	margin-top:4px;
/* 	margin: 0; */
	padding: 0;
	background-color: #000000;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em; /* default: 12em */
	float: left;
}

#menu a {
	display: block;
	width: 15em;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 2px 3px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*line-height: 16px;*/
	font-weight: bold;
	
	/* note: if I set height, IE will not show the menu correctly.
	/* it seems height is 20, set it static, remove the borders and padding. (we need to know the height for the rest of the lay */
	/* height: 13px; */
}

#menu h2 {
	color: #fff;		/* Text mainmenu */
/* 	background: #fff; 	/* Background mainmenu */ */
/* 	cursor: default; */
	display: block;
/* 	border-width: 1px; */
	margin: 0;
	padding: 2px 3px 3px;
/* 	padding:0; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*line-height: 16px;*/
	font-weight: bold;
}

#menu a {
	color: #000;
	background: #EEEEEE; /* default #efefef; */
	text-decoration: none;
	margin: 0;
}

#menu a:hover {
	color: #EEEEEE;		/* Text hover color menu */
	background: #000000;
	margin: 0;
}

#menu h2 a {
	width: 10em;
	color: #fff;		/* Text mainmenu */
	background: #000; 	/* Background mainmenu */
	display: block;
	border-width: 0;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*line-height: 16px;*/
/* 	font-weight: bold; */
}

#menu li {position: relative; margin: 0;}

#menu ul ul {
	position: absolute;
	z-index: 500;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#menuLinks {
/* 	width: 100px; */
	float:left;
	clear:none;
}