@charset "utf-8";

@import url(css/scrollable-horizontal.css);
@import url(css/scrollable-buttons.css);
@import url(css/scroll_to_top.css);
@import url(css/colorbox.css);

body {
	background-color: #5AA701;
}
.hg_navi {
	background-image: url(images/hg_navi.jpg);
	background-repeat: no-repeat;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.klein {
	font-size: 10px;
}
.mittel {
	font-size: 14px;
}
.gross {
	font-size: 18px;
}
.weiss {
	color: #ffffff;
}
.preis {
	font-size: 18px;
	font-weight: bold;
	color: #F92F01;
	text-decoration: none;
}

.preis_kl {
	font-size: 14px;
	font-weight: bold;
	color: #F92F01;
}

.aktion {
	font-size: 20px;
	font-weight: bold;
	color: #F92F01;
	text-decoration: none;
}

.aktion_24 {
	font-size: 24px;
	font-weight: bold;
	color: #F92F01;
	text-decoration: none;
}

.aktion_16 {
	font-size: 16px;
	font-weight: bold;
	color: #F92F01;
	text-decoration: none;
}

.aktion_15 {
	font-size: 15px;
	font-weight: bold;
	color: #F92F01;
	text-decoration: none;
}

.aktion_14 {
	font-size: 14px;
	font-weight: bold;
	color: #F92F01;
	text-decoration: none;
}

.titel {
	font-size: 16px;
	letter-spacing: 1px;
}

.adresse {
	font-size: 16px;
	font-weight:900;
	color:#FFF;
	letter-spacing: 1px;
	line-height:1.4em;
	text-shadow: 0px 0px 4px #000, 0px 0px 4px #000, 0px 0px 4px #000, 0px 0px 4px #000, 0px 0px 4px #000, 0px 0px 4px #000;
	text-align:center;
}

h1 {
	font-size: 16px;
	letter-spacing: 1px;
	margin:0px;
}

h2 {
	font-size: 16px;
	margin:0px;
}

a.link_11:link {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.aktionen {
	font-size: 13px;
	color: #FFFFFF;
}

a.link_10:link {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.mittel {
	font-size: 14px;
}

a.link_10:visited {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a.link_10:hover {
	font-size: 10px;
	color: #F92F01;
	text-decoration: none;
}
a.link_10:active {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

a.link_11:link {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.link_11:visited {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.link_11:hover {
	font-size: 11px;
	color: #F92F01;
	text-decoration: none;
}
a.link_11:active {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

a.link_12:link {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a.link_12:visited {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a.link_12:hover {
	font-size: 12px;
	color: #F92F01;
	text-decoration: none;
}
a.link_12:active {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a.navi:link {
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a.navi:visited {
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a.navi:hover {
	font-size: 14px;
	color: #5AA701;
	text-decoration: none;
	font-weight: bold;
}
a.navi:active {
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.rahmen_rot {
	border: 1px #F92F01 solid;
}

.titel {
	font-size: 16px;
	letter-spacing: 1px;
}

.form {
	font-size: 11px;
	background-color: #F92F01;
	color: #ffffff;
	border: 1px #ffffff solid;
	scrollbar-base-color:#684C81;
	scrollbar-track-color:#684C81;
	scrollbar-face-color:#473c66;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3d-light-color:#ffffff;
	scrollbar-dark-shadow-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-arrow-color:#ffffff;
}

.form_kl {
	font-size: 9px;
	background-color: #F92F01;
	color: #ffffff;
	border: 1px #ffffff solid;
}

.form2 {
	font-size: 11px;
	background-color: #ffffff;
	color: #F92F01;
	border: 1px #F92F01 solid;
}

.form2_kl {
	font-size: 9px;
	background-color: #ffffff;
	color: #F92F01;
	border: 1px #F92F01 solid;
}

.produktenavi_rot {
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #F92F01;
	border-right-color: #F92F01;
	border-left-color: #F92F01;
	background-color: #F92F01;
}

.produktenavi_link_rot {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

.produktenavi_weiss {
	text-decoration:none;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #F92F01;
	border-right-color: #F92F01;
	border-left-color: #F92F01;
}

.produktenavi_link_weiss {
	font-weight: bold;
	color: #F92F01;
	text-decoration:none;
}

.schatten {
	-webkit-box-shadow:  0px 0px 5px 5px #FFFFFF;
	-moz-box-shadow:  0px 0px 5px 5px #FFFFFF;
	box-shadow:  0px 0px 5px 5px #FFFFFF;
}

.vorteile {
	font-weight:900;
	color:#5AA701;
	font-size:13px;
	float:left;
	text-decoration:none;
}

.vorteile img {
	vertical-align:text-top;
}

.black {
	transform: rotate(20deg) scale(2.5);
}

.animation .black {
	transform: scale(1.0);

	-moz-transition: 0.3s ease-out;
	-webkit-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out; 
	-ms-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.rubrik_last {
	float:left;
	height:138px;
	margin-bottom:15px;
	margin-right:10px;
	text-decoration:none;
	cursor: pointer;
}

.rubrik_last b {
	color:#000;
}

.rubrik_last:hover {
	background-color:#fee0d9;
	-moz-transition: 0.3s ease-out;
	-webkit-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.produktempfehlung:hover {
	-moz-transition: 0.3s ease-out;
	-webkit-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	transition: 0.3s ease-out;

	-webkit-box-shadow:0px 0px 10px 2px #000;
	-moz-box-shadow:0px 0px 10px 2px #000;
	box-shadow:0px 0px 10px 2px #000;
}

/* START Vignette */
.main {
	width: 130px;
	display: block;
	z-index: 0;
	position: relative;
}

.geheim {
	width: 250px;
	display: none;
	position: absolute;
	background-color: #5AA701;
	top: 0;
	left: 0;
	color: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	padding:20px;
	text-align:center;
	-webkit-box-shadow:0px 0px 10px 2px #fff;
	-moz-box-shadow:0px 0px 10px 2px #fff;
	box-shadow:0px 0px 10px 2px #fff;
}

.button:hover > .geheim {
	display: block;
	z-index: 10000;
}
/* ENDE Vignette */