body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background: #f9f6f6;
}

/** Jener Teil, der in der Mitte der Seite platziert wird **/
#main {
	background: #f9f6f6;
	color: #000000;
	width: 990px;
	display: block;
	margin: 0px auto 0px auto;
	font-family: Verdana, Arial, Helvettica, sans-serif;
	font-size:11px;
}

#topdiv
{
	width: 990px;
	height: 140px;
}

#menu_border{
	position: relative;
	top: 60px;
	padding: 0px 0px 0px 210px;
	margin: 0px 0px 0px 0px;
	z-index: 10;
	background: #a61e37 url(./_img/border.gif);
	color: #FFFFFF;
	/** Width: 780px; /** original 990px; - 205 px =  **/
	height: 30px;
	font-family: Verdana, Arial, Helvettica, sans-serif;
	text-align: left;
	font-size:11px;
	
}

/** Layer für das Nexperts Logo **/
#logonx {
	position: relative;
	top: 35px;
	left: 35px; 
	width: 234px;
	height: 23px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF url(./_img/logo.gif);
	color: #000000;
}

/** Layer für die Sprachen **/
.sprachen{
	position: absolute;
	float:right;
	width:350px;
	z-index:2; 
	margin:25px 0 0 0; 
	margin-left:610px !important /*Non-IE6*/; margin-left:613px /*IE6*/;
	color: #000000;
	text-align: right;
}

.sprachen ul {float:right; padding:0 20px 0 0;}
.sprachen li {display:inline; list-style:none;}
.sprachen li a {padding:0 0 0 3px;}
.sprachen a:hover {text-decoration:none;}
.sprachen a img {border:none;}


/** Layer für die Grösse **/
.textformat{
	position: absolute;
	float:right;
	width:350px;
	z-index:2; 
	margin:25px 0 0 0; 
	margin-left:350px !important /*Non-IE6*/; margin-left:353px /*IE6*/;
	color: #000000;
	text-align: right;
}

.textformat ul {float:right; padding:0 20px 0 0;}
.textformat li {display:inline; list-style:none;}
.textformat li a {padding:0 0 0 3px;}
.textformat a img {border:none;}

#menue{
	position: relative;
	float:left;
	width:140px;
	margin-left:35px;
	padding: 10px 9px 10px 9px;
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #CCCCCC;

}

#text{
	position:relative;
	width:560px;
	margin-left: 205px;
	padding: 0px 10px 10px 10px;
	color: #000000;
	z-index: 1;
	/** border: 1px solid #CCCCCC; **/
	/** background: #FFFFFF; **/
}

#logos{
	position:relative;
	width:160px;
	float:right;
	margin-right:25px;
	border: 1px solid #f9f6f6;
	background: #f9f6f6;
	color: #000000;

}

#footline
{
	margin-top:15px;
	position:relative;
	left: 5px;
	width: 980px;
	height: 3px;
	background: #a61e37;
}

#imprint
{
	position:relative;
	left: 5px;
	width: 980px;
	height: 3px;
	color: #CCCCCC;
	text-align:center;
	line-height:24px;
}


a:hover, .active
{
    text-decoration:underline;
}

a
{
	font-size: 11px;
	line-height: 18px;	
	color: #a61e37;
	text-decoration:none;
}


td {
	border-left: 1px #CCCCCC dotted;
	padding: 0px 8px 0px 8px;
	vertical-align: top
}
td:first-child {
	border: none; 
  	padding: 0px 5px 0px 0px; 
  	vertical-align: top
}

h2.a
{
	font-size: 16px;
	line-height: 16px;	
	color: #a61e37;
	text-decoration:none;
}

h2
{
	font-size: 16px;
	line-height: 16px;	
}

p, ol, ul
{
	font-size: 11px;
	line-height: 16px;
	list-style-type: square; 	

}

img
{
	border: none;

}


/** Einträge für das Drop Down men+ ***/

ul.menu, ul.menu ul {
	margin:0;
	padding:0;
	list-style-type: none;
}



/** Definiert die allgemeinen Punkte für die Ebene 1 des Drop downs
		padding definiert die abstände zwischen den punkten
**/
ul.menu a
{
	display: block;
	Padding: 0px 20px 8px 0px;
	text-decoration:none;
}


/** gibt inacitves Menü ein 
    Farbe: Hell-grau und bold
**/
ul.menu a.menuL1
{
	color: #CCCCCC;
}


/** gibt actives Menü ein 
    Farbe: weiß und bold
**/
ul.menu a.menuL1x
{
	color: #FFFFFF;
}

/** Menü level 1 bei Mouse over **/
ul.menu a:hover
{
    color: #000000;
}

/** alle Drop Down Menüs sind 10 px links eingedrück; ** /
/** Anordnung der Pixel in der Liste: OBEN -- LINKS -- UNTEN -- RECHTS **/
ul.menu ul a {
    padding: 0px 10px 0px 0px;
}

ul.menu li {
	float:left;
	font-family: Verdana, Arial, Helvettica, sans-serif;
	font-size: 11px;
	line-height: 25px;
	color: #666666;

}


ul.menu a.menuL2 {
	display: block;
	Padding: 0px 0px 0px 0px;
	text-decoration:none;
	color: #666666;
	
}

ul.menu a.menuL2x {
	display: block;
	Padding: 0px 0px 0px 0px;
	font-weight:bold;
	text-decoration:none;
	color: #000000;

}

a.menuL2xy
{
	color: #000000;
	font-weight:bold;
}

li.submenu a:hover
{
	color: #000000;
}

ul.menu ul {
    margin-left:2px;
    padding: 0px 5px 5px 5px;
    position: absolute;
    background-color: #FFFFFF;
    display:none;
    	border: 1px solid #CCCCCC;
     min-width:180px;
}

/* IE-Hack für die Breite */

*html ul.menu ul { 
    width:180px;   
 }                    

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}

ul.menu ul li {
    float:none;
    background-color: transparent;
}