/* HTML-Tags */

body {
	margin: 0;
	padding: 0;
    background-color: #b6b6b6;
    background-image: url('../images/background.gif');
    background-repeat: no-repeat;
    background-position: 50% 47px;
	color: #000000;
}

#container{
    width: 785px;
    \width: 800px;
    w\idth: 785px;
    background-color: #FFFFFF;
    border: 1px solid gray;
    margin: 10px;
    padding:0;
    margin-left: auto;
    margin-right: auto;
}
#container2{
    width: 765px;
    \width: 782px;
    w\idth: 765px;
    background-color: #FFFFFF;
    padding:0;
    margin: 10px;
    background-image: url('../images/bg.gif');
    background-repeat: repeat-y;
    background-position: 0% 0%;
}

#banner{
    background-color: #FFFFFF;
    position:relative;
}
#tool{
    display:block;
    float:right;
}

#content{
         color: #000000;
         background: #FFFFFF;
         background: #FFFFFF url('../images/inhaltbg.gif') no-repeat right bottom;
         padding:10px;
         margin:0 0 0 190px;
}
#sidebar-a{
    padding: 0;
	margin: 0;
	text-align: left;
    width: 172px;
    float:left;
}
#navi{
	padding: 0;
	margin: 0;
    border-left: 15px solid #1B4F8F;
	text-align: left;
    width: 172px;
    background-color: #A2C1DB;
    z-index:2;
}

#footer{
    margin: 0;
    padding-left: 205px;
    clear: both;
    text-align: center;
    background-color: #FFFFFF;
    background-image: url('../images/bg.gif');
    background-repeat: repeat-y;
    background-position: 0% 0%;
    line-height: 13px;
    display: block;
}
#footer2{
    margin:0;
    padding-left: 35px;
    clear: both;
    background-color: #FFFFFF;
    background-image: url('../images/bg.gif');
    background-repeat: repeat-y;
    background-position: 0% 0%;
    line-height:13px;
}
#footer3{
    margin:0;
    padding-left: 35px;
    clear: both;
    background-color: #FFFFFF;
    background-image: url('../images/bg.gif');
    background-repeat: repeat-y;
    background-position: 0% 0%;
    line-height:13px;
}
.clear{
    clear:both;
}

#callback{
      display: block;
      margin:0;
      padding: 0;
      top: 400px;
      width: 187px;
      height: 48px;
	  border-top:1px solid #fff;
	  border-bottom:1px solid #fff;
      background: #FFFFFF;
}

#remote{
      display: block;
      margin:0;
      padding: 0;
      top: 360px;
      width: 187px;
      height: 39px;
	  border-top:1px solid #fff;
	  border-bottom:1px solid #fff;
      background: #FFFFFF;
}
#glp{
      display: block;
      margin:0;
      padding: 0;
      top: 400px;
      width: 187px;
      height: 98px;
	  border-top:none;
	  border-bottom:none;
      
}

.menu{
    padding: 0;
    margin-top:1px;
    background: #B3D2EC url('../images/menu_button2.gif') no-repeat 10% 50%;
    color: #000000;
    display:block;
    border-left:7px solid #B3D2EC;
    height:20px;
    width:165px;
    line-height:20px;
    text-indent:30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration:none;
    z-index:4;
}
.menu:hover,.menu:focus{
    padding: 0;
    margin-top:1px;
    background: #FFFFFF url('../images/menu_button1.gif') no-repeat 10% 50%;
    color: #000000;
    display:block;
    border-left:7px solid #1B4F8F;
    height:20px;
    width:165px;
    line-height:20px;
    text-indent:30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    text-decoration:none;
    z-index:4;
}
.menu1{
    padding: 0;
    margin-top:1px;
    background: #FFFFFF url('../images/menu_button1.gif') no-repeat 10% 50%;
    color: #000000;
    display:block;
    border-left:7px solid #FFFFFF;
    height:20px;
    width:165px;
    line-height:20px;
    text-indent:30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration:none;
    z-index:4;
}
.menu1:hover,.menu1:focus{
    background: #FFFFFF url('../images/menu_button2.gif') no-repeat 10% 50%;
    text-decoration:none;
    z-index:4;
}
.submenu{
    padding: 0;
    margin:0;
    border-bottom:1px solid #FFFFFF;
    background: #FFE8CB url('../images/menu_button1.gif') no-repeat 5% 50%;
    color: #000000;
    display:block;
    height:22px;
    width:250px;
    line-height:22px;
    text-indent:30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration:none;
    z-index:4;
}
.submenu:hover,.submenu:focus{
    padding: 0;
    margin:0;
    border-bottom:1px solid #FFFFFF;
    background: #FFFFFF url('../images/menu_button2.gif') no-repeat 5% 50%;
    color: #000000;
    display:block;
    height:22px;
    width:250px;
    line-height:22px;
    text-indent:30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    text-decoration:none;
    z-index:4;
}

#navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 172px; /* Width of Menu Items */
	}

#navi ul li {
	position: relative;
    z-index:4;
	}

#navi li ul {
	position: absolute;
	left: 172px; /* Set 1px less than menu width */
	top: 0;
	display: none;
    z-index:4;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	padding: 0;
    margin:0;
    z-index:4;
	}

/* Holly Hack. IE Requirement \*/
* html #navi ul li { float: left; height: 1%; }
* html #navi ul li a { height: 1%; }
/* End */

#navi li:hover ul, #navi li.over ul { display: block;z-index:4; } /* The magic */

.tooltip {
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 10px;
         color: #000000;
         position:absolute;
         top: 5px;
         margin-right:50px;
         visibility:hidden;
         display:block;
}

a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #1B4F8F;
    text-decoration:none;
}
a:hover,a:focus{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #000000;
    text-decoration:underline;
}

.aufz {
	list-style: disc;
	width: auto;
    z-index:-4;
}