/* $Id: $ */

@font-face {
  font-family: 'IM Fell English';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/IMFeDPrm29P.eot');
  src: local('IM Fell English'), url('../fonts/IMFeDPrm29P.ttf') format('truetype');
}

@font-face {
  font-family: 'IM Fell English';
  font-style: normal;
  font-weight: normal;
  font-variant: small-caps;
  src: url('../fonts/IMFeDPsc29P.eot');
  src: local('IM Fell English'), url('../fonts/IMFeDPsc29P.ttf') format('truetype');
}

html {
    margin: 0 auto 0 auto;
    padding: 0;
    border: 0;
    overflow-y: scroll;
}

body {
    background-color: #f2f2f2;
    margin: 0 auto 0 auto;
    border: 0;
    padding: 0;
    min-width: 720px;
    max-width: 60em;

    font-family: Times, Times New Roman, serif;
}

@media screen, visual {
  hr, .nonvisualav {
    display: none;
    clear: none;
  }
}  

@media print {
  html, body { 
    background-color: white;
    color: black;
  }
}

#textnav 	{ 
	text-align: left; 
}

#textnav a	{ 
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -200em;
}

#textnav a:focus, 
#textnav a:active {
	overflow: visible;
	left: .5em;
	top: .5em;
	text-decoration: underline; 
	outline:0;
}

#header {
    margin: 0 0 0 0;

    background-position: right top;
    background-repeat: repeat-x;
    background-color: #f9deb2;
    background-image: url(../img/all-title.jpg);

    min-width: 720px;
    max-width: 60em;

    height: 200px;
}

#header h1 {
    text-align: center;
    margin: 0;
    padding: 0;

    height: 200px;

    background-image: url(../img/web-drache.png);
    background-posisiton: left bottom;
    background-repeat: no-repeat;

    text-align: center;

    font-family: 'IM Fell English' Palatino, 'Palatino Linotype',
	 'Hoefler Text', Times, 'Times New Roman', serif;

    font-weight: 900;

    text-shadow: #7c6f59 1px 1px 2px;

    wrap-option: no-wrap;
    text-overflow-mode: clip;

    white-space: nowrap;
}

#h_midgard {
    font-size: 20px;
    line-height: 20px;
    color: #339;

    display: block;
    position: absolute;
    left: 0; right: 235px; top: 61px;

    width: auto;
    height: 20px;
}

#h_klostercon { 
    font-size: 80px;
    line-height: 80px;

    display:block;
    position: absolute;
    left: 165px; right: 0; top: 80px;

    width: auto;
    height: 80px;
}

#header h1 small {
    display:block;
    position: absolute;
    left: 165px; right: 0; top: 160px;
    width: auto;
    height: 24px;
   
    font-size: 23px;
}

@media print {
  #header:before {
    float: left;
    display: block;
    width: 67px;
    height: 75px;
    content: url(../img/print-drache.png);
    background: white;
    padding:0 5px 0 0;
  }

  #header {
    height: 75px;
    position: static;
    margin: 0 0 1.5em 0;
  }

  #header h1 {
    height: 70px;
    position: static;
    font-size: 12px;
    line-height: 14px;
    display: block;
    padding: 10px 62px 0 0;
    border-bottom: 2px solid black;
  }

  #header h1 small,
  #h_klostercon,
  #h_midgard,
  #h_ort,
  #h_date {
    position: static;
    height: auto;
    display: inline;
    line-height: 20px;
  }

  #h_midgard,
  #h_klostercon {
    font-size: 32px;
    line-height: 36px;
  }

}

#main {
    clear: both;
    margin: 0 0 0 20px;
    border: 0;
    border-top: 1px solid #baa584;
    padding: 0;
    background: #f9deb2;
    text-align: left;
}

#menu {
    float: left;
    margin: 0;
    padding: 1em 0 1em 0;
    padding: 0;
    background: #f9deb2;
    width: 10em;

    overflow: hidden;
}

map {
    border: 0;
    padding: 0;
    margin: 0;
}

#menu ul {
    border-top: 1px solid #0f0e0e;
    margin: 1em 0 1em 0;
    padding: 0;
    list-style: none;
    width:100%;
}

#menu li {
    border-top: none;
    border-left: none;
    border-right: none;
    list-style: none;
    border-bottom: 1px solid #0f0e0e;
    margin: 0;
    padding: 0;
    width: 100%;
    float:left;
    clear:left;
}

#menu li a,
#menu li strong,
#menu li del {
    border: 0;
    font-weight: bold;
    display: block;
    margin: 0;
    padding: 5px .5em 5px .5em;
    font-variant: small-caps;
}

#menu li strong {
    text-decoration: none;
    color: black;
    background: #baa584;
}    

#menu li strong a {
}

#menu li del {
	text-decoration: none;
	color: #888;
}

#menu li ul {
    border: none;
    margin: 0;
}

#menu li li {
    border: none;
    font-size: 95%;
}

#menu li li a,
#menu li li strong {
    padding: 3px .4em 3px 1.2em;

}

#menu li a:link,
#menu li a:active,
#menu li a:visited {
    text-decoration: none;
    color: black;
    background: #f9deb2;

    -webkit-transition-property: background, color;
    -webkit-transition-duration: .25s;
}

#menu li a#menu-open:link,
#menu li a#menu-open:active,
#menu li a#menu-open:visited {
    text-decoration: none;
    color: black;
    background: #dac29b;
}

#menu li a:hover,
#menu li a:link:hover,
#menu li a:visited:hover,
#menu li a:focus,
#menu li a:link:focus,
#menu li a:visited:focus {
    text-decoration: none;
    color: #f0deb2;
    background: #3e372c;
    outline:0;
}

#menu li a:active,
#menu li a:link:active,
#menu li a:visited:active {
    text-decoration: none;
    color: #f2f2f2;
    background: #0f0e0e;
}

#content {
    display:block;
    margin: 0 0 0 10em;
    padding: .25em .5em .25em .5em;
    background: white;
    min-height: 16em;
    clear: right;
    float: none;
}

@media print {
  #menu, #textnav, hr {
    display: none;
  }

  #content, #main {
    margin: 0;
    padding: 0;
    min-height: 0;
    clear:both;
    border-top: none;
  }
}

.box {
    margin: .25em 0 .25em 0;
    border: 1px solid #f9deb2;
    padding: 0;
    background: #f2f2f2;
    width: auto;
    float: none;
}

.boxhead {
    background: #f9deb2;

    background: -webkit-gradient(linear, left top, left bottom, from(#FFF7EF), to(#f9deb2));
    background: -moz-linear-gradient(left, #FFF7EF, #F9DEB2);

    margin: 0;
    padding: .25em .5em .25em .5em;
    width: auto;
    clear: right;
} 

.boxhead h2 {
    font-size: 120%;
    margin: 0 10em 0 0;
    font-family:
      'IM Fell English'
      Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman',
      serif;
    font-variant: small-caps;
    width: auto;
    clear: none;
}

.boxhead p.datetime {
    float: right;
    position: relative;
    top: -1.2em;
    margin: 0 0 -1.2em 0;
    padding: .1em .5em .1em 0;
    text-align: right;
    color: #baa584;
    white-space: nowrap;
}

.boxbody {
    margin: 0;
    padding: .25em .5em .25em .5em;
    width: auto;
    clear: right;
    overflow:auto;
}

.boxbody h1,
.boxbody h2,
.boxbody h3,
.boxbody h4,
.boxbody h5,
.boxbody h6 {
    margin: .25em 0 .25em 0;
}

.boxbody ul {
  padding: 0 0 0 1.5em;
}

@media print {
  .box {
    margin: 0;
    padding: 0;
    clear: both;
    border: none;
  }

  .boxhead {
    margin: .25em 0 .25em 0;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #CCCCCC;
  }

  .boxhead h2 {
     margin:0;
  }
}


#footer {
    clear: both;
    background: #f9deb2;
    text-align: left;
    margin: 0 0 0 20px;
    padding: 0;
    border-top: 1px solid #baa584;
    font-variant: small-caps;
    font-weight: bold;
    float:none;
}

#footer .mhlink {
    width: 10em;
    padding: 0;
    margin: 0;
    border: 0;
    float: left;
}

#footer .chgdate {
    text-align:right;
    margin: 0;
    padding: 2px .6em 2px .6em;
    font-size: 80%;

    background: -webkit-gradient(linear, left top, left bottom, from(#f9deb2), to(#E0C098));
    background: -moz-linear-gradient(left, #F9DEB2, #E0C098);
}

#footer strong,
#footer a {
    display: block;
    margin: 0;
    padding: 2px .6em 2px .6em;
    font-size: 80%;
}

#footer strong {
    text-decoration: none;
    color: black;
    background: #baa584;
}    

#footer a:active,
#footer a:link:active,
#footer a:visited:active {
    text-decoration: none;
    color: #f2f2f2;
    background: #0f0e0e;
}

#footer a:hover,
#footer a:link:hover,
#footer a:visited:hover {
    text-decoration: none;
    color: #f0deb2;
    background: #3e372c;
}

#footer a:link,
#footer a:active,
#footer a:visited {
    text-decoration: none;
    color: black;

    -webkit-transition-property: background, color;
    -webkit-transition-duration: .25s;
}

@media print {
  #footer {
    background: white;
    color: black;
    margin: 0;
    border-top: 1px solid #808080;
  }
}


a:link,
a:visited {
    -webkit-transition-property: background, color;
    -webkit-transition-duration: .25s;
}

a:link {    
    color: #000000 ; 
}

a:visited {
    color: #333333 ; 
}

a:hover {
    color: #999999 ; 
}

img.figure {
  clear: right;
  float: right;
  margin: 2px .5em 3px 1em;
}

.adr {
    padding-left: 2em;
    font-family: Courier, Courier New, monospaced;
}

.adr .locality,
.adr .country-name {
    text-transform: uppercase;
}

.error {
  color: red;
  padding: 2px;
  border: 1px solid red;
}

#bettenzaehler, #web20 {
  float: right;
  text-align: center;
  border-left: 1px solid #CCCCCC;
  margin: 2px .5em 3px 1em;
  padding: .5em 10px .5em 10px;
  background: #FFFFFF;
  clear: right;
  width: 179px;
}

#bettenzaehler p {
  text-align: center;
}

#web20 ul,
#web20 li {
  list-style:none;
  margin: 0;
  display:inline;
  text-align:left;
}

#web20 a:link,
#web20 a:visited {
  color: inherit;
  font-weight: bold;

  padding-left: 15px;
}

#web20_twitter {
  background: left center no-repeat url('../img/link_twitter.png');
  text-transform: lowercase;
}

.g_index {
}

.g_index_end {
  clear:both; 
}

.g_thumb {
  height:100px;
  width:84px;
  float:left;
  text-align:center;
  font-size: 80%;
  margin:0 5px 5px 0;
  padding:0 1px 0 1px;

  border-top:1px solid #FFFFF;
  border-left:1px solid #FFFFF;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background: #E8E8E8;

  overflow:hidden;
}

.g_thumb img {
  border: none;
  margin: 0 auto 0 auto;
  float: none;
}

.g_image {
  margin:.5em auto .5em auto;
  text-align:center;
  display:block;
  float: none;
}

dl.g_metadata {
  font-size: 80%;
  padding:0;
  margin:0;
}

dl.g_metadata dt {
  font-weight: bold;
  color:#808080;
  float:left;
}

dl.g_metadata dd {
  margin-left:5em;
}

.g_nav {
  height:36px;
  padding:2px 180px 2px 180x;
  text-align:center;
  font-size:80%;
  position:relative;
}

.g_nav_text {
  padding: 2px 180px 0 180px;
  text-align:center;
}

.g_nav_prev {
  position:absolute;
  left:0;
  top:0;
}

.g_nav_next {
  position:absolute;
  right:0;
  top:0;
}

.g_nav_prev img {
  border: none;
  margin: 0 5px 0 0;
  float: none;
}

.g_nav_next img {
  border: none;
  margin: 0 0 0 5px;
  float: none;
}

.goocallink,
.icallink
{
  font-size: 66%;
  font-weight: bold;
  font-family:Futura,Arial,sans-serif;
  text-decoration:none;
  padding: 1px 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-transition-property: background, color;
  -webkit-transition-duration: .25s;
  color: black;
  background: #CCCCCC;
}

.icallink:hover {
  color: white;
  background: #FF9933;
}

.goocallink:hover {
  color: white;
  background: #9999FF;
}

.numspace { 
  padding-right: .5ex;
}

table.schedule, div.schedule {
  float: left; clear: right;
  width: 30%;
  padding: 0 5px 0 0;
  margin: 0 0 0 5px;
  border-right: 2px solid grey;
}

table.schedule.last, div.schedule.last {
  border-right: none;
}

table.schedule th {
  word-wrap: none;
}