html, body{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666;
  width:100%;
  text-align:left;
}

html, body, div, ul, li, h1, h2, img{
  margin:0;
  padding:0;
  border:0;
}

a{
  line-height:1.5em;
  color:#0861ad;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

p{
  text-align:justify;
  line-height:1.5em;
}

h1 {
  padding: 0;
  color: #003366;
  font-size:18px;
  font-weight: normal;
}

h2 {
  padding: 0;
  color: #003366;
  font-size: 20px;
  font-weight: normal;
}

h3 {
  padding: 0;
  color: #252525;
  font-size: 14px;
  font-weight: normal;
}

#page {
  top:0;left:0;
  width:1018px;
}

#slogan {
  float:left;
  margin-left:19px;
  margin-top:55px;
  width:700px;
  color: #737270;
  font-size:18px;
  font-weight: bold; 
  font-family : 'Trebuchet MS', sans-serif; 
}

#logo{ 
  float:right;
  margin-top:25px;
}

#mainNavi{
  float:left;
  width:1018px;
  margin-top:25px; 
  margin-left:1em;
}

#mainNavi ul{
  text-align:left;  
}

#mainNavi li {
  list-style:none;
  float:left;
  position:relative;
  margin-left:0.5em;
  background:#003366;
}

#mainNavi a{
  display:block;
  text-align:left;
  width:8.5em;
  padding:0.5em 0.5em;
  text-decoration:none;
  color:#fff; 
  font-size:12px;
  font-weight:bold;
}

#mainNavi li a:hover {
  text-decoration:underline;
  background-color:#b9c7d5;
}

#mainNavi li a.active {
  background-color:#5f7f9f;
}

#clickpath{ 
  clear:both;
  width:1018px;
  height:25px;
  text-align:left;  
  background-color:#41678d;
  font-size:11px;
  font-weight:bold;
  color:#e4e9ee;
}

#clickpath ul{
  padding-top:0.4em;
  margin-left:1.6em;
}

#clickpath li{
  display:inline;
}

#clickpath a{
  font-size:11px;
  font-weight:normal;
  color:#fff;
}

#clickpath a:hover{
  text-decoration:underline;
}

#mainImage{
  float:left;
  width:420px;
  margin:1.5em 1.5em;
  background-color:#e4e9ee;
}

#imageBackground{
  width:420px;
  height:225px;
  background-color:#003366;
}

#imageBackground img{
  padding-top:2.5em;
}

#imageText{
  margin:0.8em 1.2em 0.5em 0.9em;
}

#imageText h1{
  padding: 0;  
  color: #003366;
  font-size:14px;
  font-weight: normal;
}

#mainContent{
  float:left;
  width:350px;
  text-align:left;
  margin:4em 0 2em 2em;
}

#mainContent p{
  margin:1em 0 0.5em 4.8em;
}

#mainContent h1{
  margin-left:3em; 
}

table.contenttable {
 width:350px;
}


#footer{
  clear:both;
  width:1018px;
  height:25px;
  text-align:left;  
  background-color:#003366;
}

#fleft {
  float:left;  
  padding: 0.5em 0 0 2em;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
}

#fright {
  float:right;  
  color: #fff;
  font-size: 10px;
  font-weight: normal;
}

#smartNavi1 ul{ 
  float:right;
  margin-left:900px; 
}

#smartNavi li {
  list-style:none;
  float:left;  
  margin-left:0.5em;
}

#smartNavi a{
  display:block;
  text-align:center;
  width:6.5em;
  padding:0.5em 0.5em;
  text-decoration:none;
  color:#fff; 
  font-size:10px; 
}

#smartNavi li a:hover {
  text-decoration:underline;
}

#slogan .farbe1{
  color: #6aa91d;
  font-size:20px;
  font-weight: bold;
  font-style:italic;
}

#slogan .farbe2{
  color: #0083da;
  font-size:20px;
  font-weight: bold;
  font-style:italic;
}

#slogan .farbe3{
  color: #ff1a07;
  font-size:20px;
  font-weight: bold;
  font-style:italic;
}

#slogan .farbe4{
  color: #780d69;
  font-size:20px;
  font-weight: bold;
  font-style:italic;
}

#slogan .farbe5{
  color: #ffb500;
  font-size:20px;
  font-weight: bold;
  font-style:italic;
}
