/*
#####################################
# Header
#####################################
*/

body {
  font-size:		12px;
  font-family:		Verdana, Arial, Sans-Serif;
  background-color:	#b2a98f;
  color:		#333;
  padding:		0px;
  margin:		0px;
}

#page {
  position:		absolute;
  top:			10px;
  background-color:	white;
  text-align:		left;
  width:		760px;
  padding-top:		15px;
}

#header {
  height:		225px;
}

#polaroids {
  position:		absolute;
  left:			508px;
  top:			29px;
  width:		233px;
  display:		;
}

#hoppingInfo {
  position:		absolute;
  top:			153px;
  left:			45px;
  width:		270px;
}
.nextHopLink {
  float:		right;
  margin-top:		4px;
}
.nextHop {
  font-family:		Arial, sans-serif;
  font-size:		12px;
  font-weight:		bold;
  color:		#645f50;
}
.nextHopDate {
  margin:		3px 0px 0px 0px;
  font-family:		Arial, sans-serif;
  font-size:		12px;
  font-weight:		bold;
  color:		#1bba05;
}
#hoppingWhatIs {
  position:		absolute;
  top:			169px;
  left:			340px;
  font-family:		Arial, sans-serif;
}
#hoppingWhatIs a:hover {
  background:		#1bba05;
  color:		#ffffff;
}

#headerimg {
  position:		absolute;
  top:			30px;
  left:			35px;
}
#headerimg a {
  display:		block;
  width:		400px;
  height:		90px;
}

#banner {
  position:		absolute;
  width:		148px;
  height:		149px;
  top:			25px;
  left:			800px;
  background:		url("images/banner_10tes.gif") top left no-repeat;
}
#banner a {
  display:		block;
  width:		148px;
  height:		149px;
}

/*
#####################################
# Content
#####################################
*/

.post {
  clear:		both;
}
.post h2 {
  font-family:		'Trebuchet MS', Verdana, Arial, Sans-Serif;
  font-size:		19px;
  margin-bottom:	8px;
  color:		#2c6202;  
}
.post h2 a {
  color:		#2c6202;
  text-decoration:	none;
}

.entry {
  clear:		both;
}
.entrytext {
  margin:		0px 0px 40px 0px;
}

#content {
}

#content p {
  font-size:		12px;
  line-height:		17px;
}

#content table {
}
#content table td {
  padding:		2px 0px 2px 0px;
}

.postmetadata {
  text-align:		right;
  clear:		both;
}

/*
#####################################
# Comments
#####################################
*/

h3#comments, h3#respond {
  font-size:		14px;
}

p.postmetadata.alt, .commentmetadata {
  display:		none;
}
label {
  display:		block;
}

ol.commentlist {
  list-style:		none;
  margin:		0px 0px 30px 0px;
  padding:		0px;
}
#content ol.commentlist li {
  margin:		0px 20px 0px 20px;
  padding:		5px 5px 5px 10px;
  background:		#eeeeee;
}
#content ol.commentlist li p {
  font-size:		11px;
  line-height:		15px;
  margin:		10px 0px 0px 0px;
}
form#commentform p {
  margin:		0px 0px 5px 0px;
}



.navigation {
  clear:		both;
}



#sidebar {
  float:		right;
  width:		200px;
  margin:		20px 25px 0px 0px;
  display:		inline;
}
#sidebar ul {
  margin:		0px ;
  padding:		0px;
  list-style:		none;
}
#sidebar ul h2 {
  font-size:		14px;
  margin:		0px;
  color:		#2c6202;
}
#sidebar ul li {
  margin:		0px;
  padding:		0px;
  line-height:		18px;
}
#sidebar ul li a {
  background:		#eeeeee;
  display:		block;
  width:		197px;
  width:		expression("200px");
  padding:		1px 0px 1px 3px;
  font-weight:		bold;
}
#sidebar ul li a:hover {
  background:		#908974;
  color:		#ffffff;
  display:		block;
  width:		197px;
  width:		expression("200px");
}

#sidebar ul ul {
  margin:		5px 0px 15px 0px;
}
#sidebar ul ul ul {
  margin:		0px 0px 0px 10px;
}
#sidebar ul ul ul li a {
  background:		transparent;
  display:		block;
  width:		187px;
}
#sidebar ul ul ul li a:hover {
  width:		187px;
}


#Counter {
  margin:		25px 0px 0px 0px;
  padding:		15px 0px 0px 9px;
  height:		77px;
  background:		url("images/CounterBg.gif") top left no-repeat;
  line-height:		74px;
  font-size:		36px;
  font-weight:		bold;
  color:		#ffffff;
}

.widecolumn {
  float:		left;
  width:		450px;
  margin:		0px 0px 0px 45px;
  padding-bottom:	20px;
  display:		inline;
}
.narrowcolumn {
  float:		left;
  width:		450px;
  margin:		0px 0px 0px 45px;
  padding-bottom:	20px;
  display:		inline;
}

#footer {
  padding:		10px 25px 5px 45px;
  clear:		both;
  background:		#908974;
  color:		#ffffff;
}
#footer p {
  font-size:		11px;
  margin:		0px 0px 8px 0px;
}
#footer a {
  color:		#20e305;
}
#login {
  float:		right;
  width:		22px;
  height:		23px;
  background:		url("images/login.gif") top left no-repeat;
  margin:		10px 0px 0px 0px;
}
#login a {
  display:		block;
  width:		22px;
  height:		23px;
}

/* Diverses */

a {
  color:		#1bba05;
  text-decoration:	none;
}

a img {
  border:		none;
}

small {
  font-size:		11px;
}

.hidden {
  display:		none;
}
.invisible {
  visibility:		hidden;
}

#anmeldeform table td {
  padding:		1px 2px 6px 0px;
  vertical-align:	top;
}
#anmeldeform small {
  color:		#8c8c8c;
}

