body{font:11px Verdana, Arial, sans-serif; }

.braungrad{
background-image: linear-gradient(right top, rgb(175,89,47) 9%, rgb(124,63,32) 57%);
background-image: -o-linear-gradient(right top, rgb(175,89,47) 9%, rgb(124,63,32) 57%);
background-image: -moz-linear-gradient(right top, rgb(175,89,47) 9%, rgb(124,63,32) 57%);
background-image: -webkit-linear-gradient(right top, rgb(175,89,47) 9%, rgb(124,63,32) 57%);
background-image: -ms-linear-gradient(right top, rgb(175,89,47) 9%, rgb(124,63,32) 57%);

background-image: -webkit-gradient(
	linear,
	right top,
	left bottom,
	color-stop(0.09, rgb(175,89,47)),
	color-stop(0.57, rgb(124,63,32))
);}



nav{background: #7c3e20;  color: #fff; position: relative;  z-index: 99}

nav ul li{float: left; padding:20px; font-weight: bold;}
nav ul li{border-right: 1px solid #ccc;}
nav a, nav a:visited{color: #ccc; text-decoration: none;}
nav ul li:hover{background: #af592f;}
div.suche{
position: absolute; left: 50%; top:50%; width: 300px;  height: 100px; margin-left: -130px; margin-top: -50px; background: rgb(175,89,47); color: #fff; z-index: 50;
border: 8px solid rgba(255,255,255,0.5);
background-clip: padding-box;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.15);
box-shadow: 0 0 8px rgba(0,0,0,0.15);
padding: 15px 15px 15px 75px;}

#logo{position: absolute; margin-top: -80px; margin-left: -220px;}
#suche select{background: rgb(175,89,47); border: 1px solid #fff; margin: 10px; padding: 3px; color: #fff;}
#suche select option{margin: 10px;}


#info{background: #333; color: #fff; position: absolute; width: 100%; z-index: 299; font-size: 12px;}
#about, #FAQ, #contact{ padding: 10px;}
#about td{display: block; float: left; width: 47%; margin-right: 10px;}

a.closebutton-about, a.closebutton-about:visited,
a.closebutton-FAQ, a.closebutton-FAQ:visited,
a.closebutton-contact, a.closebutton-contact:visited{color: #fff; margin-top: 10px; display: block;}

div.suche-min{display: block; position: relative; width: auto; margin: 0px; left: 0px; border: none; padding: 0px; margin-top: 20px; padding-left: 120px; height: 80px;}
div.suche-min #logo{position: absolute; margin-left: 0px; width: 80px; margin-top: -10px; margin-left: -100px;}
div.suche-min .breakhelper{display: none;}
#main{padding: 50px;}

.picture{width: 150px; height: 200px; float:left; margin: 10px;
border: 8px solid transparent;
background: #f9f9f9;
background-clip: padding-box;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.15);
box-shadow: 0 0 8px rgba(0,0,0,0.15);
padding: 5px;}
.picture img{width: 100%;}

#contact input, #contact textarea{background: #333; color:#fff; padding: 5px; border: 1px solid #ccc; margin: 10px; box-shadow: 3px 3px 10px #000;}