a:visited {color: #E3E3E3; text-decoration : none}
a:hover {color: #FFFFFF; text-decoration : none}
a:link {color: #E3E3E3; text-decoration : none}
a:active {color: #E3E3E3; text-decoration : none}

* { margin:0; }

html {
	margin: 0px;
	padding: 0px;
 	height:100%;
}

#test1 { width:200px;padding-left:10px;background-color:red; }
#test2 { width:200px;background-color:red; }

body {
	margin: 0px;
	padding: 0px;
	height:100%;
	background-color:#171717;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../sys_img/main_bg.jpg);
	background-repeat:repeat-y;
	background-position:50px;
	}

h1 { font-size:14px;display:block;border-bottom:1px solid #888888;margin-bottom:10px;color:#fff; }
h2 { font-size:12px;text-decoration:underline;display:block; }

table {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
  color:#D7D7D7;
 }

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}

.push {
	height: 30px; /* .push must be the same height as .footer */
}

.a, .b, .c { border-bottom:1px solid #ccc; }

.a { padding-left:0px;}
.c { padding-right:0px;}

#footer {
height:30px;
font-size:11px;
border-top:1px solid #fff;
color:#fff;
width:700px;
margin-left:200px;
}

#main
   {
position:relative;
   margin-left:50px;
   width: 1014px;
   min-height: 243px;
color:#D7D7D7;   
   background-image:url(../sys_img/header.jpg);
  background-repeat:no-repeat;
  background-position:center top;
  text-align:left;
   } 

* html #main {    margin-top:0px; }

#lang
   {
position:absolute;
   margin-left: 940px;
   margin-top:43px;
   z-index:3;
   width: 20px;
   min-height: 10px;
   color:white;
   background:none;
   } 

* html #lang { position:absolute;   margin-left: 895px; }

#navi
   {
   margin-top:130px;
   position: absolute;
   z-index:3;
   width: 140px;
   height: 300px;
   color:white;
   background:none;
   text-align:right;
   line-height:18px;
   } 

* html #navi { margin-left:-50px; }

#content
   {
position:relative;
   width: 680px;
   margin-left:160px;
   padding-top:190px;
color:#D7D7D7;   
   text-align:left;
   z-index:6;
   padding-bottom:15px;
   } 

#navi ul li {
   text-align:right;
   list-style:none;
   font-size: 13px;
	 font-weight:bold;
	 letter-spacing:2px;
}

/* 2. Ebene */

#navi ul.subNavigation {
	margin:0;
	padding:0;
        line-height:18px;
}

#navi ul.subNavigation li a {
       letter-spacing:0px;	
	font-size:11px;
        line-height:14px;
}
#navi ul.subNavigation li.active a {
	color:#fff;
}


/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

/* Level 1 */
#navigation ul {
	width:230px;
	margin:0;
	padding:0;
	/*background-color:#F2F2F2;*/
	background-color:transparent;
}
#navigation ul li {
	width:220px;
	margin:0;
	padding:0 0 0 10px;
	list-style-type:none;
}
#navigation ul li a {
	display:block;
	width:220px;
	height:19px;
	line-height:19px;
	margin:0;
	padding:0 0 0 10px;
	font-size:11px;
	color:#666;
	background-image:url(../images/navi_pfeil_zu.gif);
	background-repeat:no-repeat;
	background-position:210px 3px;
	border-bottom:1px solid #ccc;
	text-decoration:none;
}
#navigation ul li a:hover, #navigation ul li.active a {
	background-image:url(../images/navi_over.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	color:#fff;
}

/* Level 2 */
#navigation ul.subNavigation {
	width:210px;
	margin:0;
	padding:0;
}
#navigation ul.subNavigation li a {
	background-image:url(../images/subnavi_pfeil_zu.gif);
	background-repeat:no-repeat;
	background-position:199px 8px;
	border-bottom:1px dotted #ccc;
	color:#666;
	width:210px;
}
#navigation ul.subNavigation li.active a {
	color:#fff;
}
#navigation ul.subNavigation li a:hover, #navigation ul.subNavigation li.active a {
	background-image:url(../images/subnavi_over.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

/* Level 3 */
#navigation ul.subSubNavigation {
	width:200px;
	margin:0;
	padding:0;
}
#navigation ul.subNavigation li ul.subSubNavigation li a {
	background-image:none;
	border-bottom:0;
	color:#666;
	width:200px;
}
#navigation ul.subNavigation li ul.subSubNavigation li a:hover, #navigation ul.subNavigation li ul.subSubNavigation li.active a {
	background-image:url(../images/subsubnavi_over.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

/* bis 6 */
* html #content {height:420px;}

/* ie 5*/
html + body #content {height:420px;}

/* bis 6 */
* html .footer {display:none}