/*

P O R T M A P S

*/

/* HTML */
@page {
@bottom-right {
content: "Seite: " counter(page) " / " counter(pages);
}
}

body, li, ul {
  margin: 0;
  padding: 0;
	font-size: 14px;
}
#page {
  padding: 10px;

}
h1 img {
  margin:0 0 3px;

}
h4 {
  margin:5px 0 6px 0;
  padding:30px 0 0;
  border-bottom:2px solid #d5dee4;
 color:#37617b;
  font-size: 18px;
  font-weight: normal;
  clear: both;

}

h2 {
  margin:5px 0 0 0;
  padding:10px 0 0 0;
  border-bottom:2px solid #d5dee4;
  color:#37617b;
  font-size: 18px;
  font-weight: normal;


}

h2 span{
		font-size: 15px;
		color: #000;
}

#title{
		position: fixed;
		top: -50px;
		left: 450px;
		color:#000 !important;

}

hr {
  height: 2px;
  background: #d5dee4;
  display: block;
  clear: both;
  float: none !important;

}
/* WRAPPER */

#profile_pic {
  width: 110px !important;
}
#wrapper {
  overflow:hidden;
  padding:84px 0 0;

}
#header_wrapper {
  height: 68px;
  position:fixed;
  width: 100%;
  z-index:2000;

  background:url("../img/bg.png") repeat-x scroll 0 0 #EEEEEE;
}
#content_main {
  margin:0 0 0 -9px;
  max-width:1000px;
  min-width:577px;
  position:absolute;
  width:749px;
  z-index:500;
}
#mapwrapper {

}
#rightsidebar_wrapper {
  min-height: 900px;
  width: 190px;
  float: right;
  background:#eee;
  margin: 0 5px;
  display: none;

}
#right_sidebar {
  position : absolute;
}
/* BOXES */

#header {
  height:60px;
  width:100%;
  background:url("../img/header.png") no-repeat scroll -211px 0 transparent;
}
#right {
  background:url("../img/right_bg.png") repeat-y scroll 1px 0 transparent;
  float:right;
  margin:0 0 0 -20px;
  min-height:900px;

  padding:0 0 0 7px;
  position:absolute;
  width:237px;
  z-index:1000;
  border-right:1px solid #CCCCCC;
}
#right_wrapper {

  float:right;
  min-height:900px;
  overflow:hidden;
  padding:0 0 0 9px;
  right:184px;
  width:225px;

}
#register_button {
  background:url("../img/big_button.png") no-repeat scroll 0 0 transparent;

  display:block;
  font-size:17px;

  height:43px;
  padding:13px 0 0 46px;
  width:196px;
  margin: 8px;

}
#left {
  min-height: 900px;
  z-index:-100;
  margin-right:417px;

}
#mainmap {
  display: block;
  position: fixed;
  z-index: -10;
  display: none;
  z-index:1;
  top: 92px;

}
.infobox {
  z-index:2000;
  position:fixed;

}
.infobox .info_head {
  width: 328px;
  height: 30px;
  background:url("../img/infohead.png") no-repeat ;

  padding:16px 0 0 32px;
}
.infobox .info_content {
  width:283px;
  min-height: 83px;
  background:url("../img/infocontent.png") repeat-y ;

  padding:5px 83px 0 28px;

}
.infobox .info_footer {
  width: 328px;
  height: 83px;
  background:url("../img/infofooter.png") no-repeat ;

}
#box .head {
  width: 774px;
  height: 83px;
  background:url("../img/c_head.png") no-repeat ;

}
#box .head.small {
  height: 49px;

}
#box .content {
  float:left;
  width: 774px;

  background:url("../img/c_content.png") repeat-y ;

}
#box .footer {
  background:url("../img/c_footer.png") no-repeat scroll 0 0 transparent;
  float:left;
  padding:15px 19px;
  text-align:right;
  width:774px;
  height:26px;
}
#box .footer span {

  margin:0 51px;
}
#box .head h1 {
  float: left;
  display: block;
  min-width:96px;

}
#box .head .subtitle {
  padding: 29px;
  font-size: 11px;

}
#box .head .tabs {
  height:24px;
  left:26px;
  line-height:14px;
  position:absolute;
  top:58px;
}
#box .head .tabs li {
  margin:0 5px 0 0;

}
li {
  list-style: none;

}
a img {
  border: none;

}
#box .head .tabs li span {
  padding: 0 8px;
  line-height:25px;

}
#box .head .tabs li a {
  background: none;
  line-height:25px;

}
#box .head .tabs li.active a {
  background: #fff;

}
#box .head span {

}
#box .content .main {
  padding:12px 0 0 28px;
  float: left;
  width:712px;
}
#box .head h1 {
  font-size:20px;

  font-weight:normal;
  padding:10px 0 0 28px;

}
#box .action {
  background:url("../img/aktion.png") no-repeat scroll 0 0 transparent;
  height:21px;
  margin:55px 0 0;
  padding:6px 0 0 14px;
  position:absolute;
  right:-25px;
  width:142px;
  cursor: pointer;
}
#box .action.down {
  background:url("../img/aktion_down.png") no-repeat scroll 0 0 transparent;
}
#box .action div {
  background:#184662;
  display: none;

  float:right;
  margin:0 15px;
  width:230px;
  padding:4px 0 0;
}
#box .action div a {

  display:block;
  float:none;
  padding:3px 6px 7px 11px;
}
#box .action div a:hover {

}
#box .action div a.loading {
  background:url("../img/ajax-loader.gif") no-repeat scroll 200px center;
}
#footer {

  margin:500px 0 0 150px;
  background:none repeat scroll 0 0 #FFFFFF;
  position:absolute;
  z-index:500000;
}
#loginbox {
  position:absolute;
  display: none;
}
#progress {
  position:absolute;
  display: none;
}
/* BOXES */
#content_wrapper {
  padding:120px 0 0;
  margin:0 auto;
  width: 650px;
  z-index:2;

}
.box1 {
  background-
  vertical-align: baseline;
  outline: none;

  border-radius: 0 0 .5em .5em;
  -webkit-border-radius: 0 0 .5em .5em;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
  padding:0 10px 4px 10px;
  height:320px;
}
.box1b {
  background-
  vertical-align: baseline;
  outline: none;
  -webkit-border-radius: 0 0 .5em .5em;

  border-radius: 0 0 .5em .5em;
  -webkit-box-shadow: 1px 1px 2px #ccc;

  box-shadow: 1px 1px 2px #ccc;
  padding:0 0 5px 0;
}
.box2 {
  background-
  vertical-align: baseline;
  outline: none;
  -webkit-border-radius: 0 .5em .5em .5em;

  border-radius: 0 .5em .5em .5em;
  -webkit-box-shadow: 1px 1px 2px #ccc;

  box-shadow: 1px 1px 2px #ccc;
  padding:10px;
  margin:0 0 10px 0;
  overflow:hidden;
}
.box2 img { /* L�SCHEN !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

}
.box3 {
  background-
  vertical-align: baseline;
  outline: none;
  -webkit-border-radius: .5em;

  border-radius: .5em;
  -webkit-box-shadow: 1px 1px 2px #ccc;

  box-shadow: 1px 1px 2px #ccc;
  padding:10px;
  margin:10px 0 10px 0;

}
.message {
  background-
  vertical-align: baseline;
  outline: none;

  background: #d5dee4;
  border: 1px solid #b5c4cd;

  box-shadow: 1px 1px 2px #000;
  padding:10px;
  margin:10px 0 10px 0;

}
.good {
  background:url("../img/icons/accept.png") no-repeat scroll 14px 12px #FFFFFF;
  padding:10px 10px 10px 37px;
}
.bad {
  background:url("../img/icons/exclamation.png") no-repeat scroll 14px 13px #ffd1d1;
  padding:10px 10px 10px 37px;
}
.notice {
  background:url("../img/icons/exclamation.png") no-repeat scroll 14px 12px #FFFFFF;
  padding:10px 10px 10px 37px;
}
#loginbox {

  display:none;
  position:absolute;
  top:0;
  padding:15px;
  background-
  vertical-align: baseline;
  outline: none;
  -webkit-border-radius: 0 0 .5em .5em;

  border-radius: 0 0 .5em .5em;
  -webkit-box-shadow: 1px 1px 2px #ccc;

  box-shadow: 1px 1px 2px #000;
  font-size:12px;
  width:305px;
  z-index: 10000;
}
#loginbox div {
  float:left;
  padding:0 10px 0 0;
  height:30px;
}
#loginbox .input, #UserLoginForm label {
  border:none !important;
  font-weight:normal !important;
  line-height:27px !important;
}
#loginbox-close {
  position: absolute;
  top: 70px;
  right: -15px;
  width: 30px;
  height: 30px;
  background-image: url('../img/fb_images/fancybox.png');
  background-position: -40px 0px;
  cursor: pointer;
  z-index: 1103;
}
#UserLoginForm label {
  width:90px;
  float:left;
}
.nulltabs, .message {
  margin:20px 0 0 0;
}
.melden {
  float:right;
  vertical-align: baseline;
  outline: none;
  -webkit-border-radius: .5em;

  border-radius: .5em;
  -webkit-box-shadow: 1px 1px 2px #ccc;

  box-shadow: 1px 1px 2px #ccc;
  padding:5px 10px;
  margin:5px 10px 10px 0;
  font-size:12px;
}
.melden a {

}
.hafenmelden {

  background-
  }
  .bootverkaufen {

  background-
}
.fotohochladen {

  background-
  }
  .tankstellemelden {

  background-
}
.schleusemelden {

  background-
  }
  .meldungmelden {

  background-
}
.routeanlegen {

  background-
  }
  .bootanlegen {

  background-
}
a.heimathafen {

  background-
  }
  a.hafenmerken {

  background-
}
#hafenmerken {
  display: none;
}
.sorts {
  clear:both;
  float:left;
  vertical-align: baseline;
  outline: none;
  border:1px solid #e5e5e5;
  -webkit-border-radius: .5em;

  border-radius: .5em;
  padding:5px;
  margin:5px 0 10px 0;
  font-size:12px;
}
/* HEADER */

#header {
  width:100%;

  z-index: 100000;
}
#usermenu {
  background:none repeat scroll 0 0 #2D6386;

  float:right;
  height:60px;
  padding:0 0 0 13px;
  width:227px;
}
#headmenue.user {
  background:url("../img/userbox.png") repeat scroll 0 9px transparent;
}
#headmenue {

  float:right;
  height:60px;
  padding:0 0 0 13px;
  width:227px;
}
#headmenue img {

  margin:2px 5px 0;
}
#headmenue span {
  padding: 0 10px;

}
#headmenue  a {

  display:block;
  font-size:14px;

}
#headmenue li.active  a {

  text-decoration: none !important;
  text-decoration:none !important;
  background: #577f99;
  -webkit-border-radius: .5em;
}
#headmenue  a:hover {

  text-decoration: none !important;
}
#header_search {
  background:url("../img/searchbox.png") no-repeat scroll 0 9px transparent;
  height:33px;
  line-height:16px;
  margin:0 auto;
  padding:21px 0 0 17px;
  width:465px;

}
#header_search h5 {

  float:left;
  font-size:14px;

  margin:3px 7px;
}
/* Maps */

#suche {
  width: 230px;
}
#mainmap_info {
  position:absolute;
  z-index:100;
  background: #fff;
  padding: 5px;
  -webkit-border-radius: .5em;

  border-radius: .5em;
  -webkit-box-shadow: 1px 1px 2px #ccc;

  box-shadow: 1px 1px 2px #ccc;
}
#mainmap .ui-resizable-s {
  height:20px;
  margin-bottom: -16px;
  background-image:url(../img/dragger.jpg);
  width:64px;
}
#sel {

}
#map_selector {

}
#map_selector ul {
  background-image:url(../img/mapselector_linie.jpg);
  overflow:hidden;
  padding:0 0 1px 0;
  margin:0;
  width:237px;
}
#map_selector li {
  width:114px;
  float:left;
}
#map_selector a {
  display:block;
}
#map_selector li a {
  height:32px;
  line-height:32px;
  padding:0 0 0 27px;
  background-position:left;
  background-repeat:no-repeat;
}
#lockswitch {
  background-image:url(../img/inactive_schleusen.jpg);

}
/*#portswitch:hover {
background-image:url(../img/active.jpg);

}*/

#lockswitch.active {
  background-image:url(../img/active_schleusen.jpg);
}
#boatswitch {
  background-image:url(../img/inactive_boote.jpg);
}
#boatswitch.active {
  background-image:url(../img/active_boote.jpg);
}
#portswitch {
  background-image:url(../img/inactive_hafen.jpg);
}
#portswitch.active {
  background-image:url(../img/active_hafen.jpg);
}
#militaryswitch {
  background-image:url(../img/inactive_schiessgebiete.jpg);
}
#militaryswitch.active {
  background-image:url(../img/active_schiessgebiete.jpg);
}
#user_imageswitch {
  background-image:url(../img/inactive_fotos.jpg);
}
#user_imageswitch.active {
  background-image:url(../img/active_fotos.jpg);
}
#messageswitch {
  background-image:url(../img/inactive_meldungen.jpg);

}
#messageswitch.active {
  background-image:url(../img/active_meldungen.jpg);
}
#fuelswitch {
  background-image:url(../img/inactive_tankstellen.jpg);
}
#fuelswitch.active {
  background-image:url(../img/active_tankstellen.jpg);
}
#weatherswitch {
  background-image:url(../img/inactive_wetter.jpg);
}
#weatherswitch.active {
  background-image:url(../img/active_wetter.jpg);
}
#routerswitch {
  background-image:url(../img/inactive_route.jpg);
}
#routerswitch.active {
  background-image:url(../img/active_route.jpg);
}
#boat_saleswitch {
  background-image:url(../img/inactive_bootsmarkt.jpg);
}
#boat_saleswitch.active {
  background-image:url(../img/active_bootsmarkt.jpg);
}
#aisswitch {
  background-image:url(../img/active_news.jpg);
}
#aisswitch {
  background-image:url(../img/inactive_ais.jpg);
}
#aisswitch.active {
  background-image:url(../img/active_ais.jpg);
}
#newsswitch {
  background-image:url(../img/inactive_news.jpg);
}
#newsswitch.active {
  background-image:url(../img/active_news.jpg);
}
#maplistitems li {
  line-height:25px;
  border-bottom:1px solid #e5e5e5;
}
#maplistitems a {
  display:block;
}
#maplistitems a:hover {
  background-
  text-decoration:none;

}
#maplistitems .last_update {
  float:right;
  font-size:12px;
  margin:0 0 0 9px;
}
#maplistitems img {
  padding:5px 5px 0 0;
  float:left;
}
/* Maplist */

#maplist {
  width: 217px;
  float: left;
  min-height: 200px;
}
#maplistselector {
  float:left;
  margin:15px 0 0 -27px;
  position:absolute;

  border-radius: .5em;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  -webkit-border-radius: 0 0 .5em .5em;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
}
#maplistselector li {
  list-style: none;
  margin: 3px 0 3px 0;
}
#maplistselector a {
  width: 27px;
  height: 27px;
  display: block;
  -webkit-border-radius: 0  .5em .5em 0;

  border-radius: 0  .5em .5em 0;
  -webkit-box-shadow: 1px 1px 2px #ccc;

}
#allselector {
  background-image:url(../img/active_all.png);
}
#lockselector {
  background: #c7e6f2;
}
#lockselector.active {
  background: #0097bf;
}
#boatselector {
  background: #fdf7cf;
}
#boatselector.active {
  background: #ffd600;
}
#portselector {
  background: #fee1c7;
}
#portselector.active {
  background: #ff6f00;
}
#militaryselector {
  background: #d9d7dd;
}
#militaryselector.active {
  background: #3cb016;
}
#photoselector {
  background: #d5e7c8;
}
#photoselector.active {
  background: #3cb016;
}
#messageselector {
  background: #f2ccce;

}
#messageselector.active {
  background: #c50300;
}
#fuelselector {
  background: #f3cccc;
}
#fuelselector.active {
  background: #176286;
}
#boat_saleselector {
  background: #c7e7f2;
}
#boat_saleselector.active {
  background: #04a4cc;
}
/* CONTENT */

.right {
  float: right;
}
.tabs {
  height:30px;

  overflow:hidden;

}
.tabs a {
  display:block;
  padding:0 10px 0 10px;

  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;

  border: none !important;
  border-radius:   .5em .5em 0 0;
  -moz-border-radius:  .5em .5em 0 0;
  -webkit-border-radius:  .5em .5em 0 0;

  background:url(../img/tab_back.png) repeat-x;

}
#right .tabs {
  background: #205474;
  padding:0 4px;
}
#right .tabs a {
  background: none;
  height:25px;
  margin:5px 0;

}
#right .tabs .active a {
  background: #fff;

}
.section {
  background: #205474;
}
.link:hover {
  background: #D5DEE4;
  cursor: pointer;
}
.link p {
  padding: 24px 0 0 0;
  width: 560px;

}
.ui-state-active, .ui-tabs-selected, .tabs .active a {
  display:block;
  background-image:none;
  background-

  }
  .tabs li {
  float:left;
  height:30px;
  line-height:30px;
  margin:0 2px 0 0;

}
.ui-tabs-hide {
  display:none;
}
.tabs li, .tabs a {
  float:left;
  display:inline;
}
#tabsMyBoatSub .ui-tabs-nav a {
  border:1px solid #e9e9e9;
  -webkit-border-radius: .5em;

  border-radius: .5em;
  font-size:12px;
  padding:2px 5px;
  margin:0 5px 0 0;
  height:20px;
  line-height:20px;
}
#tabsMyBoatSub .ui-tabs-selected a {
  background-

  }
  #tabsMyBoatSub ul {
  height:27px;
  line-height:27px;
}
#tabsMyBoatSub-All {
  clear:both;
}
/** Listen  **/

.boat_feature {
  width: 235px;
  display: block;
  float: left;
  margin: 1px;
  background:url(../img/feature.png) no-repeat;

}
.boat_feature input {

}
.boat_feature label {
  float: left;
  font-weight: normal;
  font-size: 14px;
  width: 196px !important;
  margin: 1px;
  cursor: pointer;
  margin:4px 0 0 28px;

}
.boat_feature.active {

  background:url(../img/feature_active.png) no-repeat;

}
.boat_feature input {
  float: left;
  display: none;
}
.features * {
  float: left;
  line-height: 24px;
}
res .value {
  width: 100px;
  display: block;
  font-size: 16px;
}
#boat_sale p, .value {
font-size: 16px;

}
.value, .label {
margin: 0px;
padding: 0px;
line-height: 30px;
  height: 30px;
}

.newslist {
  line-height:20px !important;
}
.image_list {

  width:712px;
}
.image_list tr {
  border-bottom: 1px solid #d5dee4;
  width:748px;
}
.list {
  margin:-24px 11px 0;
  width:748px;
  border-bottom: 1px solid #d5dee4;

}
.list thead, .image_list thead {
  height: 22px;
  background: #1a4059;
  line-height:28px;
}
.list tbody img {
  padding: 10px;
}
.list thead a, .image_list thead {

  border-left: 1px solid #2c5066;
  padding:0 0 0 11px;

}
.list tbody tr:hover, .list tbody tr:hover {
  background: #d5dee4;
}
.image_list tbody tr {
  height: 36px;
}
.list tbody tr, .list tbody tr {
  border-bottom: 1px solid #d5dee4;
}
.list thead a:last-child {
  border: none;
}
.list thead a:hover {
  text-decoration:none;
  background:url("../img/down.png") no-repeat center right #28526c;

}
.list thead a.desc {
  background:url("../img/down.png") no-repeat center right #28526c ;

}
.list thead a.asc {
  background:url("../img/up.png") no-repeat center right #28526c;

}
.list thead a.asc:hover {
  background:url("../img/down.png") no-repeat center right #28526c !important;
}
.list thead a.desc:hover {
  background:url("../img/up.png") no-repeat center right #28526c !important;
}
.list tbody {
  line-height:28px;

}
table .grey {
  background: #efefef;
}
.list a {
  display: block;

}
.list tbody td {
  padding:0 6px 0 8px;
}
#list_navigation, .list_navigation {
  margin:10px 0 0 0;
  padding:0 0 0 22px;

}
#list_navigation span, .list_navigation span {
  height:18px;
  width:18px;
  line-height:18px;
  border:1px solid #B3C4D0;
  float:left;
  text-align:center;
  margin:0 2px 0 0;
}
#list_navigation .current, .list_navigation .current {
  background-

  }
  #bewertungsliste li {
  margin:5px 0 5px 0;
  padding:5px 0 5px 0;
  border-bottom:1px solid #e9e9e9;
}
#bewertungsliste {
  margin:10px 0 0 0;
  border-top:1px solid #e9e9e9;
}
.clear {
  clear:both;
}
/** Bilder Listen  **/
.imagelist {
  clear:both;
}
.imagelist img {
  border:1px solid #B3C4D0;
  clear:both;
  float:left;
  padding:4px;
  width:110px;
  width:110px;
  max-height:83px;

}
.border_image {
  border:1px solid #B3C4D0;
  padding:4px;
}
.imagelist li {
  display: block;
  border-top:1px solid #e5e5e5;

  line-height:30px;
  text-indent: 5px;
}
.imagelist a {
  display: block;
  height:94px;
}
.imagelist a:hover {
  background-
  text-decoration:none;

}
/* FORMULARE */

.input {
  padding:5px;
  line-height:28px;

}
.checkbox label {

  line-height:22px;

}
.checkbox input {
  width: 24px !important;
  height: 24px !important;
}
.radiofloat {
  float: left;

}
.radiofloat input {
  float: left;
}
.radiofloat span {
  display:block;
  float:left;
  line-height:31px;
  padding:0 10px 0 3px;
}
.half label {
  float: left;
}
.half {
  float:left;
  width:46%;
}
.left {
  float:left;

}
.checkbox {
  margin: 0 0 5px 0;
  float:left;

}
.title {
  clear:left;
  display:block;
  height:32px;
  width:99%;
  font-size: 20px;

}
.textbox {
  clear:left;
  display:block;
  height:320px;
  width:99%;
  font-size: 20px;

}
.input  .small {
  width: 32px;
}
.input  .mid {
  width: 60px;
}
.input  .normal {
  width: 150px;
}
.input  .long {
  width: 210px;
}
#UserUserdataForm {
  margin:10px 0 0 0;
  border-top:1px solid #e5e5e5;
}
.buttons {
  border-bottom:none !important;
}
#tabs-myData h3, #tabsMyBoatSub-Heimat h3 {
  border-bottom:1px solid #e9e9e9;
  margin:.75em auto;
}
#tabsMyBoatSub-Heimat h3 {
  margin:5px 0 5px 0;
}
/* login box */

/**
Administration �berischten bei z.b. bootsbildern
*/
table.admin {
  width:100%;
}
.admin td {
  vertical-align:top;
  padding:0 1em 1em 0;
}
.admin th {
  text-align: left;
}
/**
Links in der Administration
*/

a.findport {
  background-image: url('../img/application_go.png');
  display:block;
  float:left;
  height:16px;
  width:16px;
  text-indent:-9999px;

}
a.edit {
  background-image: url('../img/bullet_edit.png');
  display:block;
  float:left;
  height:16px;
  width:16px;
  text-indent:-9999px;
}
#latLongOut {
  margin-top:2em;
}
/* !!!!!! TEMP -- L�SCHEN !!!!!!!!! */

/* CSS Document */
#progress {
  margin-left:463px;
  position:absolute;
  top:103px;
  display: none;

}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-s {
  margin-left:265px;
  cursor: s-resize;
  height: 7px;
  width: 50px;
  bottom: -5px;
  left: 0;
}
#mainmap .ui-resizable-s {
  background-image:url("../img/dragger.jpg");
  height:20px;
  margin-bottom:-16px;
  width:64px;
}
#leistungen {
  width: 100%;
  clear:both;
  float:left;
  margin:12px 0 20px;
  padding:5px 0 0;

}
#leistungen li {
  font-size: 12px;
  width:150px;
  float: left;
  line-height:28px;
  font-weight: bold;

}
#leistungen li.grey {

  font-weight: normal;
}
#leistungen.edit li {
  width:335px;
}
#leistungen.edit img {

  float:left;
  height:18px;
  margin:7px 2px -3px 0;
  width:18px;
}
#leistungen span {


}
#leistungen img {
  width: 18px;
  height: 18px;
  margin:0 2px -3px 0;

}
/* bastian */

#tabs-myData .right img {
  border:1px solid #B3C4D0;
  padding:4px;
}
/* feature container positiont damit wenn es keine ergebnisse gibt dieses oben ausgegeben werdeb*/
#featureContainer {
  position:relative;
  padding-top:10px;
}
#featNoUpdate {
  position:absolute;
  top:0;
  left:0;
}
/*  tim  */

#port span a {
  text-decoration: underline;

}
#port span {

}
#box .nopic img {
  border:1px solid #b3c4d0;
  padding:4px;
  width:160px;
  margin:0 29px 0 0;
}
.main_image img {
  max-width: 600px;
  margin:0 56px;
  border:1px solid #b3c4d0;
  padding:4px;
}
.images li {
  display:block;
  float:left;
  height:189px;
  margin:6px;
  width:166px;
}
.text input, textarea, .password input {
  background:none repeat scroll 0 0 #EDF4F8;
  border:1px solid #B3C4D0;
  height:22px;
  line-height: 22px;
  margin:2px;
  padding:0 2px 0;
}
.input .textarea {
  height: 200px;
  width: 490px;
  float: left;

}
.submit input:hover {
  text-decoration: underline;
}
.formend {

  border-top : 2px solid #487C9C;
  padding: 5px 0;
  float: left;
  width:100%;
}
.text input:focus, textarea:focus, .password input:focus {
  background: #fafbfc;
}
ul.images {
  float: left;
}
.images li a img {
  clear: both;
  float: none;
  border:1px solid #B3C4D0;
  padding:4px;
  width:150px;

}
span.image {
  float: right;
}
label {
  width: 130px ;
}
.label, label, dt {
  width: 200px;
  display: block;
  float: left;
 color: #666666;
  font-size:16px;
/*      c: left;*/ /*ilo: should it be 'clear'?*/
}
#mainmap_info {
  display: none;
}
#list_sort {
  float: left;
  height:17px;
}
#list_sort ul.open {
  border:1px solid #e5e5e5;
  -webkit-border-radius: .5em;

  border-radius: .5em;
}
#list_sort ul {
  float:left;
  line-height:20px;
  margin:0 9px 0 5px;
  padding:0 9px;
  background: #fff;
}
#list_sort span {
  float: left;
}
#list_sort li a {
  float: left;
}
#list_sort li a.active {
  font-weight: bold;

}
.comment_form {
  margin:30px 0 0 0;
}
.rating {
  line-height: 28px;
}
.rating_overview {
  float:left;
  margin:0 17px 0 0;
}
#goto_comment {
  display:block;
  font-weight:bold;
  margin:10px 0 0;
}
.rating_overview a {
  display: block;
  line-height: 20px;
}
.rating_overview img {
  margin:-3px;
}
.rating span {
  line-height:11px;
  padding:0 13px;
  font-size: 11px;
  font-weight: normal;
  height:10px;

}
.rating_container {
  float:left;
  height:23px;
  margin:21px 0 0 -96px;
  text-align:right;
  width:173px;

}
.rating_container a {
  line-height: 18px;
  display: block;
}
.rating_container span {
  line-height:15px;
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  white-space:nowrap ;
  height:10px;
}
.ratingwrapper {
  line-height: 28px;
  border-bottom:1px solid #e5e5e5;

  display:block;

  height:22px;
  line-height:28px;
  padding:9px 4px;
  padding:6px;
}
.comment_form textarea {
  height:200px;
  width:384px;
}
.image_form {
  height:54px;
  width:384px;
}
#helpmessage {
  background: #FFFFFF;
  bottom:22px;
  opacity:0.9;
  padding:9px;
  position:absolute;
  right:10px;
  z-index:5000;
}
.ui-stars-star, .ui-stars-cancel {
  float:left;
  display:block;
  overflow:hidden;
  text-indent:-999em;
  cursor:pointer;
}
.ui-stars-star a, .ui-stars-cancel a {
  width:16px;
  height:15px;
  display:block;
  background:url(../img/stars.gif) no-repeat 0 0;
}
.ui-stars-star a {
  background-position:0 -32px;
}
.ui-stars-star-on a {
  background-position:0 -48px;
}
.ui-stars-star-hover a {
  background-position:0 -64px;
}
.ui-stars-cancel-hover a {
  background-position:0 -16px;
}
.ui-stars-star-disabled, .ui-stars-star-disabled a, .ui-stars-cancel-disabled a {
  cursor:default!important;
}
#footer {

}
.small_note {
  display:block;
  font-size:10px;
  padding:15px 0 0;
}
#zoomButton {
  width : 36px;
  height: 37px;
  background: url(../img/icons/zoom_in.png) no-repeat;
}
#zoomButton.out {
  background: url(../img/icons/zoom_out.png) no-repeat;
}
#user .nopic {
  float: right;
  padding: 3px;
  border:1px solid #EEEEEE;
  width: 122px;
}
#searchbox {
  padding: 10px;

}
#searchbox h5 {
  float: left;
  padding: 0 6px 0;

}
.autocomplete {
  background:none repeat scroll 0 0 #FFFFFF;
  padding:10px;
  position:absolute;
  width:216px;

}
.autocomplete li {
  list-style: none;
  padding: 2px;

}
.boatDescription {
  margin-left:5px;
  font-size:small;
}
.boatsaleDate {
  margin-left:5px;
  font-size:small;
}
#boat_sale span.label {
  width: 145px;

}
.content_close {

  background-image:url("../img/close.png");
  height:30px;
  margin:6px 0 0 4px;
  position:absolute;
  right:-3px;
  width:30px;
}
.bottom {

  -moz-border-radius:0.5em 0.5em 0 0;
  background:url("../img/up_button.png") no-repeat scroll right 2px #205474;
  bottom:0;

  display:block;
  height:23px;
  line-height:36px;
  margin:0 auto;
  outline:medium none;
  padding:0 38px 4px 10px;
  position:fixed;
  vertical-align:baseline;
  z-index:2000;
  -webkit-border-radius: .5em .5em 0 0 ;
  cursor: pointer;
  border-radius: .5em .5em 0 0 ;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  -moz-border-radius:  .5em .5em 0 0;
  box-shadow: 1px 1px 2px #ccc;

}
.bottom:hover {
  cursor: pointer;

}
.border {
  border: 1px dashed #fff;
  position: absolute;
  display: block;
  background: #205474;
  opacity: 0.5;
  z-index: 10000

}
#ais_info .label {
  width: 100px;

}
#min_right {
  background:url("../img/min_button.png") no-repeat scroll 0 0 transparent;
  cursor:pointer;
  display:block;
  float:right;
  height:30px;
  position:absolute;
  right:5px;
  top:61px;
  width:30px;
  z-index:1000;
}
#min_right.min {
  background:url("../img/max_button.png") no-repeat scroll 0 0 transparent;
}
#min_sidebar {
  width: 30px;
  height: 30px;
  display: block;
  background:url("../img/min_button.png") no-repeat;
  min_button
  float: right;
  cursor:pointer;
  position: absolute;
  right:0;
  z-index: 1000;

}
#top_menu_wrapper {
  background: #205474;
  width:100%;
}
#top_menu {
  height:28px;
  margin: 0 auto;
  width:1111px;

  padding:0 0 0 10px;
}
#top_menu li:hover {
  background: #376582;
}
#top_menu a {
  margin: 2px;
  float:left;
  display: block;
}
#top_menu img {
  float:left;
  margin:3px;
}
#top_menu .subtitle {
  font-size: 12px;

  padding: 0 10px 0 5px;
  display: none;
}
#top_menu ul {

}
#top_menu li  a {

  font-size:16px;

}
#top_menu li  a:hover {

}
#top_menu li {
  list-style: none;
  float: left;
  padding: 0 10px;

}
.submenu {
  position:absolute;
  display: none;
}
.submenu li {
  background: #205474;
  float: none  !important;
  padding: 5px;

}
.legend img {

  float: left;
}
.legend .content {
  padding: 5px;

}
.legend  h4 {
  background:none repeat scroll 0 0 #205474;

  font-size:14px;
  font-weight:normal;
  height:31px;
  line-height:31px;
  padding:0 0 0 10px;
}
.legend ul {
  margin:0 0 0 10px;
}
.legend  li {
  float:left;
  margin:4px 0 2px;

}
.legend span {
  display:block;

}
.legend .label {
  display:block;
  width: 100px;
  float: left;

}
.legend .input {
  float: left;

}
fieldset {
  border: 1px solid #d5dee4;
}
.bold {

  font-weight: bold;
}
a.report {
  background:url("../img/melden.png") no-repeat scroll 0 0 transparent;

  display:block;
  float:left;
  font-size:13px;
  height:30px; /*LOERTEL: height:39px; */
  margin:9px 0 0 40px;	/*LOERTEL:margin:13px 0 0 40px;*/
  padding:5px 32px;
  width:140px;
  font-weight: bold;
}
#home img {
  border:1px solid #B3C4D0;
  margin:6px 9px 15px;
  padding:4px;
}
.featurelist {

  float:left;
  font-size:13px;
  font-weight:bold;
  line-height:22px;
  list-style-type:circle;
  padding:9px 0 0 19px;
}
.hidden {
  display:none;
}
#rating_error {
  margin:6px 25px;
}
#error_message {
  background-
  vertical-align: baseline;
  outline: none;

  background: #d5dee4;
  border: 1px solid #b5c4cd;

  padding:10px;
  margin:10px 0 10px 0;

}
.confirm_message {
  background-
  vertical-align: baseline;
  outline: none;
  display: block;
  background: #d5dee4;
  border: 1px solid #b5c4cd;

  padding:10px;
  margin:10px 0 10px 0;

}
.saved {
  background: #ffefb0 !important;
  border: 1px solid #d9d3bb !important;
  padding: 10px !important;

}
.flashMessage {
  position: absolute;
  top: -83px;
  width: 742px;
}
.listing li {
  border-bottom:1px solid #d5dee4;
}
#login_container {

}
#login_container h4 {

  border:none;
}
.block {
  background: #f6f8fa;
  border:1px solid #d5dee4;
}
#login_container .block {
  background: #f6f8fa;
  border:1px solid #d5dee4;
  padding: 10px;
  margin: 7px  10px 0 0 ;
  min-height: 163px;

}
#login_container .login {
  float: left;
  width:351px;
  margin: 7px  10px 0 0 ;

}
#login_container .register {
  float: left;
  width:351px;
  margin: 7px  0 0 0 ;

}
a.button:hover, button.button:hover, input.button:hover {
  line-height:35px;
  text-decoration: underline;
}
a.button {
  height:31px;
}
.submit input {
  height:33px;
}
a.button, button.button, input.button, .submit input {
  background:url("../img/button.png") repeat-x scroll 0 0 transparent;
  border:1px solid #1d5171;

  display:block;
  padding: 0 11px;
  font-size:14px;
  line-height:36px;
  margin:0 2px;
  min-width:100px;
  text-align:center;
  vertical-align:baseline;
  cursor: pointer;
  border-radius: .5em;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3px;
  -webkit-border-radius: .3px;
  height:34px;

}
a.big_button {
  background:url("../img/button.png") repeat-x scroll 0 0 transparent;
  border-bottom:2px solid #3a6988;
  border-right:1px solid #3a6988;

  display:block;
  padding:0 19px;
  font-size:18px;
  font-weight: normal;
  height:33px;
  line-height:36px;

  width:150px;
  text-align:center;
  vertical-align:baseline;
  cursor: pointer;
}
#register_form label, #register_form.label {
  width: 200px !important;
}
#register_form input, #register_form password {
  width: 200px !important;
}
#register_form .block {
  width: 450px;
  float:left;

}
#infocontainer {
  float:left;
  width:200px;
}
#infocontainer div {
  display: none;
}
#newsletter {
  width: 16px;
  height: 16px;
  float: right;
}
form .error {

}
pre {
  z-index: 60000;
  position: static;
  bottom: 1px;
}
.photoicon {
  background:url("../img/photo_shadow.png") repeat scroll 0 0 transparent;
  height:50px;
  margin:0;
  padding:3px;
  position:absolute;
  width:41px;
}
#map_position input {
  float: right;
  margin: 10px 0;
}
#map_position {
  clear:both;
  margin:0 0 0 50px;
  padding:5px;
}
.small_image {
  width: 240px;
  border:1px solid #B3C4D0;
  padding:4px;
}
#edit_container {
  display: none;
}
#edit_container .delete {

  margin: 5px;
}
#edit_container .delete img {
  margin:0 2px -3px 0;
}
#edit_container {
  border: 1px solid #d5dee4;
  margin: 0 0 10px;
}
#edit_container .image {
  margin: 5px;

}
#thumbnails {
  margin:-20px 0;
  clear:left;
}
#thumbnails div {
  border:1px solid #B3C4D0;
  float:left;
  text-align:center;
  width:108px;
  margin:4px;
  cursor: pointer;
}
#edit_container .button {
  float: right;
}
#edit_container .image_form {
  float: left;
  height:29px;
  width:366px;
}
#upload_progress img {
  float:left;
  margin:12px;
}
#map_position img {

  border:1px solid #B3C4D0;
  padding:4px;
  ;
  cursor:pointer;

  margin:4px;
  text-align:center;

}
.hidden {
  display: none;
}
.error-message {
  display: none;

}
.error {

  font-weight: bold;
  font-size: 12px;
}
.sel {
  background: #ccc;
}
#boat_search {
  background:url("../img/boatsale_bg.png") no-repeat scroll 0 4px #E7EEFB;
  float:left;
  height:392px;
  margin:0px 12px;
  padding:11px;
  width:297px;
}
#boat_search  * {
  float: left;
}
#boat_search .input {
  height: 24px;

}
#boat_search h4 {
  margin-bottom: 15px;

}
#boat_search hr {
  margin:13px 0;

}
#boat_search hr, #boat_search h4 {
  width:287px;
}
#boat_search  div.input label {
  float:left;
  font-size:16px;
  font-weight:normal;
  line-height:19px;
  padding:0 15px 0 0;
  width:auto;

}
#boat_search div.first label {
  width: 89px

}
#boat_search .submit {
  margin:12px 0 0 174px;

}
#boat_top {
  float: left;
  width: 400px
}
#boat_top .price {
  font-size: 16px;
  font-weight: normal;
}
#boat_top tr {
  border-bottom:2px solid #d5dee4;

}
#boat_top .type, #boat_top .width, #boat_top .length {
  font-size: 12px;
  font-weight: normal;
}
#boat_top .image {
  border:1px solid #B3C4D0;
  padding:4px;
}
#user_menu {
  display: none;
  background:none repeat scroll 0 0 #205474;
  border-
  border-right:2px solid #19425B;
  border-style:hidden solid solid;
  border-width:medium 2px 2px;

  padding:0 44px 0 6px;
  position:absolute;
  right:61px;
  top:53px;
  width:106px;
  z-index:5000;
}
#user_menu li {
  clear: both;

  list-style: none;

}
#user_menu li a {

  display:block;
  padding:5px 10px;
  width:124px;
}
#user_menu li a:hover {
  background:none repeat scroll 0 0 #577F99;

}
#headmenue a:hover {

}
#my_portmaps {
  padding:10px 3px;

}
#my_portmaps {
  background:url("../img/small_button.png") no-repeat scroll 0 0;
  width: 173px;
  height: 41px;

}
#my_portmaps img {
  margin:-6px 7px;
}
#header_lang {
  position:absolute;
  right:272px;
  top: 10px;
}
.Gicon-label {

  font-weight:normal;
  line-height:30px;
  margin:0 -13px;
  position:absolute;
  text-align:center;
  width:43px;
}
.Gicon-label p {

  padding:80px 0 0;
  text-align:center;
}
body {

  font: 15px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;

}
hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}
a {

}
a:link, a:visited {

  text-decoration:none;
}
a:hover, a:active {

  text-decoration:underline;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  font-size: 25px;
}
h2 {
  font-size: 23px;
}
h3 {
  font-size: 21px;
}
h4 {

}
h5 {
  font-size: 17px;
}
h6 {
  font-size: 15px;
}
ul {
  list-style: disc;
}
li {
  margin-left: 30px;
}

.page_outer_border{
	width: 950px;
	padding: 10px;
	page-break-after: always;
}
#portf .label{
    clear: left;
  
}

