/*+++++++++++++++++++++++++++++++
Geänderte Version vom 22.08.2006
durch: Alexis Dorn

Behebung von CSS-Bugs im Mozilla,
Firefox und IE. Getestet!
+++++++++++++++++++++++++++++++*/

/**
Grundeinstellung Tags
**/

a {
text-decoration: none;
color:black;
}

a:hover {
color: #555555;
}

body{
background-color:#f6f6f6;
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
}

img {
border:0px;
}

input {
border:1px solid;
}

td {
font-size:9pt;
}


/**
ENDE: Grundeinstellung Tags
**/


/***
Farben
***/

.grundfarbe {
background-color:#acdffe;
}

.exclusiv {
background-color:#ffc247;
}

.gesund {
background-color:#66ff8c;
}

.trendig {
background-color:#8918a6;
}

.typgerecht {
background-color:#8cffff;
}

.sonstiges {
background-color:#d4ff5c;
}

.aktion {
background-color:#fa3d9e;
}

.button {
	background-color: #cccccc;
}

.font_white {
	color:white;
}

/***
Ende Farben
***/

table.shop {
width:987px;
height:640px;
}


td.fh_logo_gr {
border:1px solid #f6f6f6;
height:80px;
}

td.fh_logo_gr a{
display:block;
}

td.banner {
border:1px solid #f6f6f6;;
height:82px;
}

/**
Pfadnavigation
**/

div.pathnavigation {
height:25px;
}

div.pathnavigation div{
padding-left:5px;
padding-top:3px;
font-weight:bold;
}

/**
ENDE: Pfadnavigation
**/

/**
Themen Content
**/
div.themencontent {
clear:both;
}
/**
ENDE: Themen Content
**/

/**
Normaler Content, z.B. Redaktionelle Hinweise
**/

div.cont_headline	{
font-weight:bold;
margin-top:10px;
margin-bottom:5px;
font-size:12pt;
}

div.backlink{
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
}

div.mehrlink{
font-weight:bold;
margin-top:1px;
margin-bottom:3px;
text-align:right;
padding-right:10px;
border-bottom:1px solid #dddddd;
}

/**
ENDE: Normaler Content, z.B. Redaktionelle Hinweise
**/

/**
Topnavigation
**/

td.topnavigation {
height:44px;
}

a.topnavigation {
display:block;
text-decoration:none;
font-size:9pt;
font-family:arial;
font-weight:bold;
/*color:black;*/
float:left;
height:42px;
width:138px;
border:1px outset;
text-align:center;
background-repeat:no-repeat;
}

a.topnavigation.font_white {
color:#ffffff;
}


a.topnavigation:hover {
color:#ffffff;
}

a.topnavigation.font_white:hover {
color:#ffffff;
}

a.topnavigation div {
padding:22px 3px 3px 3px !important;
}


td.topnavigation a.korrektur_1 {
width:143px !important;
width/* */:/* */157px;
}



/**
ENDE: Topnavigation
**/

/***
Dropdown
***/


.m0l0iout {
}

.m0l0iover {
}

/* level 0 outer */
.m0l0oout {
}

.m0l0oover {
}


/* level 1 inner */
.m0l1iout {
	margin: 4px 0 0 17px;
	color: #000000;
}
.m0l1iover {
	margin: 4px 0 0 17px;
	color: #000000;
}

/* level 1 outer */
.m0l1oout {
	background-color: #acdffe;
	border: 1px solid #336699;
	padding: 0;
}
.m0l1oover {
	background-color:#acdffe;
	background-image: url(img/lev1_arrow.gif);
	background-repeat: no-repeat;
	border: 1px solid #336699;
	padding: 0;
}
/***
ENDE: Dropdown
***/

/**
Stimmungsbereiche
**/
td.spacer1 {
background-image:url(./images/hg_bread.jpg);
border:1px solid #f6f6f6;
height:20px;
font-size:1px;
}

td.spacer2 {
background-image:url(./images/hg_bread.jpg);
border:1px solid #f6f6f6;
height:5px;
font-size:1px;
}

/**
ENDE: Stimmungsbereiche
**/


/**
Grundbereiche
**/
td.leftpane {
border:1px solid #f6f6f6;
height:480px;
background-color:#e6e6e6;
}

td.contentpane {
border:1px solid #f6f6f6;
min-height: 480px;
height: auto !important;
height: 480px;

}

div.contentpane {
margin:0px 0px 0px 10px;
width:750px;
min-height: 477px;
height: auto !important;
height: 477px;
}

/**
ENDE: Grundbereiche
**/


/**
Kategorien der Startseite
**/

div.contentpane div.start_kategorie_1
	{
	border:1px solid #f6f6f6;
	width:363px;
	height:150px;
	float:left;
	margin-right:10px;
	cursor: pointer;
}
div.contentpane div.start_kategorie_2
	{
	border:1px solid #f6f6f6;
	width:363px;
	height:150px;
	float:left;
	cursor: pointer;
}

div.start_kategorie_1 div.img, div.start_kategorie_2 div.img {
	float:left;
	border-right:1px solid #f6f6f6;

}

div.start_kategorie_1 .div.bes, div.start_kategorie_2 .div.bes {
	float:left;
}

div.bes div.title {
	width:212px !important;
	width/* */:/* */100%;
	height:24px;
	font-weight:bold;
	float:left;
	border-bottom:1px solid #f6f6f6;
}

div.bes div.title div{
	padding:5px 3px 3px 5px;
}

div.bes div.content {
	width:206px !important;
	width/* */:/* */100%;
	height:125px;
	overflow:hidden;
	float:left;
}

div.bes div.content div{
	padding:5px 3px 3px 5px;
}


div.contentpane div.start_kategorie_hSpacer {
	clear: both;
	font-size:0px;
	height:5px;
}

/**
ENDE: Kategorien der Startseite
**/

/**
Anzeige WG und Seitennavigation
**/

div.wgruppe {
	/*height: 45px;*/
	margin-bottom:1px !important;
	margin-bottom/* */:/* */7px;
}

div.wgruppe div.img {
	float:left;
	height:45px;
	width:100px;
}

div.wgruppe div.content {
	float:left;
	/*height:45px;*/
	width:650px !important;
	width/* */:/* */650px;
	}


div.wgruppe div.content .title {
	height: 25px;
	font-weight: bold;
}

div.wgruppe div.content .title div{
	padding-left:5px;
	padding-top:3px;
}

div.wgruppe div.content .seitennav {
	font-weight: bold;
	height:20px;
}

div.wgruppe div.content .seitennav div{
	padding-left:5px;
	padding-top:2px;
}

div.wgruppe div.content span{
	clear: both;
}

/**
Shopliste
**/

div.shoplist {
	text-align:left;

}

div.shoplist span.productspan{
	display:block;
	float:left;
}

div.shoplist div.shoplistend{
	font-size:1px;
	height:2px;
	clear:both;
}

div.shoplist div.product_item {
	border:1px solid #f6f6f6;
	width:236px;
	height:137px;
	margin-right:7px;
	margin-top:5px;
	cursor: pointer;
	float:left;
}

div.product_item div.img {
	float:left;
	width:100px;
	height:137px;
	overflow:hidden;
}

div.product_item  div.content {
	float:left;
	padding-left:5px;
	margin:0px;
	width:131px !important;
	width/* */:/* */134px;
    height:137px;
	overflow:hidden;
}

div.product_item  div.content .title{
	height:34px;
	font-weight:bold;
}

div.product_item  div.content .preview{
	height:82px;
}

div.product_item  div.content .price{
	height:21px;
	text-align: right;
}



/**
ENDE: Shopliste
**/


/**
Einzelansicht
**/

div.einzel {
	/*background: Blue*/
}

div.einzel table.master{
	/*background: red;*/
	width:100%
}

div.einzel table.master td.left{
	width:50%
}

div.einzel table.master td.right{
	width:50%
}

div.einzel td.left div.pic_navig{
	height:25px;
	font-weight: bold;
}

div.einzel td.left div.pic_navig div.text{
	padding-left:5px;
	padding-top:5px;
	float: left;
	width:250px;
}

div.einzel td.left div.pic_navig div.navi{
	padding-left:25px;
	padding-top:5px;
	float: left;
}

div.einzel td.left div.img {
	width:375px;
	height:250px;
	overflow:hidden;
}

div.einzel td.left div.vars {
	width:375px;
	min-height: 202px;
	height: auto !important;
	height: 202px;

	overflow:visibles;
}

div.einzel td.left div.vars div.group{
	/*margin-bottom: 10px;*/

}
td.left div.vars div.group .groupname{
	min-height:30px;
	height:auto !important;
	height:30px;
	font-weight: bold;
	color:#333333;
	border-top:1px solid #aaaaaa;
	padding-top:10px;
}

 div.group .groupname div{
 	padding-left:5px;
	padding-top:3px;
 }

div.einzel div.vars div.var_item{
	border-top:1px solid #aaaaaa;
	background-color: #cccccc;
}

div.einzel div.vars div.var_item_selected{
	background-color: #aaaaaa;
}

div.einzel  div.var_item div.line1{
	clear: both;
}

div.var_item div.line1 div.picicon{
	float:left;
	width:24px;
	height:24px;
}

div.var_item div.line1 div.title{
	float:left;
	width:201px;
	min-height:24px;
	height:auto !important;
	height:24px;
}

div.var_item div.line1 div.title div{
	padding-left:3px;
	padding-top:5px;
}

div.var_item div.line1 div.price{
	float:left;
	width:75px;
	height:24px;
}

div.var_item div.line1 div.price div{
	padding-right:3px;
	padding-top:5px;
	text-align:right;
}

div.var_item div.line1 div.anzahl{
	float:left;
	width:35px;
	height:24px;
}

div.var_item div.line1 div.anzahl div{
	padding-right:2px;
	padding-top:5px;
	text-align:right;
	font-weight:bold;
}

div.var_item div.anzahl input {
	width:30px;
	border:1px solid;
}

div.var_item div.line1 div.basketicon{
	float:left;
	width:24px;
	height:24px;
}

div.einzel  div.var_item div.line2{
	clear: both;
	min-height:30px;
	height:auto !important;
	height:30px;

	background-color: #f6f6f6;
}

div.var_item div.line2 div.content{
}

div.var_item div.line2 div.content div{
	padding-left:3px;
	padding-top:5px;
}

div.einzel td.right div.title {
	height:25px;
	font-weight: bold;
}

div.einzel td.right div.title div{
	padding-left:5px;
	padding-top:3px;
}
div.einzel td.right div.subtitle {
	height:20px;
	font-weight: bold;
}

div.einzel td.right div.subtitle div.text{
	padding-left:5px;
	padding-top:2px;
}

div.einzel td.right div.content {
}

div.einzel td.right div.content div{
	padding-left:5px;
	padding-top:5px;
	padding-right: 5px;
	padding-bottom: 5px;
}




/**
ENDE: Einzelansicht
**/



/**
WG Navigation
**/
div.wgnavig {

}

div.wgnavig div.header{
height:25px;
font-weight: bold;
border-bottom:1px solid #f6f6f6;
}

div.wgnavig div.header div{
padding:3px 3px 3px 5px;

}

div.wgnavig div.content{
background-color: #cccccc;
height:283px !important;
height/* */:/* */298px;
width:220px !important;
width/* */:/* */220px;
border-bottom:1px solid #f6f6f6;
/*overflow:auto;*/
}

div.wgnavig a {
display:block;
text-decoration:none;
font-size:9pt;
font-family:arial;
font-weight:normal;
color:black;
height:25px;
border-bottom:1px solid #f6f6f6;

}

div.wgnavig a:hover {
color:#777777;
}

div.wgnavig a div {
padding:5px 3px 3px 3px !important;
}


/**
ENDE: WG Navigation
**/


/**
Releted News
**/
div.relatedNews {

}

div.relatedNews div.header{
height:25px;
font-weight: bold;
border-bottom:1px solid #f6f6f6;
}

div.relatedNews div.header div{
padding:3px 3px 3px 5px;

}

div.relatedNews div.content{
background-color: #cccccc;
height:283px !important;
height/* */:/* */298px;
width:212px !important;
width/* */:/* */220px;
padding:3px 3px 3px 5px;
border-bottom:1px solid #f6f6f6;
overflow:auto;
}

/**
ENDE: Releted News
**/


/**
Warenkorb
**/
div.warenkorb {
padding-top:5px;
}

div.warenkorb div.header{
height:25px;
font-weight: bold;
border-top:1px solid #f6f6f6;
border-bottom:1px solid #f6f6f6;
}

div.warenkorb div.header div{
padding:3px 3px 3px 5px;
}


div.warenkorb div.content{
background-color: #cccccc;
height:60px;
border-bottom:1px solid #f6f6f6;
}

div.warenkorb div.content div{
padding:3px 3px 3px 5px;
}

div.warenkorb div.content div.wkLink{
margin-top:0px;
text-align:right;
font-weight:bold;
}

/**
ENDE: Warenkorb
**/


/**
Linke Navigation
Heißt eigentlich direktnavigation :-)
**/
div.dikektnavigation {
padding-top:5px !important;
padding-top/* */:/* */5px;
}

a.dikektnavigation {
display:block;
text-decoration:none;
font-size:9pt;
font-family:arial;
font-weight:normal;
color:black;
height:20px;
border-top:1px solid #f6f6f6;
}

a.dikektnavigation:hover {
color:#777777;
}

a.dikektnavigation div {
padding:3px 3px 1px 3px !important;
}

/**
ENDE: Linke Navigation
**/


/**
Fußbereich
**/
td.footerpane {
border:1px solid #f6f6f6;
height:55px;
}

td.footerpane div.anschrift {
float:left;
width:831px;
height:55px;
color:#555555;
font-weight:bold;;
}

td.footerpane div.anschrift a {
	color:#555555;
}

td.footerpane div.anschrift div {
padding:10px 10px 10px 5px;
}

td.footerpane div.fh_logo_kl {
float:left;
width:151px;
height:55px;
border-left:1px solid #f6f6f6;
overflow:hidden;
}

/**
ENDE: Fußbereich
**/