/* reset */
html{color:#000;background:#E8D7C5;}
body{margin:0;padding:0;}

/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center; background:#E8D7C5 url(../images/bg_big.jpg) repeat-y top center;}/* IE5.5 */
.body{
	overflow:hidden;
	_overflow:visible;
	_zoom:1;
}
.page {
	margin: 0 auto;
	width: 1021px;
	min-height: 850px;
	_text-align:left;
} /* wraps other template elems to set width */ /* text-align IE5.5 */


/* ========= Elements ========== */
/* ...... Kopf ...... */
#headbanner {
	display: block;
	height: 143px;
	width: 980px;
	margin: 0 20px 0 21px;
	background-image: url(../images/head_fill.jpg);
}
#head_l {
	float: left;
	width: 21px;
	height: 143px;
	background-image: url(../images/head_schatten_links.png);
}
#head_r {
	float: right;
	width: 20px;
	height: 143px;
	background-image: url(../images/head_schatten_rechts.png);
}
.head {
	text-align: center;
}
#Navi1 {
	padding-left: 39px;
	height: 39px;
	background: url(../images/bg_navi_schatten.png) no-repeat;
}
#Navi1 a {
	display: block;
	float: left;
	padding: 10px 20px;
	height: 19px;
}
#Navi2 {
	color: #63320a;
	padding: 10px 44px;
	background: url(../images/bg_zwischen_schatten.png) no-repeat;
}

/* ....... Seite ......*/


#adressbox {
	padding: 1px 20px;
}
.box {margin: 0 auto;
	border-left: 1px solid #878787;
	border-right: 1px solid #b0b0b0;
	width: 977px;
	margin: 0 20px;
	background: #fff url(../images/bg_content_trans.png);
}
/* .........css rounded corners .........*/
.box_top {margin: 0 auto;
	width: 1021px;
	height: 15px;
	background: url(../images/box_top.png) no-repeat;
}
.box_bottom {margin: 0 auto;
	width: 1021px;
	height: 21px;
	background: url(../images/box_bottom.png) no-repeat;
}
.brotbox {
	width: 190px;
	margin: auto;
}
.brotbox_top {
	color: #63320a;
	padding: 10px 15px;
	height: 24px;
	width: 100%;
	background: url(../images/brotbox_top.png) no-repeat;
}
.brotbox_fill {
	width: 100%;
	min-height: 1px;
	background: url(../images/brotbox_fill.png) repeat-y;
}
.brotbox_bottom {
	height: 14px;
	width: 100%;
	background: url(../images/brotbox_bottom.png) no-repeat;
}
#rightcol_unten {
	color: #ccc;
	position: absolute;
	bottom: 0;
	text-align: center;
	padding: 0 20px;
	margin: 0 0 -15px 0;
}



/* ====== Columns ====== */
.main{
	overflow: hidden;
	_overflow:visible;
	_zoom:1;
	min-height: 580px;
	background: url(../images/box_trenn.png) repeat-y right;
}
.leftCol{
	float:left;
	width:250px;
	min-height: 580px;
	_margin-right:-3px;
}
.rightCol{
	float:right;
	width: 229px;
	min-height: 580px;
	_margin-left:-3px;
	position: relative;
	background: #fff url(../images/logo_unten_rechts.png) no-repeat center bottom;
}
#content {
	padding: 0 10px 0 10px;
}


/* extend page to allow for liquid page width */
.liquid{extends:.page; width: auto;margin:0;}

/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}