@charset "UTF-8";
/* CSS Document */

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

html, body {
	height:100%;
}


body {
	font-family: Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	margin: 0;
	padding: 0;
	width: 5000px;
	height:620px;
	overflow: hidden;
	background:#fff;
	
}

/* Rahmen bei focus bei firefox weg */
a:focus
{
-moz-outline-style: none;
}

a {
	text-decoration:none;
	color:#666;
}

#container {
	position:absolute;
	left: 50%;
	width: 5260px;
	margin-left: -500px; /* negative Hälfte von width*/
	top: 50%;
	height: 620px;
	margin-top: -310px; /* negative Hälfte von height:620px */
}

.box {
	float: left;
	display: block;
	height: 620px;
	width: 1000px;
	position: relative;
}

.verlauf {
	position:fixed;
	height: 620px;
	width: 20px;
	top:50%;
	margin-top:-310px;
	left:50%;
	margin-left:480px;
	background-image:url(../images/verlauf.png);
	z-index:998;
}

.mask_right {
	position:fixed;
	height:620px;
	width:1500px;
	left:50%;
	margin-left: 500px;
	background-color:#fff;
	z-index:1000;
}

.mask_left {
	position:fixed;
	height:620px;
	width:500px;
	right:50%;
	margin-right: 500px;
	background-color:#fff;
	z-index:1000;
}

/* für alle Seiten */

#home, #page1, #page2, #page3, #page4 {
     background:#fff;
}

#anker {
	font-size:0px;
	visibility:hidden;
}

.next a
{
	position:absolute;
	right:20px;
	top:180px;
	width:85px;height:55px;
	display:block;	
	background:url(../images/go-right.png) 0px 0px no-repeat;
	z-index:3;
}

.next a:hover
{
  background-position: 0px -55px;
}

.back a
{
	position:absolute;
	left:20px;
	top:175px;
	width:85px;height:55px;
	display:block;	
	background:url(../images/go-left.png) 0px 0px no-repeat;
	z-index:3;
}

.back a:hover
{
  background-position: 0px -55px;
}


.trennstrich {
	border-left:#666 1px solid;
	padding-left:10px;
}

#textprimus, #textdoppelt, #textjungwein, #textleitsorten {
	width:340px;
}

#primuslogo {
	position:absolute;
	right:20px;
	bottom:0px;
	width:129px;
	height:49px;
	background-image:url(../images/primuslogo.jpg);
}

/* Home Seite */

#menu {
	position:relative;
	z-index:1;
}

#eu {
	position:absolute;
	bottom:5px;
	left:5px;
}

#flaschen {
	position:absolute;
	bottom:0px;
	right:120px;
	z-index:2;
}

/* Seite 1 */
#weinrebe {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:4;
}

#primusueb {
	position:absolute;
	left: 120px;
	top:170px;
	z-index:3;
}

#textprimus {
	position:absolute;
	left: 270px;
	top:220px;
	z-index:5;
}

#doppeltueb {
	position:absolute;
	left: 480px;
	top:370px;
	z-index:3;
}

#textdoppelt {
	position:absolute;
	left: 640px;
	top:420px;
	z-index:5;
}

/* Seite 2 */
#jungweinueb {
	position:absolute;
	left: 270px;
	top:140px;
	z-index:3;
}
#textjungwein {
	position:absolute;
	left: 540px;
	top:190px;
	z-index:5;
}

#leitsortenueb {
	position:absolute;
	left: 50px;
	top:320px;
	z-index:3;
}

#textleitsorten {
	position:absolute;
	left: 120px;
	top:370px;
	z-index:5;
}

#flaschen_klein {
	position: absolute;
	left: 750px;
	top:260px;
	width:186px;
	height:241px;
	background-image:url(../images/flaschen_klein.jpg);
	z-index:6;
}

#weintrauben {
	position: absolute;
	left: 340px;
	top:440px;
	width:201px;
	height:155px;
	background-image:url(../images/weintrauben.jpg);
	z-index:6;
}

/* Seite 3 */
#winzerueb {
	position:absolute;
	left: 30px;
	top:20px;
}

#winzertabelle {
	position:absolute;
	left:144px;
	top:80px;
	width: 706px;
	height: 148px;
}



.grau {
	background-color:#EEE;
}

#models {
	position:absolute;
	left:45px;
	bottom:-31px;
}

#presseueb {
	position:absolute;
	top: 350px;
	left: 430px;
}


/* Seite 4 */
#kontaktueb {
	position:absolute;
	top: 110px;
	left: 50px;
}

#textkontakt {
	position:absolute;
	left: 285px;
	top:160px;
	z-index:5;
}

#pannonikus_rose {
	position:absolute;
	left: 30px;
	bottom:0px;
	z-index:2;
}

#pannonikus_weiss {
	position:absolute;
	left: 482px;
	bottom:0px;
	z-index:0;
}

#pannonikus_rot {
	position:absolute;
	right: 0px;
	top:0px;
	z-index:999;
}