/* Allgemeine-Styles */
*
{
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
vertical-align: top;
}

html, body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #111; 
}
object { outline:none; }
img{ border: 0px; margin: 0px; padding: 0px; }
a{ text-decoration: none; }
a:hover{ color: #111; }
h1{ font-size: 150%; font-weight: bold; }
h2{ font-size: 125%; font-weight: bold; }
h3{ font-size: 100%; font-weight: bold; }
.oralnk{ font-size:80%; font-weight: bold; display: block; color: #f66916; margin-top: 5px; }
.oralnki{ font-size:80%; font-weight: bold; display: inline; color: #f66916; margin-top: 5px; }
.oralnk_faq_text{ font-size:100%; font-weight: bold; color: #f66916; margin-top: 5px; }
.oralnk_rechts_visited{ font-size:80%; font-weight: bold; display: block; color: #111; margin-top: 5px; l}
.oralnk2{ font-size:75%; font-weight: bold; display: block; color: #f66916; margin-top: 2px;  }
.aora{ color: #f66916; }
.abs{ position: absolute; }

select{ font-size: 75%; height: 20px; margin-top: 5px; color:#fff; padding: 2px 2px; width: 176px; border: 0px; background-color: transparent; background-image: url(../images/add_selectbox_bg.gif);background-repeat: repeat; }
option{ padding: 4px 2px; background-color: #f66916; border: 0px;}

#site{ width: 900px; padding:5px 0px 0px 0px; height: 600px; overflow:hidden; background-color: #fff; background-image: url(../images/ifp_bg.jpg);background-position: 0px;background-repeat: no-repeat; }
#page{ width: 900px; height: 600px; position: absolute; top: 5px; left: 0px; }

.msie7{ margin:16px 15px !important; }
#logo{ position: absolute; top: 0px; left: 0px; z-index: 999; }
#navigation{ position: absolute; top: 20px; left: 10px; z-index: 999;  }
#navigation div{ position: absolute; top: 0; white-space: nowrap; }
#navigation div a{ font-weight: bold; color: #f66916; font-size: 11px; background-image: url(../images/arrow01.gif);background-repeat: no-repeat; background-position: top left; }
#navigation div a:hover{ color: #000; background-image: url(../images/arrow02.gif); }
#navigation div a.naon{ color: #000; background-image: url(../images/arrow02.gif); }

#navigation ul{ list-style-type:none; }
#navigation ul li{ padding:0px; margin: 0px; float: left; display: inline; height: 26px; overflow: hidden;background-position: top left; }
#navigation ul li div{ padding:6px 0px; margin:0px; float:left; display:inline; height:26px; }
#navigation ul li div.bg_orange{ background-image: url(../images/nav_bg_ora.gif);background-repeat: repeat-x;background-color: #fff; }
#navigation ul li div.start_orange{ background-image: url(../images/nav_start_ora.gif);background-repeat: no-repeat;background-color: #fff; width: 10px; overflow: hidden; }
#navigation ul li div.bg_black{ background-image: url(../images/nav_bg_blk.gif);background-repeat: repeat-x;background-color: #fff; }
#navigation ul li div.start_black{ background-image: url(../images/nav_start_blk.gif);background-repeat: no-repeat;background-color: #fff; width: 10px; overflow: hidden; }
#navigation ul li div.tab_oo{ background-image: url(../images/nav_tab_oo.gif);background-repeat: no-repeat;background-color: #fff; width: 10px; overflow: hidden; }
#navigation ul li div.tab_ob{ background-image: url(../images/nav_tab_ob.gif);background-repeat: no-repeat;background-color: #fff; width: 10px; overflow: hidden; }
#navigation ul li div.tab_bo{ background-image: url(../images/nav_tab_bo.gif);background-repeat: no-repeat;background-color: #fff; width: 10px; overflow: hidden; }
#navigation ul li div.end{ padding-right: 10px; }
#navigation ul li div a{ font-weight: bold; font-size: 75%; color: #fff; display: block; margin: 0px 8px;}
#navigation ul li div a:hover{ color:#111;}
#navigation ul li div.active a{ color:#fff;}

#content{ position: absolute; top: 70px; left: 20px; width: 630px; height: 520px; overflow: hidden; }
#incontent{ position: relative; margin-top: 10px; }
#incontent div.sp_left{ position: absolute; top: 0px; left: 0px; width: 310px;}
#incontent div.sp_right{ position: absolute; top: 0px; left: 320px; width: 310px; overflow: hidden; z-index: 1;}
#incontent div.sp_all{ position: absolute; top: 0px; left: 0px; width: 620px; }
.scroll{ display:block; overflow:scroll;height:470px;width:282px; }

#incontent div.teaser_uleft{ position: absolute; top: 285px; left: 0px; width: 253px; height: 208px; overflow: hidden;background-image: url(../images/teaser_kl_bg.jpg);background-repeat: no-repeat;background-color: #fff; }
#incontent div.teaser_uright{ position: absolute; top: 285px; left: 265px; width: 352px; height: 208px; overflow: hidden;background-image: url(../images/teaser_mid_bg.jpg);background-repeat: no-repeat;background-color: #fff; }
#incontent div.teaser_tall{ position: absolute; top: 0px; left: 0px; width: 617px; height: 273px; overflow: hidden;background-image: url(../images/teaser_gr_bg.jpg);background-repeat: no-repeat;background-color: #fff; }
#flashContent_uall{  position: absolute; top: 0px; left: 0px; width: 617px; height: 273px; overflow: hidden;}

#incontent div.teaser_newleft{ position: absolute; top: 285px; left: 0px; width: 253px; height: 210px; overflow: hidden;background-image: url(../images/teaser/teaser_left_bg.jpg);background-repeat: no-repeat;background-color: #fff; }
#incontent div.teaser_newmiddle{ position: absolute; top: 285px; left: 262px; width: 173px; height: 210px; overflow: hidden;background-repeat: no-repeat;background-color: #fff; }
#incontent div.teaser_newright{ position: absolute; top: 285px; left: 444px; width: 173px; height: 210px; overflow: hidden;background-repeat: no-repeat;background-color: #fff; }

#right{ position: absolute; top: 75px; left: 660px; width: 230px; height: 510px; overflow: hidden; border-left:1px dotted #333; }
#inright{ margin: 180px 0px 0px 20px; }
#inright div.divider{ width: 180px; height: 1px; border-top:1px dotted #111; overflow: hidden; margin: 3px 0px 8px 0px; padding: 0px;}
#inright div.divider_abstand{ width: 180px; height: 5px; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px;}
.ir{ font-size: 80%; }
.bir{ font-weight: bold; font-size: 90%; }

#extrapos0{ position: absolute; top: 0px; left: 0px;}
#extrapos1{ position: absolute; bottom: 4px; right: 0px;}
#extrapos_swf{ position: absolute; top: 80px; left: 510px;}

#swf_big{ position: absolute; top: 0; left: 0; z-index: 99; background-image: url(../images/teaser_grow_bg2.gif); background-repeat: no-repeat; width:372px; height:400px; overflow: hidden; }
#swf_small{ position: absolute; top: 0; left: 169px; z-index: 2; }

label{ display: block; margin: 5px 0px 3px 0px; font-size:75%; }
textarea.tf, input.tf, select.tf{ font-size: 90%; padding: 2px; margin-bottom: 2px 0; border: 1px solid #a0a0a0; background-color: #fafafa;color:#111; background-image: none; }
.tf option{ background-color:#fafafa; padding: 2px;}
.tfs{ margin:0 2px 2px 0;}
.closer{ position: absolute; cursor: pointer; top: 8px; right: 8px; width: 16px; height: 16px; display: block; }
.inpad{ padding: 15px 10px 5px 20px; }

#angebote{ position:absolute; top:80px; left:20px; width:617px; height:489px; overflow:hidden; background-image: url(../images/big_teaser_bg.jpg);background-repeat: no-repeat;background-color: #fff; }
.ang_1,.ang_3,.ang_4,.ang_5{ font-size: 80%; }
.ang_2{ font-size: 125%; font-weight: bolder; }
.ang_1, .ang_2{ color: #f66916;}

#rezepte{ position:absolute; top:80px; left:20px; width:617px; height:491px; overflow:hidden; }


#contentteaser{ background-image: url(../images/contentteaser_bg.jpg);background-repeat:no-repeat;background-color:#fff; width: 282px; height: 117px; overflow: hidden; }
#contentteaser2{ background-image: url(../images/contentteaser_bg2.gif);background-repeat:no-repeat;background-color:#fff; width: 282px; height: 211px; overflow: hidden; }

#eh{
border: 1px solid #666;
color: #000;
background-image: none;
font-size:10px;
background-color:#fff; 
}

#eh option{
border: 0;
color: #000;
background-color: #fff;
}

.overlay {
	position: absolute;
	top: 50px;
	left: 340px;
	display: none;
	z-index: 99;
	width: 250px;
	height: 320px;
	padding: 10px;
	border: 3px #f8833f solid;
	background-color: #fff;
	color: #000;
	font-size: 10px;
	overflow: visible;
}

.o2 {
	top: 70px;
	left: 20px;
	height: 90px;
}

.o3 {
	height: 200px;
	top: 40px;
	left: 20px;
}

.o4 {
	top: 70px;
	left: 20px;
	height: 320px;
}