/* 

- - - verwendete farben - - -
#71191B - bordeaux hintergrund
#821A1F - bordeaux
#811A1D - bordeaux - link over
#FEE3B5 - creme
#EFC79A - creme dunkel
#380C01 - braun
#663E2B - hellbraun

- - - verwendete bilder - - -
hg-start.jpg
hg-pralinen-start.jpg
linie.gif

*/


body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FEE3B5;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #71191B;
}

h1 {
	font-weight: bold;
	margin: 0 0 8px 0;
	font-size: 12px;
}

h2 {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
}

h5 {
	font-size: 14px;
	margin: 0;
}

h4, h3 {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 7px 0;
}

p {
	margin: 0 0 20px 0;
}

a:link, a:visited {
	text-decoration: none;
	color: #FEE3B5;
	font-weight: bold;
}

a:hover, a:active {
	color: #380C01;
}

.abstand a:link, .abstand a:visited {
	text-decoration: none;
	color: #380C01;
	font-weight: bold;
}

.abstand a:hover, .abstand a:active {
	color: #7E523D;
}


ul {
	margin: 0;
	padding: 0 0 0 15px;
}

li {
	margin: 0;
}

.border {
	border: 1px solid #FEE3B5;
	margin: 0 0 10px 0;
}

/* - - - - - - - grundaufbau - - - -  - - - */


#rahmen {
	margin: 30px auto;
	width: 950px;
	background-color: #FEE3B5;
	text-align: left;
	padding: 1px 0 1px 0;
}

#template {
	margin: 0 1px 0 1px;
	width: 948px;
	height: 549px;
	background: url(images/hg-start.jpg)
					right bottom
					no-repeat
					#821A1F;
}

#quadratlinks {
	width: 489px;
	height: 303px;
	background-color: #EFC79A;
	float: left;
	color: #380C01;
	font-style: italic;
}

.linie {
	float: left;
	background-color: #FEE3B5;
	width: 1px;
	height: 303px;
}

#quadratrechts {
	width: 458px;
	height: 303px;
	background: url(images/hg-pralinen-folge.jpg)
					no-repeat
					bottom
					#FEE3B5;
	float: left;
	text-align: right;
}

.emostart {
	margin: 1px 0 0 0;
}

.clear {
	clear: both;
}

.logo {
	margin: 25px 0 0 140px;
}

.logo2 {
	margin: 0 25px;
}

.startbild {
	width: 489px;
	height: 281px;
	border-bottom: 1px solid #FEE3B5;
}

/* - - - - - - - navigation - - - - - - - - */

#hgnavi {
	width: 458px;
	height: 99px;
	background-color: #380C01;
}

#navi ul {
	border-top: 1px solid #FEE3B5;
	margin: 0;
	padding: 0;
}

#navi li {
	list-style: none;
	display:inline;
	background-color: #663E2B;
}

#navi {
	padding: 75px 0 0 0 ;
	border-bottom: 1px solid #FEE3B5;
	height: 18px;
}

#navi A:link, #navi A:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FEE3B5;
   display: block;
   float: left;
	padding: 0.2em 0.4em;
	background-color: #663E2B;
	margin: 0 0.2em;
}

#navi A:hover, #navi A:focus {
	color: #380C01;
	background-color: #FEE3B5;
}

#bseite1 #seite1, #bseite2 #seite2, #bseite3 #seite3, #bseite4 #seite4, #bseite5 #seite5, #bseite6 #seite6 {
	text-decoration: none;
	font-weight: bold;
	color: #380C01;
	background-color: #FEE3B5;
   display: block;
   float: left;
	padding: 0.2em 0.5em;
	margin: 0 0.2em;
}

/* - - - - - - - folgeseiten - - - - - - - - */

#templatefolge {
	margin: 0 1px 0 1px;
	width: 948px;
	background: url(images/linie.gif)
					right bottom
					no-repeat
					#821A1F;
}

#logofolge {
	background-color: #FEE3B5;
	height: 281px;
}

.liniefolge {
	float: left;
	background-color: #FEE3B5;
	width: 1px;
	height: 99px;
}

#emobild {
	position: absolute;
}

.thb {
	margin: 1px 0 0 0;
}


.links {
	margin: 270px 0 0 0;
	width: 370px;
	float: left;
}


.links2 {
	margin: 40px 0 0 0;
	width: 370px;
	float: left;
}

.mitte {
	float: left;
	width: 60px;
}
.rechts {
	margin: 40px 0 0 0;
	width: 370px;
	float: left;
}


.bildtext {
	margin: 0 15px 15px 0;
	float: left;
	border: 1px solid #FEE3B5;
}

.bildtext2 {
	margin: 0 15px 25px 0;
	float: left;
	border: 1px solid #FEE3B5;
}

.bildtext3 {
	margin: 0 15px 35px 0;
	float: left;
	border: 1px solid #FEE3B5;
}

.bildtext4 {
	margin: 0 15px 55px 0;
	float: left;
	border: 1px solid #FEE3B5;
}

.bildtextshop {
	margin: 0 15px 5px 0;
	float: left;
	border: 1px solid #FEE3B5;
}

/* - - - navigation folgeseiten - - - */

#navifolge {
	text-align: left;
	height: 182px;
	width: 217px;
	background-color: #FEE3B6;
	float: left;
}

#navifolge ul, li {
	margin: 10px 0 0 0;
	padding: 0;
	display: inline;
}


A.navifolge:link, A.navifolge:visited {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 0 3px 37px;
	margin: 4px 0;
	color: #380C01;
   background: url(images/klquadratbraun.gif)
					#F1D6AB
               no-repeat
               12% 50%;
}

A.navifolge:hover, A.navifolge:focus {
	color: #811A1D;
   background: url(images/klquadratrot.gif)
					#E7CAA0
               no-repeat
               12% 50%;
}

 a.linkaktivfolge:link,  a.linkaktivfolge:visited, a.linkaktivfolge:hover, a.linkaktivfolge:active {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 0 3px 37px;
	color: #811A1D;
   background: url(images/klquadratrot.gif)
					#E7CAA0
               no-repeat
               12% 50%;
}

#adresszeile {
	display: none;
}