﻿@charset "utf-8";

/*
8px 0.5em 50% 
9px 0.55em 55% 
10px 0.625em 62.5% 
11px 0.7em 70% 
12px 0.75em 75% 
13px 0.8em 80% 
14px 0.875em 87.5% 
15px 0.95em 95% 
16px 1em 100% 
17px 1.05em 105% 
18px 1.125em 112.5% 
19px 1.2em 120% 
20px 1.25em 125% 
*/


*{
	padding:0;
	border:0;
	margin:0;
}

html,body{
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:100.1%;
	background:#ffe6cc url(/images/background.gif) center top repeat-y;
	color:#624536;
}
#container{
	width:973px;
	margin:auto;
	text-align:left;
	padding-bottom:20px;
	height:101%;
}
#header{
	color:#efecd5;
	height:95px;
	border-bottom:1px solid #f8e5cc;
	font-size:0.7em;
	background:#4b2c1f url(/images/header_background.gif) no-repeat;
}
#header a{
	color:#efecd5;
	text-decoration:none;
}
#header a:hover{
	color:#FFF;
}
#header #menuImpressum a{
	color:#af816d;
}
#header #menuImpressum a:hover{
	color:#FFF;
}
#menu{
	float:right;
	margin-right:32px;
	padding-top:55px;
}
#menu ul{
	list-style-type: none; 
}
#menu ul li{
	display:inline;
	padding:0 18px 0 18px;
}
#logo{
	padding-top:18px;
	margin-left:30px;
	width:75px;
}

/* Navigation unten */
#navigationBottomSteinecke,
#navigationBottom{
	font-size:0.7em;
	padding:18px 38px 18px 38px;
}

#navigationBottomRight{
	float:right;
}
#navigationBottomSteinecke a,
#navigationBottom a{
	color:#f8e5cc;
	text-decoration:none;
}
*+html #navigationBottomSteinecke{
	margin-top:-20px;
}
/* Startseite */
#start{
	font-size:0.7em;
	background-color:#906451;
}
#start a{
	color:#4b2c1f;
	text-decoration:none;	
}
#start  a:hover{
	text-decoration:underline;
}
#start #startPic2 a{
	color:#FFF;
}
#start img{
	position:relative;
	z-index:1;
}
#startPic1, #startPic2, #startPic4{
	width:303px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
#startPic1{
	background-image:url(/images/start_pic_1_back.jpg);
}
#startPic2{
	background-image:url(/images/start_pic_2_back.jpg);
	margin-top:1px;
}
#startPic4{
	background-image:url(/images/start_pic_4_back.jpg);
}	
#startPic4{
	top:1px;
}
#startPic3{
	float:right;
	width:669px;			
	overflow:hidden;
	position:relative;
	cursor:pointer;
	background-image:url(/images/start_pic_3_back.jpg);
}
#startPic5Link{
	text-align:right;
	margin:38px 20px 0 0;
}
#startPic3Link{
	position:relative;
	z-index:11;
	text-align:right;
	margin:-20px 20px 0 0;
	height:20px;
}
#startPic1Link, #startPic2Link, #startPic4Link{
	position:relative;
	z-index:11;
	text-align:right;
	margin:-20px 20px 0 0;
	height:20px;
}
#startSpecials{
	width:603px;
	height:200px;
	float:right;
	background-color:#f8e5cc;
	margin-top:1px;
}
#startSpecials a:hover{
	text-decoration:none;
}
.startSpecialsRow1{
	height:49px;
	background-color:#f8e5cc;
}
.startSpecialsRow2{
	height:50px;
	background-color:#f7ecdd;
}
.startSpecialsText{
	padding:13px 25px 0 25px;
}
#startHeadline{
	margin:22px 0 0 25px;
}
#startNews{
	margin:10px 20px 0px 20px;
	background-color:#f7ecdd;
	padding:14px;
}
.startNewsHeadline{
	font-weight:bold;
	margin-bottom:4px;
}

/* Brotkultur */
#brotkultur{	
	line-height:1em;
}
#brotkultur a{
	/* color:#a60011; */
	color:#321f17;
	text-decoration:none;
}
#brotkultur a:hover{
	text-decoration:underline;
}
#brotkulturPic1, #brotkulturPic2{
	/*width:369px; */
}
#brotkulturPic2{
	margin-top:1px;	
}
#brotkulturPic3{
	float:right;
	width:603px;	
}
#brotkulturInfo{	
	background-color:#f8e5cc;
	margin-top:1px;
}
#brotkulturInfoHeadline{
	padding:40px 90px 0 90px;	
	font-weight:bold;
}
#brotkulturInfoText{
	padding:20px 90px 30px 90px;
	font-size:0.7em;	
}

/* Filialen */

#filialen{	
	line-height:0.9em;
}
#filialen a{
	color:#a60011;
	text-decoration:none;
}
#filialen a:hover{
	text-decoration:underline;
}
#filialenPic1, #filialenPic2{
	/* width:369px; */
}
/*
#filialenPic2{
	margin-top:1px;	
}
#filialenPic3{
	float:right;
	width:603px;	
}
*/
#filialenInfo{
	width:603px;
	height:557px;
	float:right;
	background-color:#f8e5cc;
	margin-top:1px;
}
#filialenFinder{
	background-color:#eed1aa;
	height:198px;
	width:369px;
	margin-top:1px;
	color:#ffe6cc;
	background-image:url(/images/filialen_finder_background.jpg);
}
#filialenNew{
	background-color:#f8e5cc;
	height:358px;
	width:369px;
	margin-top:1px;
	color:#ffe6cc;
	background-image:url(/images/filialen_new_background.jpg);
}
#filialenNew a{
	color:#FFF;
}
.filialenHeadline{
	padding:38px 0 0 40px;
	font-weight:bold;
	font-size:0.95em;
}
.filialenText{
	padding:10px 30px 0 40px;
	font-size:0.7em;
}
#filialenFinder .filialenHeadline{
	padding-top:90px;
}
#filialenInfo .filialenHeadline{
	padding-top:28px;
}
/* steinecke */
#steinecke{	
	line-height:1.6em;
	font-size:0.7em;
}
#steinecke a{
	color:#a60011;
	text-decoration:none;
}
#steinecke a:hover{
	text-decoration:underline;
}
#steineckePic1, #steineckePic2{
	width:369px;
}
#steineckePic2{
	margin-top:1px;	
}
#steineckePic3{
	float:right;
	width:603px;	
}
#steineckeInfo{
	width:603px;
	/* height:220px; */
	float:right;
	background-color:#f8e5cc;
	/* margin-top:1px; */
}
#steineckeInfo ul{
	margin:3px 0 3px 20px;
}
#steineckeInfoHeadline{
	padding:24px 30px 10px 48px;	
	font-size:1.3em;
	font-weight:bold;
}
#steineckeInfoText{
	padding:26px 30px 0 48px;	
}

#steineckeHistoryHeadline{
	font-weight:bold;
	background-color:#f3d9b7;
	border-bottom:1px solid #f8e5cc;
	text-align:center;
	line-height:2.4em;
}
.steineckeHistoryInfos{
	display:none;
	padding:10px;
	line-height:1.2em;	
}
.steineckeHistoryName1{
	text-align:center;
	background:#f9d2aa url(/images/steinecke_history_background_3.jpg) no-repeat;
	cursor:pointer;	
}
.steineckeHistoryName2{
	text-align:center;
	background:#f9d2aa url(/images/steinecke_history_background_1.jpg) no-repeat;
	cursor:pointer;	
}
.steineckeHistoryName3{
	text-align:center;
	background:#f9d2aa url(/images/steinecke_history_background_2.jpg) no-repeat;
	cursor:pointer;	
}
#steineckeHistory{
	width:369px;
	/* height: 178px;*/ 	
	background-color:#f8e5cc;
	float:left;
	border-right:1px solid #321F17;
}
#steinecke{
	background-color:#F8E5CC;
}

#steineckeHistory ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
#steineckeHistory li{
	margin-bottom:1px;
}

.steineckeHeadline {
	font-size:1.3em;
	font-weight:bold;
	padding:0px 0 8px 0px;
}


/* Spezialitäten */

#spezialitaeten{
	clear:left;
	width:973px;
	height: 657px;
	overflow:hidden;
	display: block;
	position:absolute;
	margin-top:29px;
	background:#f8e5cc url(/images/spezialitaeten_brot.jpg) right top no-repeat;
}

#spezialitaetenMenu {
	position:absolute;
	background:#f8e5cc url(/images/spezialitaeten_background.jpg) left bottom no-repeat;
}

#spezialitaetenMenu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.spezialitaetenInfosHeadline{
	display:block;
	background:transparent url(/images/spezialitaeten_headline_background.jpg) no-repeat;
	height:50px;
	text-align:center;
	line-height:50px;
	color:#f8e5cc;
	font-weight:bold;
	font-size:18px;
	width:585px;
}

#spezialitaeten ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
#spezialitaetenMenu li{
  float:left;
  display:block;
  /* border-right:2px solid #321F17; */
}
#spezialitaetenMenu ul li a{
  display: block;
  padding:8px 59px 8px 59px; 
  color:#321F17;
  text-decoration:none;
  font-size:0.7em;
}
#spezialitaeten ul li{
  float: left;  
  display: block;  
  background:transparent url(/images/spezialitaeten_background.jpg) left bottom no-repeat;
}

#spezialitaeten ul li a{
  display: block;
  overflow: hidden;
  height: 518px;
  width: 44px; 
}

#spezialitaeten #a1{
  width: 753px;
}

#spezialitaeten ul li img{
  /* position: absolute; */
}
#spezialitaeten .spezialitaetenInfos{
	display:block;
	width:630px;
	margin-top:20px;
	margin-left:58px;	
}
#spezialitaeten .spezialitaetenInfosText{
	font-size:0.7em;
}
#spezialitaeten .spezialitaetenInfosHeadline{
	font-weight:bold;
	margin-bottom:14px;
}
/*
#spezialitaeten ul li p{
  margin: 0;
  padding: 0;
  display: block;
  margin-left: 44px;
  font-size:0.7em;
}
*/

/* Empfehlungen */

#empfehlungen{	
	line-height:1.4em;
	font-size:0.7em;
}
#empfehlungenPic1{
	/* width:369px; */
}
/*
#empfehlungenPic2{
	float:right;
	width:603px;	
}
*/
.empfehlungenRow1{	
	margin-top:1px;
	background:transparent url(/images/empfehlungen_icon_neu.gif) 15px 90px no-repeat;
}
.empfehlungenRow2{
	clear:right;
	margin-top:1px;
	background:transparent url(/images/empfehlungen_icon_kurze_zeit.gif) 15px 90px no-repeat;
}
.empfehlungenRow1{
	background-color:#f7ecdd;
}
.empfehlungenRow2{
	background-color:#f8e5cc;
}
.empfehlungenPlakat{
	float:right;	
}
.empfehlungenInfo{
	width:400px;
}
/*
.empfehlungenIcon{
	width:330px;
	height:385px;
	float:left;
}
.empfehlungenIcon img{
	padding:147px 0 0 120px;
}
*/
.empfehlungenInfoHeadline{
	padding:40px 10px 30px 120px;	
	font-size:1.3em;
	font-weight:bold;
}
.empfehlungenInfoText{
	padding:0px 10px 0 120px;	
}

/* Stellenangebote */

#stellenangeboteInfo{	
	background-color:#f8e5cc;
	margin-top:1px;
	padding:30px 0 30px 0;
}
.stellenangeboteInfoHeadline{
	width:763px;
	margin:auto;
	margin-top:44px;
	font-weight:bold;
}
#stellenangeboteInfoText{
	width:763px;
	margin:auto;	
	font-size:0.7em;
	line-height:1.3em;	
}
.stellenangeboteInfoTable{
	width:763px;
	margin:auto;
	margin-top:10px;	
}
.stellenangeboteInfoTable td{
	font-size:0.7em;
	padding:5px;	
	border-bottom:2px solid #f8e5cc;
}
.stellenangeboteInfoTable table{
	width:100%;
}
.stellenangeboteInfoTable .line1{
	background-color:#fcf2e6;
	margin-bottom:2px;
}
.stellenangeboteInfoTable .line2{
	background-color:#fefaf5;
	margin-bottom:2px;
}
.stellenangeboteInfoTable .line3{
	background-color:#FFFFFF;
	margin-bottom:2px;
}
.stellenangeboteInfoTable a{
	color:#4b2c1f;
	text-decoration:none;
}

/* 10 Gebrote */

#gebrote{
	background:transparent url(/images/10_gebrote_background.jpg) no-repeat;
	height:487px;
	color:#4b2c1f;
}
#gebroteContainer{
	padding:115px 0 0 230px;
}
#gebroteHeadline{
	font-weight:bold;
	margin-bottom:10px;
}
#gebroteText{
	width:520px;
	font-size:0.7em;
	height:55px;
	line-height:1.3em;
}
#gebroteNavigation{
	text-align:right;
	font-size:0.9em;
	width:560px;
}
#gebroteNavigation a{
	color:#f8e5cc;
	text-decoration:none;
}

/* Kontakt */
#kontakt{
	line-height:0.9em;
}
#kontaktInfo{	
	background-color:#f8e5cc;
	margin-top:1px;
	padding:30px 0 30px 0;
}
#kontaktInfoText{
	width:763px;
	margin:auto;	
	font-size:0.7em;	
	line-height:1.4em;
}
#kontaktForm{
	background-color:#f9f5ec;
	padding:20px;
	margin-top:20px;	
}
#kontaktFormRight{
	float:right;
	width:340px;
}
#kontaktForm label{
	display:block;
	padding-top:20px;
	margin:0 0 4px 0;
}
#kontaktForm input{
	width:336px;
	border:1px solid #ded5d7;
	padding:3px;
	font-size:1.0em;
	font-family: Arial, Helvetica, sans-serif;
}
#kontaktButton{
	clear:right;
	text-align:center;
	padding-top:16px;
}
#kontaktMessage{
	clear:right;
}
.kontaktAddress{
	margin-bottom:6px;
}
#kontaktForm textarea{
	width:719px;
	border:1px solid #ded5d7;
	padding:3px;
	font-size:1.0em;
	font-family: Arial, Helvetica, sans-serif;
	overflow:auto;
	height:80px;
}

/* Impressum */
#impressum{
	line-height:0.9em;
}
#impressumInfo{	
	background-color:#f8e5cc;
	margin-top:1px;
	padding:30px 0 30px 0;
}
.impressumInfoText{
	width:763px;
	margin:auto;	
	font-size:0.7em;	
	line-height:1.4em;
}
.impressumInfoHeadline{
	width:763px;
	margin:auto;	
	font-weight:bold;
	margin-bottom:10px;
}

/* Slideshow */

#slideshow {
    position:relative;
    height:484px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* Slideshow 2 */

#slideshow2 {
    position:relative;
    height:153px;
}

#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow2 IMG.active {
    z-index:10;
}

#slideshow2 IMG.last-active {
    z-index:9;
}

.kontaktSuccess{
	font-weight:bold;
	margin-top:30px;
}
.kontaktError{
	color:#FF0000;
	margin-top:30px;
}