/* permanently show scrollbar */

html {
	overflow: scroll;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

body, td
{
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

body {
  /* background: url("/images/gray_stripe.png"); */
  padding: 0px;
  margin: 0px;
}

input, select {
	border: 1px solid #333333;
}

input.no_border, input.no_border:hover {
	border: 0;
}

input:hover, select:hover {
	border: 1px solid #00ADDE;
}

fieldset {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

h1, h2, h1 a, h2 a {
	margin: 0px 0px 4px 0px;
	color: #333333;
	text-transform: uppercase;
	font-size: 14px;
}

h2, h2 a {
	margin: 4px 0px 4px 0px;
	color: #00ADDE;
	font-size: 12px;
}

h3 {
	margin: 4px 0px 4px 0px;
	font-size: 12px;
	font-weight: bold;
}

ul {
	padding: 0px 0px 0px 20px;
}	

a {
	color: #00ADDE;
}

br.clear_both {
	clear: both;
}

br.clear_left {
	clear: left;
}

p {
	margin: 2px 0px 2px 0px;
}

ul {

}

li {
	list-style-image: url("/images/list_item.png");
}

table tr th {
	text-align: left;
	font-weight: normal;
}

#main {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	margin: 10px 0px 10px 0px;
	position: relative;
	width: 1000px;
	height: 110px;
	background: url("/images/header.png") bottom left no-repeat;
}

#header_left {
	position: absolute;
	top: 85px;
	left: 0px;
	width: 88px;
	height: 71px;
	background: url("/images/header_left.png") bottom left no-repeat;
}

#header_right {
	position: absolute;
	top: 85px;
	right: 0px;
	width: 633px;
	height: 71px;
	background: url("/images/header_right.png") bottom right no-repeat;
}

#header_navigation {
	position: absolute;
	top: 12px; 
	right: 30px;
	margin: 0px;
	height: 20px;
}

#header div#loading {
	position: absolute;
	bottom: 20px;
	left: 5px;
}

#header_logo {
	position: absolute;
	left: 20px;
	top: 29px;
}


#header_navigation ul {
	padding: 0px;
	float: right;
	list-style-type: none;
}

#header_navigation ul li {
	float: left;
	margin: 0px 0px 0px 60px;
	position: relative;
	list-style-image: none;
}

#header_navigation ul li a {
	color: #141414;
	font-weight: bold;
}

#header_navigation ul li ul {
	position: absolute;
}

#header_navigation ul li a.active {
	color: #00ADDE;
	font-weight: bold;
}

#left {
	padding: 0px 0px 0px 10px;
	width: 190px;
	float: left;
}

#content {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 800px;
}

#footer {
	margin: 20px 0px 0px 0px;
	border-top: 1px solid #00ADDE;
	text-align: right;
	background: url(/images/box_background2.png);
}

p.body_text {
	/* margin: 2px 2px 2px 2px; */
}

p.teaser_text {
	font-weight: bold;
}

div.box {
	margin-bottom: 10px;
	border: 0px solid #333333;
}

div.box div.box_title, div.box div.box_small_title {
	position: relative;
	/* background: #141414; */
	color: #333333;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	/* padding: 2px 5px 2px 5px; */
	height: 20px;
	text-transform: lowercase;
}

div.box_title {
	position: relative;
	background: url("/images/box_title_background.png") no-repeat left top;
}

div.box_small_title {
	position: relative;
	background: url("/images/box_small_title_background.png") no-repeat left top;
}

div.box_small_title .title, div.box_title .title {
	position: absolute;
    right: 4px;
    top: 3px;
}

div.box div.box_content {
	padding: 5px 5px 5px 5px;
	background: url(/images/box_background2.png);
	position: relative;
}

div#edit_panel {
	position: absolute;
	bottom: 4px;
	right: 4px;
	padding: 2px;
	color: #33333;
	border: 1px solid #c1c1c1;
}

div#edit_panel a {
	color: #33333;
}

div.box_title ul {
 position: absolute;
  left: 4px;
  bottom: 0px;
  padding:0px 0px 0;
  list-style:none;
  }
div.box_title li {
	font-size:10px;
  float:left;
  background:url("/images/left.gif") no-repeat left top;
  margin:0 0 0 1px;
  padding:0 0 0 9px;
  list-style-image: none;
  }
div.box_title a {
  float:left;
  display:block;
  background:url("/images/right.gif") no-repeat right top;
  padding:3px 15px 3px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#ffffff;
  text-transform: none;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
div.box_title a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#000000;
  }
div.box_title #current {
  background-image:url("/images/left_on.gif");
  }
div.box_title #current a {
  background-image:url("/images/right_on.gif");
  color:#000000;
  padding-bottom:3px;
  }

div.box_footer {
	height: 4px;
}

div.location_description {
	float: left;
	width: 460px;
	padding: 0px 0px 0px 10px;
	position: relative;
}	

div.photoset_list_box {
	position: relative;
	/* border-bottom: 1px solid #141414; */
}

div.photoset_list_box_image {
	float: left;
	position: relative;
}

div.photoset_list_box_text {
	width: 600px;
	padding: 0px 0px 0px 10px;
	float: left;
	position: relative;
}

div.inserted_photo {
	padding: 10px 0px 0px 0px;
	}

div.inserted_photo_title {
	padding: 4px 0px 0px 4px;
	font-size: 10px;
	}

div.location_list_box {
	position: relative;
	/* border-bottom: 1px solid #141414; */
}

div.location_list_box_partner {
	background: #E2F4F5;	
}

div.location_list_box_image {
	float: left;
	position: relative;
}

div.location_list_box_text {
	width: 600px;
	padding: 0px 0px 0px 10px;
	float: left;
	position: relative;
}

div.location_list_box_small_text {
	font-size: 10px;
	margin: 0px 0px 4px 0px;
}

div.random_location_box_small_text {
	font-size: 10px;
	margin: 0px 0px 4px 0px;
	float: left;
	width: 120px;
}

div.random_location_box_small_picture {
	float: left;
	margin: 0px 4px 0px 0px;
}

div.image_spacer {
	width: 120px;
	height: 120px;
	border: 1px solid #333333;
	padding: 2px;
}

div.small_image_spacer {
	width: 40px;
	height: 40px;
	border: 1px solid #333333;
	padding: 2px;
}

div.small_text {
	font-size: 10px;
	margin: 4px 0px 4px 0px;
}

div.news_list_box {
	/* border-bottom: 1px solid #141414; */
	margin: 0px 0px 10px 0px;
	float: left;
	position: relative;
}

div.news_list_box_image {
	float: left;
	margin: 0px 10px 0px 0px;
}

div.news_list_box_text {
	width: 600px;
	float: left;
	/* padding: 0px 0px 0px 10px; */
}

div.photo_thumbnail {
	position: relative;
	margin: 4px 4px 0px 0px;
	float: left;
}

img.whats_hot {
	margin: 0px 4px 0px 2px;
}

.paragraph, .small_paragraph {
	margin: 8px 0px 8px 0px;
}

/* ajax stuff: loading, ... */

div#loading {
	position: absolute;
}

/* search */

input.search {
	width: 130px;
}

/* google map and co */

#mapcontainer {
	float: left;
}

#map_side_bar {
	position: relative;
	float: left;
	padding-left: 20px;
	height: 400px;
	width: 210px;
	overflow: auto;
}

div.map_info_window {
	width: 200px;
}


/* MESSAGEBOARD */
.message_board_folder_title,
.message_board_folder_thread_count,
.message_board_folder_message_count,
.message_board_folder_last_message {
	float: left;
	margin-right: 5px;
	position: relative;
}

.message_board_folder_title {
	width: 400px;
}

.message_board_folder_thread_count,
.message_board_folder_message_count {
	width: 100px;
}

.message_board_folder_last_message {
	width: 100px;
}


.message_board_folder {
	margin-bottom: 10px;
}

div.message_board_thread_title,
div.message_board_thread_author,
div.message_board_thread_message_count,
div.message_board_thread_last_message {
	float: left;
	margin-right: 5px;
	position: relative;
}

div.message_board_thread_title {
	width: 400px;
}


div.message_board_thread_author {
	width: 100px;
}

div.message_board_thread_message_count {
	width: 100px;
}

div.message_board_thread_last_message {
	width: 100px;
}

.message_board_pager, .location_list_pager, .photoset_list_pager {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.message_board_message_box,
div.message_board_message_box div.message_board_message_box_member,
div.message_board_message_box div.message_board_message_box_created,
div.message_board_message_box div.message_board_message_box_text,
div.message_board_message_box div.message_board_message_box_last_update {
	float: left;
	position: relative;
}


div.message_board_message_box {
	float: left;
	margin-bottom: 10px;
	position: relative;
}

div.message_board_message_box div.message_board_message_box_member {
	float: left;
	width: 80px;
}

div.message_board_message_box div.message_board_message_box_created {
	font-size: 10px;
	float: right;
}

div.message_board_message_box div.message_board_message_box_text {
	width: 650px;
}

div.message_board_message_box div.message_board_message_box_text {
	float: left;
}

div.message_board_message_box div.message_board_message_box_last_update {
	font-size: 9px;
}


/* comments */
div.comment_box {
	position: relative;
	clear: both;
}

div.comment_box div.comment_box_member {
	position: relative;
	float: left;
	width: 80px;
}

div.comment_box div.comment_box_created {
	position: relative;
	font-size: 10px;
	float: right;
}

div.comment_box_text {
	position: relative;
	width: 650px;
}

div.comment_box div.comment_box_text {
	position: relative;
	float: left;
}

div.add_element {
	margin: 4px 0px 4px 0px;
}

div.add_element a {
}


div.photo {
	text-align: center;
	margin: 10px 0px 10px 0px;
}

div.next_photo, div.previous_photo {
	position: relative;
}

div.next_photo {
	margin: 10px 78px 0px 0px;
	float: right;
}	

div.previous_photo {
	margin: 10px 0px 0px 73px;
	float: left;
}	

div.add_element {
	background: url("../images/icons/add_16_hot.png") no-repeat center left;
	padding: 0px 0px 0px 20px;
}

button {
	background: none;
	border: 0px;
	position: relative;
}

button.button_next {
height: 24px;
	background: url("../images/icons/next_24_hot.png") no-repeat center right;
	padding: 2px 26px 2px 2px;
	font-size: 12px;
	color: #333333;
	display: block;
	font-weight: bold;
	text-transform: lowercase; 
	float: right;
}

button.button_back,
button.button_add_buddy,
button.button_write_message,
button.button_add,
button.button_write_reply,
button.button_ok,
button.button_cancel  {
height: 24px;
	background: url("../images/icons/rewind_24_hot.png") no-repeat center left;
	padding: 2px 2px 2px 26px;
	font-size: 12px;
	color: #333333;
	display: block;
	font-weight: bold;
	text-transform: lowercase;
}

button.button_back {
	float: left;
}

button.button_add_buddy {
	background: url("../images/icons/user_add_24_hot.png") no-repeat center left;
	float: left;
}

button.button_write_message {
	background: url("../images/icons/mail_24_hot.png") no-repeat center left;
	float: left;
}

button.button_write_reply {
	background: url("../images/icons/mail_24_hot.png") no-repeat center left;
}

button.button_add {
	background: url("../images/icons/add_24_hot.png") no-repeat center left;
}

button.button_ok {
	background: url("../images/icons/ok_24_hot.png") no-repeat center left;
	float: left;
}

button.button_cancel {
	background: url("../images/icons/cancel_24_hot.png") no-repeat center left;
}


ul#order li {
	list-style-image: none;
	list-style-type: none;
}

#surfers_logo { behavior: url(/css/iepngfix.htc); }

tr.message_unread td {
	background: #ffffff;
}

.blog_entry {
	margin: 0px 0px 20px 0px;
}

.blog_entry_date {
	font-size: 8px;
}

.blog_entry_text {
	margin: 10px 0px 0px 0px;
}


.blog_entry_more {
	margin: 0px 0px 0px 0px;
	font-size: 8px;
}

.blog {
	margin: 0px 0px 20px 0px;
}

.blog_date {
	font-size: 8px;
}

.blog_text {
	margin: 10px 0px 0px 0px;
}

.blog_more {
	margin: 0px 0px 0px 0px;
	font-size: 8px;
}

/* profile */

.profile_left {
	position: relative;
	width: 220px;
	float: left;
}

.profile_right {
	position: relative;
	float: left;
}

.profile_options {
	margin: 10px 0px 10px 0px;
	float: left;
}

.profile_buddy {
	position: relative;
	margin: 5px 0px 5px 0px;
}

.profile_buddy_name {
	position: relative;
	float: left;
}

.profile_buddy_image {
	position: relative;
	width: 60px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.profile_image {
	position: relative;
}

.profile_image_options {
	padding: 1px;
	background: #00ADDE;
	position: absolute;
	bottom: 5px;
	left: 5px;
	}
	
.profile_image_options a {
	color: #ffffff;
	}

/* groups */

.group_left {
	position: relative;
	width: 220px;
	float: left;
}

.group_right {
	position: relative;
	width: 570px;
	float: left;
}

.group_options {
	margin: 10px 0px 10px 0px;
	float: left;
}

.group_image {
	position: relative;
}

.group_image_options {
	padding: 1px;
	background: #00ADDE;
	position: absolute;
	bottom: 5px;
	left: 5px;
	}
.group_image_options a {
	color: #ffffff;
	}


.question_box {
	border: 1px solid #333333;	
	padding: 4px;
}

.image_list {
}

.image_list_image {
	position: relative;
	float: left;
	width: 34px;
	height: 34px;
	margin: 0px 5px 0px 0px;
}

.image_list_text {
	position: relative;
	float: left;
	width: 748px;
	height: 34px;
}

.floated_member_box {
	height: 90px;
	/* width: 100px; */	
	float: left;
	margin: 0px 5px 0px 5px;
}

.floated_connection_arrow {
	margin: 20px; 
	height: 70px;
	float: left;	
}

.location_list_box_status {
	position: absolute;
	top: -6px;
	left: -6px;
	z-index: 1000;
}

.e3_poster_image {
	position: relative;
	margin: 0px 0px 10px 0px;
}

.e3_poster_image_caption {
	position: absolute;
	bottom: 6px;
	right: 6px;
	font-size: 9px;
}

/* common */
.confirmation, .error {
	width: 100%;
	/*border: 2px dotted #3de517;*/
	background-color: #3de517;
	font-weight: bold;
	color: #fff;
}

.confirmation .confirmation_title, .error .error_title {
	padding: 5px;
}

.error {
	background-color: red;
}

.form_error {
	color: red;	
	}

.form_field_notice {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	}