/* ***************** init default styles **************** */
html, body, img, ul{
   margin: 0px;
   padding: 0px;
   border: 0px none;
}
html {
   height: 100%;
}
body {
   height: 100%;
   background-color: #CCC3B3;
   font-family: "Courier New", Courier, mono;
   text-align:center;
}

/* ***************** init layout **************** */

div#contentArea {
	 position: relative;
	 min-height: 100%;
   width: 1020px;
   height: 100%;
   margin: 0px auto;
   text-align:left;
   vertical-align: top;
}

* html #nonFooter
{
height: 100%;
}

/* ****************** Zeile 1 ****************** */
div#divHead {
   width: 1020px;
   height: 100px;
   margin: 0px;
   padding: 0px;
   background-image: url(/index.php/.MediaFiles/headRechts);
   background-repeat: no-repeat;
   background-position: right;
}
.headImg {
   width: 280px;
   height: 100px;
   float: left;
}
.headLogo {
   width: 220px;
   height: 100px;
   float: left;
}
.headSubmenu {
   float: right;
   margin: 60px 18px 0px 0px;
}
/* ****************** Sub Menü ****************** */
.headSubmenu a:link, .headSubmenu a:visited {
   font-size: 14px;
   text-decoration: none;
   color: #000000;
}
.headSubmenu a:hover, .headSubmenu a:active {
   color: #FF6600;
}
.headSubmenuactive { color: #FF6600; }

/* ****************** Zeile 2 ****************** */
div#divMiddle {
   width: 1020px;
   height: 280px;
   float: left;
}
.menuImg {
   width: 280px;
   height: 280px;
   float: left;
   background-color: #000000;
}
.menu {
   width: 220px;
   height: 280px;
   _height: 290px;
   margin: 0px;
   float: left;
   background-color: #E5DECD;
}
/* ****************** Haupt Menü BEGIN ****************** */
.menu0 {
   font-size: 16px;
   font-weight: bold;
   list-style-type: none;
   margin: 10px 0px 0px 15px;
}
.menu0 li a:link, .menu0 a:visited {
   text-decoration: none;
   color: #000000;
}
.menu0 li a:hover, .menu0 a:active {
   text-decoration: none;
   color: #FF6600;
}
.menu1 {
   font-size: 14px;
   list-style-type: none;
   margin: 0px 0px 0px 15px;
}
.menu1 li a:link, .menu1 a:visited {
   text-decoration: none;
   color: #000000;
}
.menu1 li a:hover, .menu1 a:active {
   text-decoration: none;
   color: #FF6600;
}

/* ****************** content zeile 2 ****************** */
.content {
   width: 480px;
   _width: 510px;
   height: 230px;
   _height: 290px;
   margin: 0px;
   padding: 50px 10px 0px 30px;
   float: left;
   background-color: #FFF0CF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
/* ****************** Zeile 3 ****************** */
#divContentDetails {
	width: 1020px;
	float: left;
	height:100%;
  padding-bottom: 9em;
}

#detailsLeft {
	width: 280px;
	min-height: 400px;
	height:100%;
	background-image: url(/images/skins/xenai/content_1BG.gif); 
	background-repeat: repeat-y;
	float: left;
	padding: 0px;
	border-top: 10px solid #B3A892;
}
#detailsCenter {
	width: 220px;
	min-height: 400px;
	height:100%;
	background-image: url(/images/skins/xenai/content_2BG.gif);
	background-repeat: repeat-y;
	filter:Alpha(opacity=50);
	opacity:0.5;
	float: left;
	border-top: 10px solid #D3CCBF;
}
#detailsRight {
	width: 520px;
	min-height: 400px;
	height:100%;
	background-image: url(/images/skins/xenai/content_3BG.gif);
	background-repeat: repeat-y;
	float: right;
	border-top: 10px solid #B3A892;
}
/* ****************** Zeile 4 ****************** */

#footer
{
	width: 1020px;
	position: relative;
	margin-top: -7.5em;
}