@charset "utf-8";
/* CSS Document */

html {
	height:100%
}

body {
	background-image:url(pictures/background_x.jpg);
	background-repeat:repeat-x;
	text-align:center;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#container {
	margin: 0 auto;
	margin-top:0px;
	width:1050px;
	text-align:left;
	background-image:url(pictures/background_y.gif);
	background-repeat:repeat-y;
	height:100%;
	position:relative;
	left:37px;
}

#links {
	position:absolute;
	left:0px;
	top:0px;
	
}

#rechts {
	position:absolute;
	left:213px;
	top:0px;
	background-image:url(pictures/titelbild.jpg);
	background-repeat:no-repeat;
	height:363px;
	width:761px;
}

#content {
	margin-top:320px;
	margin-left:50px;
	margin-right:50px;
	color:#464646;
	font-size:12px;
	line-height:16px;
}

#content li {
	margin-bottom:5px;
}

h1 {
	color:#066431;
	font-size:18px;
	margin-bottom:30px;
}

h2 {
	color:#464646;
	font-size:12px;
	font-weight:bold;
	margin-bottom:20px;
}

hr {
	width:100%;
	margin:0px;
	padding:0px;
	text-align:left;
	height:1px;
	text-shadow:none;
	text-decoration:none;
	border:none;
	color:#066431;
	margin-bottom:10px;
	margin-top:10px;
	display:block;
}

p {
	margin-bottom:20px;
}

table p {
	margin-top:0px;
	margin-bottom:10px;
}

table, tr, td {
	vertical-align:top;
}

table {
	margin-bottom:30px;
}

tr.grau {
	background-color:#e0dfdf;
}

td {
	padding:3px;
}

img {
	border:none;
}

img.gruen {
	border: 1px solid #066431;
}

img.gallerien {
	border: 1px solid #066431;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.nachoben {
	text-align:right;
}

#content a.link {
	text-decoration:none;
	border-bottom:1px dotted #066431;
	color:#066431;
}

#content a {
	text-decoration:none;
	border-bottom:none;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#navigation {
	margin-top:28px;
	margin-left:20px;
}

#navigation li.home {
	width:70px;
}
#navigation li.ueber_uns {
	width:100px;
}
#navigation li.angebote {
	width:110px;
}
#navigation li.fotos {
	width:80px;
}
#navigation li.kontakt {
	width:100px;
}

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:10px 0 100px 29px; position:relative; width:735px; height:25px; z-index:100; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFF;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a {display:block;width:80px; font-size:14px; color:#FFF; height:36px; line-height:24px; text-decoration:none; text-indent:5px;}

#pmenu li ul li a {display:block;width:220px; font-size:14px; color:#000000; height:27px; line-height:28px; text-decoration:none; text-indent:15px; }
/*
 Set up the sub level borders */
#pmenu li ul li a {border:solid; border-width:0 1px 1px 1px; border-color:#adacab;}

/* Set up the list items */
#pmenu li {float:left;}
#pmenu li li {
	float:left; 
	background-color:#EBEBEB;
	background-color:#FFFFFF;
	filter: alpha(opacity=60);
	-moz-opacity:.6;
	opacity:.6;
	}
#pmenu li ul li a:hover, #pmenu li ul li:hover {	background-color:#FFF;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 20px 20px 20px; background:transparent url(transparent.gif); width:120px;}
/* Position the first sub level beneath the top level links */
#pmenu > li:hover > ul {left:-30px; top:24px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; }

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:8px 30px 30px 30px; }


/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:26px; left:-31px;
}

form .field:focus, form .text:focus, form textarea:focus {
color: #464646;
}

textarea {
	height: 150px;
	overflow: auto;
	padding: 6px;
	width: 580px;
	border: 1px solid #939393;
	color:#464646;
	margin-top:5px;
	margin-left:20px;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

input.text {
	border: 1px solid #939393;
	padding: 6px;
	width: 580px;
	color:#464646;
	margin-top:4px;
	margin-bottom:10px;
	margin-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}

input[type=submit]{
	margin-top:10px;
	margin-left:20px;	
	margin-bottom:10px;
}

label {
	margin:0px;
	padding:0px;
	margin-left:20px;
	display:block;
}

input.text {/**/*/  
	margin-left:-30px;
	display:block;
/* */}

textarea {/**/*/  
	margin-left:-30px;
/* */}

input[type=submit]{/**/*/
	margin-left:-30px;	

/* */}

legend {
   padding: 4px;
   margin-left:10px;
   margin-right:10px;
   margin-bottom: 14px;
   color:#066431;
}

html[xmlns^="http"]
			{
			/* verhindert Mozilla-Zucken
			 * > Firefox 1.5
			 */
			overflow-y: scroll;
}

.Surname {
visibility: hidden;
height:0px;
}