body {
	background-color:#7D7D7D;
	height:100%;
}


a {
	text-decoration:none;
		font:normal normal normal 13px/normal 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: gray;
}
a:hover {
	text-decoration:none;
		font:normal normal normal 13px/normal 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: white;
}

#rezept {
	background-color:#fff; 
	position:inherit; 
	left:180px; 
	top:10px; 
	overflow:hidden; 
	opacity:0; 
	z-index:100;
	border:none 5px #000000;
	-moz-border-radius-topleft: 11px;
	-moz-border-radius-topright:11px;
	-moz-border-radius-bottomleft:11px;
	-moz-border-radius-bottomright:11px;
	-webkit-border-top-left-radius:11px;
	-webkit-border-top-right-radius:11px;
	-webkit-border-bottom-left-radius:11px;
	-webkit-border-bottom-right-radius:11px;
	 border-top-left-radius:11px;
	 border-top-right-radius:11px;
	 border-bottom-left-radius:11px;
	 border-bottom-right-radius:11px;
}

#button1 {
	position:absolute;
	width:184px;
	top:0px;
	height:1px;
	left:221px;
	z-index: 100;
}

#click_oben {
	position:absolute;
	left:221px;
	top:0px;
	width:184px;
	height:73px;
	background-color:#transparent;
	opacity:0.4;
		-webkit-border-bottom-left-radius:12px 12px;
	-webkit-border-bottom-right-radius:12px 12px;
	z-index:inherit;
	cursor:pointer;
}



.mystyle {
}

#titel {
	position:absolute;
	height:41px;
	width:698px;
	left:21px;
	top:160px;
	background-color:transparent;
}

.titel {
	font:normal normal normal 33px/normal 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.titelalt {
	font:normal normal normal 33px/normal 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#000000;
}

#utitel {
	position:absolute;
	height:41px;
	width:898px;
	left:21px;
	top:230px;
	background-color:transparent;
}

.utitel {
	font:normal normal normal 15px/normal 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#C0C0C0;
}

#titel2 {
	position:absolute;
	height:41px;
	width:386px;
	right:21px;
	top:160px;
	background-color:transparent;
}

.titel2 {
	font:normal normal normal 31px/normal 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#C0C0C0;
	text-align:right;
}

.titel2alt {
	font:normal normal normal 31px/normal 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:right;
}

#utitel2 {
	position:absolute;
	height:41px;
	width:511px;
	right:21px;
	top:230px;
	background-color:transparent;
}

.utitel2 {
	font:normal normal normal 15px/normal 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#C0C0C0;
	text-align:right;
}
#textfeld {
	position:absolute;
	height:431px;
	width:350px;
	left:60px;
	top:250px;
	overflow:auto;
	background-color:transparent;
}
#textfeld_index {
	position:absolute;
	height:419px;
	width:515px;
	left:110px;
	top:168px;
	overflow:auto;
	background-color:transparent;
	background-image: url(bilder/handling.png);
}

#textfeld_handling {
	position:absolute;
	height:529px;
	width:909px;
	left:88px;
	top:110px;
	overflow:visible;
	background-color:transparent;
	background-image: url(bilder/handling.png);
}
#index_re {
	position:absolute;
	height:135px;
	width:277px;
	left:134px;
	top:492px;
	overflow:auto;
	background-color:transparent;
	background-image: url(bilder/logo.png);
}
#info {
	position:absolute;
	height:135px;
	width:277px;
	left:89px;
	top:492px;
	overflow:auto;
	background-color:transparent;
	background-image: url(bilder/logo.png);
}
#uebersicht{
	position:absolute;
	height:630px;
	width:617px;
	left:-1px;
	top:30px;
	overflow:auto;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	background-color: transparent;
}
#logo{
	position:absolute;
	height:80px;
	width:201px;
	left:20px;
	top:11px;
	overflow:auto;
	background-color: transparent;
	background-image: url(bilder/logo.png);
}


.fliesstext {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	line-height:17px;
	color:#FFFFFF;
}

.impressum {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:15px;
	color:#FFFFFF;
}


#bildleiste {
	position:absolute;
	height:435px;
	width:609px;
	left:416px;
	top:254px;
	overflow:auto;
	background-color:transparent;
}

/* @group hoch_runter /links_rechts */

#up_down {
	position:absolute;
	left:390px;
	top:607px;
}
div.icons a {
	display: block;
	background-image: url(../pictos/up_down.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 120px;
	float: left;
}
a.up { background-position: 0px 0px; }
a.down { background-position: -120px 0px; }


.icons a {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft. »
Alpha(Opacity=0)"; /* IE 8 hack */
filter: alpha(opacity = 25); /* IE 5-7 hack */
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}

.icons a:hover,
.icons a:focus {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft. »
Alpha(Opacity=100)"; /* IE 8 hack */
filter: alpha(opacity = 100); /* IE 5-7 hack */
}

#left_right {
	position:absolute;
	left:390px;
	top:-20px;
}
div.iconsoben a {
	display: block;
	background-image: url(../pictos/left_right.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 120px;
	float: left;
}
a.left { background-position: 0px 0px; }
a.right { background-position: -120px 0px; }


.iconsoben a {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft. »
Alpha(Opacity=0)"; /* IE 8 hack */
filter: alpha(opacity = 25); /* IE 5-7 hack */
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}

.iconsoben a:hover,
.iconsoben a:focus {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft. »
Alpha(Opacity=100)"; /* IE 8 hack */
filter: alpha(opacity = 100); /* IE 5-7 hack */
}
div.icons_index a {
	display: block;
	background-image: url(../pictos/info_rezepte.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 120px;
	float: left;
}
a.up { background-position: 0px 0px; }
a.down { background-position: -120px 0px; }


.icons_index  a {
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft. »
Alpha(Opacity=0)"; /* IE 8 hack */
filter: alpha(opacity = 25); /* IE 5-7 hack */
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}

.icons_index  a:hover,
.icons_index  a:focus {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft. »
Alpha(Opacity=100)"; /* IE 8 hack */
filter: alpha(opacity = 100); /* IE 5-7 hack */
}
/* @end */


/* @group pictos */

#picto5 {
	position:absolute;
	height:180px;
	width:180px;
	left:821px;
	top:457px;
	background-color:transparent;
}
#picto4 {
	width:180px;
	height:180px;
	position:absolute;
	left:622px;
	top:457px;
	background-color:transparent;
}
#picto3 {
	width:180px;
	height:180px;
	left:421px;
	position:absolute;
	top:457px;
	background-color:transparent;
}
#picto2 {
	width:180px;
	height:180px;
	position:absolute;
	top:457px;
	background-color:transparent;
	left:222px;
}
#picto1 {
	width:180px;
	height:180px;
	position:absolute;
	background-color:transparent;
	left:22px;
	top:457px;
}
/* @end */

/* @group Hintergrund_unterschiedlich */

#content1 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content2 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content3 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content4 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content5 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content6 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content7 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content8 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content9 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content10 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content11 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content12 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content13 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content14 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content15 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content16 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content17 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content18 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content19 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content20 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content21 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content22 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content23 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#content24 {
	width:1024px;
	height:690px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

/* @end */
#footer {
	position:absolute;
	top:700px;
	left: 130px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	line-height:17px;
	color:#5d5d5d;
}