/* CSS - 21.09.06 flip-flop (KH) two fixed column
   Any column may be longest. All the columns are floated.
   Source: CSS tests and  experiments  by Bruno  Fassino
*/

/* ==== trasnfered to the frontend07_2.css
body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #e6e6e6 url(../../template/layout07/images/bg01.gif) repeat;
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	text-align: center;
}

html, body { /* Geko´s right scrollbar visible at all */
/*	min-height: 100.01%;
}
 ===== */
 
.clear { /* clear e.g. the float */
	clear: both;
}
.alignright {
	text-align: right;
}
.wide {
	background-color: #ffffff;
}

.testfloat {
	width: 50px;
	border: 2px solid #333;
	background-color: #DFE6E4;
	font-size: .8em;
}

.to-right {
	float: right;
}
.to-left {
	float: left;
}

/* y-spacer for IE, he need this for enpty DIVs 
   Be careful with this: every float: left/right 
   after this and a clear: both will collapse
   the layout
*/ 
.y10  { height:10px;  float:right; width:1px; }
.y20  { height:20px;  float:left;  width:1px; }
.y25  { height:25px;  float:right; width:1px; }
.y43  { height:43px;  float:right; width:1px; }
.y155 { height:160px; float:right; width:1px; }
.y370 { height:400px; float:right; width:1px; }
.y450 { height:600px; float:right; width:1px; }


#content_box {  /* The content at the left */

  float: left;
  padding: 5px 5px 5px 10px;
}

/* ==== news box */
#box01_top_header { 
	float: right;
	text-align: left;
	width: 200px;
	height: 19px;
	background-color: #B0C8C7; /* #8DAFAD; /* #8E9FAF; */
	border-bottom: 2px solid #ffffff;
}
#box01_top_header h1, #box01_bottom_header h1 {
	font-family: verdana, arial, sans-serif;
        font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 3px 1px 2px 5px;
	color: #666666;
}

#box01_top {
	float: right;
	overflow: auto;
	margin: 0;
	padding: 5px 5px 0 5px;
	width: 190px;
        height:600px; 100%;

	text-align: left;
	background-color: #DFE6E4; /* #CDD8D6; */
  font: normal .9em/0.95 Verdana, Helvetica, Arial, sans-serif;
	color: #555;

}

#box01_top_werwirsind {
	float: right;
	overflow: auto;
	margin: 0;
	padding: 5px 5px 0 5px;
	width: 190px;
        height:650px; 100%;

	text-align: left;
	background-color: #DFE6E4; /* #CDD8D6; */
  font: normal .9em/0.95 Verdana, Helvetica, Arial, sans-serif;
	color: #555;

}

#box01_top_home {
	float: right;
	overflow: auto;
	margin: 0;
	padding: 5px 5px 0 5px;
	width: 190px;
        height:450px;

	text-align: left;
	background-color: #DFE6E4; /* #CDD8D6; */
  font: normal .9em/0.95 Verdana, Helvetica, Arial, sans-serif;
	color: #555;

}

#box01_top_sport {
	float: right;
	overflow: auto;
	margin: 0;
	padding: 5px 5px 0 5px;
	width: 190px;
        height:950px;

	text-align: left;
	background-color: #DFE6E4; /* #CDD8D6; */
  font: normal .9em/0.95 Verdana, Helvetica, Arial, sans-serif;
	color: #555;

}

#box01_top_eisenbrenn {
	float: right;
	overflow: auto;
	margin: 0;
	padding: 5px 5px 0 5px;
	width: 190px;
        height:950px;

	text-align: left;
	background-color: #DFE6E4; /* #CDD8D6; */
  font: normal .9em/0.95 Verdana, Helvetica, Arial, sans-serif;
	color: #555;

}

#box01_top_haushalt {
	float: right;
	overflow: auto;
	margin: 0;
	padding: 5px 5px 0 5px;
	width: 190px;
        height:950px;

	text-align: left;
	background-color: #DFE6E4; /* #CDD8D6; */
  font: normal .9em/0.95 Verdana, Helvetica, Arial, sans-serif;
	color: #555;

}

#box01_top_gartenmoebel {
	float: right;
	overflow: auto;
	margin: 0;
	padding: 5px 5px 0 5px;
	width: 190px;
        height:800px;

	text-align: left;
	background-color: #DFE6E4; /* #CDD8D6; */
  font: normal .9em/0.95 Verdana, Helvetica, Arial, sans-serif;
	color: #555;

}

/* ==== second box at the right */
#box02_top_header {
	float: right;
	text-align: left;
	width: 200px;
	height: 19px;
	background-color: #A7B3BF; /* #8DAFAD; /* #8E9FAF; */
  border-bottom: 2px solid #ffffff;
}
#box02_top_header h1, #box02_bottom_header h1 {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 3px 1px 2px 5px;
	color: #666666;
}
#box02_top {
	float: right;
	overflow: auto;
	margin: 0;
	padding: 5px 5px 0 5px;
	width: 190px;
	text-align: left;
/*	height: 190px; */
/*	background-color: #E2E3E7; */
  font: normal .9em/1 Verdana, Helvetica, Arial, sans-serif;
	color: #333;
}

#box02_bottom {
	float: right;
	margin: 0;
	padding: 5px 0 0 0;
	width: 200px;
	text-align: left;
/*	height: 190px; */
/*	background-color: #E2E3E7; /* #CDD8D6; */
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

.footer {
	padding: 4px;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	color: #eeeeee;
}

/* LAYOUT ========== */
/* HEAD section ---- */
.top1 { /* first line, first logo if you want. In this case only the upper border */
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	height: 10px;
}

.top2 { /* second line, box at the left */
	float: left;
	padding: 0;
	margin: 0;
	margin-right: 5px;
	height: 160px;
	width: 251px; 
	background: #DFE6E4 url(../../template/layout_07/images/haupt.png) 0px 0px; background-repeat:no-repeat;
}

.top2_sport { /* second line, box at the left */
	float: left;
	padding: 0;
	margin: 0;
	margin-right: 5px;
	height: 160px;
	width: 251px; 
	background: #DFE6E4 url(../../template/layout_07/images/sport.png) 0px 0px; background-repeat:no-repeat;
}

.top2_haushalt { /* second line, box at the left */
	float: left;
	padding: 0;
	margin: 0;
	margin-right: 5px;
	height: 160px;
	width: 251px; 
	background: #DFE6E4 url(../../template/layout_07/images/haushalt.png) 0px 0px; background-repeat:no-repeat;
}

.top2_moebel { /* second line, box at the left */
	float: left;
	padding: 0;
	margin: 0;
	margin-right: 5px;
	height: 160px;
	width: 251px; 
	background: #DFE6E4 url(../../template/layout_07/images/g_moebel.png) 0px 0px; background-repeat:no-repeat;
}

.top2_eisen_brenn { /* second line, box at the left */
	float: left;
	padding: 0;
	margin: 0;
	margin-right: 5px;
	height: 160px;
	width: 251px; 
	background: #DFE6E4 url(../../template/layout_07/images/eisen_brenn.png) 0px 0px; background-repeat:no-repeat;
}

.top2_inner {
  float: right;
  padding: 0; 
  margin: 8px 12px 0 0;
  border: 0;
/*	background-color: #E2E3E7; */
	height: 152px;  /* 160 - margin-top = 152 */
}

* html .top2_inner {  /* only for Internet Explorer */
  margin-right: 7px;     /* Version 5.x */
  margin-right: 7px;    /* Version 6 */ 
}


.top2_1 {  /* second line with picture at the right */
	float: right;
	padding: 0;
	margin: 0;
	height: 160px;
	width: 500px;
	background: #FFFFFF url(../../template/layout_07/images/logo.png) repeat-x;
}

.top3 { /* third line for horizontal navi over all */
	height: 22px;  /* IE5.x */
	background: #708090; /* #FFB70E; */
	padding: 0;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	voice-family: "\"}\"";  /* All other */
	voice-family:inherit;
	height: 20px;
}
/* END HEAD section ---- */

/* BOTTOM section ---- */
.bottom { /* the footer */
	border-top: 5px solid #ffffff;
	height: 20px;
	margin-bottom: 10px; /* border at the bottom */
	background-color: #708090; /* #FFB70E; */
}

.bottom_end {
	margin: 0 auto;
	padding: 0;
	padding-right: 25px;
	padding-left: 25px;
	width: 777px;
	height: 25px;
/*	w\idth: 777px;  /* C + R + 1 */
	text-align: left;
	background: #E3DFDC url(../../template/layout_07/images/footer01.gif) no-repeat;	/* only the last bg-grafic */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 727px;
}
/* END BOTTOM section ---- */


/* MAIN section ==== */
/*  Over all */
.wrapper {
	margin: 0 auto;
	margin-top: 10px; /* the top space */
	margin-bottom: 10px; /* the bottom space */
	padding: 0 10px 0 10px;  /* the border left and right */
	border-top: 1px solid #999; 
	border-right: 1px solid #666; 
	border-bottom: 1px solid #666; 
	border-left: 1px solid #999; 

	width: 779px;
	w\idth: 777px;  /* C + R + 1 */
	text-align: left;
	background: #ffffff;
/*	background: #FFFFFF url(../../template/layout07/images/container01.gif) repeat-y;	/* all + R + C */

	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 757px;
}

/* Beginning under HEAD */
.main { /* all outer background-color */
	padding: 0;
	margin: 0; 
	background-color: #EDEEF0;   /* C  + R */
}

.outer1 {  /* center (the right one) postition and background */
	margin-left: 552px;  /* R */
	background-color: #ffffff;   /* C */
	border-left: 5px solid #ffffff;

}
.outer0 { /* the left one, postition and background */
/*	position: relative; */ 
	margin-left: -552px;
}

.center { /* for e.g. navi ore news ore images */
	float: right;
	width: 200px;  /* C */
	padding: 0;
	margin: 0;
}
.left { /* her we go and put into your content */
	float: left;
	width: 545px;  /* R */
	padding: 0;
	margin: 0;
	margin-right: 5px;
}

/* previene allargamento floats in IE/Mac \*//*/
.inleft, .incenter {
	width: 100%;
	overflow: hidden;
}
/**/

.outer0 { word-wrap: break-word; }

/* ==== END layout07_2.css ==== */