@charset "utf-8";
/* CSS Document */

html {
	margin: 0;
	padding: 0;
}

body {
	background-color: #CCCCCC;
	background-image:url(../images/body_bg.jpg);
	background-position: center;
	background-attachment: fixed;
	text-align: center;
	padding-bottom: 35px;
	font-family: Arial, Helvetica, sans-serif;
}


.usr_grp, .usr_grp_window{
	display: block; 
}

#main_bottom_right .headline, #main_bottom_right .content {
	display: none;
}

#main_bottom_right {
	position: relative;
	height: 280px;
	width: 160px;
}

/* Main Bereiche */

#site {
	position: relative;
	width: 790px;
	top: 35px;
	margin: 0 auto 35px auto;
	text-align: left;
}

#head {
	background-image:url(../images/head_bg_1.gif);
	background-repeat:no-repeat;
	background-position: top left;
	height: 115px;
}

#main_top {
	background-image: url(../images/main_top_bg_1.gif);
	background-repeat: no-repeat;
	height: 380px;
}


#main_middle {
	position: absolute;
	background-image: url(../images/main_bottom_bg_v.jpg);
	background-repeat: no-repeat;
	width: 790px;
	height: 370px;
}

#main_middle_2 {
	position: absolute;
	background-image: url(../images/main_bottom_bg_v.jpg);
	background-repeat: no-repeat;
	width: 790px;
	height: 320px;
}

#main_middle_3 {
	position: absolute;
	background-image: url(../images/main_bottom_bg_v.jpg);
	background-repeat: no-repeat;
	width: 790px;
	height: 200px;
}

#main_bottom {
	background-image: url(../images/main_bottom_bg_1.jpg);
	background-repeat: no-repeat;
	height: 577px;
}


#foot {
	position: relative;
	top: -23px;
	background-image: url(../images/foot.gif);
	background-repeat:no-repeat;
	height: 38px;

	font-size: 10px;
	font-weight: lighter;
	color: #474837;
}


/* Overlays */

#logo {
	position: absolute;
	background-repeat:no-repeat;
	width: 256px;
	height: 146px;
	top: -11px;
	left: -38px;
}

/* Inhalte */

#nav {
	float: right;
	position: relative;
	color: #474837;

	font-size: 12px;
	top: 10px;
	right: 20px;
}

#nav .topNavLink {
	float: left;
	position: relative;
	background-image: url(../images/top_nav_trenner.gif);
	background-position: left;
	background-repeat: no-repeat;

	font-size: 12px;
	font-weight: normal;
	color: #ce0e21;

}

#nav .topNavLink a {
	display: block;

	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	color: #474837;
	text-decoration: none;
}

#nav .topNavLink .mail {

}


#head #main_nav {
	float: right;
	position: absolute;
	top: 85px;
	right: 215px;
	width: 248px;
}

#head #main_nav .prod {
	float: left;
	width: 126px;
}

#head #main_nav .hs_prod {
	float: right;
	width: 122px;
}

#main .infobox {
	position: relative;
	float: right;
	background-color: #e1e2c3;
	width: 183px;
	padding-top: 29px;
	padding-bottom: 44px;
	right: 13px;
	top: -29px;
	margin-bottom: -67px;
}

#main .infobox_inhalt {
	float: right;
	width: 172px;
	height: 280px;
	background-color: #ffffff;
	background-image: url(../images/main_infobox_bg_bottom_1.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top: 5px;
	margin-bottom: 4px;
}

.infobox_inhalt .text {
	color: #797a5f;

	font-size: 12px;
	font-weight: lighter;
	padding-left: 10px;
	margin: 0px;
}

.infobox_inhalt .text br {
	height: 8px;
	font-size: 8px;
	line-height: 8px;
}

#main .join {
	float: right;
	position: relative;
	width: 185px;
	height: 79px;
}

#main .join2 {
	float: right;
	position: relative;
	width: 185px;
	height: 74px;
	background-image: url(../images/btn/btn_join2.gif);
	background-repeat: no-repeat;
	width: 185px;
	height: 79px;
	color: #ffffff;
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	padding-top: 5px;
}

#main .bildwolke {
	float: left;
	position: absolute;
	width: 546px;
	height: 372px;
	left: 33px;
}

#main .bildwolke .thumb {
	position: absolute; 
	vertical-align: top; 
	text-align: left;
	z-index: 7;
}
.thumb:hover {
	border: 1px solid red;
	margin: -1px 0 0 -1px;
}

#main_bottom .suche {
	float: right;
	position: relative;
	background-image: url(../images/suche_bg_1.gif);
	background-repeat: no-repeat;
	top: 4px;
	right: 32px;
	width: 599px;
	height: 29px;
}

#main_bottom .suche .kategorien {
	float: left;
}

#main_bottom .suche form {
	float: right;
	position: relative;
	top: 6px;
	display: inline;
}


#main_bottom .suche form input {
	height: 17px;
	border: none;
	font-size: 10px;
	line-height: 10px;
	display: inline;
}

.suche form input#search, .suche_2 form input#search {
	background-color: #ffffff;
}

#main_bottom .suche form #search {
	position: absolute;
	right: 50px;
	width: 212px;
	height: 16px;

	font-size: 10px;
	line-height: 15px;
}

#main_bottom_left {
	float: left;
	width: 600px;
}

#main_bottom #prod_big {
	float: left;
	position: relative;
	left: 33px;
	top: 16px;
	width: 370px;
}

#main_bottom #prod_big .sticker {
	position: absolute;
	left: 290px;
	top: 190px;
}


#main_bottom #main_categories {
	float: left;
	position: relative;
	top: 16px;
	left: 65px;
	width: 140px;
	text-align: center;
}

#main_bottom .category {
	margin-bottom: 8px;
}

#main_bottom #wortwolke {
	color: #ce0e21;
	position: absolute;
	left: 33px;
	top: 850px;
	width: 480px;
	height: 170px;
}

#main_bottom #wortwolke a {
	text-decoration: none;
	color: #ce0e21;
}	

#main_bottom #wortwolke h4 {

	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#main_bottom #wortwolke .wortwolke {

	font-size: 18px;
}

#main_bottom #wortwolke .weitere {
	float: right;
	padding-top: 10px;
	height: 13px;
}

#main_bottom #sub_nav {
	float: right;
	position: relative;
	top: 16px;
	width: 185px;
}

#main_bottom .sub_nav_btn {
	margin-bottom: 14px;
}

#main_bottom .usr_grp {
	width: 153px;
	padding: 0px;
	margin: 60px 0 0 0;
}

#main_bottom .btn_grp {
	float: left;
}

#main_bottom .btn_usr {
	float: right;
}

#main_bottom .usr_grp_window {
	border: 2px solid #797a5f;
	width: 137px;
	padding: 0 0 0 12px;
	margin: 0px;
	background-image: url(../images/white_40.png);
	background-repeat: repeat;
}

#main_bottom .usr {
	float: left;
	margin-right: 8px;
	margin-top: 10px;
}

#main_bottom .grp {
	float: left;
	margin-right: 8px;
	margin-top: 15px;
	width: 57px;
	height: 71px;
	border: 1px solid #ce0e21;
	background-image: url(../images/white_40.png);
	background-repeat: repeat;
}

#main_bottom #sub_nav .weitere {
	float: right;
	margin: 15px 5px 5px 0;
}


#foot .nav, #foot_2 .nav {
	position: relative;
	top: 12px;
	left: 34px;
	width: 400px;
}

#foot .nav a, #foot_2 .nav a {
	color: #474837;
	text-decoration: none;
}

#foot_2 .logos {
	float: right;
	position: relative;
	margin-left: 4px;
	margin-top: -8px;
}



#foot_neu_1 {
	position: relative;
	top: -23px;
	background-image: url(../images/foot_bg_oben.gif);
	background-repeat: no-repeat;
	width: 790px;
	height: 33px;
	padding-top: 5px;
}

#foot_neu_1 .nav {
	padding-left: 34px;
}

#foot_neu_1 .nav, #foot_neu_1 .nav a {
	position: relative;
	color: #474837;
	text-decoration: none;
	font-size: 10px;
	height: 20px;
	line-height: 20px;
	margin-bottom: -5px;
}

#foot_neu_2 {
	position: relative;
	background-image:url(../images/foot_bg_unten.gif);
	background-repeat:no-repeat;
	background-position: bottom;
	height: 15px;
	width: 790px;
	bottom: 0px;
}



/* tool tipps */

#tooltip {
	position: relative;
	width: 182px;
	margin: auto;
}

#tooltip2 {
	position: relative;
	width: 182px;
	margin: auto;
}

.tooltip {
	position: relative;
	width: 172px;
	margin: auto;
	background-image: url(../images/popup/tooltip_content.png);
	background-repeat: repeat-y;
	text-align: left;
	padding-left: 10px;
}

.tooltip2 {
	position: relative;
	width: 182px;
	height: 81px;
	margin: auto;
	background-image: url(../images/popup/tooltip_usr_grp.gif);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
}

.headline_tooltip {
	font-size: 12px;
	font-weight: bold;
	color: #ce0e21;
	padding-right: 13px;
}

.teaser_tooltip {
	font-size: 9px;
	color: #ffffff;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-right: 13px;
}

.bewertung_tooltip {
	float: left;
	height: 15px;
	width: 75px;
}

.hs_bewertung_tooltip {
	position: relative;
	float: left;
	height: 15px;
	margin-top: 5px;
}

.hs_bewertung_tooltip2 {
	float: left;
	height: 15px;
	width: 90px;
	padding-right: 10px;
}

.hs_bewertung2_tooltip {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 20px;
	height: 45px;
}

.hs_wert {
	position: relative;
	float: left;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	padding-right: 3px;
	padding-left: 0px;
	margin-top: 5px;
}

.bewertung_tooltip_2 {
	float: left;
	padding-right: 3px;
	height: 15px;
	width: 90px;
}

.stern_tooltip {
	float: left;
	padding-right: 2px;
}

.stern2_tooltip {
	float: left;
	padding-right: 2px;
	margin-top: 1px;
}

.daumen1_tooltip {
	float: left;
	line-height: 31px;
	height: 31px;
	margin-right: 5px;
	margin-top: -2px;
}

.daumen2_tooltip {
	float: left;
	line-height: 31px;
	height: 31px;
	margin-top: -2px;
}

.daumen3_tooltip {
	float: left;
	height: 30px;
}


/* Bltter funktion */

.register {
	float:right;
	margin-top:10px;

	font-size: 12px;
	font-weight: bold;
	color: #ce0e21;
	height: 30px;
	line-height: 20px;
}

.register .pfeil_l {
	float:left;
	margin-right: 10px;
}

.register .counter {
	float: left;
	text-align: center;
	width: 100px;
	margin-right: 10px;
}

.register .pfeil_r {
	padding-right: 20px;
}



.register a {
	font-weight: bold;
	color: #ce0e21;
	text-decoration: none;
}

.register a:hover {
	/*font-size: 16px;*/
}

/* hacks */
/* hide hack from Mac-IE5 \*/
* html .suche_2 form { height: 1%; }
* html .suche form { height: 1%; }
* html .average { height: 1%; }

/* end hiding */


/* helper */


img {
	border: none;
}

.clear {
	clear:both;
	margin: 0px;
}

.clear_10 {
	height: 10px;
}

.clear_50 {
	height: 50px;
}

.red {
	color: #ce0e21;
}

.red a, .red a:hover, a:hover .red {
	color: #ce0e21;
}

.green {
	color: #797a5f;
	font-weight: bold;
}


.white {
	color: #ffffff;
}

.trenner {

}

#postit {
  position: absolute;
  display: block;
  width: 247px;
  height: 247px;
  margin-left: 570px;
  margin-top: 160px;
  background-image: url(../images/post_it.png);
  background-repeat: no-repeat;
  z-index: 100;
}