/* DATEI: viadoso.css */

body {
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 75%;
color: #000;
/* background-color: #99FF99; */
/*
background-image: url(_0000000.gif);
background-repeat: no-repeat;
background-position: top left;
*/
/* Due to background image on several levels thisis done in the htmlfile itself */
}


div#start {position: absolute;  top: 0em; left: 25%; width: 47em; padding: 0; overflow:hidden; font-size: 0.75em; margin:0.3em;
border-width: 1px; border-style: dotted;
background-color="#FF7F00"}
<!-- background-color="yellow"} -->

div#headline {position: absolute;  top: 0.9em; left: 15em; }
div#headlinemainpic {position: absolute;  top: 0.9em; left: 15.5em; }

div#main {position: absolute; top: 5em; left: 	10.5em; /* 13%; */
width: 80%; height:76%;  margin: 0em; padding: 1em 1.5em; overflow: auto; }
div#maintext {position: absolute; top: 5em; left: 10.5em; /* 13%; */
width: 70%; height:76%;  margin: 0em; padding: 1em 1.5em; overflow: auto; }
div#mainpic {position: absolute; top: 5em; left: 10.5em; /* 13%; */
width: 80%; height:76%;  margin: 0.1em; padding: 1em 1.5em; overflow: scorll; }

/* #66FF88 ==> #FFBF00 */
div#sidebar {position: absolute; top: 70px; left: 0; width: 10.0em;
background: #FFBF00; padding-right: 1em; padding-left 1px; margin: 0; border-width: 1px; border-style: groove;}

div#sidebar p {margin-bottom: 1.3em; padding: 0em;}

#div#footmenu {position: absolute; left: 0 em; bottom: 3.5 em;
width: 54em; height:60px;
padding: 0; margin 0em;
border-width: 0; margin-bottom:0em;
background: #FFBF00;}


div#footbar {position: absolute; left: 12em; bottom: 1.9em;
width: 56em;
padding: 0; margin: 0;
border-width: 1px; border-style: groove;
background: #FFBF00;}

div#footer {position: absolute; left: 12em; bottom: 0.6em;
width: 56em; height:1.6em;
padding: 0;
margin-top: 0; margin-bottom:0;
border-width: 1px; border-style:groove;
background: #FFBF00; }
<!-- background: #99FF99;  } -->


h1 { font-size: 2.0em; font-weight: normal;
margin-top: 1em; margin-left: 2em; margin-bottom: 0em; margin-right: 0em;
/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
}

h2 { font-size: 1.7em; font-weight: normal;
margin-top: 1.2em; margin-left: 1.2 em; margin-bottom: 0em; margin-right: 0em;
/* margin: 1.2em 0em 1.2em 0em; */
}
h3 {font-size: 1.4em; margin: 1.2em 0em 1.1em 0em; font-weight: normal; }
h4 {font-size: 1.2em; margin: 1.2em 0em 1.1em 0em; font-weight: bold; }
h5 {font-size: 1.0em; margin: 1.2em 0em 1.0em 0em; font-weight: bold; }
h6 {font-size: 0.8em; margin: 1.2em 0em 1.0em 0em; font-weight: bold; }

img {
border-width: 0.3em; border-style:outset; margin-left: 0; margin-right: 1.5em; margin-bottom: 1.5em; }

}

img.left {
border-width: 0.3em; border-style:outset; float:left; margin-left: 0; margin-right: 1.5em; margin-bottom: 1.5em; }

img.right {
border-width: 0.3em; border-style:outset; float:right; margin-left: 0.5em; margin-right: 0.5em;}

img.noborder {
border-width: 0;
}

img.next {
border-width: 0.3em; border-style:outset; color:#FF7F00; float:left; margin-left: 0.5em; margin-right: 0.5em;  width="20px"; height="18px";
}
img.nextpic {
border-width: 0.3em; border-style:outset; color:#FF7F00;  margin-left: 0.5em; margin-right: 0.5em;  width="20px"; height="18px";

}

img.thumb {
border-width:0.0em; margin:0.2em /* 0.2em 0.2em 0.2em */ ; width=75px; height=50px; padding:0.0em
;
}

img.thumbq {
border-width:0.0em; margin:0.2em /* 0.2em 0.2em 0.2em */ ; width=35px; height=50px; padding:0.0em
;
}



ol, ul, li {/* list-style: none;*/
font-size: 1.0em;
line-height: 1.8em;
margin-top: 0.2em;
margin-bottom: 0.1em;
}
p {
font-size: 1.0em;
line-height: 1.8em;
margin: 1.2em 0em 1.2em 0em;
}
li > p {
margin-top: 0.2em;
}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
font-family: monospace;
font-size: 1.0em;
}

a:link { color:#FF7F00; text-decoration:underline; }
a:visited { color:#FF7F00; text-decoration:underline; }
a:hover { color:#FCFEA5; background-color:#FF7F00;}


a.menu:link {
      display:block;
      color:#FF7F00;
      background-color:palegoldenrod;
      width:10em;
      padding:0.1em;
      font-size: 0.9em;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:undeline;
      text-align:center;
      margin-left:3px;
      margin-right:3px;
      border:2px solid #000;
      }
a.menu:visited {
      display:block;
      color:#FF7F00;
      background-color:palegoldenrod;
      width:10em;
      padding:0.1em;
      font-size: 0.9em;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin-left:3px;
      margin-right:3px;
      border:2px solid #000;
      }

a.menu:hover {
      display:block;
      color:palegoldenrod;
      background-color:#FF7F00;
      margin-left:6px;
      margin-right:0px;      }
/* Menu point guest */
a.menug:link {
      display:block;
      color:#FF7F00;
      background-color:khaki;
      width:10em;
      padding:0.1em;
      font-size: 0.9em;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:undeline;
      text-align:center;
      margin-left:3px;
      margin-right:3px;
      border:2px solid #000;
      }
a.menug:visited {
      display:block;
      color:#FF7F00;
      background-color:khaki;
      width:10em;
      padding:0.1em;
      font-size: 0.9em;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin-left:3px;
      margin-right:3px;
      border:2px solid #000;
      }

a.menug:hover {
      display:block;
      color:khaki;
      background-color:#FF7F00;
      margin-left:6px;
      margin-right:0px;      }

/* Menu point contract */
a.menuc:link {
      display:block;
      color:#FF7F00;
      background-color:gold;
      width:10em;
      padding:0.1em;
      font-size: 0.9em;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:undeline;
      text-align:center;
      margin-left:3px;
      margin-right:3px;
      border:2px solid #000;
      }
a.menuc:visited {
      display:block;
      color:#FF7F00;
      background-color:gold;
      width:10em;
      padding:0.1em;
      font-size: 0.9em;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin-left:3px;
      margin-right:3px;
      border:2px solid #000;
      }

a.menuc:hover {
      display:block;
      color:gold;
      background-color:#FF7F00;
      margin-left:6px;
      margin-right:0px;      }

/* Menu point partner */
a.menup:link {
      display:block;
      color:#FF7F00;
      background-color:#FF9F00;
      width:10em;
      padding:0.1em;
      font-size: 0.9em;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:undeline;
      text-align:center;
      margin-left:3px;
      margin-right:3px;
      border:2px solid #000;
      }
a.menup:visited {
      display:block;
      color:#FF7F00;
      background-color:#FF9F00;
      width:10em;
      padding:0.1em;
      font-size: 0.9em;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin-left:3px;
      margin-right:3px;
      border:2px solid #000;
      }

a.menup:hover {
      display:block;
      color:#FF9F00;
      background-color:#FF7F00;
      margin-left:6px;
      margin-right:0px;      }


a.mfuss {
/*      display:block; */
/*      color:#FF7F00; */
      color:#FF7F00;
      background-color:palegoldenrod;
      width:90px;
      padding:1px;
      font-size:0.8em;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin:5px;
      border:2px solid #000;
      float:left;
      }
a.mfuss:hover {
      color:#FCFEA5;
      background-color:#FF7F00;
      float:left;
      border:2px groove #000 ;
      }

a.img:link {
      display:block;
      color:#7C7C7C;
      background-color: #EFA50A;
      width:80px;
      height:55px;
      padding:0.2em 0.2em 0.2em 0.2em;
      margin:0.2em;
      border: solid 0.2em #EFA50A;
         }
a.img:visited {
      display:block;
      color:black;
      background-color:#555555;
      width:80px;
      height:55px;
      padding:0.2em 0.2em 0.2em 0.2em ;
      margin:0.2em;
      border: solid 0.2em #555555;
      }

a.img:hover {
      display:block;
      color:red;
      background-color:red;
      margin:0.2em;
      padding:0.2em 0.2em 0.2em 0.2em ;
      border:solid 0.2em red;

      }

a.imgb:link {
      color:#7C7C7C;
      background-color: #EFA50A;
      width:80px;
      height:55px;
      padding:0.2em 0.2em 0.2em 0.2em;
      margin:0.2em;
      border: solid 0.2em #EFA50A;
      float:left;   }
a.imgb:visited {
      color:black;
      background-color:#555555;
      width:80px;
      height:55px;
      padding:0.2em 0.2em 0.2em 0.2em ;
      margin:0.2em;
      border: solid 0.2em #555555;
      float:left;}

a.imgb:hover {
      color:red;
      background-color:red;
      margin:0.2em;
      padding:0.2em 0.2em 0.2em 0.2em ;
      border:solid 0.2em red;
      float:left;
            }

a.imgbq:link {
      color:#7C7C7C;
      background-color: #EFA50A;
      width:40px;
      height:55px;
      padding:0.2em 0.2em 0.2em 0.2em;
      margin:0.2em;
      border: solid 0.2em #EFA50A;
      float:left;   }
a.imgbq:visited {
      color:black;
      background-color:#555555;
      width:40px;
      height:55px;
      padding:0.2em 0.2em 0.2em 0.2em ;
      margin:0.2em;
      border: solid 0.2em #555555;
      float:left;}

a.imgbq:hover {
      color:red;
      background-color:red;
      margin:0.2em;
      padding:0.2em 0.2em 0.2em 0.2em ;
      border:solid 0.2em red;
      float:left;
            }


.twice	{ font-size: 2.0em; font-weight: bold; margin-left: 1em; }
.twiceleft { display:block; font-size: 1.8em; font-weight: bold; margin-top:0px; margin-bottom: 0em; width:6.5em; height:60px; float:left;  margin-left: 0.3em;   margin-right: 1.0em;
}


.bigger 	{ font-size: 1.4em;}
.big 	{ font-size: 1.1em; font-weight: bold;}
.bign	{ font-size: 1.1em; }
.normal 	{ font-size: 0.9em; }
.small 	{ font-size: 0.8em; }
.smaller	{ font-size: 0.6em; }
.smallest 	{ font-size: 0.5em; }

strong, b {
font-weight: bold;
}
em { font-style:italic; }
dfn { font-style:italic; }
blockquote,cite { font-style:italic; }

.blue { color:#0000C0; }

.narrow1{
width: 70%;
line-height: 1.1em;
}