html { 
  padding:0px;
  margin:0px;
  
}

body {
  background-color: #467D8C;
  font-size: 14px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#222C33;  
  padding:0px 20px;
  margin: 0px;
  height:100%;
}


table tr td.option {
  font-weight: bold;
  color: #ffb;
  padding-left: 0;
  width: 120px;
}
    
  

h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #222C33;
background-color: #222C33;
padding:5px 15px;
margin:0px
}

a { 
background-color:transparent;
}
 
 
 

a.media:link {color:#222C33}
a.media:visited {color:#222C33}
a.media:hover {color:#222C33;text-decoration:none;}
a.media:active {color:#222C33}

a.option:link,
a.option:visited {
  display: block;
  text-align: left;
  color: #222C33;
  background-color: #B2AD9C;
  line-height: 140%;
  padding: 5px;
  margin: 6px 0;
  font-weight: bold;
}


a.option:link:hover,
a.option:visited:hover {
  background-color: #467D8C;
  text-decoration: none;
  color: #222C33;
}
    
.hidden {
  display: none;
}

#tablist{
font-size:14px;
font-weight:bold;
padding-right: 0px;
margin:1px;
}

#tablist li { 
	margin-left: -40px;
    list-style: none;
    background-color: transparent;
    border-bottom: 1px dotted #222C33;
    border-left: 1px dotted #222C33;
	   }

  #tablist li a { 
    display:block;
  	border-right: 7px solid #222C33;
	padding: 7px 0 4px 20px;
    text-decoration: none;
}

  #tablist li a:link, #tablist li a:visited { color: #222C33;
    }

  #tablist li a:hover { background-color: #B2AD9C; border-right: 7px solid #FF9F19;
    }

  #tablist li a.current {  }
  

a{
color:#222C33;
}

a:visited, a:hover {
color:#467D8C
}


/*  positioning-layers statisch und absolut */
#menu {
  position: absolute;
  width: 200px;
  left: 20px;
  background-color: #467D8C;
}
#content {
  margin-left: 200px;
  padding-bottom:20px;
  background-color:#E5CEA7;
  min-height:100%;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
}