/* CSS Document */
* {
    margin:0; 
    padding:0;
}

html,body {
	background-color:#f3f3f3;
	font-family: Arial;
    font-size:12px;
}

#mamma {
	position:absolute;
	
	left:50%;
	width:932px;
	margin-left: -466px;
	height:auto;
}

#fmamma {
	position: absolute;
	z-index: 1;
	width: 330px;
	left: 596px;
	top: 10px;
	height: 13px;
}

#f1 {
	background-image: url(../pics/layout/haendlersuche.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 7px;
	width: 62px;
	left: 0px;
	top: 3px;
	z-index: 2;
	cursor:pointer;
}

#t1 {
	background-image: url(../pics/layout/pipe_top.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 13px;
	width: 1px;
	left: 72px;
	top: 0px;
	z-index: 2;
}

#f2 {
	background-image: url(../pics/layout/seite_empfehlen.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 9px;
	width: 74px;
	left: 82px;
	top: 3px;
	z-index: 2;
	cursor:pointer;
}

#t2 {
	background-image: url(../pics/layout/pipe_top.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 13px;
	width: 1px;
	left: 168px;
	top: 0px;
	z-index: 2;
}

#f3 {
	background-image: url(../pics/layout/agb.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 7px;
	width: 21px;
	left: 179px;
	top: 3px;
	z-index: 2;
	cursor:pointer;
}

#t3 {
	background-image: url(../pics/layout/pipe_top.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 13px;
	width: 1px;
	left: 210px;
	top: 0px;
	z-index: 2;
}

#f4 {
	background-image: url(../pics/layout/impressum.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 9px;
	width: 49px;
	left: 221px;
	top: 3px;
	z-index: 2;
	cursor:pointer;
}

#t4 {
	background-image: url(../pics/layout/pipe_top.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 13px;
	width: 1px;
	left: 280px;
	top: 0px;
	z-index: 2;
}

#f5 {
	background-image: url(../pics/layout/login.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 9px;
	width: 28px;
	left: 291px;
	top: 3px;
	z-index: 2;
	cursor:pointer;
}

#t5 {
	background-image: url(../pics/layout/pipe_top.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 13px;
	width: 1px;
	left: 329px;
	top: 0px;
	z-index: 2;
}


#main {
	position:relative;
	left:0px;
	top:30px;
	width:932px;
	height:auto;
	z-index:1;
	background-color: #FFFFFF;
}

#bordertop {
	background-image: url(../pics/layout/topshade.gif);
	background-repeat: no-repeat;
	height: 9px;
	width: 932px;
	position: relative;
	left: 0px;
	top: 0px;
	font-size:9px;
	z-index: 2;
}

#sideborders {
	background-image: url(../pics/layout/sideshades.gif);
	background-repeat: repeat;
	height: auto;
	width: 932px;
	position: relative;
	z-index: 2;
}

#borderbottom {
	/* background-image: url(../pics/layout/bottomshade.gif);
	background-repeat: no-repeat; */
    height:9px;
	line-height: 1px;
	width: 932px;
	position: relative;
    margin-top:10px;
	z-index: 2;
}

#mainframe {
    position:relative;
    margin-top:18px;
    margin-left:26px;
    height:auto;
    width:880px;
    /* background-color:#123456; */
}

#logo {
	position:relative;
	width:880px;
	height:110px;
	z-index:4;
	background-image: url(../pics/layout/banner.jpg);
	background-repeat: no-repeat;
}

#menumamma {
	position: relative;
	height: 17px;
	width: 880px;
	margin-top: 10px;
    font-weight:bold;
    color:#365061;
    z-index:4;
}

.menuaktiv {
    color:#5c95bc;
    cursor:auto;
}

.pipe {
    background-image: url(../pics/layout/pipe.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 1px;
    float:left;
	z-index: 4;	
}

.menuTop {
	/*background-image: url(../pics/layout/home_active.gif);
	background-repeat: no-repeat; */
	height: 9px;
	margin-left: 9px;
    margin-right: 9px;
    float:left;
	top: 3px;
	z-index: 4;
    cursor:pointer;
}

#menu_home {
	/*background-image: url(../pics/layout/home_active.gif);
	background-repeat: no-repeat; */
	height: 9px;
	margin-left: 9px;
    margin-right: 9px;
	top: 3px;
	z-index: 4;
}

#menu_du {
	/*background-image: url(../pics/layout/das_unternehmen.gif);
	background-repeat: no-repeat; */
	height: 9px;
	margin-left: 9px;
    margin-right: 9px;
	top: 3px;
	z-index: 4;
}

#menu_dm {
	/* background-image: url(../pics/layout/die_marke.gif);
	background-repeat: no-repeat; */
	position: absolute;
	height: 9px;
	width: 56px;
	left: 186px;
	top: 3px;
	z-index: 4;
}


#menu_pd {
	/* background-image: url(../pics/layout/produkte.gif);
	background-repeat: no-repeat; */
	position: absolute;
	height: 9px;
	width: 51px;
	left: 263px;
	top: 3px;
	z-index: 4;
}

#menu_rz {
	/* background-image: url(../pics/layout/rezepte.gif);
	background-repeat: no-repeat; */
	position: absolute;
	height: 11px;
	width: 45px;
	left: 335px;
	top: 3px;
	z-index: 4;
}

#menu_kt {
	/* background-image: url(../pics/layout/kontakt.gif);
	background-repeat: no-repeat; */
	position: absolute;
	height: 9px;
	width: 43px;
	left: 401px;
	top: 3px;
	z-index: 4;
}

#mainbody {
	position: relative;
	height: auto;
	width: 888px;
	margin-top: 10px;
    height:auto;
    z-index:4 ;
}

#leftboxframe {
	background-color: #CCCCCC;
	position: relative;
	height: 392px;
	width: 500px;
    float:left;
}

#leftbox {
	background-color: #FFFFFF;
	position: absolute;
	height: 390px;
	width: 498px;
	left: 1px;
	top: 1px;
}

#leftboxcontent {
	background-image: url(../pics/layout/homepage_left.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 371px;
	width: 479px;
	left: 9px;
	top: 9px;
	cursor:pointer;
}

#rtopboxframe {
	background-color: #CCCCCC;
	position: relative;
	height: 191px;
	width: 370px;
    margin-left:510px;
}
* html #rtopboxframe {
    margin-left: 507px;
}

#rtopbox {
	background-color: #FFFFFF;
	position: absolute;
	height: 189px;
	width: 368px;
	left: 1px;
	top: 1px;
}

#rtopboxcontent {
	background-image: url(../pics/layout/homepage_teaser1.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 171px;
	width: 351px;
	left: 9px;
	top: 9px;
	cursor:pointer;
}

#rbuttomboxframe {
	background-color: #CCCCCC;
	position: relative;
	height: 191px;
	width: 370px;
    margin-left:510px;
    margin-top:10px;
}
* html #rbuttomboxframe {
    margin-left: 507px;
}

#rbuttombox {
	background-color: #FFFFFF;
	position: absolute;
	height: 189px;
	width: 368px;
	left: 1px;
	top: 1px;
}

#rbuttomboxcontent {
	background-image: url(../pics/layout/homepage_teaser2.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 171px;
	width: 351px;
	left: 9px;
	top: 9px;
	cursor:pointer;
}

#adressleiste {
	background-image: url(../pics/layout/adresse.gif);
    background-repeat: no-repeat ;
	position: relative;
	height: 17px;
	font-size:1px;
	width: 920px;
	margin-left: 6px;
	margin-top:40px;
}