/* project: www.baeckerei-rolf.de */
/* basic styles */
/* filename: include/basic.css */
/* update: 2007-11-20  */
/* css author: silvia guth - www.webchair.de */

body {
  	behavior: url(/csshover.htc); /* diese datei wird nur vom IE/Win benutzt */
	background: url(../img/higru1.gif);
	font-size: 0.7em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#666;
	padding:0;
	margin:0;
	scrollbar-base-color:#E7E6E6;

}
* flitzer body {
	overflow: auto;
}
* html body {
	overflow: auto;
}

a {
	color: #c92820;
	font-weight: bold;
	text-decoration: none;
    border-color: #99CCFF;
}

	a:visited {color:#DB7093;}
	a:hover {color: #000000;}
	a:active { color:#000000;}


/*h1 {
	font-size: 2em; 
	font-weight: normal;
 }*/

/*h2 {
	font-size: 1.7em;
	font-weight: normal;
}*/



/* ---------------- wrapper ----------------- */
#container {
	position: relative;
	max-height: 385px;
	width: 988px;
	margin: 0;
	padding: 0;
}

* html #container {
	height: 500px;
}

/* -------------------logo-------------------- */
#header {
 	height: 122px;
	width: 988px;
	margin: 0;
	padding: 0;
	background: url(../img/header1.jpg) no-repeat;
}
#header2{  /* Backmittel */
 	height: 122px;
	width: 750px;
	margin: 0;
	padding: 0;
	background: url(../img/header2.jpg) no-repeat;
}

#breadcrumps {
	position: absolute;
	left: 795px;
	top: -20px;
	width: 187px;
 	height: 17px;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
 	text-align: right;
}

/* -----------------inhalt---------786px----------- */
#content {
	float: left;
	width: 786px;
	height: 400px;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

 #subheader {    /* headline content */
	position: absolute;
 	left: 259px;
 	top: 1px;
 	text-align: center;
 	border: none;
 	background: #fff;
 	margin: 10px 0px 20px 0px;
 	width: 676px;
}
 
 * html #subheader {
	margin: 0px 0px 10px 0px;
}
  
 #box1 {		/* linke box */
	position: absolute;
	left: 210px;
	top: 75px;
	text-align: left;
	border: none;
	background: #fff;
	margin: 0 0 0 45px;
	padding: 0;
	width: 219px;
}
 
* html #box1 {
	margin: 0 0 0 45px;
}
 
 #box2 {		/* mittlere box */
	position: absolute;
	left: 483px;
	top: 75px;
	text-align: left;
	border: none;
	background: #fff;
	margin: 0;
	padding: 0;
	width: 205px;
}
 
 #box3 {		/* rechte box */
	position: absolute;
	left: 711px;
	top: 75px;
	border: none;
	background: #fff;
	margin: 0;
	padding: 0;
	width: 219px;
	
}

 #boxgross {		/* box fuer infos */
	position: absolute;
	left: 259px;
	top: 2px;
	width: 690px;
	margin: 0;
	padding: 0;
	overflow:auto;
	height: 420px;
}
 #boxgrossintern {		/* box fuer infos */
	position: absolute;
	left: 249px;
	top: 20px;
	width: 700px;
	margin: 0;
	padding: 0;
	overflow:auto;
	height: 420px;
}

 #boxlinks {
	position: absolute;
	left: 215px;
	top: 20px;
	text-align: left;
	font-size:1em;
	border: none;
	background: #fff;
	margin: 0 0 0 45px;
	padding: 0;
	width: 254px;
	background-color: #fff;
	height: 308px;
}
 
* html #box1 {
	margin: 0 0 0 45px;
}
 #boxrechts {
	position: absolute;
	left: 538px;
	top: 18px;
	text-align: left;
	border: none;
	background: #fff;
	margin: 0;
	padding: 0;
	width: 393px;
	height: 361px;
}

 #box-eins {		/* MRP */
	position: absolute;
	left: 215px;
	top: 1px;
	text-align: left;
	border: none;
	background: #fff;
	margin: 0 0 0 45px;
	margin: 0;
	padding: 0;
	width: 150px;
}

 #box-zwei {		/* MRP */
	position: absolute;
	left: 454px;
	top: 1px;
	text-align: left;
	border: none;
	background: #fff;
	margin: 0 0 0 45px;
	margin: 0;
	padding: 0;
	width: 150px;
}
 #box-drei {       /* MRP */
	position: absolute;
	left: 604px;
	top: 1px;
	text-align: left;
	border: none;
	background: #fff;
	margin: 0;
	padding: 0;
	width: 150px;
}
#box-vier {       /* MRP */
	position: absolute;
	left: 768px;
	top: 1px;
	text-align: left;
	border: none;
	background: #fff;
	margin: 0;
	padding: 0;
	width: 150px;
}
#box-fuenf {		/* MRP */
	position: absolute;
	left: 215px;
	top: 190px;
	text-align: left;
	border: none;
	background: #fff;
	margin: 0;
	padding: 0;
	width: 250px;
}

#box-sechs {		/* MRP */
	position: absolute;
	left: 604px;
	top: 190px;
	text-align: left;
	border: none;
	background: #fff;
	margin: 0;
	padding: 0;
	width: 250px;
}
 #iframe {
	position: absolute;
	left: 558px;
	top: 18px;
	text-align: left;
	border: none;
	background: #fff;
	margin: 0;
	padding: 0;
	width: 390px;
	height: 361px;
	background-color: #fff;
}


/* ------------------text-------------------- */
p, pre {
	padding: 0;
	margin:0;
	line-height: 130%;
}
pre, code { font-size: 1.2em;}

h1 {
	font-size: 1em;
	font_weight: bold;
	padding: 0;
	margin: 0;
}
h2 {
	padding: 0;
	margin: 0;
}
h3 {
	font-size: 1,5em;
	padding: 0;
	margin: 0;
}
h4 {
	font-size: 2em;
	color:#c8281e;
	font-weight:bold;
}
h5 {
	font-size: 12px; 
	font-weight: bold;
	color: #c8281e;
	padding: 0;
	margin: 0;
}


.gross {
	width: 5.71em;
	height: 1.07em;}

/* -------------- navigavtion------------- */

#nav {
	float: left;
	margin: 0;
/*	z-index: 10; */
	width: 202px;
	height: 400px;
	background: url(../img/navi1.gif) repeat-y;
  }
/*#navdrop {
  float: left;
  width: 12em;
}*/

#navdrop ul {
	position: absolute;
	top: 32px;
	left: 52px;
	margin: 0;
	padding: 0;
	width: 12em;
	z-index: 1;
}
  
* html #navdrop ul {
	padding: 1px 1px 1px 1px;
}

#navdrop li {
  	position: relative;
  	list-style: none;
  	margin: 0;
  	border-bottom: 1px solid #fff; 			/* border hauptmenu + submenu */
}

* html #navdrop li {
	padding: 1px 1px 1px 1px;
}
#navdrop li:hover {
  	background: #faa014;
}

/*#navdrop li.sub {
  	url(ordner_der_bilder/pfeil_drop.gif) 95% 50% no-repeat;
}*/

#navdrop li.sub:hover {
  	background-color: #c8281e;
}
#navdrop li a {
  	width: 8em;    /* submenu breite im IE*/
  	display: block;
  	text-decoration: none;
  	padding: 0.5em 0 0.5em 1em;
  	color: #000;
}
#navdrop>ul a {
  	width: auto;
}
#navdrop ul ul {
  	position: absolute;
  	top: 15px;
  	left: 12em;
  	width: 130px;
  	display: none;
  	background-color: #ffdc96;
}

#navdrop ul.sub1 li.sub:hover ul.sub2 {
  	display: block;
}
#navdrop ul.sub2 li.sub:hover ul.sub3 {
  	display: block;
}

#nav img {
  border: none;
  margin: 0;
}

/* -----------footer--------------------------- */
#footer {
	clear: left;
	height: 78px;
	background: url(/img/footer.gif) no-repeat;
	padding: 0;
	margin: 0;
	z-index: 2;
}

#flitzer a {
	position: absolute;
	left: 694px;
	top: 405px;
	width: 52px;
	height: 48px;
	text-decoration: none;
}
#filialen a {
	position: absolute;
	left: 763px;
	top: 406px;
	width: 52px;
	height: 48px;
	text-decoration: none;
}
#aktionen a {
	position: absolute;
	left: 835px;
	top: 405px;
	width: 52px;
	height: 48px;
	text-decoration: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.Stil1 {color: #c8281e; font-weight: bold;
}
.Stil2 {font-size: 12px; font-family: Arial, Helvetica, sans-serif;
}
.Stil3 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #333333
}
.Stil4 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;
}
.Stil5 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #000000;
}


/* -----------produkte--------------------------- */

#produkte-links {
	position:absolute;
	top: 20px;
	left: 230px;
	width: 360px;
	height: 400px;
	vertical-align:top;
	border: none;
	background: #fff;
	background-color: #fff;
	}
#produkte-links-brot-broetchen {
	position:absolute;
	top: 1px;
	left: 225px;
	width: 370px;
	height: 305px;
	vertical-align:top;
	border: none;
	background: #fff;
	background-color: #fff;
	overflow:auto;
	}	
#produkte-rechts {
	position:absolute;
	top: 30px;
	left: 610px;
	width: 350px;
	height: 360px;
	vertical-align:top;
	border: none;
	background-color: #FFDC96; /* FFDC96 */
	overflow:auto;
		}
#produkte-rechts-foto {
	position:absolute;
	top: 20px;
	left: 610px;
	width: 350px;
	height: 400px;
	vertical-align:top;
	border: none;
	background: #fff;
	background-color: #fff;
	}		
 #produkte-unten {
	position:absolute;
	top: 325px;
	left: 225px;
	width: 340px;
	height: 120px;
	vertical-align:top;
	border:1px solid; 
	border-color:#CC3333; 
	background: #fff;
	background-color: #fff;
	}
 #produkte-backmittel {
	position: absolute;
	left: 430px;
	top: 305px;
	text-align: left;
	border: none;
	background: #fff;
	width: 200px;
	height: 15px;
}
 #produkte-drucken {
	position: absolute;
	left: 240px;
	top: 305px;
	text-align: left;
	border: none;
	background: #fff;
	width: 200px;
	height: 15px;
}

#produkte-links-kuchen-snack {
	position:absolute;
	top: 20px;
	left: 220px;
	width: 320px;
	height: 361px;
	vertical-align:top;
	border: none;
	background: #fff;
	background-color: #fff;
	}
#produkte-rechts-kuchen-snack {
	position:absolute;
	top: 30px;
	left: 560px;
	width: 400px;
	height: 360px;
	vertical-align:top;
	border: none;
	background-color: #fff; /* FFDC96 */
	overflow:auto;
		}
		
/* -----------festtagstorten------------------------- */

 #festtag-links {
	position:absolute;
	top: 20px;
	left: 230px;
	width: 320px;
	height: 361px;
	vertical-align:top;
	border: none;
	background: #fff;
	margin: 0;
	padding: 0;
	background-color: #fff;
	}
 #festtag-linksunten {
	position:absolute;
	top: 390px;
	left: 230px;
	width: 320px;
	height: 50px;
	vertical-align:top;
	border: none;
	background: #fff;
	margin: 0;
	padding: 0;
	background-color: #fff;
	}
 #festtag-mitte {
	position:absolute;
	top: 20px;
	left: 515px;
	width: 350px;
	height: 351px;
	vertical-align:top;
	border: none;
	background: #fff;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background: url(/produkte/torte/$Nummer.jpg) no-repeat;

	}
	
 #festtag-rechts {
	position:absolute;
	top: 20px;
	left: 867px;
	width: 110px;
	height: 351px;
	vertical-align:top;
	border: none;
	background: #fff;
	margin: 0;
	padding: 0;
	background-color: #fff;

	}
 /* ---------- sitemap ---------- */
#sitemap-links {
	position: absolute;
	left: 300px;
	top: 40px;
	text-align: left;
	border: none;
	background: #fff;
	margin: 0 0 0 45px;
	padding: 0;
	width: 219px;
}
#sitemap-rechts {
	position: absolute;
	left: 500px;
	top: 40px;
	text-align: left;
	border: none;
	background: #fff;
	margin: 0 0 0 45px;
	padding: 0;
	width: 219px;
}
.mapitem, .mapitem:hover, .mapitem:active, .mapitem:visited, .mapblanc  {
	display:block;
	padding:1px 0px 1px 11px;
	color:#C8281E;
	background-color:transparent;
	font-weight:bold;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:center left;  }
.mapitem:visited {
	color:#000000; }
.mapitem {
	background-image:url(/img/tag_top.gif); }
.mapsub .mapitem {
	background-image:url(/img/tag_sub.gif); }
.mapitem:hover {
	background-image:url(/img/tag_red.gif); }			
.mapblanc {
	background-image:url(/img/tag_blanc.gif); }
.mapsub {
	margin:0px 0px 8px 32px; }


/* Fotoalbum */
#content .album img {
	border: 1px solid #bbbbbb;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 80px; height:60px;
}	
 #boxalbum {		/* linke box */
	position: absolute;
	left: 190px;
	top: 75px;
	text-align: left;
	border: none;
	background: #fff;
	margin: 0 0 0 45px;
	padding: 0;
    height:310px; 
	width:725px; 
	overflow:auto;
}