/* Common */
*{
      padding: 0;
      margin: 0;
}

body{
      background-color: #FFFFEA;
      font-size: 13px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      line-height: 1.5;
}

a{
      text-decoration: none;
      color: #C60;
}

a:hover{
      text-decoration: underline;
}

img{
      border: 0px;
}

hr{
      border: 0px;
      height: 1px;
      background-color: #FC6;
      margin: 15px 0 15px;
}

ol, ul, li{
      list-style-type: none;
}

/* Style */
.bold{font-weight: bold;}
.underlined{text-decoration: underline;}
.italic{font-style: italic;}

.aleft{text-align: left;}
.aright{text-align: right;}
.center{text-align: center;}
.justify{text-align: justify;}

.fl {float: left;}
.fr {float: right;}

.cl{clear: left;}
.cr {clear: right;}
.cb {clear: both;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}

.p2{padding: 2px;}
.p3{padding: 3px;}
.p4{padding: 4px;}
.p5{padding: 5px;}

.w25{width: 25%;}
.w50{width: 50%;}
.w70{width: 70%;}
.w99{width: 99%;}
.w100{width: 100%;}

.h16{height: 16px;}
.h25{height: 25px;}
.h50{height: 50px;}
.h70{height: 70px;}
.h99{height: 99px;}
.h100{height: 100px;}

/* CMS */
.new{
      color: red;
      font-weight: bold;
      font-size: 10px;
      left: 2px;
      top: 0;
      position: relative;
}

#cms{
      padding-left: 7px;
      padding-right: 7px;
}

ul.list_cms li{
      font-size: 10.5px;
      margin-left: 10px;
}

#cms ul{
      margin-left: 25px;
}

#cms ul li{
      list-style-type: disc;
      padding-bottom: 5px;
      text-align: justify;
}

#cms a{
      text-decoration: underline;
}

#cms h1, #cms h2, #cms h3, #cms h4, #cms h5, #cms h6{
      margin: 10px 0 3px;
}

#cms p{
      margin: 20px 5px;
}

#cms span{
      margin-left: 5px;
}

.img_left{
      float: left;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-right: 5px;
}

.img_right{
      float: right;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 5px;
}

/* Ad */
#wallskyscraper{
      position: absolute;

}

#leaderboard,
#skyscraper{
      position: relative;
      vertical-align: top;
      text-align: center;
}

/* Forms */
#agb-label {
      margin-top: 5px;
      margin-left: 90px;
      margin-bottom: 20px;
}

/* Action */
.required {}

.description {
      font-size: 11px;
      margin-left: 15px;
      text-align: justify;
}

.success_form, .success{
      padding: 4px;
      color: #698B22;
      background-color: #EFE;
      border: 1px solid #698B22;
      margin-bottom: 10px;
}

.success a{
      color: #698B22;
}

ul.error_form, .error{
      padding: 4px;
      color: #C00;
      background-color: #FEE;
      border: 1px solid #C00;
      margin-bottom: 10px;
}

.error a{
      color: #C00;
}

ul.errors_form, .errors{
      padding: 4px;
      color: #C00;
      background-color: #FEE;
      border: 1px solid #C00;
      margin-top: 10px;
      margin-bottom: 10px;
}

.errors a{
      color: #C00;
}

ul.info_form, .info{
      padding: 4px;
      color: #06F;
      background-color: #DEF;
      border: 1px solid #06F;
      margin-bottom: 10px;
}

.info a{
      color: #06F;
}

ul.note_form, .note{
      padding: 4px;
      color: #FA0;
      background-color: #FFFDD6;
      border: 1px solid #FA0;
      margin-bottom: 10px;
}

.note a{
      color: #FA0;
}

ul.success_form li,
ul.error_form li,
ul.info_form li,
ul.note_form li{
      font-size: 11px;
      list-style-type: decimal;
      margin-left: 25px;
}

/* Links */
a.external{
      background: url(/images/style/external.png) center right no-repeat;
      padding-right: 15px;
}

/* Titles */
h1{font-size: 170%;}
h2{font-size: 150%;}
h3{font-size: 125%;}
h4{font-size: 115%;}
h5{font-size: 100%;}
h6{font-size: 90%;}

/* Form */
label {
      display: block;
      font-size: 12px;
}

.input {
      border: 1px solid #CCC;
      padding: 2px;
}

.input_settings {
      width: 167px;
      padding: 2px;
      border: 1px solid #CCC;
}

.submit {
      background-color: rgb(255, 204, 51);
      color: #330066;
      margin-top: 2px;
      border: 1px solid #CCC;
      padding: 2px;
      cursor: pointer;
}

select, textarea{
      padding: 2px;
      border: 1px solid #CCC;
}

/* Search */
#search{
      position: relative;
      top: -81px;
      left: 752px;
      width: 147px;
      text-align: right;
}

.searchBox{
      border-right: medium none;
      width: 117px;
      color: rgb(170, 170, 170);
      padding: 3px 2px 1px 2px;
}

* html #loop{
      top: 5px; /* CSS Hack für IE7 und kleiner */
}


#loop{
      position: relative;
      top: 5px\9; /* CSS Hack für IE8 */
      border: 1px solid #CCC;
      border-left: none;
      background: #FFF url(/images/style/loop.png) no-repeat center center;
      width: 22px;
      height: 22px;
      cursor: pointer;
}

/* CSS Hack für Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
      #loop{
            position: relative;
            padding-top: 2px;
      }
}

#search a{
      position: relative;
      top: 5px;
      margin-left: 6px;
}

.box {
      border: 1px solid #FC6;
      border-top: none;
}

.boxheader {
      font-size: 12px;
      font-weight: bold;
      margin-top: 5px;
      background-color: #FC6;
      background: url(/images/style/box_header.png);
      padding: 2px;
      padding-left: 10px;
      color: #306;
}

.boxheader_sidebar{
      font-size: 12px;
      font-weight: bold;
      margin-top: 5px;
      background: #F3BD1E url(/images/style/box_header_sidebar.png) no-repeat;
      padding: 2px;
      color: #306;
      text-align: center;
}

div#membersearch ul{
      border-left: 1px solid #CCC;
      border-right: 1px solid #CCC;
}

div#membersearch ul li a{
      border-bottom: 1px solid #CCC;
      display: block; padding: 3px;
      padding-left: 17px;
      background: url(/images/user/arrow.png) no-repeat center left;
}

div#membersearch ul li a:hover{
      background-color: #EFEFEF;
}

#input_search {
      width: 96%;
      color: AAA;
      border: 1px solid #DDD;
      padding: 2px;
}

#submit_search {
      width: 100%;
      background-color: #FFF;
      margin-top: 2px;
      border: 1px solid #DDD;
      padding: 2px;
}

.textarea_big{
      width: 98%;
      height: 150px;
}

/* Login */
#login_box,
#club_box{
      border-left: 1px solid #DDD;
      border-right: 1px solid #DDD;
}

ul#club_center li,
ul#user_center li{
      border-bottom: 1px solid #DDD;
}

ul#user_center li a,
ul#club_center li a{
      display: block;
      background: url(/images/user/arrow.png) no-repeat center left;
      padding: 3px 3px 3px 15px;
}

ul#user_center li a:hover,
ul#club_center li a:hover{
      background-color: #EFEFEF;
}

/* Site */
#wrapper {
      margin-left: 5px;
      margin-bottom: 15px;
      padding: 10px 5px 10px 5px;
      width: 900px;
      overflow: auto;
      background-color: #FFF;
      border: 1px solid #F3BD1E;
}

/* Header */
#header {
      width: 898px;
      height: 75px;
}

* html headermenu_low{
      margin-top: 55px; /* CSS Hack für IE7 und kleiner */
}

#headermenu_low{
      position: absolute;
      margin-top: 55px;
      margin-top: 55px\9;
      left: 220px;
}

/* CSS Hack für Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
      #headermenu_low{
            position: absolute;
            margin-top: 55px;
            left: 220px;
      }
}

#headermenu_low ul{
      position: relative;
      left: 5px;
}

#headermenu_low ul li{
      float: left;
      border-left: 1px solid #EEE;
      border-top: 1px solid #EEE;
      background: url(/images/style/headermenu.png) repeat-x;
}

#headermenu_low ul li:hover{
      background: url(/images/style/headermenu_reverse.png) repeat-x;
}

#headermenu_low ul li a{
      text-align: center;
      display: block;
      padding: 5px;
      width: 95px;
      color: #580066;
      font-size: 12px;
}

* html headermenu_mid{
      margin-top: 27px; /* CSS Hack für IE7 und kleiner */
}

#headermenu_mid{
      position: absolute;
      margin-top: 27px;
      margin-top: 27px\9;
      left: 220px;
}

/* CSS Hack für Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
      #headermenu_mid{
            position: absolute;
            margin-top: 27px;
            left: 220px;
      }
}

#headermenu_mid ul{
      position: relative;
      left: 5px;
}

#headermenu_mid ul li{
      float: left;
      border-left: 1px solid #EEE;
      border-top: 1px solid #EEE;
      background: url(/images/style/headermenu.png) repeat-x;
}

#headermenu_mid ul li:hover{
      background: url(/images/style/headermenu_reverse.png) repeat-x;
}

#headermenu_mid ul li a{
      text-align: center;
      display: block;
      padding: 5px;
      width: 95px;
      color: #580066;
      font-size: 12px;
}

/* Navigation */
#navi {
      width: 200px;
      float: left;
}

#navi a.menuitem {
      background-color: #FC6;
      background: url(/images/style/box_header.png);
      line-height: 1.2em;
      font-size: 12px;
      font-family: Verdana;
      font-weight: bold;
      color: #306;
      display: block;
      position: relative;
      padding: 4px 10px;
      text-decoration: none;
      margin-top: 5px;
}

#navi div.submenu ul li {
      font-size: 11px;
      border: 1px solid #F3BD1E;
      border-top: none;
}

#navi div.submenu ul li a {
      display: block;
      text-decoration: none;
      padding: 2px 0;
      padding-left: 15px;
      color: #000;
      background-color: #FBDD76;
}

#navi div.submenu ul li a:hover {
      background: #FAECBA;
}

.subnav li a.first {
      display: block;
      cursor: pointer;
}

/* 3. Ebene */
.subnav li ul{
      position: absolute;
      left: -999em;
      width: 390px;
      z-index: 1;
}

.subnav li li a{
      display: block;
      font-size: 11px;
}

.subnav li  li a:hover {
      background: #F8F1D8 !important;
}

.subnav li:hover ul{
      left: 205px;
      margin-top: -15.5px;
}

#navi div.submenu ul li ul{
      border-bottom: 1px solid #F3BD1E;
}

#navi div.submenu ul li ul li{
      border-bottom: none !important;
      border: 1px solid #F3BD1E;
}

#navi div.submenu ul li ul li a{
      background-color: #FAECBA;
}

/* Content */
#content_wrapper {
      overflow: auto;
      float: left;
      width: 901px;
}

#content {
      width: 540px;
      float: left;
      margin: 5px;
      border: 1px solid #F3BD1E;
      padding: 5px 2px 5px 2px;
}

#breadcrumb{
      border-bottom: 1px solid #DDD;
      margin-bottom: 10px;
      padding: 5px 5px 10px 5px;
}

#teaser{
      border: 1px dotted orange;
      font-size: 0.9em;
      margin-bottom: 1em;
      padding: 1em;
}

.user_head{
      font-weight: bold;
      background: #DDD url(/images/style/head.jpg) repeat-x;
      font-size: 95%;
      padding: 3px;
      border: 1px solid #CCC;
}

.user{
      position: relative;
      top: -20px;
      padding: 3px 0;
      font: bold 12px Verdana;
      border-bottom: 1px solid #FC6;
      text-align: right;
}

.user li{
      display: inline;
}

.user li a{
      text-decoration: none;
      padding: 3px 7px;
      margin-left: 3px;
      background-color: #FC6;
      background-image: url("/images/style/box_header.png");
      color: #FFF;
}

.user li a:hover {
      background-color: #FC3;
      background-image: none;
}

/* Footer */
#footer {
      padding: 3px;
      text-align: center;
      font-size: 10px;
      clear: both;
}

/* Sidebar */
#sidebar_wrapper {
      width: 145px;
      float: right;
}

#sidebar {
      margin-top: 5px;
      border: 1px solid #FC6;
      padding: 3px;
}

.contacts ul li a{
      display: block;
      padding: 5px 20px;
}

a.user_online{background: url(/images/user/online.png) no-repeat 4% 40%;}
a.user_offline{background: url(/images/user/offline.png) no-repeat 4% 40%;}

a:hover.user_online,
a:hover.user_offline{
      background-color: #EFEFEF;
}

/* User-Center */
.user_start_full {
      float: left;
      width: 100%;
}

#user_content_full {
      padding: 2px;
      border: 1px solid #CCC;
      border-top: none;
}

#user_content_full ul li {
      width: 90px;
      float: left;
      margin: 8px;
      text-align: center;
}

#user_start_left {
      float: left;
      width: 263px;
}

.user_start{
      border: 1px solid #CCC;
      border-top: none;
}

.user_start ul li a{
      display: block;
      padding: 3px 20px;
      background: url(/images/user/arrow.png) no-repeat center left;
}

.user_start ul li a:hover{background-color: #EFEFEF;}

#user_start_right{
      float: right;
      width: 263px;
}

img.online{
      border: 3px solid #EFB;
}

img.offline{
      border: 3px solid #EAEAEA;
}

/* Profile */
.table_user,
ul#last_user,
ul#grouplink{
      border-left: 1px solid #CCC;
      border-right: 1px solid #CCC;
}

.table_user td {
      padding: 5px;
      border-bottom: 1px solid #CCC;
}

#description{
      padding: 3px;
      border: 1px solid #CCC;
      border-top: none;
}

ul#user_profile li a,
ul#grouplink li a,
ul#last_user li a,
ul.groups li a{
      display: block;
      padding: 3px 17px;
      border-bottom: 1px solid #CCC;
      background: url(/images/user/arrow.png) no-repeat center left;
}

ul#user_profile li a:hover,
ul#grouplink li a:hover,
ul#last_user li a:hover,
ul.groups li a:hover{
      background-color: #EFEFEF;
}

/* Interests */
textarea.interests{
      width: 90%;
      height: 60px;
}

.table_settings td{
      padding: 4px;
}

/* Feed */
ul.feed{
      margin-top: 5px;
      margin-left: 0px !important;
}

ul.feed li{
      border-bottom: 1px solid #DDD;
      list-style-type: none !important;
}

ul.feed li a{
      display: block;
      background: url(/images/user/arrow.png) no-repeat center left;
      padding: 3px 17px;
}

ul.feed li a:hover {
      background-color: #EFEFEF;
}

/* Guestbook */
#textarea_gb {
      padding: 3px;
      border: 1px solid #CCC;
      width: 437px;
      height: 150px;
      margin-top: 10px;
}

.gbmenu{
      padding: 3px;
}

p.gb_subject{
      border-bottom: 1px solid #CCC;
      padding: 2px;
}

p.gb_date {
      padding: 2px;
      font-size: 9px;
}

/* Forum */
.table_forum{
      border: 1px solid #CCC;
      border-right: none;
      border-top: none;
}

.table_forum td{
      border-right: 1px solid #CCC;
}

.forum{
      background: #DDD url(/images/style/head.jpg) repeat-x;
      padding: 3px;
      font-size: 100%;
      border-bottom: 1px solid #CCC;
      border-top: 1px solid #CCC;
}

#forum_topic td{
      padding: 2px;
}

ul.cat_list li a{
      padding: 2px 17px;
      background: url(/images/user/arrow.png) no-repeat center left;
      display: block;
}

ul.cat_list li a:hover{
      background-color: #EFEFEF;
}

/* Groups */
.table_groups{
      border-bottom: 1px solid #CCC;
}

.table_groups td{
      border-left: 1px solid #CCC;
}

.table_groups td a{
      display: block;
      padding: 3px 20px;
      background: url(/images/user/arrow.png) no-repeat center left;
}

.table_groups td a:hover{
      background-color: #EFEFEF;
}

/* Message */
table.table_msg{
      border: 1px solid #CCC;
}

.msg_head{
      background: #DDD url(/images/style/head.jpg) repeat-x;
      padding: 2px;
      font-weight: bold;
      border-bottom: 1px solid #CCC;
}

/* Gallery */
.disabled{
      color: #BFBFBF;
}

.gallery_head{
      text-align: center;
      background: #DDD url(/images/style/head.jpg) repeat-x;
      margin-bottom: 10px;
      padding: 4px;
      border: 1px solid #CCC;
}

/* Profilerstellung */
#searchFor-element input {
      margin-right: 3px;
}

#sprachen-element input {
      margin-right: 3px;
}

.zend_form dt label {
      font-weight: bold;
}

.zend_form dt {
      margin-top: 10px;
      margin-left: 10px;
}

.zend_form dd {
      margin-top: 3px;
      margin-left: 20px;
}

.zend_form dd select {
      width: 200px;
}

/* Pinnwand */
table.pinnwand td{
      padding: 2px;
}

/* Cloud */
.Zend_Tag_Cloud li{
      float: left;
      color: red;
}

/* Dropdown List */

#dropdown ul li:hover {
      background-color: #EFEFEF;
}

.dropdown-list-item {
      cursor: pointer;
      display: list-item;
}

#dropdown{
      text-align: left;
      border-left: 1px solid rgb(204, 204, 204);
      border-right: 1px solid rgb(204, 204, 204);
      border-bottom: 1px solid rgb(204, 204, 204);
      width: 316px;
      overflow: hidden;
      position: absolute;
      background: none repeat scroll 0% 0% rgb(255, 255, 255);
      z-index: 1;
      display: none;

      padding: 4px;
      margin-top: -2px;
      margin-left: 17px;
      margin-left: 20px\9;

}

#submit-improvements{
      font: bold 120% 'trebuchet ms',helvetica,sans-serif;
}

#submit-improvements a{
      text-decoration: underline;
      color: #330066;
}

/* Watermark */
/* watermark positioning container */
.watermark
{
      color: #999;
}