@charset "utf-8";

/* Hilfestellung f�r die Kompabilit�t */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input,table { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
table,fieldset,img { border: none; }
caption,th { text-align: center; }

body {
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  color: #666666;
  background-image: url( 'images/bg_top.png' );
  background-repeat: repeat-x;
}

a:link, a:visited, a:active {
  text-decoration: underline;
  color: #000000;
}

a:hover, a:focus {
  text-decoration: underline;
  color: #000000;
}

* {
  -moz-outline: none;
}

input {
  border: 1px solid rgb(96, 161, 199);
  color: rgb(51, 51, 51);
  letter-spacing: 1px;
  color: #666666;
}

textarea {
  border: 1px solid rgb(96, 161, 199);
  background-color: rgb(255, 255, 255);
  color: rgb(51, 51, 51);
  letter-spacing: 1px;
}

.radio {
  border: 0px;
  background-color: transparent;
}

hr {
  border: 0;
  color: black;
  height: 1px;
  margin: 5px;
}

h1,h2,h3 {padding-top: 6px;}

fieldset {
  width: 95%;
  border: 5px solid #DEDEDE;
  margin: 5px;
  padding: 6px;
}

legend {
  margin: 0px;
  font-weight: bold;
  font-size: 14px;
  padding: 2px;
}

blockquote {
  border: 1px solid rgb(96, 161, 199);
  padding: 6px;
}

/* Layout */
#wrapper {
  background-image: url( 'images/bg_bottom.png' );
  background-repeat: repeat-x;
  background-position: bottom;
}

#container {
  width: 1000px;
  margin: auto;
}

#header {
  height: 162px;
  position: relative;
  background-image: url( 'images/header.png' );
}

#banner_l {
  width: 484px;
  padding: 8px;
  text-align: center;
}

#banner_r {
  width: 484px;
  padding: 8px;
  text-align: center;
}

#content {
  width: 702px;
  text-align: left;
  vertical-align: top;
  padding-bottom: 10px;
  padding-right: 8px;
}

#content h1 {
  font-size: 14px;
  font-weight: bold;
  color: #990000;
  letter-spacing: 0.1em;
}

#right {
  width: 290px;
  text-align: left;
  vertical-align: top;
  padding-bottom: 10px;
}

#clear {
 clear: right;
}

#footer {
  width: 100%;
  text-align: center;
  line-height: 36px;
  color: #000000;
  letter-spacing: 0.2em;
  font-family: Helvitica, Arial, Verdana, sans serif;
}

#footer a {
  text-decoration: none;
  color: #000000;
}

#top {
  position: absolute;
  letter-spacing: 0.2em;
  font-family: Helvitica, Arial, Verdana, sans serif;
  color: #7F7C6B;
  left: 650px;
  top: 2px;
  width: 300px;
  text-align: right;
}

#top a {
  letter-spacing: 0.2em;
  color: #7F7C6B;
  text-decoration: none;
}

#top a:hover {
  text-decoration: underline;
}

#logo {
  position: absolute;
  left: 85px;
  top: 28px;
  width: 240px;
  height: 40px;
  cursor: pointer;
}

#header td {
  padding: 10px;
}

#header select {
  width: 190px;
}

#header #reg {
  position: absolute;
  top: 25px;
  left: 400px;
}

#header #login {
  position: absolute;
  top: 20px;
  left: 530px;
  height: 42px;
  width: 460px;
}

#header #login #submit {
  border: none;
}

#header #error {
  position: absolute;
  top: 40px;
  left: 120px;
  width: 200px;
  color: #990000;
  background-color: #FFF0F0; 
  padding: 5px; 
  border: 1px dashed #990000; 
  text-align: center;
}

#header #search {
  position: absolute;
  top: 94px;
  left: 415px;
}

#header #search #searchinput {
  letter-spacing: 0px;
  background-color: #686555;
  border: 1px solid #817E6C;
  outline: none;
  color: #FFFFFF;
}

#header #search #glass {
  border: none;
}

#search_results {
  position: absolute;
  top: 120px;
  left: 425px;
  width: 176px;
  z-index: 1000;
  visibility: hidden;
  box-shadow: 8px 8px 8px #666;
  background-color: #FFFFFF;
  border: 1px solid silver;
  padding: 4px;
}

#search_results_info {
 background-color: #FFFFFF;
 text-align: left;
 font-weight: bold;
 line-height: 11px;
 padding: 0px 0px 4px 0px;
 display: block;
 z-index: 1001;
}
.search_results_img {
 border: 1px solid silver;
 width: 40px;
 heigt: 40px;
 text-align: center;
 margin: 1px;
 z-index: 1001;
 float: left;
 background-color: #FFFFFF;
}
.search_results_img:hover {
 background-color: #E0F3F8;
}

#header #goto #cats {
  letter-spacing: 0px;
  background-color: #686555;
  border: 1px solid #817E6C;
  outline: none;
  color: #FFFFFF;
  position: absolute;
  top: 102px;
  left: 172px;
}

.box_content {
  width: 100%;
  text-align: left;
  vertical-align: top;
}

/* Dies und das */
.text_left_middle {
  text-align: left;
  vertical-align: middle;
}

.text_middle_middle {
  text-align: center;
  vertical-align: middle;
}

/* Möbelbox */
.furni_div {
  width: 223px; 
  float: left; 
  margin: 3px;
}

.furni_arrow {
  width: 67px;
  text-align: left;
  padding-left: 6px; 
}

.furni_t {
  width: 223px;
  height: 10px;
  background-image: url(../images/site/furni_t.gif);
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
}

.furni_m {
  width: 223px;
  height: 150px;
  background-image: url(../images/site/furni_m.gif);
  background-repeat: repeat-y;
  padding: 0px;
  margin: 0px;
  text-align: center;
  vertical-align: middle;
}

.furni_b {
  width: 223px;
  height: 51px;
  background-image: url(../images/site/furni_b.gif);
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
  text-align: center;
  vertical-align: middle;
}

.furni_price {
  position: relative;
  z-index: 0;
}

.furni_price:hover div {
  visibility: visible;
  line-height: normal;
}

.furni_price b {
  z-index: 0;
}

.price_timeline {
  visibility: hidden;
  position: absolute;
  top: -183px;
  left: -5px; 
  width: 220px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  padding: 5px;
  margin: 0px;
  z-index: 100;
  color: #000000;
}

.furni_pic {
 background-position: center center; 
 background-repeat: no-repeat;
 height: 150px;
 position: relative;
}

.furni_pic:hover div {
  visibility: visible; 
}

.furni_details {
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: -32px; 
  width: 285px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  padding: 1px;
  margin: 0px;
  z-index: 100;
  color: #000000;
}

/* Möbelbox NEU */
.furni_div2 {
  width: 225px; 
  height: 210px;
  background-image: url('images/furni_box_bg.png');
  position: relative;
  float: left; 
  margin: 3px;
}

.furni_div2_o_f {
  width: 225px; 
  height: 210px;
  background-image: url('images/furni_box_bg.png');
  position: relative;
}

.furni_pic2 {
 background-position: center center; 
 background-repeat: no-repeat;
 width: 225px;
 height: 167px;
 position: absolute;
 top: 1px;
 left: 0px;
}
.furni_pic2:hover div {
  visibility: visible; 
}
.furni_details2 {
  visibility: hidden;
  position: absolute;
  top: 4px;
  left: -39px; 
  width: 285px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  padding: 1px;
  margin: 0px;
  z-index: 120;
  color: #000000;
}

.furni_details3 {
  visibility: hidden;
  position: absolute;
  top: -1px;
  left: 0px; 
  width: 221px;
  border: 1px solid #999999;
  border-top-right-radius: 6px; 
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px; 
  -moz-border-radius-topleft: 6px;
  background-color: #FFFFFF;
  padding: 1px;
  margin: 0px;
  z-index: 120;
  color: #000000;
  box-shadow: 0px 5px 8px #666;
}

.furni_details_name {
  text-align: left;
  vertical-align: top;
  font-size: 10px;
}

.furni_details_name i {
  font-size: 9px;
}

.furni_details_info {
  text-align: left;
  vertical-align: top;
  font-size: 9px; 
}

.furni_price2 {
  position: absolute;
  top: 174px;
  left: 23px;
  width: 184px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
}

.furni_price2:hover div {
  visibility: visible; 
}


.price_timeline2 {
  visibility: hidden;
  position: absolute;
  top: -174px;
  left: -23px; 
  width: 213px;
  border: 1px solid #999999;
  border-top-right-radius: 6px; 
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px; 
  -moz-border-radius-topleft: 6px;
  background-color: #FFFFFF;
  padding: 5px;
  margin: 0px;
  z-index: 100;
  color: #000000;
  font-size: 10px;
}

.price_label_down { 
  color: #990000;
  line-height: normal;
  background-color: #FFF0F0; 
  padding: 2px;  
  border: 1px solid #990000; 
  text-align: center;
  position: absolute;
  top: -14px;
  right: -3px;
  z-index: 110;
}

.price_label_up { 
  color: #008B00;
  line-height: normal;
  background-color:  #CCFFCC;
  padding: 2px; 
  border: 1px solid #008B00; 
  text-align: center;
  position: absolute;
  top: -14px;
  right: -3px;
  z-index: 110;
}

.furni_debate_icon {
  position: absolute;
  top: 3px;
  left: -3px;
  z-index: 110;
}


/* Meldungen */
.error { 
  color: #990000;
  background-color: #FFF0F0; 
  padding: 7px; 
  margin-top: 5px; 
  margin-bottom: 10px; 
  border: 1px dashed #990000; 
  text-align: center;
}
.ok { 
  color: #008B00;
  background-color:  #CCFFCC;
  padding: 7px; 
  margin-top: 5px; 
  margin-bottom: 10px; 
  border: 1px dashed #008B00; 
  text-align: center;
}
.notice { 
  color: #36648B;
  background-color:  #B0E2FF;
  padding: 7px; 
  margin-top: 5px; 
  margin-bottom: 10px; 
  border: 1px dashed #36648B; 
  text-align: center;
}
.dashed {
  border: 1px dashed silver;
  padding: 5px;  
  background-color: #EBEBEB;
  text-align: center;
  margin-top: 5px; 
  margin-bottom: 10px;
}



/* Content Box */

.box_ol {
  width: 13px;
  height: 37px;
  background-image: url(../style/images/box/ol.gif);
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
}

.box_om {
  height: 37px;
  background-image: url(../style/images/box/om.gif);
  background-repeat: repeat-x;
  text-align: left;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  color: #FFFFFF;
}

.box_or {
  width: 13px;
  height: 37px;
  background-image: url(../style/images/box/or.gif);
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
}

.box_ml {
  width: 13px;
  background-image: url(../style/images/box/ml.gif);
  background-repeat: repeat-y;
  padding: 0px;
  margin: 0px;
}

.box_m {
  background-color: #FFFFFF;
  text-align: left;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
}

.box_mr {
  width: 13px;
  background-image: url(../style/images/box/mr.gif);
  background-repeat: repeat-y;
  padding: 0px;
  margin: 0px;
}

.box_ul {
  width: 13px;
  height: 12px;
  background-image: url(../style/images/box/ul.gif);
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
}

.box_um {
  height: 12px;
  background-image: url(../style/images/box/um.gif);
  background-repeat: repeat-x;
  padding: 0px;
  margin: 0px;
}

.box_ur {
  width: 13px;
  height: 12px;
  background-image: url(../style/images/box/ur.gif);
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
}

.ticker_div {
 margin-top: 5px;
 text-align: left;
 text-indent: 20px;
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
 color: #000000;
 font-weight: bold;
 background-image: url(../images/site/exclamation.gif);
 background-position: 4px 2px;
 background-repeat: no-repeat;
 overflow: hidden;
 z-index: 0;
}

/* Seitenfunktion */
.sites_list {
  margin-left: -10px;
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 12px;
  list-style-type: none;
  text-align: center;
}
.sites_list li {
  display: inline;
  margin: 4px;
  padding: 5px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  color: #666666;
}
.sites_list li a {
  color: #666666;
}
.sites_list li:hover {
  border: 1px solid #60A1C7;
  background-color: #DEF1F8;
  color: #FFFFFF;
}
.sites_list li:hover a {
  color: #666666;
}
.sites_list li a {
  text-decoration: none;
  position: relative;
  letter-spacing: 0.2em;
}
.sites_list .active {
  border: none;
  background-color: #FFFFFF;
  font-weight: bold;
  color: #666666;
}
.sites_list .active:hover {
  border: none;
  background-color: #FFFFFF;
  color: #666666;
}



/* Debatte */
.debate_f_name {
 text-align: left;
 padding-left: 10px;
 width: 300px;
}

.debate_f_i_oldp {
 width: 40px;
 text-align: center;
 vertical-align: middle;
}

.debate_f_oldp {
 width: 70px;
 text-align: center;
 vertical-align: middle;
}

.debate_f_i_p {
 width: 40px;
 text-align: center;
 vertical-align: middle;
}

.debate_f_p {
 width: 70px;
 text-align: center;
 vertical-align: middle;
 font-weight: bold;
}

.debate_f_arrow {
 text-align: left;
 vertical-align: middle;
 width: 30px;
}

.icon_bg {
  width: 36px;
  height: 36px;
  background-image: url(../uploads/images/Anderes/ficon_bg.png);
  background-repeat: no-repeat;
  padding: 0px;
  margin: 3px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #FFFFFF;
  float: left;
}

.single_furni_view_title {
  text-align: left;
  vertical-align: middle;
  height: 40px;
  border-top: 1px solid #B5B5AF;
  border-right: 1px solid #B5B5AF;
  border-bottom: 1px solid #B5B5AF;
  padding-left: 10px;	
  background-color: #F5F5F5;
}

.single_furni_view_disc {
  text-align: left;
  vertical-align: top;
}

.single_furni_view_details {
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  height: 20px;
  border-bottom: 1px dashed #CCCCCC;
}

.single_furni_view_details a {
  color: #666666;
  text-decoration: underline;
}


/*Kommentare*/
.zitat_div {

}

.user_post_title {
  margin: 0px;
  padding: 0px 0px 0px 15px;
  border-bottom: 2px solid rgb(96, 161, 199); 
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  background-color: #DDDDDD;
  color: #032C2F;
  text-align: left;
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
}
.user_post_title i {
  margin-left: 8px;
}
.user_post_title img {
  margin-right: 5px;
  margin-top: 2px;
}
.user_post_text {
  text-align: left;
  vertical-align: top;
  padding: 8px;
  max-width: 590px;
  min-width: 580px;
  overflow: hidden;
}

.user_post_alert {
  text-align: right;
  height: 14px;
  padding: 4px;
}
.user_post_pic {
  width: 66px;
  max-width: 66px;
  text-align: center;
  vertical-align: top;
  background-image: url('images/comment_avatar_frame.png');
  background-position: top right;
  background-repeat: no-repeat;
}

.user_post_pic img {
  margin-top: -10px;
}

.comment_frame { 
  border: 1px solid #CCCCCC;
}

.new_posts_p {
  border: 1px solid #CCCCCC;
  padding: 6px 6px 6px 60px;
  width: 600px;
  height: 50px;
  overflow: hidden;
  background-position: 0px -20px;
  background-repeat: no-repeat;
  font-size: 11px;
  letter-spacing: 0.1em;
  color: #666666;
  cursor: pointer;
  background-color: #F6F6F6;
}

.new_posts_p:hover {
  background-color: #E0F3F8;
}

/* Onlineviewer */
#onlineviewer_scroll {
  width: 260px;
  height: 150px;
  overflow: auto;
}
.onlineviewer_nick {
  padding-left: 10px;
}
.onlineviewer_1 {
  background-color: #F5F5F5;
  height: 20px;
  text-align: left;
  vertical-align: middle;
}
.onlineviewer_2 {
  background-color: #F5F5F5;
  height: 20px;
  text-align: left;
  vertical-align: middle;
}
.onlineviewer_3 {
  background-color: #FFF68F;
  background-image: url('../uploads/images/Anderes/viewer_staff_icon.gif');
  background-position: right;
  background-repeat: no-repeat;
  height: 20px;
  text-align: left;
  vertical-align: middle;
}
.onlineviewer_1:hover, .onlineviewer_2:hover, .onlineviewer_3:hover {
  background-color: #E0F3F8;
  cursor: pointer;
}
.onlineviewer_1 td, .onlineviewer_2 td, .onlineviewer_3 td {
  border-bottom: 1px solid #DEDEDE;
  border-top: 1px solid #FFF;
}

