body {
  background-color: #12260D;
	/*background: #12260D url(bilder/layout/hg_verlauf.jpg) repeat-x;*/
	padding: 20px 0;
	margin: 0px;
	text-align: center;   /* Zentrierung fuer alte IEs */
}

ul, li {
	margin: 0px;
	padding: 0px;
}

/*##### Aufbau der Seite #####*/
#rahmen {
	border-left: 4px solid #0F2309;
	border-right: 4px solid #0F2309; 	
	margin: auto;  /* Zentrierung fuer moderne Browser */
	text-align: left;        /* text-align:center (body) "neutralisieren" */
	width: 1000px;  
	background: #F2F7FF url(bilder/layout/rahmen_hg.gif) repeat-y;
  position: relative;
}

#schleife1 {
	background: url(bilder/weihnachten_bilder/schleife1.png) no-repeat;
	position: absolute;
  top: -10px;
  left: -48px;
  z-index: 100;
	height: 126px;
  width: 92px;
}
		   
#kopf {
	background: #274421 url(bilder/layout/kopf_hg.jpg) no-repeat;
	position: relative;
	height: 126px;
}

#logo {
	background-image: url(bilder/layout/logo_klein.gif);
	width: 160px;
	height: 70px;
	display: block;
	position: absolute;
	left: 50px;
	top: 31px;
}

/*metanavi*/
#menue0 {
	position: absolute;
	right: 25px;
	bottom: 0.2em;
	text-align: right;
}

#menue0 li {
	display: inline;
	list-style: none;
	padding: 0;
}

#menue0 a {margin: 0px 15px 0px 0px;}

/*navi oben*/
#menue {
	float: left;
	background: #7C0D0D;  
  background-image: url(bilder/layout/hg_menue.jpg);
  background-repeat: repeat-x;
	padding-top: 2px;
	padding-bottom: 2px;
}

#menue ul {
	width: 947px;
	list-style: none;
  margin-left: 53px;
}

#menue li {float: left;}

/*navi seitlich*/
#navi {
	float: left;
	width: 252px;
}

#navi ul{
	list-style: none;
	margin: 30px 0 0 0;
	padding: 30px 20px; 
}

#navi li {
	margin-bottom: 1.2em;
	border-bottom: 1px solid #FDF8C5;
}

/*inhaltsbereich*/
#text {
	background-color: #F2F7FF;
	width: 747px;
	margin-left: 253px;
}

#text h1, #text h2, #text h3, #text ul, #text p, #text table, #text .banner {
	margin-left: 20px; 
	margin-right: 20px;
} 

#fuss {
  background-color: #2A3B03;
  background-image: url(bilder/layout/fuss_balken.jpg);
  background-repeat: repeat-x;
	height: 26px;
	padding: 1px 20px;
	margin-top: 4px;
	text-align: center;
}

/*##### ENDE Aufbau der Seite #####*/



/*##### Typografie #####*/
body {
	color: #020304; 
	font-family: verdana, arial, sans-serif;
	font-size: 100.01%; 
}

#text {
	line-height: 1.9em;
} 

#text, #navi li {
	font-size: 0.8em;
}

#text h1 {
	color: #AB141E;
	font-size: 1.4em;
	border-bottom: 1px solid #BD1823;
	margin-top: 3em;
}

#text h2 , .shoptext h2 {
	font-size: 1.2em;
}

#text .shop h2 {margin-top: 0.5em;}

#text h2 {margin-top: 3em;}

#text ul {
	/*margin-bottom: 0.5em;*/
	/*list-style-position: inside;*/
	padding-left: 20px;
}

#text .shop ul {margin-bottom: 2em;}

td.tabellenueberschr {
	font-weight: bold;
	color: #F3F6F8;
}

#menue0 a {
	color: #fff;
	font-size: 0.7em;
	font-weight: bold;	
}

#menue0 a:hover {color: #96CB1F;}

#fuss {
	color: #fff;
	font-size: 0.6em;
	font-weight: bold;
}
/*##### ENDE Typografie #####*/



/*##### Formatierung links #####*/
a, td a {
	text-decoration: none; 
	border-bottom: 1px dotted;
}

#menue0 a, #menue a, #navi a,  #text a.pdf, #text .banner a, a.zum_shop, #tracker a, .hacken, .minus {border: none;}

/* links im menue-bereich */
#menue a, #menue a.link_aktiv, #menue a.link_neu, #menue a.link_neu_aktiv {
	display: block;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 2px 0px 2px 4px;
}

#menue a, #menue a.link_aktiv{
	padding: 4px 16px 4px 16px;
}

#menue a.link_neu, #menue a.link_neu_aktiv{
	padding: 4px 16px 4px 30px;
}

/*HG-Bilder normaler Zustand*/
#menue a.link_aktiv{
	background: #84B13D url(bilder/buttons/link_aktiv_hg.gif) repeat-x;
}

#menue a.link_neu{
	background: #B0C2DB url(bilder/buttons/link_neu_hg.gif) no-repeat;
}

#menue a.link_neu_aktiv{
	background: #D8E3D1 url(bilder/buttons/link_neu_aktiv_hg.gif) no-repeat;}

a:hover, a:active{outline: none;}

/*HG-Bilder hover Zustand*/
#menue a:focus, #menue a:hover, #menue a:active, 
#menue a.link_aktiv:focus, #menue a.link_aktiv:hover, #menue a.link_aktiv:active {
	background: #6386D1 url(bilder/buttons/link_hover_hg.gif) repeat-x;
}

#menue a.link_neu:focus, #menue a.link_neu:hover, #menue a.link_neu:active, 
#menue a.link_neu_aktiv:focus, #menue a.link_neu_aktiv:hover, #menue a.link_neu_aktiv:active {
	background: #8BA4C6 url(bilder/buttons/link_neu_hover_hg.gif) no-repeat;
}

/*Farben*/
#menue a.link_aktiv:link, #menue a.link_aktiv:visited, 
#menue a.link_neu_aktiv:link, #menue a.link_neu_aktiv:visited{ 
	color: #000111;
}
#menue a:link, #menue a:visited {
  color: #fff;
}

#menue a:focus, #menue a:hover, #menue a:active, 
#menue a.link_aktiv:focus, #menue a.link_aktiv:hover, #menue a.link_aktiv:active, 
#menue a.link_neu_aktiv:focus, #menue a.link_neu_aktiv:hover, #menue a.link_neu_aktiv:active{
	color: #000111;
}
/* ENDE links im  menue-bereich */

/* links im  navi-bereich */
#navi a {
	font-weight: bold;
	display: block;
}

#navi a:link, #navi a:visited {color: #FDF8C5;}
#navi a:focus, #navi a:hover, #navi a:active {color: #EA9D3A;}
/*ENDE links im navi-bereich */

/*links im inhalts-bereich*/
#text a:link, #text p a.zum_shop, #text p a.nach_oben  {color: #314FB1;}
#text a:visited {color: #8B96BD;}
#text a:focus, #text a:hover, #text a:active, #text p a:hover.zum_shop, #text p a:hover.nach_oben {color:#97010B;} /*HIER NOCH FEHLER*/

#text a.pdf {
	background: transparent url(bilder/icons/download_pdf.gif) no-repeat;
	background-position: center center;
	margin-left: 6px;
	padding-left: 41px;
	padding-top: 0px;
}

#text a.pdf:hover{
	background-image: url(bilder/icons/download_pdf_hover.gif);
	padding-left: 41px;
	padding-top: 0px;
}

#text a.zum_shop{
 	background: transparent url(bilder/icons/zum_shop.gif) no-repeat;
	background-position: left center;
	padding-left: 46px;
	padding-top: 0px;
}

#text a.zum_shop:hover {
	background-image: url(bilder/icons/zum_shop_hover.gif);
}

.nachoben {text-align: right;} 

#text a.nach_oben {
	background: transparent url(bilder/icons/nach_oben.gif) no-repeat;
	background-position: left center;
	border: none;
	padding-left: 28px;
	padding-top: 0px;
}

#text a.nach_oben:hover {
	background-image: url(bilder/icons/nach_oben_hover.gif);
}
/*ENDE links im inhalts-bereich*/
/*##### ENDE Formatierung links #####*/

/*##### icons#####*/
.hacken{
	background: transparent url(bilder/icons/hacken.gif) no-repeat;
	background-position: left center; 
  display: block;
  height: 32px;
	padding-left: 35px;
	padding-top: 0px;
}

.minus{
	background: transparent url(bilder/icons/minus.gif) no-repeat;
	background-position: left center; 
  display: block;
  height: 25px;
	padding-left: 28px;
	padding-top: 0px;
}
/*##### ENDE icons #####*/

/*##### shop-artikel #####*/
#text .shop {
	margin: 0px;
	padding: 20px 10px 10px 10px;
	border-top: 1px dashed #ADC2DC;
}

/* .shoptext h2 {margin: 0px 40px 10px 10px;} */

#text .bildlinks {
	float: left;
  width: 108px;
	margin: 8px 15px 10px 10px;
	border: 4px solid #C7D0DC;
}

.bildlinks_klein {
	float: left;
	width: 100px;
	margin: 8px 15px 10px 20px;
	border: 4px solid #C7D0DC;
}

.bildlinks_mittel {
	float: left;
	width: 160px;
	margin: 8px 15px 10px 20px;
	border: 4px solid #C7D0DC;
}

.bildlinks_mittel_weihnachten {
	float: left;
	width: 160px;
	margin: 8px 15px 10px 20px;
	border: 4px solid #C7D0DC;
}

.bildlinks_mittel_weihnachten:hover {
  border: 4px solid #ff5400;
}

.bildlinks_gross {
  float: left;
  width: 160px;
  margin: 8px 15px 10px 20px;
	border: 4px solid #C7D0DC;
}

a:hover .bildlinks {
	border: 4px solid #C6D3BD;
	border: 4px solid #BCCDE4;
}

#shop p {
	text-align: right;
	padding-right: 40px;
}

#shop p.links {
	text-align: left;
	padding-right: 40px;
}
/*##### ENDE shop-artikel #####*/

/* #### Allgemeine Klassen ##### */
#text .float_left{
	float: left;
}

.stopfloat {
	display: block;
	float: none;
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}

.bildrechts {
	float: right;
	width: 160px;
	margin: 0px 20px 20px 20px;
}

.bildrahmen {border: 4px solid #C7D0DC;}

.bildrechts_groesser {
	float: right;
	width: 200px;
	margin: 0px 60px 20px 20px;
}

.bildrechts_gross {
	float: right;
	width: 340px;
	margin: 0px 60px 20px 20px;
}

.personfoto {
	float: right;
	width: 120px;
	margin: 8px 20px 10px 10px;
	border: 4px solid #C7D0DC;
}

.person {margin-bottom: 20px;}

.persontext {padding-top: 8px;}

.linie p {
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 1px dashed #C6D1DE;
}

.banner {
	text-align: center;
	padding: 16px 0px 16px 0px;
}

.banner_weihnachten{
  background-color: #DEEDF5;
  border-top: 6px dotted #518544;
  border-bottom: 6px dotted #518544;
  margin-bottom: 40px;
	padding: 8px 0px 16px 0px;
}

.behaelter {
  position: relative;
}

.deko {
	background: url(bilder/weihnachten_bilder/schleife2.png) no-repeat;
	position: absolute;
	height: 58px;
  width: 77px;
  right: -30px; 
  top: -16px;
  z-index: 100;
}

#iframes p, h1, h2 {
	text-align: left;
  padding: 0px;
  margin-bottom: 0px;
}

#iframes {
  margin: 20px 20px 0px 20px;
	text-align: center;
	padding: 16px 0px 16px 0px;
}

#iframes .amazon_bild {
	float: left;
  margin: 0px 16px 0px 16px;
	border: 4px solid #C7D0DC;
}

.farbe1 {background-color: #F1F8FC;}

/* .farbe2 {background-color: #EDF6FD;} */
.farbe2 {background-color: #EBF3F8;}

.farbe3 {background-color: #B6C7D9;}
.farbe3 {background-color: #F2F6FC;}

.farbe4 {background-color: #EFEEE2;}
.border4 {border: 1px dashed #CCC9A2;}
/* .farbe5 {background-color: #A3B9D8;} */
.farbe5 {background-color: #F3F6F2;}

.vorschau, .table_weihnachten .vorschau td:first-child .table_kontakt tr td:first-child {
    background-color: #226E97;
    background-color: #5C7157;
    color: #fff;
}



/* Kontaktformular */
.table_kontakt td{ 
   padding: 8px; 
} 

.table_kontakt input, .table_kontakt textarea { 
   border: 1px solid #B8BEB7; 
   background-color: #EAEDE9; 
} 
/* kontaktformular ende */



.shop h1{
/* 	background: #7E9AC1 url(bilder/icons/info.gif) no-repeat; */
/* 	background: #7392BD url(bilder/icons/info.gif) no-repeat; */
	background: #9CB1CF url(bilder/icons/info.gif) no-repeat;
	
	background-position: left center;
	color: #fff !important; 
	border: none !important; 
	margin-top:0px !important;
	padding: 0.1em 0.1em 0.1em 40px;
}


.abschluss {border-bottom: 1px dashed #ADC2DC;}
.abstand_oben {margin-top: 2em !important;}
/* #### ENDE Allgemeine Klassen ##### */



/* ##### Tabellen #####*/
table {
    background-color: transparent;
    background-color: #fff;
	padding: 0px;
	margin-bottom: 10px; 
	border: 1px solid #9EB698;
}


/*tr {background-color: #F2F9FE;}*/
tr {background-color: #fff;}
tr.farbe2 {background-color: #FAFEFD;}
tr.farbe3 {background-color: #F4FBF6;}

th, td.tabellenueberschr {
	padding: 3px 12px;
	/*background: #8BA4C6 url(bilder/layout/streifen1.gif) repeat-x;*/
    background-color: #7c0d0d;
    background-color: #7c0d0d;
    background-color: #660202;
	text-align: center;
    color: #fff;
}

td{
	border: 1px solid #9EB698;
	padding: 2px 6px 2px 6px;
}

.table_breit {
width: 340px;
margin-bottom: 20px;
}


.table_weihnachten {
width: 540px;
margin-bottom: 20px;
}

.table_weihnachten td:first-child {
    background-color: #3B4938;
}

}
.table_sehr_breit {
width: 600px;
margin-bottom: 20px;
}


.table_grafik{
float: left;
width: 120px;
margin: 8px 20px 10px 35px;
border: 3px solid #B9BFB8;
/*border: 4px solid #548718;
border: 4px solid #55AB26;*/
}

.table_grafik:hover{
border: 3px solid #FF5400;
}
/* ##### ENDE Tabellen #####*/



/*##### icons #####*/
/* um  die social bookmarks zu floaten */
#bookmark img {
	float: left;
	width: 24px;
	height: 24px;
	margin-left: 12px;
	padding: 5px;
}


/* ##### Formulare #####*/
form{
	width: 600px;
	padding: 15px 20px;
}

fieldset   {
	border: 1px dashed #ADC2DC;
	margin-bottom: 20px;
	padding-left:10px;
	padding-bottom: 20px;
}

fieldset input, fieldset textarea{
	border: 1px solid #6E88AE;
	border-right: 1px solid #D6E1F2;
	border-bottom: 1px solid #D6E1F2;
	background-color: #DCE4EE;
	background-color: #F3F5F7;
	
}

legend{
	padding: 0px 30px;
	margin-bottom: 2px;
	background-color: #ACBCD4;
	color: #fff;
	font-weight: bold;
	background: #8BA4C6 url(bilder/layout/streifen1.gif) repeat-x;
	border-bottom: 1px solid #6A86AE;
}
/* ##### ENDE Formulare #####*/