* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 96%; /* Required */
  _height: 93%; /* Required */
}

body {
	margin: 0px;
	padding: 0px;
	
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	line-height: 20px;
}

form {
	margin: 0px;
}

a {
	color: #005da4;
	text-decoration: underline;
}

a:hover {
	color: #a41f00;
}

ol {
  list-style-position: outside;
  margin-left: 20px;
}
/*
a:visited {
	color: #083f69;
}
*/

/* MENU */
.menu {
	position: relative;
	
	margin-left: 3px;
	margin-bottom: 33px;
	*margin-bottom: 30px;
	height: 23px;
}

.menu .zoekbox {
	position: absolute;
	top: 0px;
	right: 0px;
}

.menu .zoekbox * {
	float: left;
}

.menu .zoekbox #field, #field {
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	
	font-family: arial, helvetica, verdana;
	font-size: 11px;
	border: 0;
	height: 18px;
	width: 148px;
	color: #726c46;
	background: url('http://www.bommie.com/img/bg_zoek.gif') no-repeat;
}

#login{
	position: absolute; 
	right: 8px;
	top: 50px; 
	color: #fff; 
	/*font-weight: bold;
	height: 18px;*/
}

 .lnk_wachtwoord{
	color: #fff;
	margin-left: 159px;
	position: relative;
	top: -5px;
	font-size: 10px;
	line-height: 10px;
}

#login input {
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	
	font-family: arial, helvetica, verdana;
	font-size: 11px;
	border: 0;
	height: 18px;
	width: 148px;
	color: #726c46;
	background: url('http://www.bommie.com/img/i_loginbox.gif') no-repeat;
	vertical-align: middle;
}

#field_222 {
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	
	font-family: arial, helvetica, verdana;
	font-size: 11px;
	border: 0;
	height: 18px;
	width: 216px;
	color: #726c46;
	background: url('http://www.bommie.com/img/bg_zoek_222.gif') no-repeat;
}
#field_170 {
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	
	font-family: arial, helvetica, verdana;
	font-size: 11px;
	border: 0;
	height: 18px;
	width: 164px;
	color: #726c46;
	background: url('http://www.bommie.com/img/bg_zoek_170.gif') no-repeat;
}


#field_294 {
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	
	font-family: arial, helvetica, verdana;
	font-size: 11px;
	border: 0;
	height: 18px;
	width: 288px;
	color: #726c46;
	background: url('http://www.bommie.com/img/bg_zoek_294.gif') no-repeat;
}

.menu a {
	display: block;
	height: 23px;
	float: left;
}

a.home {
	width: 52px;	
	background: url('http://www.bommie.com/img/m_home_off.gif');
}

a.home:hover {
	background: url('http://www.bommie.com/img/m_home_on.gif');
}

a.watisbommie {
	width: 140px;	
	background: url('http://www.bommie.com/img/m_watisbommie_off.gif');
}

a.watisbommie:hover {
	background: url('http://www.bommie.com/img/m_watisbommie_on.gif');
}

a.faq {
	width: 38px;	
	background: url('http://www.bommie.com/img/m_faq_off.gif');
}

a.faq:hover {
	background: url('http://www.bommie.com/img/m_faq_on.gif');
}

a.contact {
	width: 74px;	
	background: url('http://www.bommie.com/img/m_contact_off.gif');
}

a.contact:hover {
	background: url('http://www.bommie.com/img/m_contact_on.gif');
}
/* END MENU */

/* LEFT BAR */
#left-bar {
	position: absolute;	
	top: 0px;
	left: 0px;
	display:block;
	width: 300px;
}

#left-bar .header {
	height: 86px;
	background: #a41f00;
}

.vc{
	vertical-align: middle;
}

#left-bar img.payoff {
	margin-left: 20px;
	margin-top: 11px;
	margin-bottom: 27px;
}

#left-bar #tabs * {
	float: left;
}

#left-bar #tabs a.mijnnieuws {
	display: block;
	
	width: 126px;
	height: 30px;
	
	background: url('http://www.bommie.com/img/i_tab_mijnnieuws_off.gif');
}

#left-bar #tabs a.mijnnieuws:hover {
	background: url('http://www.bommie.com/img/i_tab_mijnnieuws_on.gif');
}

#left-bar #tabs a.andernieuws {
	display: block;
	
	width: 132px;
	height: 30px;
	
	background: url('http://www.bommie.com/img/i_tab_andernieuws_off.gif');
}
#left-bar #tabs a.andernieuws:hover {
	background: url('http://www.bommie.com/img/i_tab_andernieuws_on.gif');
}

#left-bar #submenu {
	/*margin-bottom: 20px;
	background: #A41F00;*/
	display:block;
	margin-top: 38px;
	border-bottom: 1px #a41f00 solid;
}
#left-bar #submenu #actions{
	margin-left: 4px;
	margin-right: 3px;
	height: 26px;
}
#left-bar #submenu #actions #bron{
	height: 22px;
	width: 149px;
	float:left;
}

#left-bar #submenu #actions #rubriek{
	height: 22px;
	float:left;
}

#left-bar #submenu #actions #onderhoud{
	height: 22px;
	float: right;
	width: 97px;
}

#left-bar #submenu #actions img{
	margin-right: 12px;
}

#submenu #addFeed2, #submenu #addFeed, #submenu #addRubriek{
	display: none;
	
}

#submenu-content{
	margin-left: 6px;
	margin-bottom: 11px;
}

#submenu .btnLeftBar{
	position: absolute;
	right: 4px;
}

#left-bar .line-red {
	position: relative;
	
	height: 20px;
	width: 298px;
	
	line-height: 20px;	/* optische correctie ivm borders die de hoogte verminderen */
	background: #ffffe5;
	border: 1px #f4f4d8 solid;
}

#left-bar .line-gray {
	position: relative;
	
	height: 20px;
	width: 298px;
	
	line-height: 20px;
	background: #f4f4f0;
	border: 1px #f4f4f0 solid;
}

#left-bar .line-white {
	position: relative;
	
	height: 20px;
	width: 298px;
	
	line-height: 20px;
	background: #fff;
	border: 1px #fff solid;
}

#left-bar .line-gray-dir {
	position: relative;
	
	height: 120px;
	width: 298px;
	
	line-height: 20px;
	background: #f4f4f0;
	border: 1px #f4f4f0 solid;
}

#left-bar .line-white-dir {
	position: relative;
	
	height: 100px;
	width: 298px;
	
	line-height: 20px;
	background: #fff;
	border: 1px #fff solid;
}

.category img {
	position: absolute;
	
	left: 3px;
	top: 2px;
}

.level-1 img {
	position: absolute;
	
	left: 37px;
	top: 2px;
}

.level-2 img {
	position: absolute;
	
	left: 52px;
	top: 2px;
}

.category .label {
	position: absolute;
	
	left: 38px;
	width: 229px;
	
	font-weight: bold;
	color: #000;
}

.level-1 .label {
	position: absolute;
	
	left: 60px;
	width: 208px;
	
	color: #000;
}

.level-2 .label {
	position: absolute;
	
	left: 75px;
	width: 189px;
	
	color: #000;
}

#mainmenu .number{
	position: absolute;
	
	top: 3px;
	right: 2px;
	
	width: 22px;
	height: 14px;
	
	background-image: url('http://www.bommie.com/img/bg_number.gif');
	
	text-align: center;
	font-size: 10px;
	line-height: 14px;
	color: #989068;
}

#mainmenu a.label {
	text-decoration: none;
}

.line-red a.label {
	color: #a41f00;
}

/* END LEFT BAR */

/* CONTENT */
#content {
	margin-left: 300px;

  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

#content .header {
	position: relative;
	clear: both;
	
	height: 86px;
	
	background: #989068;
}

#content .header h2 {
	margin: 0px;
	font-size: 16px;
}

#content .header .welcome {
	position: absolute;
	
	top: 7px;
	right: 19px;
	*right: 13px;
	font-size: 18px;
	height: 18px;
	font-weight: bold;
	font-style: italic;
	color: #d8d6c7;
}

#content .header .logout {
	position: absolute;
	
	top: 28px;
	right: 30px;
}

#content .header .settings {
	position: absolute;
	
	top: 28px;
	right: 126px;
}

#content #main {
	padding-top: 11px;
	padding-left: 30px;
	padding-right: 26px;
}

#content #tekst{
	margin-left: 3px;
}

#content h1 {
	/*padding-top: 20px;*/
	position: relative;
	top: 2px;
	
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 3px;
	
	font-size: 24px;
	height: 24px;
	width: 475px;
	color: #a41f00;
}

#content h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	
	font-size: 21px;
	height: 21px;
}
#content #tekst h3{
	margin-left: 0px;
}

#koppenbox {
	position: relative;
	float: right;
	width: 110px;
	top: 6px;
	margin-right: 5px;
	text-align: right;
	color: #989068;
	
}
/*
#koppenbox select {
	position: absolute;
	
	font-family: arial, helvetica, verdana;
	font-size: 11px;
	color: #989068;
}*/

#koppenbox #red{
	color: #a41f00;
}

/*#koppenbox .type {
	top: 0px;
	right: 0px;
	
	width: 75px;
}

#koppenbox .number {
	top: 0px;
	right: 80px;
	
	width: 55px;
}

#koppenbox .label {
	position: absolute;
	
	top: 0px;
	right: 142px;
	
	width: 35px;
	color: #989068;
}*/

.item, .foldout {
	position: relative;
	
	/*height: 40px;*/
	
	margin-left: 3px;
	margin-right: 2px;
	margin-top: 18px;
	border: 1px #ffffff solid;
}

.item .title a, .foldout .title a  {
	font-weight: bold;
	font-size: 18px;
	color: #000;
	text-decoration: none;
	display: block;
	margin-right: 54px;
	margin-left: 39px;	
}

.item .title a:hover, .foldout .title a:hover {
	color: #a41f00;
}

.foldout {
	margin-left: 0px;
	padding-left: 3px;
	margin-right: 2px;
	height: auto;
	background: #ffffe5;
	border: 1px #f4f4d8 solid;
}

.foldout .title a {
	/*overflow: hidden;*/
	color: #a41f00;
}

.item .right, .foldout .right {
	position: absolute;
	
	right: 0px;
	*right: 29px;
	
	top: 0px;
	*top: 2px;
}

.item .icon2 {
	position: absolute;
	left: 3px;
	top: 3px;
}
.foldout .icon2 {
	position: absolute;
	left: 6px;
	*left: 3px;
	top: 3px;
	
}

#nav-more {
	margin-left: 7px;
	color: #989068;
}

.item .controls, .foldout .controls {
	margin-left: 39px;
	color: #989068;
}

#bronlink{
	color: #989068;
	text-decoration: none;
	
}

#bronlink:hover{
	color: #989068;
	text-decoration: underline;
}
.item .favicon, .foldout .favicon {
	position: relative;	
	top: 4px;
	margin-right: 4px;
	/*width: 16px;
	height: 16px;
	display:inline;
	overflow:hidden;
	border: 1px solid red;*/
}

.item .text {
	display: none;	
	margin-left: 38px;	
}

.item #red, .item .red
{
	display: none;
}
.foldout #red, .foldout .red
{
	display: block;
	
}

.item #brown, item .brown
{
	display: block;
}
.foldout #brown, .foldout .brown
{
	display: none;
}

.foldout .text {
	display: block;
	margin-left: 38px;
}

#footer{
	text-align: center;
	display: block;
	font-size: 9px;
	color: #989068;

  margin-left: 70px;
  _margin-left: 84px;
}

/*waarom*/
#waarom {
  margin: 0;
  width: 300px;
  height: 400px;
  float: left;
  }

#waarom .img {
  float: left;
  }

#waarom img {
  margin: 0 10px 0 20px;
  }

#waarom p {
  margin: 0 10px 0 25px;
  }


#waarom #jouwnieuws {
  margin: 10px 0 10px 0;
  }

#waarom #altijd {
  margin: 20px 0 10px 0;
  }

#waarom #overal {
  margin: 20px 0 10px 0;
  }

  /* aanmelden */
#aanmelden {
  margin: 45px 0 0 0;
  width: 300px;
  height: 400px;
  float: left;
  }

#aanmelden input {
  margin: 10px 0 5px 0;
  border: 1px solid #dbd7db;
  height: 25px;
  width: 240px;
  background-color: #f7f6f3;
  color: #a41f00;
  padding-top: 7px;
  padding-left: 5px;
}

#aanmelden form p {
  margin: 10px 0 -10px 0;
  font-weight: normal;
  }

#aanmelden input {
  padding-top: 7px;
  padding-left: 5px;
	
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	border: 0;
	height: 29px;
	width: 258px;
	background: url('http://www.bommie.com/img/i_aanmeldbox.gif') no-repeat;
	vertical-align: middle;
  }

#aanmelden img {
  margin: 0;
  }

#aanmelden p {
  margin: 17px 30px 20px 0;
  font-weight: bold;
  }

#aanmelden a {
  /*margin: 6px 30px 20px 0;*/
	display: block;
	height: 30px;
	width: 122px;	
  }
#aanmelden a#versturen {
  	background: url('http://www.bommie.com/img/i_verstuur_off.gif');
    }
#aanmelden a#versturen:hover {
  	background: url('http://www.bommie.com/img/i_verstuur_on.gif');
    }

/* voorbeeld */
#voorbeeld {
  margin: 45px 0 0 0;
  width: 311px; /* 2px border + uitlijning */
  height: 400px;
  float: left;
  }

#voorbeeld img#screenshot {
  /*border: 2px solid #dbd7db;*/
  margin: 20px 0 0 7px; /* uitlijning 'voorbeeld' */
  }
  
table.alfabet {
	width: 189px;
	text-align: center;
	font-size: 11px;
	cursor: pointer;
	cursor: hand;
  }

table.alfabet td {
	width: 27px;
	height: 20px;
	color: #a0a0a0;
  border: 1px solid #fff;
  }

table.alfabet a.alfabetactive {
  font-weight: bold;
  color: #a41f00;
  }

table.alfabet .td-red {
	background: #ffffe5;
}

table.alfabet .td-gray {
	background: #f4f4f0;
}
/* END CONTENT */