* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Tahoma", "Verdana", "Arial", "Lucida Sans Unicode", "Lucida Grande", "Times New Roman", serif;
  font-size: 15px;
  color: #006699;
  line-height: 18px;
  background: url(../images/body-bg-top.png) left top repeat-x;
  background-color: #C2D3E4; /* 7FA3C7*/
}
h1 {
  font-family: "Georgia", "Tahoma", "Verdana", "Arial", "Lucida Sans Unicode", "Lucida Grande", "Times New Roman", serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 25px;
  color:#003399; /*069*/
  margin-bottom: 15px;
  letter-spacing: -0.01em;
}

h1 a {
  color: #006699;
  text-decoration: underline;
}
h1 a:hover {
  color: #7FA3C7;
  text-decoration: underline;
}

li { list-style-image: url(../images/ok.png);
	}
ul	{ 	margin-left:20px;}	

/* layout */
#main {
  margin: auto;
  width: 980px;
}
#logo {/*   width: 20px;
		  height: 20px;
		background-image:url(../images/wegweiser-elbsandsteingebirge.png) left top repeat; */
}
#header_top {
  float: left;
  width: 980px;
  height: 29px;
  background: url(../images/header-bg.png) left top repeat;
}
#header_middle {
  float: left;
  width: 980px;
  height: 230px;
  background-color: #ffffff;
  background: url(../images/ferienhaus-koenigstein.jpg) left top repeat;
}
#header_bottom {
  float: left;
  width: 980px;
  height: 33px;
  background: url(../images/bg-head-bot.png) left top repeat;
}
/* CONTENT */
#content {
  float: left;
  width: 980px;
  background-color: #F5F5E2;
  clear:both;  
}
#content_top {
  float: left;
  width: 980px;
  height: 20px;
  background: url(../images/bg-fading.png) left top repeat;
}
#content_middle {
  float: left;
  width: 980px;
  clear:both;
}

.kontakt_header {
  float: left;
  text-align: center;
  width: 199px;
  height: 25px;
  line-height: 25px;
  margin-left: 1px;
  background: url(../images/comments.png) left top no-repeat;
  color: #ffffff;
  text-transform: none;
  font-weight: bold;
  font-size: 14px;
}
.kontakt_txt {
  float: left;
  width: 159px;
  padding: 15px 10px 15px 14px;
  font-size: 14px;
  font-weight: normal;
  color: #666666;
}
.kontakt_txt a {
  color: #006699;
  text-decoration: underline;
}
.kontakt_txt a:hover {
  color: #7FA3C7;
  text-decoration: underline;
}

#left {
  float: left;
  width: 200px;
  position: relative;
/*  border:1px red solid; */
	}

#right {
  float: left;
  width: 700px;
  padding: 0 0 17px 30px;
  position: relative;
/*  border:1px green solid; */
  overflow:hidden;
	}
	
.right_txt {
  float: left;
}
.right_txt ul li {
  list-style-type: square;
  margin-left: 30px;
}
.right_txt b {
  font-weight: bold;

}
.right_txt  a {
  text-decoration: underline;
  color: #666666;
}
.right_txt  a:hover {
  text-decoration: underline;
  color: #7FA3C7;
}

/* menu */

.menu{
margin: 0;
padding: 0;
float: left;
font: 15px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #fff;
border-width: 1px 0;
background: black url(../images/default.png) center center repeat-x;
}

.menu li{
display: inline;
}

.menu li a{
float: left;
color: #ffffff;
padding: 7px 13px;
text-decoration: none;
border-right: 1px solid #e0f0fc;
}

.menu li a:visited{
color: white;
}

.menu li a:hover, .menu li .current{
color: #ccc;
background: transparent url(../images/active.png) center center repeat-x;
}

/* button */

a.obutton{
background: transparent url(../images/oval-red-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.obutton, a:visited.obutton, a:active.obutton{
color: #494949; /*button text color*/
}

a.obutton span{
background: transparent url(../images/oval-red-right.gif) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; 
}

a.obutton:hover{ 
background-position: bottom left;
}

a.obutton:hover span{ 
					background-position: bottom right;
					color: black;
					}

.buttonwrapper{ 
				overflow: hidden;
				width: 200px;
				padding: 0 0 0 10px;
				}


  
/* footer */
#footer {
  float: left;
  width: 980px;
  height: 27px;
  background: url(../images/bg-footer.png) left top repeat;
}
#footer_left {
  float: left;
  text-align: left;
  width: 280px; /* 300px - 20px = 280px */
  height: 27px;
  line-height: 27px;
  font-weight: normal;
  font-size: 10px;
  padding-left: 20px;
  color: #ffffff;
}
#footer_right {
  float: left;
  text-align: right;
  width: 660px; /* 475px - 20px = 455px */
  height: 27px;
  line-height: 27px;
  font-weight: normal;
  font-size: 10px;
  padding-right: 20px;
  color: #ffffff;
}
#footer_right a {
  color: #ffffff;
  text-decoration: none;
}
#footer_right a:hover {
  color: #333333;
  text-decoration: none;
}

.send { padding:4px;
		font-size:14px;
		color: #336699:
		font-weight:bold;
		text-transform:uppercase;
		}

.image img { border:3px #C2D3E4 solid;
			margin:0px 10px 10px 0;
			}		

.imagep { padding: 3 8 3 3;
		  border:none;
		  margin:2px; }
		  
input, textarea { 
		border: 1px solid #999;
		background-color:#C2D3E4;
		padding:2px;
		}