/*IDs dürfen nur ein mal vergeben werden, #shop , #shoptextist mehrere male vergeben!*/
/* classe .eng ist nicht mehrnötig*/

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

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



/*##### Aufbau der Seite #####*/
#rahmen {
	margin: auto;  /* Zentrierung fuer moderne Browser */
	text-align: left;        /* text-align:center (body) "neutralisieren" */
	width: 1000px;  
	background: #fff url(bilder/layout/rahmen_hg.gif) repeat-y;
}
					   
#kopf {
	background: #F3F6F8 url(bilder/layout/kopf_hg.gif) no-repeat;
	position: relative;
	height: 126px;
}

#logo {
	background-image: url(bilder/layout/logo_klein.gif);
	width: 152px;
	height: 64px;
	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: #426A9E;  
	padding-top: 2px;
	padding-bottom: 2px;
}

#menue ul {
	width: 1000px;
	list-style: none;
}

#menue li {float: left;}

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


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

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

/* Kindle-Banner in der linken Leiste */
#kindle li {
	border-bottom: none;
}

/*inhaltsbereich*/
#text {
	background-color: #FCFCFB;
	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: #597297 url(bilder/layout/fuss_balken.png) repeat-x;
	height: 30px;
	padding: 1px 20px;
	margin-top: 4px;
	text-align: center;
}
/*##### ENDE Aufbau der Seite #####*/



/*##### Typografie #####*/
body {
	color: #0D356E; 
	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: #395487;
	font-size: 0.7em;
	font-weight: bold;	
}

#menue0 a:hover {color: #788EAC;}

#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 {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: #D8E3D1 url(bilder/buttons/link_aktiv_hg.gif) no-repeat;
}

#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: #8BA4C6 url(bilder/buttons/link_hover_hg.gif) no-repeat;
}

#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: #364C73;
}

#menue a:link, #menue a:visited, 
#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: #fff
}
/* ENDE links im  menue-bereich */

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

#navi a:link, #navi a:visited {color: #6F8EA6;}
#navi a:focus, #navi a:hover, #navi a:active {color: #4D8BE0;}
/*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 #####*/



/*##### 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: 140px;
	margin: 8px 15px 10px 20px;
	border: 4px solid #C7D0DC;
}


.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;
}

.bildrechts_ostern {
	float: right;
	width: 250px;
	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;
}



/*amazon tests*/
/*.iframes {
	text-align: left;
	padding: 10px 0px 0px 0px;
}

.iframes p, h1, h2 {
	text-align: right;
  padding: 10px 0px 0px 0px;
}
*/

#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: #F3F7FD;} */
.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;}

.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;
	padding: 0px;
	margin-bottom: 10px; 
	border: 1px solid #9FADC0;
}

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

td.tabellenueberschr {
	padding: 3px 12px;
	background: #8BA4C6 url(bilder/layout/streifen1.gif) repeat-x;
	text-align: center;
}

td{
	border: 1px solid #C0CCDB;
	padding: 2px 6px 2px 6px;
}
.table_breit {
width: 340px;
margin-bottom: 20px;
}

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

/* ##### 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 #####*/