@charset "utf-8";
/* Main Page Div's ---------------------------- */


body {
/*margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
*/
background: url(../img/water_bg.jpg) bottom center no-repeat;
background-color:#FFAB73;

font-size: 62.5%; /* Resets 1em to 10px */
font-family:  Arial, Verdana, Tahoma;
text-align: left;
margin: 0;
padding: 0;
color: #333;

}

#wrapper {
background-color:#fff;
margin:0px auto 35px auto;
padding:0;
width:960px;
}

#header {
background-color: #FF8D40;
position:relative;
height:55px;
margin:0;
padding:20px 35px 20px 35px;
}

#logo {
position:absolute;
top:31px;
left:35px;
padding: 10px 15px 15px 12px;
width:auto;
font-size:36px;
font-family: arial, helvetica, sans-serif;
font-weight:600;
letter-spacing:-1px;
color:#A64300;
}

#content {
margin:0;
float:left;
width:900px;
padding:30px 30px 20px 30px;
border-top:#eee 1px solid;
font-size: 1.4em;
}

#image-gallery {
background: #EEEEEE;
border:#EEEEEE 15px solid;
width:870px;
height:420px;
padding:0;
margin:20px auto 40px auto;
text-align: center;
}

#image-gallery h1 {
margin:0 0 0 0;
padding: 6px 0px 10px 0px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:-1px;
line-height: 1.2;
font-size:24px;
color:#555;
}

#image-gallery h1 a {	
text-decoration:none;
}

#image-gallery img {
border:#FFFFFF 10px solid;
}



/* Bucket Boxes
-------------------------------------------------------------*/


#middle-box {
padding:20px 22px 20px 22px;
background-color: white;
/**height:300px;**/
}

.buckets {
margin-top:5px;
padding:0px;
list-style-type: none;
width:100%;
text-align:center; 
}

.buckets tr {
background-color:#fff;
width: 100%;
margin: 0 10px 0 0;
padding:0px;
font:13px Arial;
line-height:18px;
border:10px solid #fff;
}

.buckets th h2{
background-color: #FF8D40;
margin:0;
padding:10px;
color:#A64300;
}

.buckets p {
margin:0;
padding:10px;
}

.buckets td {
width: 235px;
text-align: center;
}

/*
.buckets img {
margin-left:auto; margin-right:0;
}
*/

.pics {
    padding: 5px; 
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  120px; 
    height: 150px;
    margin: auto; 
} 

#footer {
background-color: #A64300;
clear:both;
padding:5px 35px 5px 35px;


}


#footer a {	
text-decoration:none;
color: #FF6700;
}

#footer a:hover {
text-decoration:none;
background-color: #FF6700;
color: #FFFFFF;
}

#footer p {
font-family:Helvetica, sans-serif;
font-size:13px;
color:#fff;
text-align:right;
}


/* Navigation Bar ---------------------------- */
#navcontainer {
position:absolute;
top:49px;
right:50px;
}

#navcontainer ul {
padding:0;
margin:0;
color: #A64300;
float: right;
width: 500px;
font-family: arial, helvetica, sans-serif;
font-size:13px;
font-weight:600;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
background-color: #A64300;
font-size:13px;
padding: 15px 20px;
color: #FF6700;
text-decoration: none;
float: right;
}

#navcontainer ul li a:hover {
background-color: #FF6700;
color: #A64300;
border-bottom:#FF6700 1px solid;
}

#navcontainer ul li a:active {
background-color: #FF6700;
color: #A64300;
border-bottom:#FF6700 1px solid;
}

#navcontainer ul li a.current {
background-color: #FF6700;
color: #A64300;
border-bottom:#FF6700 1px solid;
}

/* Text Format ---------------------------- */

p a {
color: #A64300;
	/*border-bottom: 1px solid #E8C8C8;*/
text-decoration: none;
}

p a:hover {
color: #FFFFFF;
background-color: #FF6700;
/*border-bottom: 1px solid #c47373;*/
}


ul { list-style: none; margin: 0; padding: 0;}

h1 {
margin:0 0 0 0;
padding: 10px 0px 15px 0px;
font-family: Georgia, Sans-Serif, Verdana ;
letter-spacing:-1px;
line-height: 1.1;
font-size:24px;
color:#A64300;
}

h1 a {	
text-decoration:none;
}

h2 {
margin:0 0 0 0;
padding: 8px 0px 12px 0px;
font-family: Georgia, Sans-Serif, Verdana ;
letter-spacing:-1px;
line-height: 1;
font-size:20px;
color:#A64300;
}

h2 a {	
text-decoration:none;
}

h3 {
margin:0 0 0 0;
padding: 6px 0px 6px 0px;
font-family: Georgia, Sans-Serif, Verdana ;
letter-spacing:-1px;
line-height: .9;
font-size:16px;
color:#A64300;
}

h3 a {	
text-decoration:none;
}

p {
/*font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#555;
*/
}


img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:#FFFFFF 5px solid;
}

table
{ 
text-align: left;
color:#555;
background-color: #EEEEEE;
width: 100%;
#table-layout:fixed;
}

table td
{
padding: 5px;
}

td.tableheader
{
background-color: #FF8D40;
text-align: center;
color:#A64300;
}

th
{
background-color: #FF8D40;
text-align: center;
color:#A64300;
}

tr{
width: 100%;
}

.center
{
text-align:center;
}

.preis {
	text-align: center;
	color: red;
}

.right
{
text-align:right;
}

.white{
background-color: #FFFFFF;
}

.orange{
background-color: #FFAB73;
}

.gallery td{
width: 235px;
text-align: center;
}

.activated {
background-color: #FF6700;
color: #A64300;
border-bottom:#FF6700 1px solid;
}
/* Kontaktformular ---------------------------- */

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
}

fieldset {
border: 2px solid #ccc;
}