/*
  buechersegler.at CSS main layout
 */

h1 {
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  font-size: 135%;
  color: #007a7d;
}
h2 {
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  font-size: 120%;
  color: #007a7d;
}
h3 {
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 110%;
  color: #007a7d;
}


/* global link coloring */
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #007a7d;
}

a:hover {
  text-decoration: none;
  color: #fb3f38;
}

/* body with center stripe ... */
body {
  background-color: transparent;
  background-image: url('../img/Bgstripe_700.gif');
  background-repeat: repeat-y;
  background-position: 180px;
}

#logo {
  background-color: transparent;
  position: fixed;
  z-index: 4;
  top: 10px;
/* debug 
  border: 1px solid blue;
 */
}

#rrope {
  background-color: transparent;
  position: fixed;
  padding-top: 83px;
  left: 890px;
  z-index: 4;
/* debug 
  border: 1px solid green;
 */ 
}

#topspace {
  background-color: #f2edd4;
  position: fixed;
  top: 0px;
  left: 180px;
  width: 400px;
  height: 30px;
  padding-top: 140px;
  padding-left: 300px;
  z-index: 3;
  float: none;
/* debug 
  border: 1px solid yellow;
 */
}

#flyingdove {
  background-color: transparent;
  position: fixed;
  top: 140px;
  left: 255px;
  z-index: 4;
/* debug
  border: 1px solid white;
*/
}

/* positioning for top navigation */
#topmenu {
  position: fixed;
  top: 110px;
  left: 282px;
  height: 30px;
  width: 550px;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  font-variant: small-caps;
  text-decoration: none;
  background-color: transparent;
  padding-left: 0px;
  font-size: 115%;
  z-index: 15;
/* debug 
  border: 1px solid green;
 */
}

/* top navigation menu definitions */
div#topnavigation {
  text-decoration: none;
  color: #007a7d;
/* 
  color: #007a7d;
  z-index: -1;
 */
}
/*
div#topnavigation:link {
  text-decoration: none;
  color: #000000;
  */
/*
  color: #f2edd4;
}
 */ 

div#topnavigation:hover {
  text-decoration: none;
  color: #fb3f38;
}
div#topnavcurrent {
  text-decoration: none;
  color: #000000;
}

/*/left navigation menu definitions */
.leftmenu {
  background-color: transparent;
  position: fixed;
  top: 190px;
  left: 165px;
  height: 60px; 
  width: 170px;
  z-index: 4;
/* debug
  border: 1px solid green;
 */
}

td#leftnavigation {
  color: #007a7d;
  background-color: #ffffff;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 100%;
  
}
a#leftnavigation:link {
  text-decoration: none;
  color: #f2edd4;
}
a#leftnavigation:hover {
  text-decoration: none;
  color: #fb3f38;
}
td#leftnavcurrent {
  color: #000000;
  background-color: #ffffff;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 100%;
}

/* highlighted part of paragraph ... */
.highlight {
  color: #fb3f38;
}
/* highlighted part of paragraph ... */
.fat {
  font-weight: bold;
  font-size: 115%;
}

/* "normal" content of page ... */
.content {
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  background-color: transparent;
  text-align: left;
  padding-right: 0px;
  padding-top: 170px;
  padding-left: 290px;
  min-height: 300px;
  color: #007a7d;
  width: 570px;
  font-size: 90%;
/* debug 
  border: 1px solid #789DB3;
 */ 
}

.footer {
  position: relative;
  padding-bottom: 20px;
  padding-right: 0px;
  width: 680px;
  top: 20px;
  bottom: 0px;
  left: 180px;
  z-index: 3;
/* debug 
  border: 1px solid green;
 */
}

.ifooter {
  position: relative;
  top: -350px;
  padding-top: 20px;
  padding-left: 180px;
  border-right: 0px;
  z-index: -1;
/* debug 
  border: 1px solid green;
 */
}

.impressum {
  background-color: transparent;
  border-color: transparent;
  z-index: 3;
/* debug
  border: 1px solid #789DB3;
*/
}

#bottomlink {
  color: #007a7d;
  text-decoration: none;
  background-color: transparent;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  font-variant: small-caps;
  position: relative;
  bottom: 25px;
  left: 552px;
  width: 0px;
  font-size: 115%;
  z-index: 8; 
/* debug 
  border: 1px solid red;
 */
}

div#bottomcurrent {
  color: #000000;
  text-decoration: none;
  background-color: transparent;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  font-variant: small-caps;
  position: relative;
  bottom: 25px;
  left: 550px;
  width: 0px;
  font-size: 115%;
  z-index: 8;
/* debug  
  border: 1px solid red;
 */
}

span#textlink {
  color: #fb3f38;
  text-decoration: none;
  background-color: transparent;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  font-variant: small-caps;
  font-weight: normal;
  position: relative;
  font-size: 115%;
  z-index: 1;
/* debug 
  border: 1px solid red;
 */
}

span.weblink {
  color: #fb3f38;
  text-decoration: none;
  background-color: transparent;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  font-weight: normal;
  position: relative;
  z-index: 1;
/* debug 
  border: 1px solid red;
 */
}


#bottomlink:hover {
  text-decoration: none;
  color: #fb3f38;
}
#bottomlink:link {
  text-decoration: none;
  color: #fb3f38;
}

#imageframe {
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
/* debug
  border: 1px solid #789DB3;
*/
}

.imagecenter {
  background-color: #ffffff;
  border-top: 10px solid #ffffff;
  border-left: 10px solid #ffffff;
  border-right: 10px solid #ffffff;
  border-bottom: 0px;
  text-align: center;
}

.imagecapture {
  background-color: #ffffff;
  border-left: 0px solid #ffffff;
  border-right: 10px solid #ffffff;
  border-bottom: 0px;
  text-align: left;
}

.smallimage {
  width: 110px;
}

/* schedule table header */
th#sheader {
  color: #808080;
}

.scolumn {
  color: #606060;
}