body{
  background-color: rgb(208,208,208);
  margin: 0px;
  padding: 0px;
}

div#TICKER{
  display: none;
  overflow:hidden; 
  background-color: rgb(240,240,240);
  border-top: 1px solid rgb(192,192,192);
}
div, td{
  /*position: relative;*/
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
/*  background-color: rgb(255,224,255);*/
  margin: 0px;
  padding: 0px;
}

div#main{
  margin: 0 auto;
  width: 772px;
  border-left: 1px solid rgb(128,128,128);
  border-right: 1px solid rgb(128,128,128);
}
div#head{
  width: 772px;
  height: 96px;
  background-image: url(images/hadrian-background.png);
  color: rgb(255,255,255);
}

div#buttons{
  height: 16px;
}

A{
	color: rgb(0,0,0);
	text-decoration: none;
}

A:hover{
	text-decoration: underline;
}

A.label:hover{
  text-decoration: none;
}

A.label{
  display: block;
  width: 64px;
  border-right: 0px solid red;
}
div#btn_login, div#btn_prefs, div#btn_logout, div#btn_register{
  display: none;
}

div#btn_home, div#btn_phoblo, div#btn_forum, div#btn_login, div#btn_prefs, div#btn_logout, div#btn_register, div#btn_menu{
  float: left;
  font-size: 8pt;
  text-align: center;
  background-color: rgb(255,255,255);
  color: rgb(0,0,0);
  width: 64px;
  padding-left: 1px;
  padding-right: 1px;
  margin-left: 3px;
  margin-right: 3px;
  border-bottom: 2px solid rgb(0,128,0);
}

div#loginWindow{
  border: 1px solid rgb(40,40,40);
  padding-left: 4px;
  padding-top: 4px;
  width: 180px;
  height: 60px;
  display:none;
  z-index: 20;
  position: absolute;
  margin-left: 146px;
  margin-top: 16px;
  background-color: rgb(160,160,160);
}

div#login_name_text, div#login_pwd_text, div#login_name_input, div#login_pwd_input, div#login_submit_text, div#login_submit_input{
  float: left;
  font-size: 8pt;
  height: 20px;
}

div#login_name_text, div#login_pwd_text, div#login_submit_text{
width: 66px;
}

input#inp_name, input#inp_pwd{
  height: 13px;
  width: 96px;
  font-size: 7pt;
}

input#inp_submit{
  width: 25px;
  height: 20px;
  font-size: 7pt;
}

div.tmpWindow, div.menuDialog{
  border: 1px solid rgb(160,160,160);
  padding-left: 4px;
  padding-top: 4px;
  display:none;
  z-index: 21;
  position: absolute;
  margin-top: 16px;
  background-color: rgb(232,232,232);
  color: rgb(64,64,64);
}

div#optionsWindow{
  width: 480px;
  height: 73px;
  margin-left: 146px;
}

div#menuWindow{
  width: 140px;
  height: 75px;
  margin-left: 147px;
}

div.menuItem{
  display: block;
  color: rgb(0,0,0);
  cursor: pointer;
}

div.menuDialog{
  padding-right: 4px;
  padding-bottom: 4px;

  left: 40px;
}
div#headText{
  float: left;
  background:none;
  padding-top: 28px;
  padding-left: 8px;
  font-size: 30pt;
  font-family: century gothic, arial, helvetica, sans-serif;
  font-weight: bold;
  cursor: pointer;
}

div#body{
  background-color: rgb(0,0,0);
}

div#list_traffic{
  margin: 5px;

  display:none;
  position: absolute;
  z-index: 10;
  width: 502px;
  height: 310px;
  background-color: rgb(255,0,0);
  background-color: rgb(220, 240, 252);
  border: 1px solid rgb(192,192,192);
  border-top: none;
}
div#list_traffic_title{
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  border-top: 1px solid rgb(192,192,192);
  height: 24px;
  background-image: url(images/logtitleback-tr-bl.png);
  padding-left: 3px;
	font-size: 12px;
  color: rgb(48,32,192);
  font-weight: bold; 
}

div#list_traffic_title_text{
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  float: left;
  width: 255px;
  display: inline;
}
div#list_traffic_close, div#list_traffic_ticker{
  display: inline;
  float: right;
/*  width: 18px;
*/
  height: 18px;
  cursor: pointer;
}
div#list_traffic_contents{
  width: 492px;
  height: 278px;
  overflow: auto;
  margin-left: 4px;
  background-color: rgb(248,255,255);
  border-left: 1px solid rgb(204,224,248);
  border-top: 1px solid rgb(204,224,248);
  border-right: 1px solid rgb(255,255,255);
  border-bottom: 1px solid rgb(255,255,255);
}
div#logStuff{
  float: left;
  width: 512px;
  border-right: 1px solid rgb(192,192,192);
}

div#rightSide{
  float: left;
  width: 259px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: rgb(192,192,192);
}



/* **** LINKS ** */
div#links{
  float: left;
  width: 259px;
}

div#linksTitle{
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  border-top: 1px solid rgb(192,192,192);
  height: 24px;
  background-image: url(images/logtitleback.png);
  padding-left: 3px;
	font-size: 12px;
  color: rgb(192,32,48);
  font-weight: bold; 
  cursor: pointer;
}

div.link_category{
  padding-left: 2px;
  font-weight: bold;
  background-color: rgb(255,255,255);
  cursor: pointer;
}

div.link_container{
  display: none;
  padding-left: 0px;
  background-color: rgb(255,255,255);
}

div.link_category{
  background-color: rgb(255,255,255);
  font-weight: bold;
  padding-left: 3px;
  border-bottom: 1px solid rgb(212,212,212);
}
div.linkEntry_0, div.linkEntry_1{
  padding-left: 5px;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  color: rgb(192,192,192);
}

div.linkEntry_0{
  background-color: rgb(255,255,255);
}

div.linkEntry_1{
  background-color: rgb(232,240,255);
}

/* **** TV  **** */
div#tvListings{
  float: left;
  width: 259px;
}

div#tvListingsTitle{
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  border-top: 1px solid rgb(192,192,192);
  height: 24px;
  background-image: url(images/logtitleback.png);
  padding-left: 3px;
	font-size: 12px;
  color: rgb(240,100,32);
  font-weight: bold; 
  cursor: pointer;
}

/* **** RSS **** */
A#rssTitleHref:hover{
  text-decoration: none;
}

div#rssFeeds{
  float: left;
  width: 259px;
}

div#rssFeedsTitle{
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  border-top: 1px solid rgb(192,192,192);
  height: 24px;
  background-image: url(/images/logtitleback-yello.png);
  background-repeat: repeat-x;
	padding-left: 3px;
	font-size: 12px;
  color: rgb(48,160,32);
  font-weight: bold; 
  cursor: pointer;
}

div#rssTitle{
	position: relative;
  width: 256px;
  background-color: rgb(255,255,255);
  font-weight: bold;
  padding-left: 3px;
  border-bottom: 1px solid rgb(212,212,212);
}
div.rssEntry_0, div.rssEntry_1{
  padding-left: 5px;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  color: rgb(0,0,192);
}

div.rssEntry_0{
  background-color: rgb(255,255,255);
}

div.rssEntry_1{
  background-color: rgb(232,240,255);
}

a#rssLink{
  color: rgb(64,64,64);
  width: 259px;
}
div#rss_1.rssEntry{

  /*background-color: rgb(240,252,224);*/
  
}

/* *** KALENDER +weer *** */
div#calendarTitle, div#weatherTitle{
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  border-top: 1px solid rgb(192,192,192);
  height: 24px;
  background-image: url(images/logtitleback.png);
  padding-left: 3px;
	font-size: 12px;
  color: rgb(192,32,48);
  color: rgb(48,32,192);
  font-weight: bold; 
}
div#weatherTitle{
  cursor: pointer;
}

div#calendarTitle{
  padding-left: 7px;
}
div#calendar, div#weather{
  float: left;
  background-color: rgb(255,255,255);
}

div#calendar{
  border-left: 1px solid rgb(192,192,192);
  width: 136px;
  height: 154px;
}

div#weatherContents{
  height: 73px;
}

div#calendar_contents{
  width: 130px;
  margin-left: 4px;
}

td.calDay{
  color: rgb(128,128,128);
  font-size: 8pt;
}
td.calDay, td.calDayOfWeek, td#calMonth{
  background-color: rgb(255,255,255);
  }

/* **** WEER *** */
div#weather{
  width: 122px;
  }

div#weather_icon_big{
  width: 64px;
  float: left;
}
div#weather_text{
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
  margin-left: 0px;
  width: 56px;
  float: left;
}

div#weather_fcast{
  background-color: rgb(244,244,244);
  background-color: rgb(192, 212, 232);
  text-align: center;
  font-size: 7pt;
  color: rgb(128,128,128);
  color: rgb(48,32,192);
  margin-top: 2px;
  width: 58px;
  float: left;
}

/* **** Verkeer **/
div#_traffic_contents{
  cursor: pointer;
  width: 120px;
  height: 52px;
  float: left;
  padding-left: 2px;
  padding-top: 4px;
  font-size: 8pt;
  background-color: rgb(192,160,255);
  background-color: rgb(220, 240, 252);
  color: rgb(16,0,128);
}

div#traffic_contents{
  width: 122px;
  height: 56px;
  overflow: hidden;
  float: left;
  padding: 0;
  margin: 0;
  font-size: 8pt;
  background-color: rgb(192,160,255);
  background-color: rgb(220, 240, 252);
  color: rgb(16,0,128);
}

div.tr_road, div.tr_nRoad {
  display: inline;
  float: left;
  width: 30px;
  text-align: center;
  font-weight: bold;
  font-size: 8pt;
  border-bottom: 1px solid rgb(255,255,255);
  height: 13px;
  margin-bottom: 0px;
}

div.tr_road{
/*  background-color: rgb(240,0,0);

  border: 1px solid rgb(240,0,0);
  */
  color: rgb(255,255,255);
  background-image: url(images/A.png);
  background-repeat: no-repeat;
  width: 32px;
  height: 14px;
}

div.tr_nRoad{
/*
  background-color: rgb(240,240,0);
  border: 1px solid rgb(40,40,40);
 */
  color: rgb(0,0,0);
  background-image: url(images/N.png);
  background-repeat: no-repeat;
  width: 32px;
  height: 14px;
}

/* **** LOG **** */
A.logLink:link, A.logLink:active, A.logLink:visited, A.logLink:hover, a.newslink{
	text-decoration: underline;
	color: rgb(0,0,112);
}

.newsImage{
  float: left;
  border: 1px solid #000;
  margin: 0 4px 0 2px;
  width: 60px;
}

.mediaImage{
  border: 1px solid #000;
  margin: 0 0 0 40px;
}

div.logEntry, div.entry{
  margin-left: 0px;
  width: 512px;
  background-color: rgb(255,255,255);
}
div.logHeader, div.entryHeader{
  border-top: 1px solid rgb(192,192,192);
  height: 24px;
  background-image: url(images/logtitleback.png);
}
div.logTitle, div.logText, div.reactForm, div.entryTxt, div.newspreview, div.mediapreview{
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

div.logTitle, div.entryTitle{
  background:none;
  padding-left: 3px;
  display: inline;
  float: left;
	font-size: 14px;
  color: rgb(192,32,48);
  font-weight: bold;
}

div.logCategory, div.entryCategory{
  display: inline;
  float: right;
}

a.logCategory{
  font-size: 8pt;
}
div.logCategory, a.logCategory, div.entryCategory{
  background:none;
  padding-right: 3px;
  text-decoration: none;
  color: rgb(128,128,128);
}

div.logText, div.center, div.newspreview, div.mediapreview{
  background-color: rgb(255,255,255);
  padding-left: 3px;
  height: 90px;
  display: block;
}

div.mediapreview{
  height: 170px;
}

div.mediapreview img{
  margin: 4px auto 8px 160px;
  clear: both;
}

div.center{
}

div.center img, div.center div{
  display: block;
  margin: 0 auto;
}

div.logFooter, div.logFooterLeft, a.logFooterLeft,
div.commentFooter, div.commentFooterLeft, a.commentFooterLeft
{
  padding-left: 2px;
  padding-right: 2px;
  background-color: rgb(255,255,255);
 	font-size: 7pt;
	color: rgb(192,192,192);
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

div.logFooter, div.commentFooter{
	text-align: right;
}

div.commentFooter{
  border-bottom: 1px solid rgb(240,240,240);
}
div.logFooterLeft, div.commentFooterLeft{
	float: left;
}

div.reactForm{
  background-color: rgb(255,255,255);
  width: 512px;
  height: 320px;
  padding-bottom: 6px;
}

div#logReactTitle, div#logReactionsTitle{
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  border-top: 1px solid rgb(192,192,192);
  height: 24px;
  background-image: url(images/logtitleback.png);
  padding-left: 3px;
	font-size: 12px;
  color: rgb(48,160,32);
  font-weight: bold; 
}

div#logReactionsTitle{
  color: rgb(48,32,192);
}
div.rf_caption, div.rf_input{
  height: 24px;
}

div.rf_caption{
  margin-left: 4px;
  float: left;
  width: 120px;
}

div.rf_input{
  float: left;
  /* margin-left: 120px; */
  width: 380px;
}
div.grey{
	margin-left: 8px;
	float: left;
	color: rgb(80,80,80);
}