﻿* {
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:0.99em;
	color:#FFCC99;
	margin:0px;
	padding:0px;


}

html {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

/* IE6-Hack für transparentes PNG */
*html img, *html div {
  behavior: url(../js/iepngfix.htc);
}

body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-color:#351000;
	background-image:url('../img/backgrounds/Content.gif');
	background-repeat:no-repeat;
	background-position:0 110px;
}

/* IE 6 Hack */
*html body {
	behavior: url(../js/csshover2.htc);
}

/* Intro */

#introdivcontainer {
	position:absolute;
	left:50%;
	margin-left:-375px;
	top:50%;
	margin-top:-275px;
	width:750px;
	height:550px;
}

/* Kopfbereich */
#header {
	position:relative;
	text-align:center;
	background-image:url(../img/header/schokolade.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:100%;
	height:100px;
	margin:0px;
	padding:0px;
	z-index:5;
	background-color:#351000;
	}
	
#header img {
	margin-left:-35px;
	}	
	
/* Hauptnavigation */	
#menu {
	background-color:#240B00;
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
	border-top: 1px solid #773C00;
	border-bottom: 1px solid #773C00;
	z-index:5;
	}
	
ul.mainmenu {
    margin: 0; 
	padding: 0em;
	margin-left:2%;
	}
  
ul.mainmenu li {
    list-style: none;
    float:left;
    position: relative;
    height:1.75em;
  	}

ul.mainmenu li ul {
    margin: 0; padding: 0;
    border-top: 1px solid #240B00;
    background-color:#773C00;
    position: absolute;
    top: 1.78em; left: -0.0em;
    display: none;  /* Unternavigation ausblenden */
    
  	}

* html ul.mainmenu li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.0em;
    width:17em;
  	}
  
*:first-child+html ul.mainmenu ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.4em;
  }
  
ul.mainmenu li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  	}
  
ul.mainmenu li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  	}

ul.mainmenu a {
    text-decoration: none;
    display:block;
    height:1.65em;
    padding-left:105px;
    padding-top:0.3em;
    padding-right:5em;
    color:#FFCC99;
	font-size:90%;
	background-position:left center;
	background-repeat:no-repeat;
  	}

* html ul.mainmenu a, * html ul.mainmenu span {
    width: 10em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  	}

ul.mainmenu a:hover {}
  
ul.mainmenu li li a {  
	padding-left:10px;
	margin-right:0em;
	width:17em;
	background-color:#773C00;
	}

ul.mainmenu li li a:hover {
	background-color:#240B00;
	}

ul.mainmenu a#menu1 {
	background-image:url(../img/nav/menu1_p.jpg);
	}
	
ul.mainmenu a#menu1:hover {
	background-image:url(../img/nav/menu1.jpg);
	}	
	
ul.mainmenu a#menu1_active {
	background-image:url(../img/nav/menu1.jpg);
	background-color:#FFCC99;
    color:#240B00;
	}	
	
ul.mainmenu a#menu2 {
	background-image:url(../img/nav/menu2_p.jpg);
	}
	
ul.mainmenu a#menu2:hover {
	background-image:url(../img/nav/menu2.jpg);
	}
	
ul.mainmenu a#menu2_active {
	background-image:url(../img/nav/menu2.jpg);
	background-color:#FFCC99;
    color:#240B00;
	}	
	
ul.mainmenu a#menu3 {
	background-image:url(../img/nav/menu3_p.jpg);
	}
	
ul.mainmenu a#menu3:hover {
	background-image:url(../img/nav/menu3.jpg);
	}

ul.mainmenu a#menu3_active {
	background-image:url(../img/nav/menu3.jpg);
	background-color:#FFCC99;
    color:#240B00;
	}	

/* Unternavigation */
#submenu {
	background-color:#240B00;
	width:100%;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:4;
	float:left;
	border-bottom: 1px solid #773C00;
	}
	
ul.submenu {
    margin: 0; 
	padding: 0em;
	margin-left:2%;
	text-align: center;
	}
  
ul.submenu li {
    list-style: none;
    float:left;
	position: relative;
  	}
  
ul.submenu a {
    text-decoration: none;
    display:block;
    height:1.5em;
    padding-top:0.3em;
    color:#FFCC99;
	font-size:75%;
	width: 15em;
  	}
  	
ul.submenu a:hover {
	background-color:#773C00;
	color:#FFCC99;
  	}
  	
  	
ul.submenu a#active {  	
	background-color:#FFCC99;
    color:#240B00;

	}
	
/* Überschriften*/

h1 {
	font-family:Harrington, "Times New Roman", Times, serif;
	font-size:150%;
	font-weight:normal;
	margin-bottom:2em;
	}
	
h3 {
	font-size:110%;
	color:#e9d4c1;
	font-weight:normal;
	margin-bottom:1em;
	margin-top:2em;
	}

h4 {
	font-size:90%;
	font-weight:bold;
	margin-bottom:0.5em;
	}

	
/* Links */
a.sitelink {
	text-decoration:none;
	color:#ff9900;
	background-image:url('../img/nav/sitelinksmall.gif');
	background-position:left 50%;
	background-repeat:no-repeat;
	padding-left:13px;
	font-size:100%;
}	

a.sitelink:hover {
	text-decoration:underline;
	}
	
a.toplink {
	text-decoration:none;
	color:#773C00;
	background-image:url('../img/nav/toplinksmall.gif');
	background-position:left 50%;
	background-repeat:no-repeat;
	padding-left:13px;
	font-size:80%;
}	

a.toplink:hover {
	text-decoration:underline;
	}	
	
a.externlink {
	text-decoration:none;
	color:#ff9900;
	background-image:url('../img/nav/externlinksmall.gif');
	background-position:left 50%;
	background-repeat:no-repeat;
	padding-left:13px;
	font-size:100%;
}	

a.externlink:hover {
	text-decoration:underline;
	}
	
	
/* Sprungnavigation */

div.jumpnav {
	width:90%;
	margin-bottom:1em;
	border-bottom:1px solid #773C00;
	padding-bottom:1em;
}	

div.jumpnav p {
	font-size:100% !important;
	margin-bottom:5px;
	}
	
a.jumplink {
	text-decoration:none;
	font-size:90% !important;

	display:block;
	color:#ff9900;
	padding:0;
	margin:0.2em;
	background-image:url('../img/nav/jumplinksmall.gif');
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:13px;
}	

a.jumplink:hover {
	text-decoration:underline;
	}
	

/* Hauptspalte */
div.maincontent {
	float:left;
	margin-left:2%;
	width:98%;
	height:85%;
}

/* Korrektur für IE6 */
*html div.maincontent {
	width:96%;
}


table.maintable {
	height:100%;
	width:100%;
}

/* Linke Spalte */

td.maintableleft {
	width:75%;
	padding-top:3em;
	padding-right:2em;
	padding-bottom:4em;
	vertical-align:top;
}

td.maintableleft p {
	font-size:90%;
	line-height:150%;
	margin-bottom:1em;
	}	
	
td.maintableleft p.newsdate {
	font-size:80%;
	color:#773C00;
	border-top:1px solid  #773C00;
	margin-bottom:1em;
	}	
	
td.maintableleft div.imageright {
	float:right;
	margin-left:1em;
	margin-bottom:1em;
	border:1px solid  #773C00;
}	

td.maintableleft div.overviewelement  {
	float:left;
	width:19.2em;
	margin-bottom:10px;
	margin-right:8px;
	padding-top:50px;
	font-size:90%;
}

td.maintableleft div.overviewelement img {
	margin-right:10px;
	margin-top:-50px;
	float:left;
	}
	
td.maintableleft ol {	
	margin-left:2%;
	margin-bottom:1em;

	}
	
td.maintableleft ul {	
	margin-left:2%;
	margin-bottom:1em;
	}
	
td.maintableleft li {
	font-size:90%;
	line-height:150%;
	}	

	
img.tortenbilder {
	margin-right:15px;
	margin-bottom:15px;
	float:left;
	border:1px solid #773C00;
}

/* Formulare */
td.maintableleft form {
	margin-top:2em;
}

td.maintableleft form div.produkte {
	padding:10px;
	border:1px solid #773C00;
	background-color:#240B00;
	}
	
td.maintableleft form div.info {
	color:#240B00;
	margin-top:1em;
	font-weight:bold;

	}
	


td.maintableleft select {	
	font-size:90%;
	color:#000;
	padding:0.2em;
	}
	
td.maintableleft select option {	
	color:#000;
	}
	
td.maintableleft form p.selectlabel {
	font-size:90%;
	margin-bottom:0px;
	margin-top:10px;
	color:#773C00;
}

td.maintableleft form a {
	display:block;
	float:left;
	padding:0.7em;
	padding-left:1.5em;
	border:1px solid #773C00;
	margin-right:2em;
	margin-top:1em;
	text-decoration:none;
	background-position:left center;
	background-repeat:no-repeat;
}

td.maintableleft form a.formsubmitaddarticle {
	background-image:url('../img/nav/formaddarticle.gif');
	}
	
td.maintableleft form a.formsubmitorder {
	background-image:url('../img/nav/formorder.gif');
	}
	

td.maintableleft form a:hover {
	background-color:#773C00;
	}


td.maintableleft input {	
	font-size:90%;
	color:#000;
	padding:0.2em;
	}
	
/* Infofenster */
div.infowindow1 {
	position:absolute;
	top:100px;
	left:10px;
	width:80%;
	border:1px solid #ff9900;
	background-color:#240B00;
	padding:10px;
	z-index:10;
	
	}	
	
div.infowindow1 p {
	font-size:90%;
	line-height:150%;
	margin-bottom:1em;
	}	
	
div.infowindow2 {
	border:1px solid #ff9900;
	background-color:#240B00;
	padding:10px;
	width:90%;
	padding-top:60px;
	background-image:url('../img/backgrounds/infowin2.gif');
	background-position:left top;
	background-repeat:no-repeat;
	}	
	
div.infowindow2 p {
	font-size:80%;
	line-height:150%;
	margin-bottom:1em;
	}	
	
/*Warenkorbhinweis */
div#warenkorbhinweis{
	position:absolute;
	top:10px;
	right:10px;
	z-index:10;
	font-size:80%;
	line-height:150%;
	}	

/* Warenkorbtabelle */
table.warenkorb {
	width:95%;
	border-collapse: collapse;
}

table.warenkorb thead tr {
	background-color:#240B00;
}

table.warenkorb thead td {
	font-weight:bold;
	padding:0.5em;
	font-size:90%;
}

table.warenkorb tbody tr {
	background-color:#FFCC99;
	border-bottom:1px solid #773C00;
}

table.warenkorb tbody td {
	font-weight:normal;
	vertical-align:top;
	padding:0.5em;
	color:#240B00;
	font-size:90%;
}

table.warenkorb tbody td strong {
	font-weight:bold;
	color:#240B00;

	}

table.warenkorb tbody td div {
	color:#240B00;
	}


table.warenkorb tbody td span.Produkt {
	font-weight:bold;
	color:#240B00;
	margin-bottom:0.2em;
	display:block;
	}
	
table.warenkorb tbody td a.smallbutton {
	display:block;
	padding:0.2em;
	font-size:80%;
	color:#240B00;
	}
	
table.warenkorb tbody td a.smallbutton:hover {
	background-color:#240B00;
	color:#ff9900;
	}
	
table.warenkorb tbody td a.bigbutton {
	display:block;
	padding:0.2em;
	font-size:95%;
	color:#240B00;
	width:10em;
	float:right;
	text-align:center;
	margin:0px;
	}
	
table.warenkorb tbody td a.bigbutton:hover {
	background-color:#240B00;
	color:#ff9900;
	}

	
/* Rechte Spalte */
td.maintableright {
	background-position:left top;
	background-repeat:no-repeat;
	border-left: 1px solid #773C00;
	padding-left:1em;
	padding-top:1em;
	vertical-align:top;
	}	

td.maintableright {
	background-image:url('../img/backgrounds/willkommen.jpg');
	}

td.maintableright#willkommen {
	background-image:url('../img/backgrounds/willkommen.jpg');
	}
	
td.maintableright#cafe {
	background-image:url('../img/backgrounds/cafe.jpg');
	}
	
td.maintableright#sortiment {
	background-image:url('../img/backgrounds/mohr.jpg');
	}
	
td.maintableright#praesente {
	background-image:url('../img/backgrounds/praesente.jpg');
	}
	
td.maintableright#pralinen {
	background-image:url('../img/backgrounds/pralinen.jpg');
	}
	
td.maintableright#etagere {
	background-image:url('../img/backgrounds/etagere.jpg');
	}
	
td.maintableright#firmen {
	background-image:url('../img/backgrounds/firmen.jpg');
	}
	
td.maintableright#veranstaltungen {
	background-image:url('../img/backgrounds/veranstaltungen.jpg');
	}
	
td.maintableright#petitfours {
	background-image:url('../img/backgrounds/petitfours.jpg');
	}
	
	
	
/* Tabelle für Termine */
td.maintableright table.Daten {
	width:95%;
	font-size:80%;
	margin-bottom:1em;
}	

td.maintableright table.Daten td.abstand {
	padding-top:0.5em;
	}
	
td.maintableright table.Daten td.closed {
	text-decoration:line-through;
	}
	


td.maintableright table.Daten th {
	text-align:left;
	}
	
td.maintableright table.Daten td {
	text-align:left;
	}
	
td.maintableright p {
	font-size:80%;
	}
	
	

/* Footer */

div#footer {
	position:fixed;
	bottom:0;
	width:100%;
	height:2em;
	border-top: 1px solid #773C00;
	background-color:#220B00;
	font-size:70%;
	z-index:3;
	}	
	
div#footer p {	
	margin-left:2em;
	margin-top:0.2em;
	}
	
	

		
	
		
				
	

	

