@import 'fonts.css';
@charset "UTF-8";
html,body{height:100%;}
body{margin:0;padding:0;border:0;text-align:left;width:100%;overflow-x:hidden;height:100%;font-family: 'Open Sans' sans-serif;font-size:16px;font-weight:200;line-height:20px;color:#555;background:#fff} /*background:#d3dbde url('../bilder/wasserzeichen_dunkel.png') fixed} */
h1{font-size:60px;letter-spacing:-.03em}
a {color:#55acee }
a:hover{color:#555;text-decoration:none}
a:active, a:focus{outline: none;}
a.totop{text-decoration:none;position:fixed;right:0;bottom:0;border:0;background:rgba(255,255,255,0.9) url(../imgcss/totop.png);height:96px;width:96px }
.fc_grau { color:#a1a1a1}
img{border:none;outline:none;}
nav{height:114px;background:#fff;border-bottom:1px solid #e1e1e1;width:100%;position:fixed;top:0;left:0;z-index:10;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
nav .wrapper{width:960px;margin:0 auto}
nav h1 {margin:0;padding:0;line-height:36px;font-size:36px;margin-left:10px}
.start {text-decoration:none;padding:2px 2px 6px 2px;text-align:center;background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 3px 3px 2px -2px #666;-webkit-box-shadow: 3px 3px 2px -2px #666; box-shadow: 3px 3px 2px -2px #666;}
.start a{font-size:18px;color:#55acee;text-align:center;text-decoration:none}
.start a:active{color:#55acee;text-decoration:none}
.start a:hover,.start a:focus{color:#55acee;text-align:center;text-decoration:none}
.logo {float:left;background: url(../images/logo.png);width:420px;height:60px;}
.nav-top{height:50px;padding-top:5px;margin-top:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.nav-top .logo{margin-top:-2px}
.nav-top .search{float:right;width:40%;position:relative}
.nav-top .search input[type="text"] {background:#fff;border:1px solid #ddd;border-radius:20px;color:#555;font-size:17px;height:40px;outline:0;padding:0 50px 0 15px;transition:background-color .15s;width:100%}
.nav-top .search .search-submit{cursor:pointer;height:40px;position:absolute;right:0;top:-2px;width:50px;background:none;border:0;font-size:20px;color:#555;opacity:.5}
.nav-top .search .search-submit:hover{color:#55acee;opacity:1}
.nav-top .navbar-toggle{margin-top:-2px;margin-right:0}
.nav-top .navbar-toggle .fa{color:#888;font-size:28px}
.navbar-collapse{padding:0}
.navbar-collapse.in {overflow:visible}
.main-nav {width:100%;}
.main-nav .container{position:relative}
.main-nav .minilogo{background: url(../images/logo_small.png);width:94px;height:42px;position:relative;position:absolute;top:2px;left:-100%;padding-left:40px;}
.main-nav ul.nav {list-style-type:none;background-color:#fff;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s}
.main-nav ul.nav > li {vertical-align:top}
.main-nav ul.nav > li > a {border-top:1px solid rgb(255,179,1);height:50px;line-height:45px;font-size:16px;background-color:transparent;padding:0;color:#555;margin:0}
.main-nav ul.nav > li > a.active,.main-nav ul.nav > li > a:hover{border-width:8px;line-height:39px;}
section.stretch {  width:100%}
section.stretch {  top:100%}
nav.small {  height:51px}
nav.small .nav-top {margin-top:-90px}
nav.small .main-nav {box-shadow:none}
nav.small ul.nav{padding-left:94px}
nav.small .minilogo{left:0}
@media (max-width:992px) {
	nav.small .minilogo{left:10px}
}
@media (max-width:767px) {  
	.logo {background: url(../images/logo_small.png) no-repeat;width:94px;height:42px;position:relative;position:absolute;top:12px;}
	nav{height:71px!important}
	nav .nav-top{padding-top:10px;height:60px}
	.main-nav .container{padding:0}
	.main-nav .container ul.nav{border-bottom:1px solid #ccc}
	nav.small .nav-top{margin-top:0}
	nav.small ul.nav{padding-left:0}
	nav.small .minilogo{display:none}
}
#bg_grid{position:fixed;top:0;left:0;height:100%;width:100%;background:url(../imgcss/grid.png) repeat;z-index:-1;}
.galerie_thumb{float:left;margin:5px 0 30px 0;background:rgb(255,255,255);padding:3px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 3px 3px 2px -2px #666;-webkit-box-shadow: 3px 3px 2px -2px #666; box-shadow: 3px 3px 2px -2px #666;text-align:center;vertical-align:middle}
.galerie_thumb_spacer{float:left;width:25px;height:10px}
a.galerie_thumb, a.galerie_thumb:link, a.galerie_thumb:active, a.galerie_thumb:visited {color:#55acee;}
a.galerie_thumb:hover{color:#555; }
#page_content{ max-width:1024px;margin:150px auto 0 auto;background:rgba(255, 255, 245, 0.92);padding:30px 30px 100px 30px;-moz-box-shadow: 3px 3px 2px -2px #666;-webkit-box-shadow: 3px 3px 2px -2px #666;box-shadow: 3px 3px 2px -2px #666;}
.big{line-height:18px;margin:0;padding:0;font-size:16px;font-weight:500 }
td{text-align:left; vertical-align:top; }
.rechts{text-align:right;}
.weine_sorte{font-weight:500;text-align:left;}
.weine_rubrik{padding:20px 0 3px 2px;font-size:16px;border-bottom:1px solid #d1d1d1;vertical-align:bottom;text-align:left;font-weight: 500;}
.weine_einheit{padding:20px 0 3px 2px;font-size:16px;border-bottom:1px solid #666;vertical-align:bottom;text-align:left;font-weight:500;}
.weine_beschreibung{font-size: 12px;text-align:left;vertical-align:top;font-style:italic;font-weight:200;}
.weine_info{padding:2px;font-size:13px;color:#666;font-weight: 200;}
.voranfrage{padding:6px 0 0 2px;font-size:16px;vertical-align:bottom;text-align:left;font-weight:500;}
.voranfrage_txt{padding:4px 0 0 2px; border:1px solid #a1a1a1;background:#f1f1f1;font-weight: normal;text-align:left;vertical-align:top;}
input[type="text"] {font-size:14px;padding:5px 10px;height:30px;color:#555;z-index:2}
.titel_weinliste {background:rgb(255,179,1);line-height:26px;height:26px;font-size:16px;font-weight:bold }
.bg_trans { background:transparent }