html, body {
  margin:0px;
  padding:0px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
}
 
#top_section {
  background-color:#3366CC;
  color:white;
  font-family:'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight:bold;
  width:720px;
  height:135px;
  margin:0px;
  padding:0px;
}

#logo {
  position:absolute;
  top:10px;
  left:10px;
  width:125px;
  height:110px;
}

#title {
  position:absolute;
  top:20px;
  left:175px;
  white-space:nowrap;
  font-size:25px;
  font-weight:bold;
  vertical-align:middle;   
}

#banner_text {
  position:absolute;
  text-align:right;
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
}

.banner_logo {
  position:absolute;
  border-width:0px;
  width:100px;
  height:42px;
}
 
#main_section {
  margin:0px;
  padding:0px;
  max-width:720px;
}

#left {
  background-color:#3366CC;
  position:absolute;
  left:0px;
  top:135px;
  width:145px;
  height:385px;
}
 
#navigation {
  position:absolute;
  left:10px;
  top: 0px;
  width:125px;
}
 
a.navi, a.navi_first, a.navi_self {
  display:block;
  white-space:nowrap;
  overflow:hidden;
  border-left:1px solid gray;
  border-right:1px solid gray;
  border-bottom:1px solid gray;
  font-family:'Trebuchet MS', Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
 	line-height: 24px;
  padding:3px;
}
 
a.navi_first {
  border-top:1px solid gray;
}
 
a.navi:link, a.navi_first:link, 
a.navi:visited, a.navi_first:visited {
  background-color:#6699FF;
  color:white;
  text-decoration:none;
}
 
a.navi_self:link, a.navi_self:visited {
  background-color:white;
  color:black;
}
 
a.navi:hover, a.navi_first:hover, a.navi_self:hover, 
a.navi:active, a.navi_first:active, a.navi_self:active {
  background-color:white;
  color:black;
}

#content {
  margin-left:175px;
  margin-right:20px;
}

#footer {
/*  margin-left:175px; */
  margin-left:145px;

/*  margin-right:20px; */
  margin-right:0px;
  margin-top:0px;
  margin-bottom:10px;
  background-color:#3366CC;
  color:white;
  
 /* padding:5px; */
  padding-top:5px;
  padding-bottom:5px;
  padding-right:5px;
  padding-left:25px;
}
 
h1,h2,p,ul,ol {
  margin-right:0px;
  margin-left:0px;
}
 
h1 {
  font-weight:bold;
  font-style:normal;
  font-size:15px;
  line-height:1.1em;
  color:rgb(175,35,35);
  margin-top:20px;
  margin-bottom:10px;
  padding-bottom:3px; 
}
 
h2 {
  font-weight:bold;
  font-style:normal;
  font-size:13px;
  line-height:1.1em;
  color:rgb(175,35,35); 
  margin-top:20px;
  margin-bottom:10px;
  padding-bottom:3px; 
}

h3 { 
  font-weight:bold;
  font-style:normal;
  font-size:13px;
  line-height:1.1em;
  color:rgb(175,35,35); 
  margin-top:20px;
  margin-bottom:0px;
  padding-bottom:0px;
}
 
p {
  font-weight:normal;
  line-height:1.2em;
  color:black;
  margin-top:10px;
  margin-bottom:10px;
}
 
ul,ol {
  padding-left:25px;
}
 
li {
  font-weight:normal;
  line-height:1.1em;
  color:black;
  margin-top:6px;
  margin-bottom:6px;
}

tr {
  vertical-align:top;
}

td {
  padding-bottom:13px;
}

.dataline{
  width:100%; 
  text-align:center; 
  height:1px; 
  border:1px solid #e06858;
}

 
a:link {
  font-weight:bold;
  color:black;
  text-decoration:underline;
}
 
a:visited {
  font-weight:bold;
  color:gray;
  text-decoration:underline; 
}
 
a:hover, a:active {
  font-weight:bold;
  color:rgb(175,35,35);
  text-decoration:underline;
}

.foto {
  padding:3px;
  border:1px solid rgb(175,35,35);
}

a:focus {
  outline-width:0px;
}