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

html {height:101%;}

* {
padding:0;
margin:0;
}

body {
	font: 12px Arial, sans-serif;
	margin: 0; 
	padding: 0;
	text-align:center; 
	color: #000000;
	background-color:#CCDCEB;
	position:relative;
}
#alles {
	width: 900px;
	margin: 0px auto 20px auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 2px solid #fff;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	height:700px;
	position:relative;
}
#box_fb {
	position:absolute;
	top: -2px;
	left: 915px;
	border: 2px solid #fff;
}
#empfehlen {
	width: 900px;
	height:23px;
	margin: 20px auto 0px auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align:right; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	position:relative;
}
#box {
	position:absolute;
	top:200px;
	left:120px;
	border:#3366CC 1px solid;
	background-image:url(img/trans.png);
	background-repeat:repeat;
	z-index:999;
}
#empfehlen a {text-decoration:none; color:#0033CC;}
#empfehlen a:hover {color:#0066FF;}
a img {border:none;}
#kopf {
	height:150px;
	background-image:url(img/hg_kopf.jpg);
	background-repeat:repeat-x;
	border-bottom:#FFFFFF 1px solid;
}
#band {
	height:8px;
	background-image:url(img/hg_band.jpg);
	background-repeat:repeat-x;
	border-bottom:#FFFFFF 1px solid;
}
#logo {
	float:left;
	margin:25px 0 0 25px;
	height:50px;
	width:50px;
}
#menue  {
	margin:70px 30px 0 0;
	float:right;
} 
#menue a{
	padding:3px 8px;
	text-decoration:none;
	color:#FFFFFF;
	margin-right:8px; 
	font-weight:bold;
	text-transform:uppercase;
}
#menue a:hover{
	background-color:#97BADA; 
	color:#eee;
}
#inhalt_startseite, #inhalt_kontakt {
	padding-left:390px;
	padding-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	height:510px;
}
#inhalt_startseite h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 32px;
}
.block1, .block2{
	padding:0 0 10px 45px;
	background-image:url(img/haken.png);
	background-repeat:no-repeat;
	width:240px;
	margin-bottom:10px;
	line-height: 18px;
}
#inhalt_produkt{
	padding:30px 0 0 20px;
	height:510px;
	text-align:left;
}
h2 {
	font-size: 15px;
}
.block2 {
    padding:0 0 10px 38px;
	width:225px;
	line-height: 17px;
	font-size:13px;
}
#inhalt_impressum {
	padding-left:40px;
	padding-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	height:510px;
}
#inhalt { position:relative;}
#inhaltText {
	font-size:13px;
	position:relative;
	height:230px;
	width:435px;
	padding-top: 30px;
}
#inhaltText a{color:#487328;}
#inhaltText a:hover{color:#689348;}
#content {
	clip: rect(0  435px 230px 0 );
	width: 435px;
	position: absolute;
	top: 40px;
	z-index:11;
}
.scroller {
/*	visibility:hidden;*/
	overflow:visible;
	position:absolute;
	top:0px;
	left:0px;
	z-index:13;		
}
.arrow_top {
	cursor: pointer;
	height:14px;
	width:14px;
	overflow:hidden;
	background:url(img/hoch.gif) #FFFFFF no-repeat;
}
.arrow_top:hover{background-image:url(img/hoch_a.gif);}
.arrow_bottom {
	cursor: pointer;
	height:14px;
	width:14px;
	overflow:hidden;
	background:url(img/runter.gif) #FFFFFF no-repeat;
	margin-top:3px;
}
.arrow_bottom:hover{background-image:url(img/runter_a.gif);}
#pfeile {
	position:absolute;
	top:230px;
	left:440px;
	height:40px;
	width:20px;
	text-align:center;
}

#inhalt_bestellung{
	padding:20px 30px 0 30px;
	height:520px;
}
#inhalt_bestellung {
	background:url(img/hg.png) no-repeat;
}
#inhalt_startseite {
	background:url(img/start_900x540.jpg) no-repeat;
}
#inhalt_impressum {
	background:url(img/impressum_900x540.jpg) no-repeat;
}
#inhalt_produkt {
	background:url(img/produktinfo_900x540.jpg) no-repeat;
}
#inhalt_kontakt {
	background:url(img/kontakt_900x540.jpg) no-repeat;
}
input.blau {background-color:#AAC9DD;
	border:none;
	width:260px;
}
.rot {
	color:#990000;
}
a {
	color:#6FA3C4;
}

.kasse_1, .kasse_2{
	float:left;
	width:220px;
	text-align:right;
	margin:4px 8px 4px 0;
}
.kasse_2 {
	width:40px;
}
.kasse_3 {
	float:left;
	text-align:left;
	width:50px;
	margin:4px 8px 4px 0;
}

#AyLink_1 {
	float:left;
	height:31px;
	width:350px;
	background-image:url(img/2y-logo_2.gif);
	background-repeat:no-repeat;
}
#AyLink_1:hover{
	background-image:url(img/2y-logo.gif);
	background-repeat:no-repeat;
}
#AyLink_1 a {
	color:#9BB6CF;
	text-decoration:none;
}
#AyLink_1 a:hover { color:#333; text-decoration:none; }
#AyLink_2 {
	float:right;
	height:31px;
	width:280px;
	background-image:url(img/ay_logo_2.gif);
	background-repeat:no-repeat;
	background-position:right;
}
#AyLink_2:hover{ background-image:url('img/ay_logo.gif'); background-repeat:no-repeat;  }
#AyLink_2 a {
	color:#9BB6CF;
	text-decoration:none;
}
#AyLink_2 a:hover { color:#333; text-decoration:none; }

.flaggen { border:#000000 1px solid; }
.flaggen:hover { border:#fff 1px solid; }