body {
  margin:0px;
  font-family:sans-serif;
  font-size:100%;
  color:#f4e8b0;
  background-color:#300000;
  background-image:url(images/sun.png); 
  background-position:0px 0px;
  background-repeat:no-repeat;
  background-attachment:fixed;

  text-align: center; /*richtet #wrap mittig aus im IE5.x*/
}

/* ol, ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
} */

/*
 * hidden
 */

.skip {
  display: none;
}

#wrap {
  width:700px;
  margin:0px auto;
  text-align:left;
}

div#header {
  width:690px;
  padding:0px;
  margin:5px;
  margin-top:10px;
  height:150px;
  color:#f4e8b0;
  text-align:center;
  overflow:visible;
}

div.border {
  border:1px solid #e07d1f;
}

div.trans {
  -moz-opacity:.7;
  background-color:#300000;
}

/*
 * menu
 */

div.menu {
  height:50px;
  font-size:11px;
}

div.menu ul {
  margin:0px;
  padding:0px;

  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

div.menu ul li {
  float:left; 
  display:block;
  width:100px;
  /* height:40px; */
  /* height:50px;
  line-height:40px; */
}

div.menu ul li a {
  color:#f4e8b0;
  display:block;
  text-align:center;
  padding:0px;
  background-color:#300000;
  border:1px solid #e07d1f;
  text-decoration:none;
  font-weight:bold;
  margin:5px;
  height:40px;
}

div.menu ul li a span {
  position:relative;
  line-height:1em;
  top:50%;
  margin-top:-.5em;
  display:block;
}

div.menu ul li a span.dr {
  margin-top:-1em;
}

div.menu ul li a:hover {
  height:50px;
  font-size:1.1em;
  margin:0px;
}

div.menu ul li a.active {
  background-color:#003000;
}

div.menu ul li div.unactive {
  -moz-opacity:0.7;
  color:#f4e8b0;
  text-align:center;
  padding:0px;
  background-color:#300000;
  border:1px solid #e07d1f;
  font-weight:bold;
  margin:5px;
  line-height:40px;
  height:40px;
}

div.menu ul li div.unactive:hover {
  line-height:50px;
  height:50px;
  font-size:110%;
  margin:0px;
}

/*
 * content
 */

div#content { 
  border:1px solid #e07d1f;
  margin-top:5px;
  margin-left:5px;
  margin-right:5px;
  padding:1em;
  min-height:300px;
  background-color: #300000;
  color:#f4e8b0;
}

div#content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* for Internet Explorer */
/*\*/
* html div#content {
  height:300px;
}
/**/

div#content a {
  text-decoration: none;
  color: #f3943c;
}

div#content img {
  margin:.5em;
}

/*
 * top jumper
 */

div.jumper { 
  text-align:center;
  position:fixed;
  bottom:20px;
  margin-left:-30px;
  padding:5px;
  font-size:80%;
  color:#f4e8b0;
  border:1px solid #e07d1f;
  background-color:#300000;
}

div.jumper a {
  text-decoration:none;
  color:#f4e8b0;
  font-weight:bold;
  display:block;
  max-width:20px;
  overflow:hidden;
}


/*
 * bottom
 */

div.bottom { 
  margin-top:8px;
  margin-left:5px;
  margin-right:5px;
  border:1px solid #e07d1f;
  padding:1em;
  min-height:40px;
  height:40px;
  background-color:#300000;
  color:#e8f4b0;
  color:#f4e8b0;
  /* -moz-opacity: .9; */
}

div.bottom a {
  text-decoration:none;
  /* color: #e8f4b0; */
  color:#f3943c;
  font-weight:bold;
}


/*
 * copy piliko
 */

div.copy { 
  margin-top:8px;
  margin-left:5px;
  margin-right:5px;
  padding:1em;
  font-size:80%;
  color:#f4e8b0;
  border:1px solid #e07d1f;
  background-color:#300000;
  margin-bottom:20px;
}

div.copy a {
  text-decoration: none;
  color:#f4e8b0;
  font-weight: bold;
}

/*
 * form
 */

input {
  background-color: transparent;
}

.feld {
  color: white;
  border: 1px solid #e07d1f; 
  margin: 1px;
}

.textarea {
  color: white;
  background-color: transparent;
  border: 1px solid #e07d1f;
  margin: 1px;
}

.radio {
  color: #e07d1f;
}

.button {
  color: #F4E8B0;
  border: 1px solid #e07d1f; 
  margin: 1px;
}

/*
 * pics
 */

.thumb {
  border: 1px solid #e07d1f;
  padding: 1px 1px 1px 1px;
  height: 150px;
  max-width: 150px;
  max-height: 150px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  float: right;  
  overflow: hidden;
  background-color: #300000;
}

.thumb:hover {
  border: 1px solid #a00e18;
  padding: 1px 1px 1px 1px;
  max-width: 150px;
  max-height: 150px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  float: right;  
  background-color: #400000;
}

.veithstanz {
  border: 0px;
  padding: 1px 1px 1px 1px;  
  overflow: hidden;
}


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
