/* Generic
-------------------------------------------------------------- */

body { 
  font-family: verdana, arial, helvetica, sans-serif;
  
  color: #222; 
  background: #fff;
  margin:0px; padding:0px;
/* Hack voor IE5 */
text-align:center;
}
.content {
	width:1165px;
margin:0px auto;
padding:0px;
border:1px dashed #333;
background-color:#eee;
text-align:left;
}

body, p, ol, ul, td {
  
  font-size:   13px;
  line-height: 18px;
}

h1 {
	margin: 0px; 
  font-weight: bold;
  padding: 0px 0px 4px 0px;
  text-transform: uppercase;
  font-size:120%;

}



/* Tables
-------------------------------------------------------------- */

table       {  width:100%; }
th          { text-align:left;font-weight: bold; text-decoration : none;}
tfoot       { font-style: italic; }


a, a:visited{
	color: #000;
}
a:hover{
	color: #F00;
}


/* Textbox
-------------------------------------------------------------- */


.tb-rounded {
    border:0;
    background: transparent url('../images/rounded.gif') no-repeat top left;
    height: 22px;
    width: 230px;
    padding-top:2px;	
    padding-left:20px;
}

.tb-bg-side {
    background-image: url('../images/Portal.gif');
    background-repeat:no-repeat;
    background-position:left;
    border: 1px solid #6297BC;
    padding-left:20px;
}

/* Top
-------------------------------------------------------------- */

.logo
{ 
  border: 1px solid;
}

.logo h1 {
  font-size:140%;
}

.login, .login a, .login a:hover
{ 
	text-decoration: none;
}



/* column 1 - contains sidebar items */

/* main content */
#content
{
  width: 100%;
  overflow: hidden;
} 


#column1
{ 
font-family: verdana, arial, helvetica, sans-serif;
width: 208px;
  margin: 3px 0px 0px 0px;
  padding: 19px 19px 15px 10px;
  float:left;

}

.sidebaritem
{ 

text-align: left;
  width: 178px;
  float: left;
  margin: 0px 0px 23px 0px;
  padding: 14px 8px 14px 19px;
}

.sidebaritem h1
{ margin: 0px; 
  font-weight: bold;
  padding: 0px 0px 4px 0px;
  text-transform: uppercase;
  font-size:100%;
}

.sidebaritem p
{ line-height: 16px; 
  padding: 0px 0px 8px 0px;
}



/* LEVEL 1 LINK*/
.sbilinks{padding: 0px}

.sbilinks ul{margin: 0px auto; padding:0px;} 

.sbilinks li 
{ margin: 0px;
  float: left; 
  list-style: none; 
} 

.sbilinks li a , .sbilinks li a:hover
{ float: left; 
  text-decoration: none; 
  padding: 5px 0px 2px 19px;
  width: 149px;
} 

.sbilinks li a
{ background: transparent url('../images/link_arrow.png') no-repeat left center;
} 

.sbilinks li a:hover
{ background: transparent url('../images/link_arrow_sel.png') no-repeat left center;
} 

/* LEVEL 2 LINK*/
.sbisublinks{padding: 0px 0px 0px 10px;}

.sbisublinks ul
{	margin: 0px auto; 
	padding: 0px 0px 0px 10px;
} 

.sbisublinks li 
{ margin: 0px;
  float: left; 
  list-style: none; 
} 

.sbisublinks li a , .sbisublinks li a:hover
{ float: left; 

  text-decoration: none; 
  padding: 5px 0px 2px 19px;
  width: 149px;
} 

.sbisublinks li a
{ background: transparent url('../images/link_arrow.png') no-repeat left center;
  
} 

.sbisublinks li a:hover
{ background: transparent url('../images/link_arrow_sel.png') no-repeat left center;
  
} 

/* column 2 - page content */
#column2
{ 
  font-family: arial, helvetica, sans-serif;
  width: 900px;
  float: left;
  padding: 2px 10px 15px 3px;

}

#column2 h1
{ 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 150%;
  text-transform: uppercase;
  font-weight: bold;
}


.mainimage {
  max-width: 200px;
  max-height: 200px;
  width: expression(this.width > 200 ? "200px" : true);
  height: expression(this.height > 200 ? "200px" : true);
}

/* main window */
.destination
{ text-align: left;
  width: 178px;
  float: right;
  margin: 0px 25px 123px 30px;
  padding: 10px 8px 20px 19px;
}

.destination h1
{ margin: 0px; 
  font-weight: bold;
  padding: 0px 0px 4px 0px;
  text-transform: uppercase;
  font-size:120%;
}

.destination p
{ line-height: 16px; 
  padding: 0px 0px 8px 0px;
}

.infoitem
{ text-align: left;
  width: 178px;
  float: left;
  margin: 0px 0px 23px 0px;
  padding: 14px 8px 14px 19px;
}

.infoitem h1
{ margin: 0px; 
  font-weight: bold;
  padding: 0px 0px 4px 0px;
  text-transform: uppercase;
  font-size:100%;
}
.infoitem p
{ line-height: 16px; 
  padding: 0px 0px 8px 0px;
}
.destinationwide
{ text-align: left;
  float: left;
  width: 850px;
  margin: 0px 25px 23px 0px;
  border: 1px solid;
  padding: 5px 8px 5px 5px;
}

.toc
{ text-align: left;
  float: left;
  width: 580px;
  margin: 0px 25px 23px 0px;
  border-bottom: 1px dotted #eadbc0;
  padding: 1px 8px 5px 19px;
}
.toc a, .toc a:hover
{
	  text-decoration: none; 
}


.diary {
margin: 0px 25px 23px 0px;
text-align: left;
width: 880px;

}


.diary A:link {text-decoration: none}
.diary A:visited {text-decoration: none}
.diary A:active {text-decoration: none}

.diary img{
  padding: 0px 12px 12px 0px;
  max-width: 320px;
  max-height: 320px;
  width: expression(this.width > 320 ? "320px" : true);
  height: expression(this.height > 320 ? "320px" : true);
}

.diarybuttons {
	
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}
.diarytitle {
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	
	
}

.map img{
  padding: 0px 12px 12px 0px;
  max-width: 600px;
  max-height: 600px;
  width: expression(this.width > 600 ? "600px" : true);
  height: expression(this.height > 600 ? "600px" : true);
}

.reaction
{
	text-align: left;
float: left;
 width:850px;
  margin: 0px 25px 23px 0px;
  border: 1px solid;
  padding: 1px 8px 5px 19px;
}
.reaction .background
{
	background-color:#efe4d1;
}
.reaction .header
{
	font-weight: bold;
	
}
.reaction .date
{
	font-size: 70%;
	text-align: right;
}
.reactionlink
{
	float: left;
	width:610px;
}


/* Submit button styling from ParticleTree
http://particletree.com/features/rediscovering-the-button-element/ */

.widgets a, .widgets button{
    display:block;
    float: left;
    margin:0px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    
    font-family:"Lucida Grande", Verdana, Geneva, Arial, sans-serif;
    font-size:80%;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:3px 5px 7px 5px; /* Links */
}

.widgets button{
    width:auto;
    overflow:visible;
    padding:3px 5px 5px 5px; /* IE6 */
}

.widgets button[type]{
    padding:3px 5px 4px 5px; /* Firefox */
    line-height:15px; /* Safari */
}
.widgets button img, .widgets a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

.widgets a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.widgets a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .widgets a.positive{
    color: #498111;
}
.widgets a.positive:hover, button.positive:hover{
    background-color:#e6efc2;
    border:1px solid #C6D880;
    color:#529214;
}
.widgets a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.widgets a.negative, button.negative{
    color:#d12f19;
}
.widgets a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.widgets a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.submit_box {
    height: 25px;
    padding: 5px 0;
    text-align: center;
    clear: right;
}

.horizontal_dotted_line
{
border-bottom: 1px dotted #eadbc0;
width: 860px;
}
.byline
{
	font-size:0.7692em;
	font-weight:bold;
	line-height:0.6em;
	margin:0;
	padding:0 0 0.5em;
}
.tocsmall
{
	font-size:0.7692em;
	font-weight:bold;
	line-height:0.6em;
	margin:0;
	padding:0 0 0.5em;
}
.byline a
{
	text-decoration: none;
 	text-transform: uppercase;
}
.bylineright
{
	font-size:0.7692em;
	font-weight:bold;
	line-height:0.6em;
	margin:0;
	padding:0 0 0.5em;
	text-align:right;
}
.bylineright a
{
	text-decoration: none;
 	text-transform: uppercase;
}