html { height : 100%; }

body {
	font-family: trebuchet ms, times new roman, times, serif;
	font-size: 13px;
	line-height: 1.7em;
	color: #000000;
  background-color : #fff;
  background-image : url(pics/background.jpg);
  background-repeat : repeat-x;
  text-align : center;
  padding : 0px;
  margin : 0px;
  
  height : 100%;
}

a {
  color : #666;
  font-weight: bold;
	text-decoration: none;
  border-bottom : 1px solid #999;
}

a:hover { color : #780e10; }

a.image {
  border : 0px;
}

h1 {
	font-family: georgia, times new roman, times, serif;
  color       : #780e10;
  font-size  : 1.7em;
  line-height : 2em;
  font-weight : bold;
  margin : 0px;
  padding : 0px;
  padding-top : 15px;
  padding-bottom : 10px;
}

h2 {
  font-size   : 1.5em;
  font-weight : normal;
  color       : #cc3366;
  margin : 0px;
  margin-top : 20px;
  margin-bottom : 10px;
}

p {
  margin : 0px;
  margin-bottom : 10px;
  margin-left  : 10px;
}

div.menu {
	font-family: trebuchet ms, georgia, times new roman, times, serif;
  position  : absolute;
  top       : 172px;
  left      : 0px;
  width     : 136px;
  padding-left   : 10px;
  font-size  : 1.2em;
  font-weight : bold;
  color  :  #780e10;
  text-align     : left;
}

div.menu a {
  font-weight : bold;
  color       : #000;
  border      : 0px;
}

div.menu a:hover {
  color       : #780e10;
}

div.menu a.sub {
  font-size  : 0.85em;
  color       : #fff;
  padding-left : 5px;
  border      : 0px;
  line-height : 0.8em;
  color       : #666;
}

.main {
  position     : absolute;
  top          : 160px;
  left         : 200px;
  width        : 700px;
  text-align   : left;
}

.main-menu {
  margin-left    : auto;
  margin-right   : auto;
  position       : relative;
  padding        : 0px;
  width          : 600px;
}


.bottom {
  position  : absolute;
  width     : 100%;
  height    : 100px;
  
  bottom    : 0px;
  left      : 0px;
  z-index   : 1;
  background-image : url(pics/bg.jpg);
}

.header {
  position  : absolute;
  top       : 0px;
  left      : 0px;
  width     : 100%;
  height    : 100px;
  
  z-index   : 1;
  background  : url(pics/bg2.jpg);
}

span.text { color : black; }
img { border-width : 0px; }
td {vertical-align:top;}
img { border : 0px; }
.print-only { display : none; }

/* -------------------- formate für das Kontaktformular -------------------- */
div.formular {
  width         : 500px;
  margin-bottom : 2px;
  margin-left   : 10px;
}

label {
  cursor           : pointer;
  float            : left;
  text-align       : right;
  width            : 170px;
  margin-right     : 5px;
  vertical-align   : middle;
  background-color : #8FDFFF;
  padding-right    : 7px;
}

input, textarea, select {
	font-family: trebuchet ms, times new roman, times, serif;
  font-size         : 10pt;
  color             : #000000;;
  
  border            : 1px solid #ccc;
  background-color  : #fff;
  padding-left      : 3px;
  margin            : 0px;
  
  width             : 270px;
}
    
input.button {
  background-color  : #8FDFFF;
  font-weight       : bold;
  vertical-align    : middle;
  width             : 250px;
  height            : 25px;
  color             : black;
  border            : 1px solid #019EE1;
  border-left       : 5px solid #019EE1;
  border-right      : 5px solid #019EE1;
}

input.button:hover {
  background-color : #019EE1;
  border-color : #8FDFFF;
  color : #fff;
  cursor           : pointer;
}

input:focus,
select:focus,
textarea:focus   {
  background-color  : #8FDFFF;
  color            : #000000;
}