/*** GENERELL SETTINGS */

body,div,img,p,h1,hr,form,input,textarea,label,ul,li
{
  /* reset all spacings */

  line-height:14px;
  margin:0px;
  padding:0px;
  border:0px;
  font-family:Verdana,Tahoma,Arial,sans-serif;
  font-size:12px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  text-align:left;
  letter-spacing:normal;
  background-color:#ffffff;
  color:#000000;
}

div
{
  background-color:transparent;
}

a
{
  text-decoration:none;
  color:#000000;
}

/*** HEAD and NAVIGATION ***/

div.head,div.head_bg
{
  text-align:center; /* for head_img */
  height:303px; /* 250+53 */
}

div.head_bg
{
  background:url(/image/head_bg_bg.jpg) repeat-x top;
}

div.head
{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:920px;
  background:url(/image/head_bg.jpg) no-repeat top left;
}
  
img#head_gm /* gerdmaennchen */
{
  position:absolute;
  left:10px;
  top:0px;
  width:900px;
  height:250px;
}

img#head_Aktuelles
{
  position:absolute;
  left:606px;
  top:-112px;
  background:transparent;
}

div.nav
{
  position:absolute;
  left:10px;
  top:250px;
  width:900px;
  height:53px;
  background:transparent;
}

/*** NAVIGATION ITEMs ***/

a.nav_item,a.nav_item_act,a.nav_item_highlight
{
  display:block;
  float:left;
  text-align:center;
  line-height:50px;
  width:100px;
  height:50px;
  color:#ffffff; 
}

a.nav_item#Impressum,a.nav_item_act#Impressum
{
  float:right;
}

/** highlight on actual link, focus (via key) or mouse over **/

a.nav_item_act,
a.nav_item_highlight,
a.nav_item:hover,a.nav_item_act:hover,
a.nav_item:focus,a.nav_item_act:focus
{
  color:white;
  font-weight:bold;
}

a.nav_item:hover,a.nav_item_act:hover,
a.nav_item:focus,a.nav_item_act:focus
{
  background:#c41421;
}

/* special mouse overs cause of gerdmaennchen */

a.nav_item#Start:hover,a.nav_item_act#Start:hover,
a.nav_item#Start:focus,a.nav_item_act#Start:focus
{
 background:url(/image/nav_item_Start_hover_bg.gif) left top;
}

/* these are with nav_special */

a.nav_item_highlight#UeberUns,
a.nav_item#UeberUns:hover,a.nav_item_act#UeberUns:hover,
a.nav_item#UeberUns:focus,a.nav_item_act#UeberUns:focus
{
  height:53px;
  background:url(/image/nav_item_UeberUns_hover_bg.gif) left top;
}

a.nav_item_highlight#Produkte,
a.nav_item#Produkte:hover,a.nav_item_act#Produkte:hover,
a.nav_item#Produkte:focus,a.nav_item_act#Produkte:focus
{
  background:#c41421;
  height:53px;
}

/** special dynamic navigation bar **/

div.nav_special
{
  width:880px;
  height:43px;
  margin-left:auto;
  margin-right:auto;
  background:transparent;
}

div#nav_special_active
{
  width:880px;
  height:43px;
  padding-left:18px;
  background:url(/image/nav_special_active_bg.jpg) no-repeat left top;
}

a.nav_special_item,a.nav_special_item_act
{
  display:block;
  float:left;
  text-align:center;
  padding-left:5px;
  padding-right:5px;
  line-height:35px;
  height:35px;
  color:white;
}

a.nav_special_item_act,
a.nav_special_item:hover,
a.nav_special_item:focus
{
  padding-left:2.5px;
  padding-right:2.5px;
  font-weight:bold;
}

div#nav_special_active hr
{
  float:left;
  height:15px;
  width:1px;
  margin-top:10px;
  margin-left:20px;
  margin-right:20px;
  border:0px;
  border-right:solid white 1px;
}

small
{
  font-size:9px;
  color:#6e6e6e;
  background:transparent;
}

/*** BODY and CONTENT ***/

div.body_bg
{
  background:url(/image/body_bg_bg.jpg) repeat-y top center #e7deb5;
}

div.body
{
  background:url(/image/body_bg.jpg) no-repeat top center transparent;
  min-height:474px;
}

div.content
{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  top:-9px; /* correction for aktion-star */
  width:860px;
  min-height:300px;
  background:transparent;
}

/** inner content (two colums):**/

div.content_left
{
  /*  position:absolute; */
  float:left;
  top:0px;
  width:210px;
  background:transparent;
}

div.content_right /* stretches div.content */
{
  width:630px;
  margin-left:230px;
  padding-top:64px;
  background:transparent;
}

b.bolder
{
  font-size:18px;
  font-weight:normal;
  background:transparent;
}

/* left column: text or SPECIAL navigation */

div.content_left h1
{
  font-size:18px;
  line-height:64px;
  color:#6e6e6e;
  background:transparent;
}

div.content_left p
{
  color:#6e6e6e;
  background:transparent;
  width:210px;
  font-size:12px;
  line-height:17px;
  padding-bottom:24px;
  background:transparent;
}

div.content ul
{
  padding:0px;
  margin:0px;
  list-style: none;
}

div.content li,
div.content ul
{
  padding:0px;
  margin:0px;
  background:transparent;
  color:#6e6e6e; 
}

div.content li
{
  min-height:34px;
  line-height:34px;
  width:210px;
  padding-left:10px;
}

div.content ul li.act
{
  min-height:37px;
  width:206px;
  position:relative;
  padding-left:13px;
  padding-top:3px;
  left:-3px;
  top:-3px;
  background: url(/image/nav_left_item.gif) no-repeat top left;
}

div.content ul li ul
{
  position:relative;
  top:3px;
  left:-10px;
  width:210px;
  background:#e7deb5;
}

div.content ul li ul ul
{
  position:relative;
  top:0px;
  background:transparent;
}

div.content ul ul li,
div.content ul ul li.act
{
  line-height:20px;
  min-height:20px;
  padding:0px;
  margin:0px;
  padding-left:30px;
  left:0px;
  top:0px;
  width:180px;
  background:url(/image/nav_left_tri_right.gif) left top no-repeat;
}

div.content ul ul li.act
{
  font-weight:bold;
  background:url(/image/nav_left_tri_down.gif) left top no-repeat;
}

div.content ul ul li.stop
{
  position:relative;
  min-height:7px;
  top:1px;
  background:url(/image/nav_left_stop.gif) left bottom no-repeat;
}

div.content ul ul li.hidden
{
  padding-top:10px;
  background:transparent;
}

div.content ul ul li li,
div.content ul ul li li.act
{
  padding:0px;
  margin:0px;
  padding-left:30px;
  background:transparent;
  min-height:20px;
  line-height:20px;
  width:160px;
}


div.content_left a.act,
div.content_left a:hover,
div.content_left a:focus
{
  font-weight:bold;
}

div.content ul ul li li.act a,
div.content ul ul li li a:hover,
div.content ul ul li li a:focus
{
  font-weight:normal;
  color:#c41422;
}

div.content_left a
{
  line-height:0px;
  padding-left:0px;
  color:#6e6e6e;
}

a.special_act
{
  border-top:solid #c41422 1px;
  border-bottom:solid #c41422 1px;
  background:#ead7a7;
}

/* right column: text with pictures */

div.content_right p
{
  color:#6e6e6e;
  background:transparent;
  width:400px;
  font-size:12px;
  line-height:17px;
  padding-bottom:24px;
  background:transparent;
}

div.content_right hr
{
  clear:right;
  border-left:0px;
  border-right:0px;
  border-top:0px;
  border-bottom:solid #6e6e6e 3px;
  margin-bottom:24px;
}

div.picture_box
{
  clear:right;
  float:right;
  width:210px;
  background:url(/image/image_bg.jpg) left top;
  line-height:0px;
  margin-bottom:20px;
}

div.picture_box img
{
  width:210px;
}

div.picture_box img.pic
{
  position:relative;
  width:205px;
  top:2px;
  left:2px;
}

/* special case: only one big left column */

div.content_left#CT_BIG p
{
  width:860px;
}

div.content_left#CT_BIG
{
  width:860px;
}

/*** FOOT ***/

div.foot_bg,div.foot
{
  text-align:center;
  height:113px;
}

div.foot_bg
{
  background:url(/image/foot_bg_bg_vert.jpg) repeat-x top transparent;
}

div.foot
{
  width:920px;
  margin-left:auto;
  margin-right:auto;
  background:url(/image/foot_bg.jpg) no-repeat top transparent;
}

body /* footer runs out into background color */
{
  background:url(/image/foot_bg_bg_hor.jpg) repeat-y center top #ffffff;
}

p.foot
{
  width:860px;
  margin-left:auto;
  margin-right:auto;

  line-height:17px;
  color:#6e6e6e;
  background: transparent;
  padding:20px;
}

p.foot a
{
  color:#6e6e6e;
}

/*** FORM and INPUT */

form,form div
{
  background:transparent;
}

form br
{
 clear:right;
}

input,textarea
{
  float:right;
  width:263px;
  height:22px; /* 28-6 */
  line-height:17px;
  padding-top:6px;
  border-left:solid #b6b6b6 2px;
  border-right:solid #b6b6b6 2px;
  border-top:solid #828282 2px;
  border-bottom:solid #dedede 2px;
  margin-bottom:22px;
  margin-right:230px;
  background:#ffffff;
  color:#6e6e6e;
}

textarea
{
  height:115px;
}

label
{
  line-height:28px;
  color:#6e6e6e;
  background:transparent;
}

label em
{
 color:#e4000a;
}

input:focus,textarea:focus
{
 background:#f0f0f0;
}

/** submit and reset buttons */

input[type=reset],input[type=submit]
{
  text-align:center;
  padding:0px;
  padding-top:2px;
  padding-bottom:3px;
  width:164px;
  height:24px;
  margin-right:329px;
  border:0px;
  background:url(/image/Kontakt_Button.gif) left top no-repeat;
}

input[type=reset]:hover,input[type=submit]:hover,
input[type=reset]:focus,input[type=submit]:focus
{
  background:url(/image/Kontakt_Button_hover.gif) left top no-repeat;
}

/** highlight invalid input */

form div.kontakt__invalid input,
form div.kontakt__invalid textarea,
form div.kontakt__invalid#div_kontakt__ok label
{
  background:#ffa38d; /* f47a7a */
}

/*** SPECIALS */

/** special kontact__ok (flush right like pictures) */

div#div_kontakt__ok
{
  position:relative;
  float:right;
  width:210px;
  height:0px;
  bottom:174px;
}

div#div_kontakt__ok label
{
  line-height:17px;
}

div#div_kontakt__ok input
{
  float:left;
  width:20px;
  height:20px;
  padding:0px;
  border:0px;
  margin:0px;
}

/** special impresssum copyright (flush right like pictures) */

div.copyright
{
  color:#6e6e6e;
  position:relative;
  float:right;
  top:-224px;
  width:210px;
  line-height:15px;
  background:transparent;
}

div.copyright p a
{
  color:#737677;
}

div.copyright p
{
  font-size:11px;
  margin-top:12px;
  color:#737677;
  line-height:15px;
  background:transparent;
}

div.copyright p em
{
  color:#8f2638;
  font-style:normal;
  background:transparent;
}

/*** special body backgrounds depending on TOP */

body.Kontakt_100 div.body
{
  background:url(/image/body_bg_Kontakt.jpg) no-repeat top center transparent;
  min-height:1139px;
}

body.Impressum_100 div.body
{
  background:url(/image/body_bg_Impressum.jpg) no-repeat top center transparent;
  min-height:888px;
}

body.Start_100 div.body
{
  background:url(/image/body_bg_Start.jpg) no-repeat top center transparent;
  min-height:474px;
}

/** Produkte */

body.Produkte div.body
{
  min-height:620px;
}

/** brötchen */

body.Produkte_110 div.body
{
  background:url(/image/body_bg_Produkte_110.jpg) no-repeat top center transparent;
  min-height:620px;
}

/** snacks */

body.Produkte_113 div.body
{
  background:url(/image/body_bg_Produkte_113.jpg) no-repeat top center transparent;
  min-height:670px;
}

/** brot */

body.Produkte_100 div.body
{
  background:url(/image/body_bg_Produkte_100.jpg) no-repeat top center transparent;
  min-height:925px;
}

/** kuchen */

body.Produkte_111 div.body
{
  background:url(/image/body_bg_Produkte_111.jpg) no-repeat top center transparent;
  min-height:620px;
}

/** saison */

body.Produkte_112 div.body
{
  background:url(/image/body_bg_Produkte_112.jpg) no-repeat top center transparent;
  min-height:620px;
}