*{
	margin:0;
	padding:0;
}
body{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;    
	font-size: 65%;  
	padding-top:30px;
	background:#fff;
}

.reference{
	text-align: right;
}
a:link, a:active, a:visited, a:focus {
	color: #1a3553;
	text-decoration: none;

}
a:hover{
	color:#000;
	text-decoration: underline;
}
			
.logo {
	border: none;
	display: block;
	}

#content {
	margin:20px auto;
	width:899px;
	font-size: 1.3em;
	}
	
.menuWrapper{
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-transform:uppercase;
    letter-spacing: normal;
    line-height: 1.45em;
    position:relative;
    margin:20px auto;
    height:542px;
    width:899px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-color:transparent;
}

#menu_reg {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-transform:uppercase;
    letter-spacing: normal;
    line-height: 1.45em;
    position:relative;
    margin:20px auto;
    height:542px;
    width:899px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-color:transparent;
}

ul.menu{
    list-style:none;
    width:899px;
}

ul.menu > li{
    float:left;
    width:179px;
    height:542px;
    border-right:1px solid #777;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li.last{
    border:none;
}
.bg1{
    background-image: url(../images/1.jpg);
}
.bg2{
    background-image: url(../images/2.jpg);
}
.bg3{
    background-image: url(../images/3.jpg);
}
.bg4{
    background-image: url(../images/4.jpg);
}
.bg5{
    background-image: url(../images/5.jpg);
}


ul.menu > li > a{
    float:left;
    width:179px;
    height:50px;
    margin-top:450px;
    text-align:center;
    line-height:50px;
    color:#1a3553;
    background-color:#fff;
    letter-spacing:1px;
    cursor:pointer;
    text-decoration:none;
    text-shadow:0px 0px 1px #fff;
}


ul.menu > li > a.o{
    color:#fff;
    background-color:#1a3553;
}


ul.menu > li > a:hover {
   font-weight: bold;
}


ul.menu > li ul{
	color: #fff;
    list-style:none;
    float:left;
    margin-top:-179px;
    width:100%;
    height:110px;
    padding-top:20px;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li ul li{
    display:none;
}
ul.menu > li ul.sub1{
    background-image:url(../images/bg1sub.png);
	padding-left: 20px;
}
ul.menu > li ul.sub2{
    background-image:url(../images/bg1sub.png);
	padding-left: 20px;
}
ul.menu > li ul.sub3{
    background-image:url(../images/bg1sub.png);
	padding-left: 20px;
}
ul.menu > li ul.sub4{
    background-image:url(../images/bg1sub.png);
	padding-left: 20px;
}
ul.menu > li ul.sub5{
    background-image:url(../images/bg1sub.png);
	padding-left: 20px; width: 90%;
}

ul.menu > li ul li a{
    color:#fff;
    text-decoration:none;
    line-height:20px;
    padding-right: 40px;
    text-shadow:1px 1px 1px #444;
    font-size:11px;
}

ul.menu > li ul.sub1 li{
    display:block;
}

ul.menu > li ul li a:hover{
    
}


#text {
	position: absolute;
	z-index: 10;
	margin: 40px 20px 0 20px;
	padding: 20px;
	width: 440px;
	height: 370px;
	background: url(../images/bg_text.png);
	}
	

#text2 {
	position: absolute;
	z-index: 10;
	margin: 40px 20px 0 400px;
	padding: 20px;
	width: 440px;
	height: 370px;
	background: url(../images/bg_text.png);
	}
	

#text3 {
	position: absolute;
	z-index: 10;
	margin: 40px 20px 0 20px;
	padding: 20px;
	width: 820px;
	height: 370px;
	background: url(../images/bg_text.png);
	}



h1, h2, h3 {
	color: #1a3553;
	}

h1 {
	font-weight: normal;
	color: #1a3553;
	margin-bottom: 30px;
	font-size: 1.6em;
	}

h2 {
	margin-bottom: 20px;
	font-size: 1.4em;
	font-weight: normal;
	}

h3 {
	margin-bottom: 10px;
	}

table {
	margin-bottom: 20px;
	border-collapse: collapse;
	}

table.bg td {
	padding: 5px;
	}	

td {
	padding: 5px 10px 5px 0;
	vertical-align: top;
	}

tr.white {
	
	}

tr.grey {
	background: #f4f6f8;
	}

ul.punkte, ul.punkte2  {
	margin-bottom: 20px;
	padding-left: 15px;
	}

ul.punkte2 li {
	margin-bottom: 10px;
	}

p {
	margin-bottom: 20px;
	}
	

#scrollbar1 { width: 440px; clear: both;}
#scrollbar1 .viewport { width: 420px; height: 370px; overflow: hidden; position: relative; }

#scrollbar2 { width: 820px; clear: both;}
#scrollbar2 .viewport { width: 800px; height: 370px; overflow: hidden; position: relative; }


.overview { list-style: none; position: absolute; left: 0; top: 0; }
.thumb .end,
.thumb { background-color: #1a3553; }
.scrollbar { position: relative; float: right; width: 15px; }
.track { background-color: #e8eaed; height: 100%; width:13px; position: relative; padding: 0 1px; }
.thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.thumb .end { overflow: hidden; height: 5px; width: 13px; }
.disable{ display: none; }