/* layout, abstand \*/
/* layout, abstand \*/
* {padding: 0; margin: 0;}

html, body { /* hintergrund, schriftart, abstand \*/
 margin: 0; /* wichtig für Firefox, IE, Safari & Co */
 padding: 0 0 50px 0; /* wichtig für Opera */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 background: #fff url(img/bg.png) repeat-x;
 color: #333;
}
#wrapper { /* container wird durch margin: 0 auto; zentriert \*/
 margin: 0 auto;
 width: 904px;
 background: url(img/header_box_bg.jpg) no-repeat left top;
 padding-bottom: 50px;
}
#logo {
        width: 372px;
        height: 30px;
        margin-top: 39px;
        border: none;
        float: left;
}
#headerbox { /* headerbox*/
 width: 904px;
 margin: 11px 0px 0px 0px;
 padding: 0px;
 float: left;
 height: 155px;
 background: url(img/header_bg.jpg);
 position: relative;
}
#headernav { /* header, navigation, suchbox \*/
 width: 904px;
 margin-bottom: 9px;
 padding: 0;
 float: left;
 font-size: 13px;
 height: 35px;
}
#headernav .navigation { /* navigation \*/
 float: left;
 font-size: 12px;

 line-height: normal;
}
#headernav .navigation ul {
 margin: 0;
 padding: 5px 10px 0 0px;
 list-style: none;
}
#headernav .navigation li {
 margin: 0;
 padding: 0;
 display: inline;
}
#headernav .navigation a { /* leftpart button, linker teil des buttons \*/
 margin-right: 7px;
 padding: 0 0 0 3px;
 float: left;
 background: url("img/navi_bg_left.png") no-repeat left top;
 text-decoration: none;
}
#headernav .navigation a span { /* rightpart button, rechter teil des buttons \*/
 margin: 0 -5px 0 0;
 padding: 7px 10px 0px 8px;
 height: 22px;
 float: left;
 display: block;
 background: url("img/navi_bg_right.png") no-repeat right top;
 color: #fff;
}
 /* comented backslash hack hides rule from ie5-mac \*/
#headernav .navigation a span {float: none;}
 /* end ie5-mac hack */
#headernav .navigation a:hover span {color: #FFF;}
#headernav .navigation a:hover {background: url("img/navi_bg_left_hover.png") no-repeat left top;}
#headernav .navigation a:hover span {background: url("img/navi_bg_right_hover.png") no-repeat right top;}
#headernav .searchfield {
 margin: 0;
 padding: 0;
 position: relative;
 top: 8px;
 float: right;
}

#headernav .content {
 float: left;
 margin: 0;
 padding: 0;
 position: relative;
 top: 8px;
 left: 12px;
 font-size: 14px;
 font-weight: bold;
 color: #fff;
}
#headernav .content_logged {
 float: left;
 margin: 0;
 padding: 0;
 position: relative;
 top: 8px;
 left: 12px;
 font-size: 14px;
 font-weight: bold;
 color: #fff;
}

#headerbox a:link {text-decoration: underline; color: #fc0082;}
#headerbox a:visited {text-decoration: underline; color: #fc0082;}
#headerbox a:active {text-decoration: none; color: #8fe1f3;}
#headerbox a:hover {text-decoration: none; color: #0066FF;}

#leftbox { /* leftbox, profil, background \*/
 width: 680px;
 margin: 0px 4px 4px 0px;
 padding: 0px;
 float: left;
 color: #333;
}
#leftbox  .selFind{
    height: auto;
    width: 100%;
    border: 1px solid #888;
    font-size: 14px;
    font-weight: bold;
    color: #888;
}
/* kommentare */
#leftbox .kommentare {
    color: #333;
}
#textarea1{
    width:100%;
}
#leftbox .btn{
    color: #fff;
    font-weight: normal;
    background: #456327;
    border: 1px solid #fff;
    cursor: pointer;
    padding: 1px 3px;
    }
#leftbox .kommentare a:link {text-decoration: none; font-weight: bold; color: #333;}
#leftbox .kommentare a:visited {text-decoration: none; font-weight: bold; color: #333;}
#leftbox .kommentare a:active {text-decoration:none; font-weight: bold; color: #8fe1f3;}
#leftbox .kommentare a:hover {text-decoration: none; font-weight: bold; color: #0066FF;}
#leftbox .kommentare ol{
    margin: 6px;
    padding: 0px 6px 6px 6px;
}

#leftbox .places_units_titel a:link {font-weight: bold;color: border:1px solid;}
#leftbox .places_units_titel a:visited {font-weight: bold;}
#leftbox .places_units_titel a:active {font-weight: bold;}
#leftbox .places_units_titel a:hover {font-weight: bold;}

#leftbox .kommentare li {
    list-style:none;
    margin: 8px;
    padding: 8px;
    background-color:#fff;
    border:1px solid #ccc;
}
#leftbox .kommentare-news li {
    list-style:none;
    margin: 8px;
    padding: 8px;
    background-color:#fff;
    border:1px solid #ccc;
}
#leftbox .kommentare-news a:link {text-decoration: none; font-weight: bold; color: #333;}
#leftbox .kommentare-news a:visited {text-decoration: none; font-weight: bold; color: #333;}
#leftbox .kommentare-news a:active {text-decoration: none; font-weight: bold; color: #8fe1f3;}
#leftbox .kommentare-news a:hover {text-decoration: none; font-weight: bold; color: #0066FF;}
#leftbox .news li {
    list-style:none;
    margin-top: 4px;
    padding: 8px;
    background-color:#fff;
    border:1px solid #ccc;
}
#leftbox .navigation { /* navigation \*/
 float: left;
 font-size: 12px;
 font-weight: bold;
 line-height: normal;
 margin-left: 10px;
}
#leftbox .navigation ul {
 margin: 0;
 padding: 10px 10px 0 0px;
 list-style: none;
}
#leftbox .navigation li {
 margin: 0;
 padding: 0;
 display: inline;
}
#leftbox .navigation a { /* leftpart button, linker teil des buttons \*/
 margin: 0;
 padding: 0 0 0 4px;
 float: left;
 background: url("img/nav_left.gif") no-repeat left top;
 text-decoration: none;
}
#leftbox .navigation a span { /* rightpart button, rechter teil des buttons \*/
 margin: 0 1px 0 0;
 padding: 3px 14px 4px 8px;
 float: left;
 display: block;
 background: url("img/nav_right.gif") no-repeat right top;
 color: #fff;
}
 /* comented backslash hack hides rule from ie5-mac \*/
#leftbox .navigation a span {float: none;}
 /* end ie5-mac hack */
#leftbox .navigation a:hover span {color: #FFF;}
#leftbox .navigation a:hover {background-position: 0% -42px;}
#leftbox .navigation a:hover span {background-position: 100% -42px;}
#leftbox .header {
 height: 26px;
 width: 100%;
 overflow: hidden;
 background: url(img/left_box_header.png) no-repeat;
}
#leftbox .header_menu {
 height: 7px;
 width: 100%;
 overflow: hidden;
 background: url(img/left_box_header_menu.gif) no-repeat;
}
#leftbox .header_profil {
 height: 7px;
 width: 100%;
 overflow: hidden;
 background: url(img/left_box_header_profil.gif) no-repeat;
}
#leftbox .headline {
 margin: 0;
 padding: 5px 0 0 12px;
 position: relative;
 font-size: 14px;
 font-weight: bold;
 color: #fff;
}
#leftbox .headline_bottom {
 padding: 0px 20px 10px 0px;
 background: url(img/left_box_bg.gif) repeat-y;
 text-align: right;
 font-size: 14px;
 font-weight: bold;
 color: #456328;
}
#leftbox .headline_bg { /* navigation in the box, navigationsleiste oben rechts in der box \*/
 float: left;
 background: url(img/left_box_menu_bg.gif) no-repeat;
}
#leftbox .headline_bg_profile {
 float: left;
 background: url(img/left_box_menu_bg_profile.gif) no-repeat;
}
#leftbox .headline_left {
 margin: 0;
 padding: 0;
 position: relative;
 top: 2px;
 left: 12px;
 float: left;
 font-size: 14px;
 font-weight: bold;
 color: #456328;
}
#leftbox .headline_right {
 float: right;
 font-size: 12px;
 font-weight: bold;
}
#leftbox .headline_right ul {
 padding: 3px 4px 5px 0;
 list-style: none;
}
#leftbox .headline_right span {
 padding: 0 4px 0 0;
 list-style: none;
}
#leftbox .headline_right li {
 margin: 0;
 padding: 0;
 display: inline;
}
#leftbox .headline  a{
 text-decoration: none;
 color: #777;
}
#leftbox .headline a:hover {
 color: #0066FF;
}
#leftbox .headline_right a {
 margin-right: 11px;
 text-decoration: none;
 color: #777;
}
#leftbox .headline_right a:hover { /* end navigation in the box \*/
 color: #8fe1f3;
}
#leftbox .profileimg {
 width:120px;
 height:120px;
 border: 2px solid #ccc;
}
#leftbox .profileimg:hover
{
  border:2px solid #575757;
}
#leftbox .mainimg {
 min-width:118px;
 width:expression(document.body.clientWidth < 118? "118px": "auto" ); /* IE6 HACK */
 max-width:118px;
 width:expression(document.body.clientWidth > 118? "118px": "auto" ); /* IE6 HACK */
 padding: 2px;
 border: 2px solid #456327;
}
#leftbox .content {
 width: 655px;
 margin: 0;
 padding: 0;
 position: relative;
 top: 7px;
 left: 12px;
 color: #333;
}
.mail{display:none;}
#leftbox .content a:link {text-decoration: underline;color: #333;}
#leftbox .content a:visited {text-decoration:underline;color: #333;}
#leftbox .content a:active {text-decoration: underline;color: #8fe1f3;}
#leftbox .content a:hover {text-decoration: underline; color: #0066FF;}
#leftbox .smallnav {
 width: 655px;
 margin: 0;
 padding: 0;
 position: relative;
 top: 7px;
 left: 12px;
 line-height: 16px;
}
#leftbox .smallnav a:link {text-decoration: none; font-weight: normal; color: #333;}
#leftbox .smallnav a:visited {text-decoration: none; font-weight: normal; color: #333;}
#leftbox .smallnav a:active {text-decoration: none; font-weight: normal; color: #8fe1f3;}
#leftbox .smallnav a:hover {text-decoration: none; font-weight: normal; color: #0066FF;}

#leftbox .background {
 width: 100%;
 background: url(img/left_box_bg.png) repeat-y;
}
#leftbox .footer {
 height: 6px;
 width: 100%;
 margin: 0 0 5px 0;
 overflow: hidden;
 background: url(img/left_box_footer.png) no-repeat;
}
#leftbox .searchbtn {
 height: auto;
 position: relative;
 top: 1px;
 right: 28px;
 border: 0;
 background: url(../icons_fzs/lupe.gif) no-repeat;
 font-weight: bold;
 color: #888;
}
#leftbox .searchinput {
 height: auto;
 width: 280px;
 padding: 1px 0 0 5px;
 position: relative;
 font-size: 16px;
 font-weight: bold;
 color: #888;
}
#leftbox .profileimg_180px {
 width:200px;
 height:200px;
 border: 3px solid #ccc;
 text-align: center;
 float:left;
 margin-right:10px;
}
#leftbox .mainimg_180px {
 width:200px;
 height:200px;
 border: 3px solid #ccc;
 text-align: center;
 margin-right:10px;
}
#leftbox .profileimg_180px:hover
{
  border:3px solid #575757;
}
#leftbox .mainimg_180px:hover
{
  border:3px solid #575757;
}
#leftbox .edit1{
    width:150px;
}
#leftbox .edit2{
    border: 2px solid #FF0000;
    width:150px;
}
#rightbox { /* rightbox, rechte box \*/
 width: 220px;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 float: left;
 display: inline;
}
#rightbox .header {
 height: 26px;
 overflow: hidden;
 background: url(img/right_box_header.png) no-repeat;
}
#rightbox .headline {
 margin: 0;
 padding: 0;
 position: relative;
 padding: 5px 0 0 12px;
 font-size: 14px;
 font-weight: bold;
 color: #fff;
}
#rightbox .background {
 width: 100%;
 background: url(img/right_box_bg.png) repeat-y;
}
#rightbox .content {
 width: 216px;
 margin: 0;
 padding: 0;
 position: relative;
 top: 7px;
 left: 10px;
 color: #333;
 line-height: 16px;
}
#rightbox .content ul {
 padding: 3px 4px 0 0;
 list-style: none;
}
#rightbox .content li {
 margin: 0;
 padding: 0;
}
#rightbox .content a {
 margin: 0 11px 0 0;
 text-decoration: none;
 color: #333;
}
#rightbox .content a:hover {
 color: #0066FF;
}
#rightbox .footer {
 height: 6px;
 background: url(img/right_box_footer.png) no-repeat;
 margin-bottom: 5px;
}
#rightbox .commu ul {
   padding: 3px 4px 0 0;
   list-style: none;
}
#rightbox .commu li {
   height: 23px;
   width: 188px;
   margin: 3px 0px 3px 0px;
   padding: 5px;
   background: #fff;
   font-size: 14px;
   border: 1px solid #ccc;
}
#rightbox .btn{
    color: #fff;
    font-weight: normal;
    background: url(img/loginbutton_bg.png) no-repeat left top;
    border: none;
    cursor: pointer;
        width: 62px;
        height: 25px;
        text-align: center;
    }
#rightbox .username_input {
        width: 132px;
        height: 21px;
        padding: 0;
        margin: 0;
        border: 0;
        background: url(img/input_bg.png) no-repeat left top;
}
#rightbox .searchbtn {
 height: 22px;
 position: relative;
 top: 3px;
 right: 12px;
 border: 0;
 background: url(../icons_fzs/lupe.gif) no-repeat;
 font-weight: bold;
 color: #888;
}
#rightbox .searchinput {
 height: 22px;
 width: 200px;
 padding: 1px 0 0 5px;
 position: relative;
 left: 16px;
 border: 0;
 background: url(img/bg_sarchfield.gif) no-repeat;
 font-size: 16px;
 font-weight: bold;
 color: #888;
}
.suggestion_list {
 background: white;
 border: 1px solid;
 padding: 4px;
 width: 200px;
}
.suggestion_list ul {
 padding: 0px;
 margin: 0;
 list-style-type: none;
}
.suggestion_list li {
 padding: 5px;
 margin: 0;
}
.suggestion_list a {
 text-decoration: none;
 color: #333;
}
.suggestion_list .selected {
 background: #ccc;
 color: white;
 font-weight: bold;
}
.suggestion_list .selected a {
 color: white;
 text-decoration: none;
}
#autosuggest {
 display: none;
}
#footer { /* footer, copyright \*/
 width: 904px;
 margin: 0;
 clear: both;
 background: url(img/footer_bg.png) no-repeat left top;
 color: #a1a1a1;
 padding-bottom: 50px;
}
#footer_content {
        float: left;
        width: 889px;
        padding: 18px 15px 0 0;
        height: 42px;
        text-align: right;
}
#footer .background {
 height: 34px;
 width: 100%;
 background: url(img/footerbox_bg.gif) repeat-y;
}
#footer .content_left {
 float: left;
 padding: 8px 0 0 15px;
 font-size: 14px;
 font-weight: bold;
 color: #FFF;
}
 /* this entry may not be deleted \*/
#footer .content_right {
 float: right;
 padding: 8px 15px 0 0;
 font-size: 14px;
 font-weight: bold;
 color: #456328;
}
/* sportplätze info auf map */
#map .g_info{
   font-size: 12px;
}
#map .btn_small{
    color: #fff;
    font-weight: normal;
    background: #456327;
    border: 1px solid #fff;
    cursor: pointer;
    padding: 1px 3px;
    }
/* google map */
#map{
   margin-top:10px;
   width: 652px;
   height: 300px;
   margin-bottom:10px;
   border: 2px solid #fff;
}
.fehler {
    color: #FF0000;
}
.bottom_space {
 padding: 0 0 10px 0;
}
.bold {
 font-weight: bold;
}

.icon{position:relative;top:3px;border:0px;margin-right:5px;}

.pics_tpl {
 max-width:540px;
 width:expression(document.body.clientWidth > 540? "540px": "auto" ); /* IE6 HACK */
 border: 3px solid #999;
 padding: 3px;
}
.suggestion_list {
    border: 1px solid #CCC;
}
.suggestion_list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.suggestion_list a {
    text-decoration: none;
    color: #333;
}
.suggestion_list .selected {
    background: #CCC;
    color: #8fe1f3;
}
.suggestion_list .selected a {
    color: #333;
}
#autosuggest {
    z-index: 9;
    display: none;
}
#country{
    float: right;
    height: auto;
    width: 300px;
    border: 1px solid #888;
    font-size: 16px;
    font-weight: bold;
    color: #888;
}
#skywraper1 {
        width:120px;
        height:600px;
        position: absolute;
        margin-left:-130px;
        top:214px;
}
.linklist {
        width: 211px;
        float: left;
        margin: 0 0 0 12px;
        color: #ababab;
}
.linklist strong{
        font-size: 16px;
        padding: 0 0 5px 10px;
        font-weight: normal;
}
.linklist a{
        font-size: 14px;
        color: #ababab;
        display: block;
        height: 23px;
        border-top: solid 1px #cccccc;
        background: url(img/linklist_bg.png) repeat-x left top;
        width: 201px;
        padding: 5px 0 0 10px;
        float: left;
        text-decoration: none;
        font-weight: normal;
}
.linklist a:hover{
        font-size: 14px;
        color: #666;
        display: block;
        height: 23px;
        border-top: solid 1px #a3a3a3;
        background: url(img/linklist_bg_hover.png) repeat-x left top;
        width: 201px;
        padding: 5px 0 0 10px;
        float: left;
        text-decoration: none;
        font-weight: normal;
}
#socialbttns {
        width: 180px;
        float: right;
        height: 16px;
        text-align: left;
        margin-top: 46px;
}
.twitter {
        background: url(../images/icons_fzs/twitter.png) no-repeat right top;
        display: block;
        width: 49px;
        padding-right: 21px;
        color: #aab2c6;
        float: right;
        text-align: right;
        text-decoration: none;
}
.fb {
        background: url(../images/icons_fzs/facebook.png) no-repeat right top;
        display: block;
        width: 70px;
        padding-right: 21px;
        color: #aab2c6;
        float: right;
        text-align: right;
        text-decoration: none;
}
#register {
        display: block;
        width: 172px;
        height: 54px;
        background: url(img/register.png) no-repeat left top;
        float: right;
}
#register:hover {
        display: block;
        width: 172px;
        height: 54px;
        background: url(img/register.png) no-repeat left bottom;
        float: right;
}
.iconlink {
        text-decoration: none;
}