@media screen, projection, print {





/************************
 *  Klassen 
 ************************/

.relative {
	position: relative;
}

.hidden {
	display: none;
}

.clearer {
    clear: both;
}

.hidden {
  display: none;
}



/************************
 *  Boxen 
 ************************/

.box-dark {
	color: #ebe7e6;
	background-color: #674a42;
}

.box-light a,
.box-light,
.box-light1 a,
.box-light1,
.box-light2 a,
.box-light2 {
	color: #674a42;
}

.box-light a:hover,
.box-light1 a:hover,
.box-light2 a:hover {
	color: #5b1400;
}

.box-light1 {
	background-color: #ffefc2;	
}

.box-light2 {
	background-color: #fff5d8;	
}

.box-light {
	background-color: #fff9e9;	
}

/* ---------- */

.box-left {
  float: left;
  width: 305px;
}

.box-right {
  float: right;
  width: 457px;
}

/* ---------- */

#boxes-top {
  height: 173px;
  background: url(../images/main-container-bg-top.png);
}

#boxes-top .margin{
  padding: 15px 15px 0 15px;
}

#boxes-top .box
{
  height: 156px;
}

#boxes-top .box-left .margin
{
  margin: 15px 20px;
  padding: 0;
}

#boxes-top .box-left td {
	padding-right: 0.5em;
}

#boxes-top .box-right {
	background-image: url(../images/watermark-people.gif);
	background-position: 100px -160px;
	background-repeat: repeat;
}

/* ---------- */

#boxes-middle {
  height: 288px;
  background: url(../images/main-container-bg-middle.png);
}

#boxes-middle .margin{
  padding: 0 15px;
}

#boxes-middle .box
{
  height: 286px;
} 

#boxes-middle .box-left .right {
	float: right;
	width: 250px;
	border-left: 2px solid #fff;	
}

#boxes-middle .box-right .left {
	width: 210px;
	float: left;
}

#boxes-middle .box-right .right {
	width: 210px;
	float: left;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

#boxes-middle .content {
	margin: 20px 15px;
}

#boxes-middle .big-theme-image {
  width: 422px;
	border-right: 2px solid #fff;
}

/* ---------- */

#boxes-bottom {
  background: url(../images/main-container-bg-bottom.png);
  background-position: 0 -10px;
  width: 100%;
}

#boxes-bottom .box-left{
}

#boxes-bottom .margin{
  padding: 0 15px;
}

#boxes-bottom .content {
	margin: 20px 35px 20px 25px;
}

/* ---------- */

#boxes-footer {
  height: 63px;
  background: url(../images/main-container-bg-footer.png);
  position: relative;
  margin-bottom: 25px;
}

#boxes-footer .margin{
  padding: 15px 30px 0 15px;
}

#boxes-footer .watermark {
  width: 305px;
  height: 48px;
  background: url(../images/watermark-people.gif) -365px -120px;
  position: absolute;
  top: 0;
  left: 15px;
}




/************************
 *  Elemente 
 ************************/

#product-logos {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

#product-logos a {
	margin-left: 20px;
}

#logo-kup {
	top: 110px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	visibility: hidden;
}

#page-title {
	background: url(../images/title-willkommen.png) no-repeat center center;
	width: 250px;
	height: 100px;
}



/************************
 *  Content 
 ************************/

#content-left {
	text-align: right;
}

.box-dark .content p.tilde {
	background: url(../images/tilde-paragraph.gif) bottom center no-repeat;
}



/************************
 *  Menues 
 ************************/

#menu-main {
	float: right;
	list-style-type: none;
	margin: 30px 10px 30px 0;
}

#menu-main li {
	width: 223px;
	display: block;
	text-align: left;
}

#menu-main li.open li.first {
  border-top: 2px solid #fff5d8;
}

#menu-main li a span {
	visibility: hidden;
}

#menu-main li a {
	width: 200px;
	padding: 8px 0;
	display: block;
	background: no-repeat 0 center;
	height: 24px;
}

#menu-main li.open a {
  padding-bottom: 0;
  height: 18px;
}

#menu-main li a:hover {
  width: 223px;
}

#menu-foot
{
	text-align: right;
	width: 300px;
	float:right;  
}

/* ---------- */

#menu-main ul.level-2 {
  list-style-type: none;
  padding-bottom: 15px;
  margin-top: 1px;
}

#menu-main ul.level-2 li {
  text-align: right;
  width: inherit;
}

#menu-main ul.level-2 li a {
  height: 15px;
  width: auto;
  padding: 5px 30px 5px 0;
}

#menu-main ul.level-2 li.act a:hover,
#menu-main ul.level-2 li.act a {
  color: #5b1400;
}

#menu-main ul.level-2 li a:hover {
  color: #674a42; 
  width: auto;
  background: url(../images/tilde-menu-hover.gif) right 10px no-repeat;
}




/************************
 *  Dokument-Layout 
 ************************/

#background-stripe {
	background-color: #674a42;
	width: 100%;
	height: 310px;
	position: absolute;
	top: 180px;
	z-index: 5;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
}

#center-container {
	position:absolute;
	width: 794px;
	top: 30px;
	z-index: 10;
	left: 50%;
	margin-left: -397px;
}

#main-container {
	font-size: 0.75em;
	position: relative;
}

#main-container * {
	font-size: 1em;
}



/************************
 *  CSS-Styled Content 
 ************************/
 
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 1px solid #e1d8bf;
	padding: 1px;
}

.content-element {
  margin-bottom: 2em;
}

DIV.ce-wrapper {
clear: both;
}

}