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

html, body { /* hintergrund, schriftart, abstand \*/
 margin: 0; /* wichtig für Firefox, IE, Safari & Co */
 padding: 0; /* wichtig für Opera */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 background: #c1d6ea url(img/bg.gif) repeat-x;
}
#wrapper { /* container wird durch margin: 0 auto; zentriert \*/
 margin: 0 auto;
 width: 904px;
}
#headerbox { /* headerbox*/
 width: 904px;
 margin: 20px 0px 5px 0px;
 padding: 0px;
 float: left;
 height: 154px;
 background: url(img/banner.jpg);
 
}
#headernav { /* header, navigation, suchbox \*/
 width: 904px;
 margin: 0;
 padding: 0;
 float: left;
 font-size: 13px;
 height: 35px;
}
#headernav .navigation { /* navigation \*/
 float: left;
 font-size: 12px;
 font-weight: bold;
 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: 3px;
 padding: 0 0 0 3px;
 float: left;
 background: url("img/nav_left.gif") no-repeat left top;
 text-decoration: none;
}
#headernav .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 \*/
#headernav .navigation a span {float: none;}
 /* end ie5-mac hack */
#headernav .navigation a:hover span {color: #FFF;}
#headernav .navigation a:hover {background-position: 0% -42px;}
#headernav .navigation a:hover span {background-position: 100% -42px;}  
#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: #8fe1f3;}

#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: #666;
}
#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: #666;}
#leftbox .kommentare a:visited {text-decoration: none; font-weight: bold; color: #666;}
#leftbox .kommentare a:active {text-decoration: none; font-weight: bold; color: #8fe1f3;}
#leftbox .kommentare a:hover {text-decoration: none; font-weight: bold; color: #8fe1f3;}
#leftbox .kommentare ol{
    margin: 6px;
    padding: 6px;
}

#leftbox .kommentare li {
    list-style:none;
    margin: 8px;
    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: 7px;
 width: 100%;
 overflow: hidden;
 background: url(img/left_box_header.gif) 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: 0;
 position: relative;
 top: 2px;
 left: 12px;
 font-size: 14px;
 font-weight: bold;
 color: #456328;
}
#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_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:118px;
 padding: 2px;
 border: 2px solid #ccc;
}
#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: #666;
}
.mail{display:none;} 
#leftbox .content a:link {text-decoration: none; font-weight: normal; color: #666;}
#leftbox .content a:visited {text-decoration: none; font-weight: normal; color: #666;}
#leftbox .content a:active {text-decoration: none; font-weight: normal; color: #8fe1f3;}
#leftbox .content a:hover {text-decoration: none; font-weight: normal; color: #8fe1f3;}
#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: #666;}
#leftbox .smallnav a:visited {text-decoration: none; font-weight: normal; color: #666;}
#leftbox .smallnav a:active {text-decoration: none; font-weight: normal; color: #8fe1f3;}
#leftbox .smallnav a:hover {text-decoration: none; font-weight: normal; color: #8fe1f3;}

#leftbox .background {
 width: 100%;
 background: url(img/left_box_bg.gif) repeat-y;
}
#leftbox .footer { 
 height: 7px;
 width: 100%;
 margin: 0 0 5px 0;
 overflow: hidden;
 background: url(img/left_box_footer.gif) 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 .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: 7px;
 overflow: hidden;
 background: url(img/right_box_header.gif) no-repeat;
}
#rightbox .headline {
 margin: 0;
 padding: 0;
 position: relative;
 top: 2px;
 left: 10px;
 font-size: 16px;
 font-weight: bold;
 color: #456328;
}
#rightbox .background {
 width: 100%;
 background: url(img/right_box_bg.gif) repeat-y;
}
#rightbox .content {
 width: 216px;
 margin: 0;
 padding: 0;
 position: relative;
 top: 7px;
 left: 10px;
 color: #666;
 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: #666;
}
#rightbox .content a:hover {
 color: #8fe1f3;
}
#rightbox .footer {
 height: 7px;
 background: url(img/right_box_footer.gif) 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: #456327;
    border: 1px solid #fff;
    cursor: pointer;
    padding: 1px 3px;
    }
#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;
}
#autosuggest {
 display: none;
}

#footer { /* footer, copyright \*/
 width: 904px;
 margin: 0;
 padding: 0 0 10px 0;
 clear: both;
}
#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;
}
#footer a:link {text-decoration: none; color: #fff;}
#footer a:visited {text-decoration: none; color: #fff;}
#footer a:active {text-decoration: none; color: #fff;}
#footer a:hover {text-decoration: none; color: #fff;}

/* 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;
}