/* zentrale einstellungen für die Bildschirmausgabe ************************/

html {
  height  : 100%;
  margin  : 0px;
  padding : 0px;
}

body {
  font-family      : arial,helvetica,sans-serif;
  font-size        : 9pt;
  font-weight      : normal;
  
	margin       : 0;
	margin       : 0;
	padding      : 0;
	height       : 100%;
  
  color            : black;
  
  background-color  : #fff;
}

/* Blockformate ------------------------------------------------------- */

div.header {
  position        : absolute;
  top             : 0px;
  left            : 0px;
  height          : 128px;
  width           : 100%;
  
  padding          : 0px;
  text-align       : left;
  
  border           : 0px;
  background-image : url(images/common/bg_header.gif);
}

div.headline {
  position        : absolute;
  top             : 130px;
  left            : 0px;
  height          : 60px;
  width           : 100%;
  
  text-align      : left;
  padding         : 0px;
  padding-top     : 10px;
  border          : 0px;
  background-image : url(images/common/bg_headline.gif);
}

div.head {
  float:left;
  padding-left : 203px;
}

div.submenu {
  float:left;padding-left:100px;
  vertical-align:middle;
  font-size : 120%;
  padding-top : 3px;
}

div.main {
  position        : absolute;
  top             : 200px;
  left            : 203px;
  width           : 780px;
  
  padding          : 0px;
  text-align       : left;
  
  letter-spacing   : 0em;
  line-height      : 180%;
  border           : 0px;
  color            : #606060;
}

div.menu {
  position           : absolute;
  top                : 200px;
  left               : 0px;
  padding-left       : 30px;
  width              : 160px;
  height             : 300px;
  color              : #7c340d;
  font-size          : 14px;
  line-height        : 20px;
  font-weight        : bold;
}

div.menu ul {
  vertical-align      : bottom;
  list-style-type     : none;
  padding-left        : 5px;
  padding-right       : 5px;
  line-height         : 140%;
  margin              : 0px;
}

div.menu ul li {
  border-top    : 1px solid #eee;
  border-collapse : collapse;
  border-bottom : 1px solid #eee;
  
  margin              : 0px;
}
div.menu ul li a {display       : block;}
div.menu ul li:hover {
  background-color : #eee;
}

div.news {
  float              : right;
  width              : 150px;  /* 140 */
  min-height         : 300px;  /* 186 */
  padding        : 5px;
  margin-left        : 15px;
  border-left             : 3px solid #FDE2BF;
  border-right             : 3px solid #FDE2BF;
}
div.news p { margin : 0px; }
div.countdown {
  position   : relative;
  top        : 20px;
  left       : 50px;
  width      : 600px;
  padding : 2px;
  z-index  : 2;
  font-size  : 220%;
  font-weight : bold;
  border-bottom : 2px solid #f00;
}
div.countdown p {
  color       : #1D00DF;
  color       : #fff;
  margin : 0px;
  padding: 0px;
}

div.info_block {float:right;width:480px;border:3px solid #ddd;-moz-border-radius:8px;padding:5px;margin:8px;-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.7);}
div.info_block p { font-size:8pt;line-height:12pt;margin-bottom:4px;}
div.info_block h3 { background-color:#ddd;}

input.cd {font-family:verdana;font-size:8pt;border:none;font-weight:bold;background:none;}
textarea, input {
  font-family:verdana;
  font-size:8pt;
  border:1px;
  font-weight:normal;
  background-color:#ffffff;
  border : 1px solid #aaa;
  padding-left : 3px;
  padding-right : 3px;
}

/* Absatzformate ------------------------------------------------------- */

p, ul {
  margin-bottom: 8px;
  margin-top:0px;
  color            : #606060;
}

.bold {
  font-size  : 120%;
  font-weight : bold;
}

p.submenu {
  font-size  : 140%;
  font-weight : bold;
}

p.blog_head {
  font-weight : bold;
  background-color : #FAC680;
}
p.blog_head span { font-size : 140%; }
.error {
  color    : #f00;
  font-weight : bold;
}
h1 {
  font-size  : 16pt;
  color      : #505050;
  margin     : 0px;
  margin-bottom : 10px;
}

h2 {
  font-size  : 14pt;
  margin : 0px;
  margin-bottom : 5px;
}

h3 {
  font-size  : 120%;
  font-weight : bold;
  margin : 0px;
  margin-bottom : 5px;
}

.bull {
  color       : rgb(0,0,0);
  font-size   : 1.7em;
  vertical-align   : middle;
}
a {
  border           : 0px;
  text-decoration  : none;
  color            : #7c340d;
  font-weight      : bold;
}

a:hover { color : #1F5BFF;}

img {
  border   : 0px;
  margin   : 0px;
  padding  : 0px;
}

img.dia {
  border   : 2px solid #ffffff;
}

div.img-right {
  float : right;
  margin-right : 20px;
  margin-left : 20px;
  margin-bottom : 5px;
  padding-bottom : 10px;
  font-size : 0.9em;
  text-align : center;
  /* background-color : #eee; */
  line-height : 1.1em;
}

img.fluss {
  float    : right;
  padding  : 5px;
  padding-right : 0px;
}

ul {
  vertical-align  : bottom;
 line-height    : 12pt;
list-style-image : url(pics/bullet.gif);
list-style-position:outside;
padding-left   : 0px;
margin-left    : 20px;
}

/* Gästebuch ------------------------------------------------------- */
.gb_entry {
  padding      : 2px;
  border       : 1px solid rgb(247,150,0);
  width        : 390px;
  line-height  : normal;
}


/* News.Formular ---------------------------------------------------- */

input.but {
  background-color  : #f7b04f;
  color             : #333;
  border            : 1px outset #87d7ff; /* #2200ee; */
  width             : 100px;
  height            : 20px;
  font-weight       : bold;
}

input.but:hover {
  color  : #ff0022;
  cursor : pointer;
}

textarea:focus, input:focus, select:focus {
  border            : 1px solid #ec8f30;
}

label {
  float      : left;
  cursor       : pointer;
  padding-right : 20px;
  width        : 120px;
}

label.left {
  float: left;
  text-align: right;
  width: 5em;
  margin-right: .3em;
  vertical-align : middle;
}

label.kontakt {
  float: left;
  text-align: right;
  width: 10em;
  margin-right: .3em;
  vertical-align : middle;
}

legend {
  font-weight  : bold;
  padding-left : 5px;
  padding-right : 5px;
}

fieldset {
  -moz-border-radius : 8px;
}

em { color : #f00; font-weight: bold; font-size:120%;}
span.untertitel {
  font-size  : 11px;
}

/* newsblog styles ---------------------------------------------------------- */

div.newsblog {
  width:500px;
  float:left;
}

div.newsblog hr {
  border : 1px solid #ddd;
  height : 1px;
}
div.newsblog img {
  float          :  left;
  margin-right   : 10px;
  margin-bottom  : 10px;
  border         : 2px solid #ddd;
}

div.newsblog p.infobar {
  font-size : 9px;
  text-align : right;
}

/* gallery  ----------------------------------------------------------------- */

ul.gallery {
  margin : 0px;
  padding : 0px;
}

ul.gallery li {
  float:left;
  list-style-type  : none;
  margin : 1px;
  padding: 1px;
  border : 1px solid #ddd;
  
}