/**
 * GROUP
 *
 * CSS version $version
 *
 * @author      PROMACX AG
 * @copyright   PROMACX AG / Wasserwerkgasse 20 / 3011 CH-Bern
 * @link        www.promacx.ch
 * @version     0.0.1
 * @media       screen
 */

/* ------------------------------ Layout
*/
html {
	height:100%;
}
body {
	height:100%;
	margin:0px;
	padding:0px;
	color:#4B4B4B;
	background-color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#Container {position:relative; z-index:2; min-width:990px;/*width:100%; display:none;  height:100%; overflow:auto; */}
#Background {width:100%; height:100%; position:fixed; z-index:1; left:0px; top:0px;}
#Head {
	position:relative;
	height:150px;
	background-repeat:no-repeat;
}
#Body {

}


/* Content Breit */
#ContentMainBox {
	position:absolute;
	left:275px;
	top:235px;
	width:700px;
	height:auto;
}
#ContentMainBox #Subtitle {
	float: left;
	width: 670px;
	height: auto;
}
.ContentMainGroup {
	float: left;
	width: 400px;
	padding-right: 20px;
}
#ContentRightGroup {
	float: left;
	width: 200px;
}



/* Content Normal */
#ContentLeft {
	position:absolute;
	left:25px;
	top:205px;
	width:200px;
}
#ContentMain {
	position:absolute;
	left:230px;
	top:230px;
	width:335px;
}


#Subtitle {
position:relative;
top:0px;
left:0px;
width:650px;
height:auto;
}
#ContentRight {
	position: absolute;
	left: 600px;
	top: 205px;
	width: 335px;
}
#Foot {
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	background-color:#000000;
	z-index:3;
}
#Logo {
	position:absolute;
	left:20px;
	top:158px;
	z-index:100;
}
#TopMenu {
}
#MainMenu {
	position:absolute;
	/*bottom:0px;*/
	top:140px;
	z-index:5;
}
#Stripe {
	position:absolute;
	/*bottom:0px;*/
	top:140px;
	width:100%;
	height:63px;
	background-image:url(../images/layout/bg-mainmenu.png);
	background-repeat:repeat-x;
	z-index:4;
}

li {list-style:square;}

/* ------------------------------ Basics
*/
.accessibility {display:none;}
img {border:none;}
/* ------------------------------ Formats
*/
p {margin:1em 0em;}
a {
	background-color:transparent;
	color:#969696;
}
a:hover {}
h1 {
	font-weight:lighter;
	font-size:30px;
	color:#5f5f5f;
	line-height:1.1em;
	margin:12px 0em;
	margin-top:0px;
}
/* ------------------------------ TopMenu
*/
#TopMenu { color:#FFFFFF; }
#TopMenu a { color:#FFFFFF; text-decoration:none; text-transform:lowercase; }
#TopMenu a:hover { text-decoration:underline; }
#TopMenu a.active { }

.topmenu-level1-container { position:absolute; right:100px; top:5px; }
.pmx-langmenu-container { position:absolute; right:5px; top:5px; }

/* ------------------------------ MainMenu
*/

#MainMenu { color:#303030; }
#MainMenu a { color:#303030; text-decoration:none; }
#MainMenu a:hover { color:#2C2582; }
#MainMenu a.active,#MainMenu a.path { color:#2C2582; }

div.mainmenu-level1-container {
font-size:14px;
	position:relative;
	padding-left:275px;
	line-height:63px;
}
span.mainmenu-level1-item { 
	position:relative;
}
/*
ul.mainmenu-level1-container {
	position:relative;
	left:230px;
	margin:0px;
	padding:0px;
	line-height:63px;
	list-style-type:none;
}
li.mainmenu-level1-item {
	float:left;
}
*/
/* ------------------------------ LeftMenu
*/
.leftmenu-level1-container { color:#303030; font-size:14px; line-height: 1.75em;}
.leftmenu-level1-container a { color:#303030; text-decoration:none; }
.leftmenu-level1-container a:hover { color:#2C2582; }
.leftmenu-level1-container a.path { color:#2C2582; }
.leftmenu-level1-container a.active { color:#2C2582; }

.leftmenu-level1-container {list-style-type:none; margin:2em 0px 0em 0px; padding:0px;}
.leftmenu-level1-item {margin:0px; padding:0px; list-style-type:none;}
.leftmenu-level1-item li {list-style-type:none;}

.leftmenu-level2-container {list-style-type:none; margin:0px; padding:0px 0px 0px 0em;line-height:1.2em;}
.leftmenu-level2-item {margin:0px; padding:0px;}

.leftmenu-level2-item a {padding-left:8px; background-image:url(../images/layout/li.png); background-position:left center; background-repeat:no-repeat;}
.leftmenu-level2-item a:hover {background-image:url(../images/layout/li-hover.png);}
.leftmenu-level2-item a.path {background-image:url(../images/layout/li-hover.png);}
.leftmenu-level2-item a.active {background-image:url(../images/layout/li-hover.png);}



/* ---------------------------------------------------
   Tabelle
   =================================================== */
table.contenttable  {
	line-height: 150%;
  margin-bottom: 40px; 
  font-size: 12px;
}

/* ---------------------------------------------------
   Zelle Standard
   =================================================== */
.contenttable td {
	padding: 1px 20px 1px 0;
  vertical-align: top;
  font-size: 12px;
}
.contenttable th {
	padding: 5px;
  background: #445059;
  vertical-align: top;
  font-size: 12px;
}
table.contenttable p  {
	line-height: 15	0%;
  margin: 0;
	padding: 0;
  font-size: 12px;
}