/*
To allow font-resizing for IE6, the base font-size is 16px.
For #main it was set to 11px (11 / 16 = 0.6875em).
*/

html {
	overflow-y: scroll;
}

* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #18164d;
	background: #fff;
}

#wrap {
	width: 988px;
	margin: 70px auto 0 auto;
}

a {
	text-decoration: none;
	color: #18164d;
}

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

#logo {
	width: 94px;
	float: left;
	font-size: 0.75em;
	text-align: center;
}

#logo h1 {
	width: 94px;
	height: 84px;
	margin: 0 0 10px 0;
}

#logo h1 a {
	height: 100px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/logo.gif) no-repeat;
}

#logo ul {
	margin: 40px 10px 0 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

#logo ul li {
	margin-bottom: 2px;
}

#logo ul li a {
	height: 15px;
	display: block;
	padding-right: 18px;
	overflow: hidden;
	background: url(../images/nu_logos.jpg) right top no-repeat;
}

#logo ul li.nuzakelijk a {
	background-position: right 0px;
}

#logo ul li.nufoto a {
	background-position: right -16px;
}

#logo ul li.nusport a {
	background-position: right -30px;
}

#logo ul li.nujij a {
	background-position: right -45px;
}

#logo ul li.nuvideo a {
	background-position: right -60px;
}

#logo ul li.nubijlage a {
	background-position: right -75px;
}

#logo ul li.tvgids a {
	background-position: right -90px;
}

#logo ul li.nukaart a {
	background-position: right -105px;
}

#logo ul li.nuwerk a {
	background-position: right -120px;
}

#main {
	width: 878px;
	position: relative;
	float: left;
	margin: 0 0 0 16px;
	padding-top: 34px;
	font-size: 0.6875em;
	background: url(../images/bg.gif) repeat-x;
}

#date {
	margin: 0 0 16px 0;
	color: #000366;
	float: left;
}

#login {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
}

#login li {
	padding: 0 8px 0 0;
}

#login li.login {
	padding: 0 0 0 9px;
	background: url(../images/ul_div.gif) left 1px no-repeat;
}

#login li {
	float: right;
}

#pages {
	height: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../images/bg_tabs.gif) left bottom repeat-x;
	clear: left;
}

#pages li {
	width: 114px;
	height: 19px;
	position: relative;
	float: left;
	margin-right: 2px;
	padding: 5px 0 0 6px;
	font-size: 1.1em;
	font-weight: bold;
	color: #d5383b;
	background: url(../images/tab_bg_active.gif);
	overflow: hidden;
}

#pages li a.tab,
#pages li.new a {
	width: 114px;
	height: 19px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
	padding: 5px 0 0 6px;
	color: #fff;
	background: url(../images/tab_bg.gif);
	outline: none;
}

#pages li a.delete {
	display: none;
}

#pages li.active a.delete {
	width: 12px;
	height: 12px;
	top: 7px;
	right: 4px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/i_delete.gif) no-repeat;
}

#pages li.active a.delete:hover {
	background: url(../images/i_delete_over.gif) no-repeat;
}

#pages li.active a.tab {
	display: none;
}

#pages li.new a {
	background: url(../images/tab_bg_new.gif);
}

#pages li form {
	margin: 0;
	padding: 0;
}

#pages li form input {
	width: 90px;
	height: 17px;
	top: 3px;
	left: 4px;
	position: absolute;
	padding: 1px 3px 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #ccc;
}

#main a.add_widget {
	width: 119px;
	height: 16px;
	top: 63px;
	right: 0;
	position: absolute;
	display: block;
	padding: 2px 0 0 8px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;
	background: url(../images/bg_add_widget.gif);
	overflow: hidden;
}

#main a.add_widget:hover { /* IE6 */
	color: #fff;
	text-decoration: none;
}

#content {
	min-height: 200px;
	padding-top: 24px;
	background: url(../images/bg_content.gif) repeat-x;
}

#content #col1,
#content #col2,
#content #col3 {
	width: 276px;
	float: left;
	margin: 0;
	padding-bottom: 400px;
	list-style: none;
}

#content #col2 {
	margin: 0 25px;
}

#content li {
	width: 276px;
	float: left;
	margin-bottom: 24px;
	background: #fff;
}

.drag {
	background: #d9e2f0;
	border: solid 1px #020051;
	z-index: 0;
}

.ui-sortable-helper .gadgets-gadget-content {
	font-size: 12px;
	background: #e4ecfc;
}

.ui-sortable-helper .gadgets-gadget-content p {
	margin: 0;
	padding: 10px;
}

#footer {
	clear: left;
	padding: 30px 0 20px 0;
	text-align: center;
	color: #526c9a;
}

#footer a {
	text-decoration: underline;
	color: #10126f;
}


/* popbox */
#popbox {
	width: 400px;
	height: 200px;
	position: absolute;
	display: none;
	padding: 11px 13px;
	font-size: 0.75em;
	color: #333;
	background: #e6f5fb;
	overflow: hidden;
	z-index: 101;
}

#popbox h2 {
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #020051;
}

#popbox h2.error {
	color: #d40000;
}

#popbox div.intro h2 {
	font-size: 2em;
	font-weight: normal;
	color: #d22127;
}

#popbox h3 {
	margin-bottom: 10px;
	font-size: 1.18em;
	color: #020051;
}

#popbox div.intro h3 {
	margin-top: 20px;
	font-weight: normal;
	color: #d22127;
}

#popbox h4 {
	margin-bottom: 8px;
	font-size: 1em;
	color: #999;
}

#popbox ul.errors {
	margin: 10px 0 0 13px;
	color: #d40000;
}

#popbox div.hr {
	height: 1px;
	line-height: 1px;
	margin: 8px 0;
	background: url(../images/hr.gif) repeat-x;
	overflow: hidden;
	clear: left;
}

#popbox label.label {
	padding-right: 20px;
	font-weight: bold;
	font-size: 1.167em;
	color: #020051;
	display: block;
	float: left;
}

#popbox ul.label_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#popbox ul.label_list li {
	width: 25%;
	float: left;
	padding-bottom: 5px;
}

#popbox ul.label_list li input {
	margin-right: 5px;
}

#popbox ul.label_list li label {
	font-weight: bold;
	color: #020051;
}

#popbox ul.footer {
	width: 100%;
	height: 24px;
	bottom: 0;
	left: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #7da5c5 url(../images/bg_popbox_footer.gif) repeat-x;
}

#popbox ul.footer li {
	float: right;
	margin: 3px 13px 0 6px;
}

#popbox ul.footer li a {
	display: block;
	padding-left: 17px;
	font-size: 1.16em;
	font-weight: bold;
	color: #fff;
	background: url(../images/arrow_footer.gif) left 4px no-repeat;
}

#popbox div.widget_list {
	height: 300px;
	position: relative;
	margin-left: -8px;
}

#popbox div.widget_list div.hr {
	margin-left: 10px;
}

#popbox div.widget_list div.pagination {
	width: 574px;
	bottom: 0;
	position: absolute;
	margin-left: 8px;
	font-weight: bold;
	font-size: 12px;
}

#popbox div.widget_list div.pagination a.prev {
	float: left;
}

#popbox div.widget_list div.pagination a.next {
	float: right;
}

#popbox div.widget_list div.widget {
	width: 155px;
	height: 76px;
	position: relative;
	float: left;
	margin: 0 0 8px 8px;
	padding-left: 128px;
}

#popbox div.widget_list img {
	width: 120px;
	height: 60px;
	top: 0;
	left: 0;
	position: absolute;
}

#popbox div.widget_list h3 {
	margin-left: 8px;
}

#popbox div.widget_list h4 {
	margin: -1px 0 0 0;
	font-size: 12px;
	color: #020051;
}

#popbox div.widget_list p {
	height: 39px;
	margin: 0;
	line-height: 13px;
	font-size: 11px;
}

#popbox div.widget_list a.add {
	width: 150px;
	height: 18px;
	display: block;
	margin-left: -5px;
	padding: 4px 0 0 5px;
	font-weight: bold;
	color: #7f7e98;
	background: url(../images/bg_add_widget2.gif) 0 0 no-repeat;
	overflow: hidden;
}

#popbox #widget_categories {
	display: none;
}

#overlay {
	position: absolute;
	z-index: 90;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.overlay_mac {
	background: url(../images/macFFBgHack.png) repeat;
}

.overlay {
	background: #000;
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}

* html #overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}