@charset "utf-8";
/****************************************/
/* Schreinerei Beer						*/
/* layout.css					       	*/
/*  created 2009						*/
/****************************************/

.clearer {
	clear:both;
}
* html .page-middle {height:1%;}


div {
	position:relative;
}

body {
	margin:0;
	padding:0;
	width:100%;
	background:#f5dec9;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
}

.page-wrap-shadow {
	background:url(images/wrap-back-shadow.jpg) #FFF repeat-y;
	margin:auto;
	width:850px;
	padding:0px 5px;
	text-align:left;
	z-index:100;
}

/* PAGE HEADER */
.page-header {
	width:850px;
	background:url(images/header-back.jpg) repeat-x #fff;
}

.page-header-logo {
	margin-left:50px;
}

.page-header-logo img {
	border:none;
}

/* PAGE MIDDLE AND BOTTOM */
.page-middle , .page-bottom{
	margin-bottom:5px;
	z-index:100;
	
}
.page-middle {
	overflow:hidden;
}

.page-middle-left , .page-bottom-left {
	float:left;
	width:160px;
	padding-left:36px;
	z-index:100;
	position:relative;
	display:inline;
}
.page-middle-left {
	height:352px;
}

.page-bottom-left {
 	min-height:150px;
	height:auto !important;  /* für moderne Browser */
	height:150px;  /*für den IE */
}

.page-middle-right , .page-bottom-right{
	float:left;
	width:602px;
	z-index:10;
}

.page-middle-right , .page-middle-left {
   min-height: 348px;
   height: auto ;
   height: 348px;
}

/* BOTTOM */
.bottom-shadow {
	height:10px;
	background:url(images/bottom-shadow.jpg) no-repeat center;
	width:860px;
	margin:auto;
	z-index:10;
}

/* NAVIGATION MIDDLE AND BOTTOM */

.page-middle-left-nav , .page-bottom-left-nav , .page-middle-left-nav ul , .page-bottom-left-nav ul {
	margin:0;
	padding:0px;
	list-style:none;
	width:160px;
	float:left;
	background:#fff;
	font-size:8pt;
}
.page-middle-left-nav {
	position:absolute;
	bottom:0;
}

.page-bottom-left-nav {
	position:absolute;
	top:0;
}

.page-middle-left-nav li , .page-bottom-left-nav li {
	display:block;
	padding:0px;
	cursor:pointer;
	width:160px;
}
.left-nav-cur a  {
	font-weight:bold;
	color:#e45604;
}
.left-nav-no a  , .left-nav-no-hover li a {
	color:#4C4C4C;
	font-weight:normal;
	}

.page-middle-left-nav li a , .page-bottom-left-nav li a,
.page-middle-left-nav .left-nav-no-last ul li a {
	text-decoration:none;
	padding:7px 0px 7px 14px !important;
	z-index:999;
}

ul.page-middle-left-nav li.left-nav-no-last a, ul.page-middle-left-nav li.left-nav-cur-last a {
	padding-bottom:70px !important;
}
.page-middle-left-nav .left-nav-no-last ul li a, .page-middle-left-nav .left-nav-cur-last ul li a {
	padding:7px 0px 7px 14px !important;
}

.left-nav-no-first a , .left-nav-cur-first a {
	border-top:1px solid #e1e1e1;
	padding-top:14px !important;
}
.left-nav-no-first li a, .left-nav-cur-first li a{
	padding-top:7px !important;
}
.left-nav-no-last a , .left-nav-cur-last a {
	border-bottom:1px solid #e1e1e1;
	padding-bottom:14px !important;
}
.left-nav-no-last li a, .left-nav-cur-last li a{
   	padding-bottom:7px !important;
}
.left-nav-cur-top a , .left-nav-no-top a {
	margin-right:5px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
}

.page-middle-left-nav li a:hover , .page-bottom-left-nav li a:hover , .left-nav-no-hover a {
	color:#e45604;
}
.page-middle-left-nav li ul li a , .page-bottom-left-nav li ul li a{
	border:none 0;
}
.left-nav-no a {
	/*color:#000;*/
}
.left-nav-cur a {
	/*color:#e45604;*/
}

 /*{ /
	background:#fff;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	border:1px solid #e1e1e1;
}*/
 .page-middle-left-nav li ul {
	 border:none 0;
	 background:none;
	 padding:7px 0;
	 height:222px;
 }
 .page-bottom-left-nav li ul {
	 border:none 0;
	 background:none;
	 padding:7px 0;
	 height:109px;
 }

/*.left-middle-nav-subnav {
	position:absolute;
	bottom:0;
}*/

/*.left-bot-nav-subnav {
	
}*/

.sub-nav-middle-back {
	width:160px;
	height:250px;
	bottom:0;
	left:0;
	position:absolute;
	/*background:#fafafa !important;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	z-index:900;
	border:1px solid #ccc;*/
	background:transparent;
}

ul.left-middle-nav-subnav, .page-bottom-left-nav li ul {
	background:#fafafa !important;
	/*-moz-opacity:0.8;
	filter:alpha(opacity=80);*/
	z-index:900;
	border:1px solid #ccc !important;
}

.sub-nav-bottom-back {
	width:160px;
	height:130px;
	top:0;
	left:0;
	position:absolute;
	/*background:#fff !important;*/
	-moz-opacity:1;
	filter:alpha(opacity=100);
	z-index:900;
	/*border:1px solid #e1e1e1;*/
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin:0 !important;
}
.video {
	padding-top:13px;	
}