/* CSS Andreas Seibert */
* 
{
  margin: 0px;
  padding: 0px;
  background-color: #333333;
  color: #B3B3B3;
  font-family: "Courier New", Courier, monospace;
  font-size: 13px;
  font-weight: normal;
}

html {
  background-color: #212121;
}

body {
  background-color: #212121;
}

#topRectangle
{
  position: relative;
  margin-left: auto;
  margin-right: auto; 
  top: 0px;
  width: 1035px;
  background-color: #050707;
  height:10px;
}

#container
{
  position: relative;
  margin-left: auto;
  margin-right: auto; 
  top: 0px;
  width: 1035px;
  background-color: #333333;
  height:755px;
}
#header
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1035px;
  min-height: 65px;
  height: 65px;
  background-color: #050708;
  color: blue;
}
#logo
{
	position: absolute;
	top: 0px;
	left: 0px;
}
#points
{
	position: absolute;
	top: 30px;
	left: 240px;
}

#leftColumn {
	position: absolute;
	top: 90px;
	left: 15px;
    width: 172px;
/*    min-height: 665px;*/
}

#main {
	position: absolute;
	top: 90px;
	left: 240px;
    width: 510px;
/*    min-height: 665px;*/
}

#rightColumn {
	position: absolute;
	top: 90px;
	left: 780px;
    width: 205px;
    height: 665px;
    overflow: auto;
}

#coverGlass {
	position: absolute;
	top: 65px;
	left: 0px;
    width: 1035px;
    height: 690px; 
    z-index: 1;        
}


#homeNavigationStoryStart {
	position: absolute;
	top: 556px;
    left: 815px;
	/* left: 798px;  */
}

#homeNavigationStoryStart a {
	display: block;
	background-image: url(../images/image_title_gray_white__01-.png);
	background-repeat: no-repeat;
	width: 156px;
	height: 39px;
  text-decoration: none;
  outline: 0px solid black;
}
 
#homeNavigationStoryStart a:hover {
	background-image: url(../images/image_title_gray_white__01.png);
}

#homeNavigationStoryViewAll {
	position: absolute;
	top: 595px;
    left: 815px;
	/* left: 798px;  */
}

#homeNavigationStoryViewAll a {
	display: block;
	background-image: url(../images/view_all.gif);
	background-repeat: no-repeat;
	width: 74px;
	height: 9px;
  text-decoration: none;
  outline: 0px solid black;
}
 
#homeNavigationStoryViewAll a:hover {
	background-image: url(../images/view_all.gif);
}

#logo img
{
	background-color: black;
}

#navigation {
  background-color: black;            
}

#navigation li {
  list-style: none;
  display: inline;
}

#navigation a {
  text-decoration: none;
  outline: 0px solid black;
}

.hidden {
  visibility: hidden;
}

#nav01{
  position: absolute;
  left: 225px;
  top: 0px;
}

#nav01 a {
	display: block;
	background-image: url(../images/as_menue_01.gif);
	background-repeat: no-repeat;
	width: 91px;
	height: 65px;
}

#nav01 a.selected{
	background-image: url(../images/as_menue_over_01.gif);
}
  
#nav01 a:hover {
	background-image: url(../images/as_menue_over_01.gif);
}

#nav01 a:active {
}

  

#nav02{
  position: absolute;
  left: 316px;
  top: 0px;
}

#nav02 a {
	display: block;
	background-image: url(../images/as_menue_02.gif);
	background-repeat: no-repeat;
	width: 104px;
	height: 65px;
}

#nav02 a.selected{
	background-image: url(../images/as_menue_over_02.gif);
}
    
#nav02 a:hover {
	background-image: url(../images/as_menue_over_02.gif);
}

#nav03{
  position: absolute;
  left: 420px;
  top: 0px;
}

#nav03 a {
	display: block;
	background-image: url(../images/as_menue_03.gif);
	background-repeat: no-repeat;
	width: 88px;
	height: 65px;
}

#nav03 a.selected{
	background-image: url(../images/as_menue_over_03.gif);
}
    
#nav03 a:hover {
	background-image: url(../images/as_menue_over_03.gif);
}

#nav04{
  position: absolute;
  left: 508px;
  top: 0px;
}

#nav04 a {
	display: block;
	background-image: url(../images/as_menue_04.gif);
	background-repeat: no-repeat;
	width: 164px;
	height: 65px;
}

#nav04 a.selected{
	background-image: url(../images/as_menue_over_04.gif);
}
    
#nav04 a:hover {
	background-image: url(../images/as_menue_over_04.gif);
}

#nav05{
  position: absolute;
  left: 672px;
  top: 0px;
}

#nav05 a {
	display: block;
	background-image: url(../images/as_menue_05.gif);
	background-repeat: no-repeat;
	width: 90px;
	height: 65px;
}

#nav05 a.selected{
	background-image: url(../images/as_menue_over_05.gif);
}
    
#nav05 a:hover {
	background-image: url(../images/as_menue_over_05.gif);
}

#nav06{
  position: absolute;
  left: 762px;
  top: 0px;
}

#nav06 a {
	display: block;
	background-image: url(../images/as_menue_06.gif);
	background-repeat: no-repeat;
	width: 123px;
	height: 65px;
}

#nav06 a.selected{
	background-image: url(../images/as_menue_over_06.gif);
}
    
#nav06 a:hover {
	background-image: url(../images/as_menue_over_06.gif);
}

#nav07{
  position: absolute;
  left: 885px;
  top: 0px;
}

#nav07 a {
	display: block;
	background-image: url(../images/as_menue_07.gif);
	background-repeat: no-repeat;
	width: 151px;
	height: 65px;
}

#nav07 a.selected{
	background-image: url(../images/as_menue_over_07.gif);
}
    
#nav07 a:hover {
	background-image: url(../images/as_menue_over_07.gif);
}

.legend {
    color: #B3B3B3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.marginLeft {
    margin-left: 30px;
}

h1 a {
  text-decoration: none;
}

h1 {
  font-size: 13px;
}

h3 {
  font-size: 13px;
}

h5 {
  font-size: 11px;
}

h5 a {
  font-size: 11px;
}

.listSquareRight {
   list-style-image: url(../images/strich.png);
   /* list-style-type: circle; */
   list-style-position:outside;
   margin-left: 15px;
}

.uppercase {
   text-transform: uppercase;
}

.uppercaseWhite {
   text-transform: uppercase;
   color: white;
}