@font-face {
    font-family: 'alex_brushregular';
    src: url('data/font/alexbrush-regular-otf-webfont.eot');
    src: url('data/font/alexbrush-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('data/font/alexbrush-regular-otf-webfont.woff') format('woff'),
         url('data/font/alexbrush-regular-otf-webfont.ttf') format('truetype'),
         url('data/font/alexbrush-regular-otf-webfont.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


b, strong {font-weight:bold;}
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}

h1 {font-family: 'alex_brushregular'; font-size:62px; color:#8daabf; margin-bottom:20px;}
h2, h2 a {font-family: 'alex_brushregular'; font-size:42px; color:#8daabf; margin:10px 0 20px 0;}

p {font-size:15px; line-height:24px; color:#8daabf; margin:5px 0 25px; letter-spacing:0.02em;}

a {font-weight:bold; color:#8daabf; font-size:13px; text-decoration:none; }
a:hover {opacity:0.8;}

html, body {width:100%; height:100%; color:#8daabf; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}

body {background: url(data/bilder/bg_mini.jpg) no-repeat #06202d; background-position:top center; }
#wrapper {width:980px; min-height:100%; height:auto;  margin:0 auto; position:relative; padding:0 25px 0;}

.button {width:168px; height:25px; text-align:center; padding:8px 0 0 0; overflow:hidden; background:url(data/bilder/button.png) center 0 no-repeat; display:block; float:left; margin:10px 10px 0 0; color:grey;}
.button:hover {background:url(data/bilder/button.png)center -33px  no-repeat; color:white;}

/*-------------- header ----------------------*/

header {position:relative; margin-top:100px; left:0px; height:auto; float:left;}

a#logo {width:479px; height:64px; display:block; }
a#logo img {width:100%; height:Auto;}

ul#nav {margin-top:35px; padding-top:25px; border-top:1px solid #8daabf; position:relative;}
ul#nav li {margin-right:80px; float:left;}
ul#nav li:last-child {margin-right:0px;}
ul#nav li a {color:#fff; font-size:18px; text-decoration:none; font-weight:300;}


ul#nav li ul {display:none; height:0px; overflow:hidden; padding:65px 15px 15px;  position:absolute;  top:0px; left:160px; background:url(data/bilder/subnav-back.png) left top repeat; z-index:100100100;}
ul#nav li:hover ul {display:block; height:auto;}
ul#nav li ul li {float:none; margin:12px 0; width:135px;}
ul#nav li ul li a {font-size:14px; line-height:17px; color:#8daabf;}

#homeact li#home a, #serienact li#serien a, #kontaktact li#kontakt a, #impressumact li#impressum a {font-weight:bold; opacity:0.6;}
#serienact li#serien ul li a {font-weight:300;}

/*-------------- header end ------------------*/





/* -------------- content ------------------ */

article {position:relative; left:0px; width:570px; height:auto; margin-top:80px; padding-bottom:150px; float:left;}

ul.weingalerie {margin-top:20px;}
ul.weingalerie li {float:left; position:relative; overflow:hidden; width:115px; height:115px; border:1px solid #8daabf; margin:0 25px 25px 0; cursor: pointer;}
ul.weingalerie li img {margin:-380px 0 0 -70px;  -moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);-o-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}

.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}


ul.weingalerie.serie2 li img {margin:-360px 0 0 -30px;}


ul.overview {margin-top:20px;}
ul.overview a {display:inline-block;}
ul.overview li {float:left; position:relative; overflow:hidden; width:142px; margin:0 25px 35px 0; height:auto; cursor: pointer;}
ul.overview li .thumbnail {border:1px solid #8daabf; width:140px; height:140px; overflow:hidden; display:inline-block;}
ul.overview li .thumbnail img {margin:-380px 0 0 -70px;  -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg);-o-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
ul.overview li .thumbname {margin-top:10px; display:block; text-align:center; }



.buttontop {margin:-5px 0 15px 0; position:relative;}
.buttontop a {margin-right:5px;}
.buttontop a span {display:none; position:absolute; top:10px; left:130px;}
.buttontop a:hover span {display:block;}

.buttonbottom {margin-top:80px;}
form#heart {display:inline-block;}
form#heart input {width:34px; height:32px; overflow:hidden; text-indent:500px; background:url(data/bilder/herz.png); display:inline-block; border:none; margin:0px; padding:0px; top:0px;cursor:pointer;}
form#heart input:disabled {background:url(data/bilder/herz-hover.png); cursor:default; }
form#heart input:focus, form#heart input:visited, form#heart input:active {border:none; outline:0;}

form#heart {margin:10px 0 0 0 !important; vertical-align: top;}

span#number {color:#fff; vertical-align:top; display:inline-block; margin-top:10px;}


#postkarte {width:488px; height:366px; background:url(data/bilder/eiketten-postkarte.png) top left no-repeat; cursor:pointer;  -webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;}
#postkarte:hover {background:url(data/bilder/eiketten-postkarte-hover.png) top left no-repeat;



}


/* -------------- content - end ------------ */

/* -------------- kontaktformular ------------------ */

form {margin:25px 0;}

form label {min-width:100px; display:inline-block; vertical-align: top;}
form input {height:25px; margin-bottom:10px; margin-right:5px;}
form input.large {width:355px; }
form input.medium {width:240px; }
form input.small {width:100px; }

form textarea {width:355px; height:80px; margin:0px;}
form input[type=submit] {display:block; cursor:pointer; outline:none; border:none; padding:0px; height:33px; margin:10px 42px 0 0;}





/* -------------- kontaktformular end ------------------ */


.fb-share-button {float:left; margin:-5px 15px 0 0 }
.googlebutton {float:left; margin:-5px 10px 0 0}
.twitter-share-button {float:left; margin:-5px 0px 0 0;}


/* --------------- flasche ------------------*/

#flasche {width:300px; height:950px; position:relative; float:right;} 
img.flascheback {position:absolute; bottom:0px; width:100%; height:auto; z-index:10; }
img.flascheback.toggle {display:none;}

.color {display:block;}
.color.toggle {display:none;}



ul.flaschengalerie li {float:left; overflow:hidden; position:relative; height:300px; width:auto;}
ul.flaschengalerie li img {height:300px; width:auto;}
ul.flaschengalerie li img.etikettenklein {position:absolute; top:60px; left:17px; width:66px; height:auto;}

/* ------------- flasche end ---------------*/



footer {width:980px; margin: 0 auto; margin-top: 40px; top:-15px; color:#8daabf; height:25px; position:relative; font-size:12px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; }
footer a {text-decoration:none; color:#8daabf; font-size:12px;}


a.addpage {position:absolute; top:0px; left:0px; color:#000; z-index:99999999999999;}


.indexoff {display:block !important;}
.indexon {display:none !important;}

#homeact .indexoff {display:none !important;}
#homeact .indexon {display:block !important;}



/* Swipe 2 required styles */

.swipe {
  overflow: hidden;
  visibility: hidden;
position:absolute;
bottom:16px;
left:51px;
z-index:100;

}
.swipe-wrap {
  overflow: hidden;
  position: relative;
    width:221px;
  height:725px;
}

.swipe-wrap a:hover {opacity:1;}

.swipe-wrap > div {
  float:left;
  position: relative;
  width:100%;
}

#buttonleft {position:relative; top:600px; margin-left:-40px; border:none; background: url(data/bilder/buttonleft.png) left center no-repeat;; width:19px; height:21px; float:left; cursor:pointer; text-indent:50px; overflow:hidden;}
#buttonright {position:relative; top:600px; margin-right:-40px; border:none; background: url(data/bilder/buttonright.png) right center no-repeat;; width:19px; height:21px; float:right; cursor:pointer; text-indent:50px; overflow:hidden; }

/* END required styles */

.mobileon {display:none;}
.mobileoff {display:block;}

/* ------ IE FIX START ------ */

#IEFIX {position:absolute; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; z-index:999999999999999999999999; background-color: rgba(0, 0, 0, 0.5);}
#IEFIXcontent {top:50%; left:50%; width:800px; margin:-200px 0 0 -400px; height:400px; background:#fff; position:relative; border: 5px solid #8daabf;}





.onlymobil {display:none;}
.mobilnav {background:none;}




/* ------ IE FIX END ------ */




/*

@media screen and (max-height:1100px) { 
	#flasche {height:633px; width:200px; }
	a#logo {bottom:600px;}
	
}



@media screen and (max-height:800px) {
	#flasche {height:476px; width:150px;} 
	a#logo {width:179px; height:24px;}
	html, body {min-height:700px;}
} */