/*
  Alter Gold Wert #E6C945
  ISO: DAA520
*/

/* Seitenlayout: Body, Header, Menu, Content, Footer, Buchenbutton */
html, body { margin:0; padding:0; text-align:center; } 
body { background-image:url(images/layout/background.jpg); background-repeat:no-repeat; background-position: top center; background-attachment:fixed; background-color: black; }
#pagewidth { width:960px; text-align:left; margin-left:auto; margin-right:auto; } 
#header { position:relative; height:82px; background-color: none; width:100%; } 
#menu{ position:relative; height:44px; background-color: none; width:620px; padding-left: 340px; color:#DAA520; font-weight:bold; font-family:Arial; font-size:11pt; text-align:right; } 
#leftcol { overflow:auto; width:172px; float:left; position:relative; height:320px; color:#DAA520; font-family:Arial; font-size:10pt; padding: 10px; }
#maincol{ background-color: none; float: right; display:inline; position: relative; width:748px; height:320px; padding: 10px; overflow: auto; }
#footer{ height:16px; background-color: none; clear:both; text-align: right; color:#DAA520; font-family:Arial; font-size:9pt; padding: 5px; } 
#buchen { background-image:url(images/layout/buchen.gif); background-color: none; top: 150px; left: 0; position: absolute; width: 30px; height: 173px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}

/*printer styles*/ 
@media print{ #leftcol{display:none;} #twocols, #maincol{width:100%; float:none;} }

#header_slideshow { background-color: none; top: 0px; position:relative; float:right; height: 125px;}
#header_slideshow img { border: none; max-height: 125px; padding:0; margin:0; border-right: #780808 solid 1px;}
#header_shadow { background-color: none; background-image: url(images/layout/header_shadow.png);top: 0px; position:absolute; left:0; width:100%; height: 125px;}
#logo { background-color: none; top: 0px; position:absolute; left:0; width:100%; height: 125px;}
/*#header_shadow2 { background-color: none; background-repeat:no-repeat; background-image: url(images/layout/verlauf_2.png);top: 0px; position:absolute; left:0; width:100%; height: 125px;}*/
.slideshow { float:right;top:0;right:0;position:relative;z-index:0; }

/* Tabellendefinitionen */
td {
  background-color:none;
  color:#DAA520;
  font-family:Arial;
  font-size:10pt;
  padding: 5pt;
  margin: 1px;
  border-bottom: #780808 solid 1px;
  vertical-align: top;
}

th {
  background-color:none;
  color:#DAA520;
  font-family:Arial;
  font-size:10pt;
  font-weight: bold;
  padding: 5pt;
  margin: 1px;
  border-bottom: #780808 solid 1px;
  text-align: left;
  vertical-align: top;
}

#maincol table {
  max-width:730px;
  min-width:730px;
}

#leftcol table {
  width:150px;
}

.nobreak {
  white-space: nowrap; 
}

/* Textdefinitionen */
p {
  color:#DAA520;
  font-family:Arial;
  font-size:10pt;
  padding: 0 0 5pt 0;
  margin: 0;
}

h1 {
  color:#DAA520;
  font-family:Arial;
  font-size:14pt;
  font-weight: bold;
  padding: 7pt 0 7pt 0;
  margin: 0;
}

h2 {
  color:#DAA520;
  font-family:Arial;
  font-size:11pt;
  font-weight: bold;
  padding: 5pt 0 5pt 0;
  margin: 0;
}


h3 {
  color:#DAA520;
  font-family:Arial;
  font-size:10pt;
  font-weight: bold;
  padding: 5pt 0 5pt 0;
  margin: 0;
}

em {
  font-weight: bold;
  font-style:normal;
}

ul {
  margin: 0;
  padding-left: 0;
}

.submenu1 {
  border-bottom: #780808 solid 1px;
  margin: 10px 0 5px 0;
}

.submenu2 {
  margin: 0 0 5px 15px;
}

img {
  border: #780808 1px solid;
}

/* Definitionen f?r mehrspaltige Layouts */

input {
  background-color: #000;
  border: #780808 solid 1px;
  color: #DAA520;
  padding: 3px;
}

textarea {
  background-color: #000;
  border: #780808 solid 1px;
  color: #DAA520;
  padding: 3px;
}

.vierSpalten {
  width:25%;
}


.dreiSpalten {
  width:33%;
}

.zweiSpalten {
  width:50%;
}

.asymSpaltenLinks {
  width:66%;
}

.asymSpaltenRechts {
  width:33%;
}

.zweiSpaltenBild {
  max-width:  349px;
  max-height: 232px;
}

.dreiSpaltenBild {
  max-width:  220px;
  max-height: 146px;
}

.vierSpaltenBild {
  max-width:  167px;
  max-height: 111px;
}

.asymSpaltenLinksBild {
  max-width:  440px;
  max-height: 294px;
}

.asymSpaltenRechtsBild {
  max-width:  220px;
  max-height: 146px;
}

.zweiSpaltenBildHoch {
  max-width:  349px;
}

.spielleuteBild {
	max-width: 183px;
	max-height: 232px;
}

/* Definitionen der Linkfarben */

#footer a:link{ text-decoration: none; color: #DAA520; }
#footer a:visited{ text-decoration: none; color: #AF811D; }
#footer a:hover{ text-decoration: underline; color: #DAA520; }
#footer a:active{ text-decoration: none; color: #E7C069; }

#leftcol a:link{ text-decoration: none; color: #DAA520; }
#leftcol a:visited{ text-decoration: none; color: #AF811D; }
#leftcol a:hover{ text-decoration: underline; color: #DAA520; }
#leftcol a:active{ text-decoration: none; color: #E7C069; }

#menu a:link{ text-decoration: none; color: #DAA520; }
#menu a:visited{ text-decoration: none; color: #AF811D; }
#menu a:hover{ text-decoration: underline; color: #DAA520; }
#menu a:active{ text-decoration: none; color: #E7C069; }

#maincol a:link{ text-decoration: underline; color: #DAA520; font-weight:bold; }
#maincol a:visited{ text-decoration: underline; color: #AF811D; font-weight:bold; }
#maincol a:hover{ text-decoration: none; color: #DAA520; font-weight:bold; }
#maincol a:active{ text-decoration: underline; color: #E7C069; font-weight:bold; }