/* Pension Renners */
body {
  color:#111;
  text-align:center;
  background-color:#ccf;
  padding:5px;
  font-family:serif;
  text-decoration:none;
}

#all { 
  position:absolute;
  width:830px;
  height:480px;
  margin-left:-415px;
  margin-top:-240px;
  top:50%;
  left:50%;
  text-align:center;
  border-style:inset;
  border-color:#ccf;
  border-width:1px;
  background-color:#ccf;
}

div.bold { 
font-weight: bold;
 }

div.a01 {position:absolute; top:  2px; left:2px; width:10px; height:35px; background:url(pics/active.gif) no-repeat 0 0;}
div.a02 {position:absolute; top: 39px; left:2px; width:10px; height:35px; background:url(pics/active.gif) no-repeat 0 0;}
div.a03 {position:absolute; top: 76px; left:2px; width:10px; height:35px; background:url(pics/active.gif) no-repeat 0 0;}
div.a04 {position:absolute; top:113px; left:2px; width:10px; height:35px; background:url(pics/active.gif) no-repeat 0 0;}
div.a05 {position:absolute; top:150px; left:2px; width:10px; height:35px; background:url(pics/active.gif) no-repeat 0 0;}
div.a06 {position:absolute; top:187px; left:2px; width:10px; height:35px; background:url(pics/active.gif) no-repeat 0 0;}
div.a07 {position:absolute; top:224px; left:2px; width:10px; height:35px; background:url(pics/active.gif) no-repeat 0 0;}
div.a08 {position:absolute; top:261px; left:2px; width:10px; height:35px; background:url(pics/active.gif) no-repeat 0 0;}
div.a09 {position:absolute; top:298px; left:2px; width:10px; height:35px; background:url(pics/active.gif) no-repeat 0 0;}
div.a10 {position:absolute; top:335px; left:2px; width:10px; height:35px; background:url(pics/active.gif) no-repeat 0 0;}

div.b01 {position:absolute; top:  0px; width:185px; height:35px; border:2px solid #333; text-align:center; background-color:#bbe}
div.b02 {position:absolute; top: 37px; width:185px; height:35px; border:2px solid #333; text-align:center; background-color:#bbe}
div.b03 {position:absolute; top: 74px; width:185px; height:35px; border:2px solid #333; text-align:center; background-color:#bbe}
div.b04 {position:absolute; top:111px; width:185px; height:35px; border:2px solid #333; text-align:center; background-color:#bbe}
div.b05 {position:absolute; top:148px; width:185px; height:35px; border:2px solid #333; text-align:center; background-color:#bbe}
div.b06 {position:absolute; top:185px; width:185px; height:35px; border:2px solid #333; text-align:center; background-color:#bbe}
div.b07 {position:absolute; top:222px; width:185px; height:35px; border:2px solid #333; text-align:center; background-color:#bbe}
div.b08 {position:absolute; top:259px; width:185px; height:35px; border:2px solid #333; text-align:center; background-color:#bbe}
div.b09 {position:absolute; top:296px; width:185px; height:35px; border:2px solid #333; text-align:center; background-color:#bbe}
div.b10 {position:absolute; top:333px; width:185px; height:35px; border:2px solid #333; text-align:center; background-color:#bbe}


.b01:hover {background-color:#093; color:#ddd; font-weight:bold; text-decoration:none;}
.b02:hover {background-color:#093; color:#ddd; font-weight:bold; text-decoration:none;}
.b03:hover {background-color:#093; color:#ddd; font-weight:bold; text-decoration:none;}
.b04:hover {background-color:#093; color:#ddd; font-weight:bold; text-decoration:none;}
.b05:hover {background-color:#093; color:#ddd; font-weight:bold; text-decoration:none;}
.b06:hover {background-color:#093; color:#ddd; font-weight:bold; text-decoration:none;}
.b07:hover {background-color:#093; color:#ddd; font-weight:bold; text-decoration:none;}
.b08:hover {background-color:#093; color:#ddd; font-weight:bold; text-decoration:none;}
.b09:hover {background-color:#093; color:#ddd; font-weight:bold; text-decoration:none;}
.b10:hover {background-color:#093; color:#ddd; font-weight:bold; text-decoration:none;}


a {text-decoration:none; color: #093; font-weight:bold;}
a:hover {text-decoration:none; color:#ddd; font-weight:bold;}
div.content a:hover {color: #242; font-weight:bold; text-decoration:none;}

div.bt {position:relative; width:100%; padding:8px; text-decoration:none; margin:0px; font-weight:bold;}
div.bt:hover {position:relative; width:100%; padding:8px; color: #ddd; font-weight:bold; text-decoration:none; margin:0px;}

div.menu {
  position: absolute;
  top: 79px;
  left: 9px;
  width: 200px;
  padding: 0px;
  text-align: left;
  font-size: 15px;
  margin:0px 0px 0px 0px;
  background-color:#bbe; 
}

div.leftside {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 230px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 14px;
}

div.index{z-index:1; overflow:hidden; position:absolute; width:600px;}

div.content {
  z-index: 2;
  position: absolute;
  left: 220px;
  top: 79px;
  width: 600px;
  padding: 0px 0px 0px 0px;
  text-align: justify;
  font-size: 14px;
  float:right;
  background-color:#ccf;
  display:block;
}

div.logo { 
  z-index: 2;
  position: relative;
  top: 20px;
  left: 10px;
  width: 170px; 
  height: 46px;
  background-color: #ccf;
}
div.flash { 
  z-index: 3;
  position: absolute;
  width: 600px;
  top:10px;
  left: 220px;
  text-align: center;
  border: 0px;
  background-color:  #ccf;
}

div.pic { 
  z-index: 3;
  position: relative;
  padding: 5px 0px 5px 10px;
  background-color: #ccf;
  border: 0px;
  float:right;
}

div.photo { 
  z-index: 3;
  position: relative;
  right: 0px;
  width:100%;
  padding: 10px 10px 10px 0px;
  background-color: #ccf;
  border: 0px;
  text-align: center;
}

div.line{position:relative; width:100%; height:5px; border-top:2px solid #242; margin:0px; line-height:5px;}
ul {margin:0.1em 0em 0.5em 2em;}

div.line2{position:relative; width:100%; height:5px; border-top:1px dotted #242; margin:0px; line-height:5px;}
ul {margin:0.1em 0em 0.5em 2em;}

h1 {color:#ccf; font-size:2px; margin:0px; line-height:2px;}
h2 {text-align:left; font-weight:400; color:#000; margin:5px 0px 10px 0px; font-size:1.5em;}
h3 {text-align:left; font-weight:400; color:#000; margin:5px 0px 10px 0px; font-size:1.3em;}
h4 {color: #333;}
img {border:0px;}
object {text-align:center;}


</style>