@import url(csshover.htc);
@import url(ie6.css);
@import url(ie7.css);
@import url(navigation.css);
@import url(start.css);


/* Karg Farben im Hexadecimal-Code
#acb21d = GRÜN mit hellen Tönen: c1c556, d5d88e, eaecc6, f7f7e8 und DUNKLEN Tönen: 818516, 56590f, 2b2d07
#ede3c3 = BEIGE mit hellen Tönen: f2ead2, f6f1e1, faf8f0, fdfcf9 und DUNKLEN Tönen: b2aa92, 777262, 3b3931, 181714
#e7cc51 = GELB mit hellen Tönen: edd97d, f3e5a8, f9f2d3, fdfaed und DUNKLEN Tönen: ad993d, 746629, 3a3314, 181508
#da3f35 = ROT mit hellen Tönen: e36f68, ec9f9a, f6cfcc, fbebea und DUNKLEN Tönen: a32f28, 6d201b, 37100d, 160605
#e0dfda = GRAU hell als mainbg
#3b3931 = GRAU-BEIGE etwas dunkler als maintype
*/

html {
	height: 101%;
	}
body {
	position: relative;
	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: url(../bilder/back/body_piece.jpg) #fbebea repeat 0 0;
	}
body { behavior: url(csshover.htc); }

/*
-----------------------------------------------------------------------------------
=Basics
----------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; color: #3b3931; line-height: 1.4; }

ol, ul { list-style: none; }
caption, weight, cite, code, dfn, th, var, blockquote { font-style: normal; font-weight: normal; }
table { border-spacing: 0; border-collapse: collapse; }
img, fieldset, object { border: 0; display: block;}
caption, th, td, table {text-align: left; vertical-align: top;}

p, table { margin-bottom: 1.5em; }
p, ul, ol, dd, table { font-size: 13px; }
/*
-----------------------------------------------------------------------------------
=Float Clearing
----------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block; /* fixes IE-MAC*/
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* Hides from IE-mac \*/


/*
-----------------------------------------------------------------------------------
=Unsichtbar Accessibility
----------------------------------------------------------------------------------- */
ul#navaccess { display: none; }
hr { clear: both; visibility: hidden; }


/*
-----------------------------------------------------------------------------------
=Druckversion
----------------------------------------------------------------------------------- */
#close_main {
	display: none;
	}
#close_main img { display: none; }

/*
-----------------------------------------------------------------------------------
=Links
----------------------------------------------------------------------------------- */

a:link, a:visited {
	text-decoration: none;
	font-weight:bold;
	color: #ad993d; /*#ad993d;*/
	}
a:hover, a:focus {
	text-decoration: underline;
	color: #ad993d;
	}

/*
-----------------------------------------------------------------------------------
=Klassen
----------------------------------------------------------------------------------- */

.clear { 
	clear: both;
	}
.mitte, p.mitte {
	text-align: center;
	}
.right, p.right {
	text-align: right;
	}
.kursiv, p.kursiv {
	font-style: italic;
	letter-spacing: 1px;
	}
.fett, p.fett {
	font-weight: bold;
	letter-spacing:1px;
	color: #6d201b; /*dunkelrot*/
	}
.klein, p.klein, table.klein {
	font-size: 10px;
	}
img.left { float: left;  margin: 0 15px 5px 0; } /*ohne Rand, z.B. für Logos, sonst .bildlinks */
img.right { float: right; margin: 0 15px 5px; }
img.inline { display: inline; }

.bildlinks, .bildrechts, .bildkleinrezept, .nah {
	padding: 5px 5px 5px 5px;
	background: #f7f7e8;
	border: 1px solid #CCCCCC;
	}
.bildlinks { float: left; margin: 0 15px 5px 0; }
.bildrechts{ float: right; margin:0 15px 5px; }
.bildkleinrezept { float: left; margin: 0 0 5px 0; }

.replace a { /*image replacement */
	text-indent: -1999px;
	overflow:hidden;
	background-repeat:no-repeat;
	display:block;
	}
.replace a:link, .replace a:visited { background-position: 0 0; }
.replace a:hover, .replace a:visited:hover, .replace a:active { background-position: 0 100%; } 
p.nachoben { text-align: right;}
p.nachoben a {
	font-weight: normal;
	padding: 0 0 0 15px;
	background: url(../bilder/elements/toppfeil.jpg) no-repeat 0 50%; 
	}
.nachoben a:link, .nachoben a:visited { text-decoration: none; }
.nachoben a:hover, .nachoben a:focus { text-decoration: underline; }
	
/*
-----------------------------------------------------------------------------------
=Headlines
----------------------------------------------------------------------------------- */
h1, h2, h3, h4 { 
	line-height: 1.2; 
	}	
h2, h3, h4, h5, h6 { margin: 0 0 8px 0; }
h1 {
	font-size: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 12px 0 29px 0;
	color: #3b3931; 
	}
#design h1 { margin: 36px 0 16px 0; }
h2 {
	font-size: 20px;
	color: #acb21d; /*grün*/
	}
#design h2 { font-size: 20px; color: #3b3931; } 
h3 {
	font-size: 16px;
	color: #3b3931;  
	}	
h4 {
	font-size: 14px;
	}
#faq h4 { color: #4980a3; font-size: 12px; }
#auszeichnung h4 { margin: 0 0 40px 0; }
h5, h6 {
	margin: 16px 0 8px 0;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	}
h6 { padding: 0 0 0 16px; }

/*
-----------------------------------------------------------------------------------
=Layout gesamt 
----------------------------------------------------------------------------------- */
body.wide #containerbody { top:404px !important; padding:0 0 404px 0 !important;}
body.wide #wrapcontent { background: #e0dfda;}
body.wide #content{ width:97%; padding: 20px 0 30px 3%; float:right;} 
body.wide #wrapcontent .trans { background: transparent;}
body.wide #navfoot .tlineright { background: url(../bilder/elements/dotted.gif) repeat-y 36% 0; }
body.wide #kontaktfoot .tlineleft { background: url(../bilder/elements/dotted.gif) repeat-y 100% 0; }
#navfoot .tlineright { background: url(../bilder/elements/dotted.gif) repeat-y 94% 0; }
#kontaktfoot .tlineleft { background: url(../bilder/elements/dotted.gif) repeat-y 97% 0; }

body.wide #header {
	position: absolute;
	top: 120px;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 276px;
	overflow:hidden;
	}
#wrap {
	padding: 0 15px 0 15px;
	height: 800px;
	background:url(../bilder/back/body_bg.jpg) repeat-x 0 0;
	}
#container {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 740px;
	max-width: 1000px;
	background:url(../bilder/elements/halm.gif) no-repeat 0 0;
	}
#containerbody {
	width:100%;
	position:relative;
	top:120px;
	padding:0 0 120px 0;
	margin:0 0 40px 0;
	overflow: hidden;
	}
#brandbild {
	position:relative;
	padding:0 0 20px 0;
	width:100%;
	background:url(../bilder/back/headbg.gif) repeat-y 25% 0;
	overflow:hidden; 
	}
#brandbild .over {
	float:left;
	position:absolute;
	left:20%;
	z-index:100;
	}
#brandbild .thema {
	float:right;
	display:block;
	width:75%;
	overflow:hidden;
	}
#brandbild .thema img {
	float:right;
	display:block;
	}
#wrapcontent  {
	clear:left;
	width:100%;
	margin:0 0 8px 0;
	background:url(../bilder/back/content_bg.gif) repeat-y 25% 0;
	}
#subnav {
	width:20%;
	padding: 10px 3% 160px 2%;
	float:left;
	}
#content { 
	width: 69%;
	padding: 0 3% 30px 3%;
	float:right;
	}
#footcontainer {
	background: url(../bilder/back/foot_bg.jpg) #fbebea repeat 0 0;
	float:left;
	width:100%;
	padding: 15px 0 15px 0;
	margin: 0;
	}	

/*
-----------------------------------------------------------------------------------
=Branding
----------------------------------------------------------------------------------- */

#branding {
	position:absolute;
	top:0;
	width:200px;
	height:190px;
	z-index:1000;	
	}
#brandinglogo a {
	width:200px;
	height:190px;
	display:block;
	overflow: hidden;
	background:url(../bilder/elements/branding.gif) top left no-repeat; 
	}
#brandinglogo a:link, #brandinglogo a:visited {
	background-position: 0 0;
	}
#brandinglogo a:hover, #brandinglogo a:active {
	background-position: 0 -190px;
	} 


/* 
------------------------------------------------------------------------
=Layout Footer
------------------------------------------------------------------------ */
#footer {
	float:left;
	width:100%;
	padding: 0 2% 0 2%;
	}

/*
-----------------------------------------------------------------------------------
=Kontakt Footer
----------------------------------------------------------------------------------- */
#kontaktfoot {
	width: 23%;
	float: left;
	margin: 0 0 0 1%;
	}
body.wide #kontaktfoot { margin: 0 2% 0 2%; }
#kontaktfoot li {
	margin:0 0 6px;
	padding:0 0 0 10px;
	}
#kontaktfoot a {
	font-weight: normal;
	}
	
/*
-----------------------------------------------------------------------------------
=Mail Footer
----------------------------------------------------------------------------------- */
#mailfoot {
	position: relative;
	width:25%;
	float:left;
	margin: 54px 1% 0 1%;
	}
body.wide #mailfoot { margin: 54px 2% 0 2%; }
#mailfoot li {
	margin: 0 0 6px 0;
	padding: 0 0 0 10px;
	}
#mailfoot a {
	font-weight:normal;
	}


/*
-----------------------------------------------------------------------------------
=Dorfäckerei Logo Foot
----------------------------------------------------------------------------------- */
#fdbfoot {
	position: absolute;
	right: 0px;
	width: 88px;
	float: right;
	margin:0 1% 0 1%;
	}
body.wide #fdbfoot { margin: 0 2% 0 2%; }
li#n_fdbfoot a {
	width: 88px;
	height: 51px;
	overflow: hidden;
	background: url(../bilder/elements/logofdbfoot.gif) no-repeat;
	}
li#n_fdbfoot a:link, li#n_fdbfoot a:visited {
	background-position: 0 -51px;
	}
li#n_fdbfoot a:hover, li#n_fdbfoot a:active {
	background-position: 0 0px;
	} 



/* 
-----------------------------------------------------------------------------------
=Layouts der Unterseiten Knäckegenuss, Knäckewissen, Knäckebäckerei
----------------------------------------------------------------------------------- */
.drittel, .tab, .halb, .breite { clear: both; float:left; width:100%; } /*2-Spalten und 1-Spalten-Layout*/

.drittel .spalte1 { width: 58%; margin: 0 6% 0 0; }
.drittel .spalte2 { width: 36%; margin: 0; }
.tab .spalte1 { width: 58%; margin: 0 4% 0 0; padding: 0 8px 0 0; }
.tab .spalte2 { width: 35%; margin: 0; padding: 0 0 0 0; } 
.halb .spalte1 { width: 51%; margin: 0 2% 0 0; padding: 0 8px 0 0; }
.halb .spalte2 { width: 41%; margin: 0; }
.breite .spalte1 { width: 94%; margin: 0 6% 0 0; }
.spalte1,.spalte2 { float: left; }
.halb .spalte1 { background: url(../bilder/elements/dotted.gif) repeat-y 100% 0; }
.tab .spalte1 { background: url(../bilder/elements/dotted.gif) repeat-y 100% 0; }

div.iinfo { clear: both; margin: 0 0 30px 0; } /*Inhalt-Info-Bereich*/
div.pinfo { clear: both; margin: 0 0 30px 0; padding: 18px 0 0 0; } /*Presse-Info-Kasten*/

.red .farbinfo { background-color: #d15149; }
.gelb .farbinfo { background-color: #dbbd38; }
.blau .farbinfo { background-color: #9dceef; }
.braun .farbinfo { background-color: #c0763a; }
.braun3 .farbinfo { background-color: #c0763a; }

.red h2 { color: #d15149; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.gelb h2 { color: #dcb60e; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.blau h2 { color: #4980a3; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.blau#feinwerte h2 { color: #e9c00b; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.blau#biowerte h2 { color: #bbc307; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.blau#glutwerte h2 { color: #da3f35; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.blau#elisenwerte h2 { color: #884329; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.blau#snackwerte h2 { color: #81301e; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}

.braun h2 { color: #c0763a; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.braun2 h2 { color: #c0763a; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.braun3 h2 { color: #c0763a; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.fein h2 { color: #e9c00b; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.bio h2 { color: #bbc307; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.glut h2 { color: #a01b3f; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.elise h2 { color: #884329; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.snack h2 { color: #81301e; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}

.red h4 { color: #d15149; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.gelb h4 { color: #dcb60e; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.blau h4 { color: #4980a3; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.braun h4 { color: #c0763a; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.braun2 h4 { color: #c0763a; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.braun3 h4 { color: #c0763a; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.fein h4 { color: #e9c00b; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.bio h4 { color: #bbc307; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.glut h4 { color: #a01b3f; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.elise h4 { color: #884329; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.snack h4 { color: #81301e; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}

.subhead { width: 351px; height: 42px; text-indent: -9999px; }
#elisenwerte h3 { background: url(../bilder/headlines/h3_elisen_werte.gif) no-repeat 0 0; }
#elisen h3 { background: url(../bilder/headlines/h3_elisen.gif) no-repeat 0 0; }
#glutenfrei h3 { background: url(../bilder/headlines/h3_glutenfrei.gif) no-repeat 0 0; }
#glutwerte h3 { background: url(../bilder/headlines/h3_glut_werte.gif) no-repeat 0 0; }
#rezepte h3 { background: url(../bilder/headlines/h3_rezept_ideen.gif) no-repeat 0 0; }
#biogenuss h3 { background: url(../bilder/headlines/h3_bio_knaeckebrot.gif) no-repeat 0 0; }
#biowerte h3 { background: url(../bilder/headlines/h3_bio_werte.gif) no-repeat 0 0; }
#feinwerte h3 { background: url(../bilder/headlines/h3_feinwerte.gif) no-repeat 0 0; }
#feingenuss h3 { background: url(../bilder/headlines/h3_feinschmecker.gif) no-repeat 0 0; }
#feinwerte h3 { background: url(../bilder/headlines/h3_fein_werte.gif) no-repeat 0 0; }
#snackgenuss h3 { background: url(../bilder/headlines/h3_snack.gif) no-repeat 0 0; }
#snackwerte h3 { background: url(../bilder/headlines/h3_snack_werte.gif) no-repeat 0 0; }
#genuss h3 { background: url(../bilder/headlines/h3_mehr_als_knabberei.gif) no-repeat 0 0; }
#unternehmen h3 { background: url(../bilder/headlines/h3_unternehmen.gif) no-repeat 0 0; }
#historie h3 { background: url(../bilder/headlines/h3_historie.gif) no-repeat 0 0; }
#auszeichnung h3 { background: url(../bilder/headlines/h3_auszeichnungen.gif) no-repeat 0 0; }
#pressespiegel h3 { background: url(../bilder/headlines/h3_pressespiegel.gif) no-repeat 0 0; }
#pressemeldungen h3 { background: url(../bilder/headlines/h3_pressemeldungen.gif) no-repeat 0 0; }
#mitarbeiter h3 { background: url(../bilder/headlines/h3_mitarbeiter.gif) no-repeat 0 0; }
#marketing h3 { background: url(../bilder/headlines/h3_marketing.gif) no-repeat 0 0; }
#verkauf h3 { background: url(../bilder/headlines/h3_verkauf.gif) no-repeat 0 0; }
#stellen h3 { background: url(../bilder/headlines/h3_stellen.gif) no-repeat 0 0; }
#verpackung h3 { background: url(../bilder/headlines/h3_kartons.gif) no-repeat 0 0; }
#design h3 { background: url(../bilder/headlines/h3_design.gif) no-repeat 0 0; }
#naehrwissen h3 { background: url(../bilder/headlines/h3_naehrgda.gif) no-repeat 0 0; }
#transacryl h3 { background: url(../bilder/headlines/h3_bio_transac.gif) no-repeat 0 0; }
#getreide h3 { background: url(../bilder/headlines/h3_getreide.gif) no-repeat 0 0; }
#aktuelles h3 { background: url(../bilder/headlines/h3_aktuelles.gif) no-repeat 0 0; }
#faq h3 { background: url(../bilder/headlines/h3_faq.gif) no-repeat 0 0; }
#quellen h3 { background: url(../bilder/headlines/h3_bezugsquellen.gif) no-repeat 0 0; }
#herstellung h3 { background: url(../bilder/headlines/h3_herstellung.gif) no-repeat 0 0; }
#biofach h3 { background: url(../bilder/headlines/h3_biofach.gif) no-repeat 0 0; }



/*
-----------------------------------------------------------------------------------
=Farbkästen
-----------------------------------------------------------------------------------*/
p.zitiert {
	color: #FFFFFF;
	margin:0;
	width: auto;
	text-align:right;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times,serif;
	}
.farbinfo {
	margin: 0 0 30px 0;
	padding: 15px 15px 15px 15px;
	}
.farbinfo a:link, .farbinfo a:visited {
	color: #FFFFFF;	
	text-decoration: none;
	font-weight: bold;	
	}
.farbinfo a:hover, .farbinfo a:focus {
	color: #FFFFFF;	
	text-decoration: underline;
	font-weight: bold;	
	}
.farbinfo h4 { 
	color: #2d2d2d; 
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
.farbinfo blockquote p {
	font-size:12px;
	font-weight: normal;
	margin: 0 0 12px 0;
	}
.red .farbinfo blockquote p {
	color: #FFFFFF;
	}
.gelb .farbinfo blockquote p {
	color: #3b3931;
	}
.blau .farbinfo blockquote p {
	color: #3b3931;
	}
.braun .farbinfo blockquote p , .braun2 .farbinfo blockquote p, .braun3 .farbinfo blockquote p{
	color: #1d1d1d;
	}

/*
-----------------------------------------------------------------------------------
=Überblick für rechte Seite (Spalte2)
-----------------------------------------------------------------------------------*/
.halb .spalte1 h4 { 
	color: #3b3931; 
	font-size: 12px;
	font-weight: bold;
	line-height:1.4em;
	}
div.ueberblick {
	margin: 0 0 30px 0;
	padding: 15px 0px 15px 12px;
	background: url(../bilder/elements/dotted.gif) repeat-x 0 100%;
	}
.ueberblick h4 {
	letter-spacing: 1px;
	margin: 0 0 24px 0;
	}
.ueberblick a {
	display: block;
	font-size: 12px;
	color: #9f8b34;
	}
.ueberblick li.eti {
	margin: 0 0 8px 0;
	padding: 0 0 0 15px;
	height: 61px;
	background: url(../bilder/elements/rightpfeil.jpg) no-repeat 0 6px;
	}
img.etikettenbild {
	float: right; 
	margin-top: -18px;
	padding: 5px 5px 5px 5px;
	background: #f7f7e8;
	border: 1px solid #CCCCCC;
	}
.ueberblick li.frage {
	margin: 0 0 12px 0;
	}
.ueberblick a:link, .ueberblick a:visited {
	text-decoration: none;
	font-weight: normal;	
	}
.ueberblick a:hover, .ueberblick a:focus {
	text-decoration: underline;
	font-weight: normal;	
	}
	
	
/*
-----------------------------------------------------------------------------------
=Werte/Nährwerte/Packshots
-----------------------------------------------------------------------------------*/

ul.etikett li {
	margin: 54px 0 0 0;
	padding: 0 0 0 0;
	height: 233px;
	background: url(../bilder/elements/dotted.gif) repeat-x 0 100%; 
	}
ul.etikett li#last { height: 145px; background: none!important; } 

tr.tabkopf td { color: #000; }
#biowerte td, #feinwerte td, #glutwerte td, #elisenwerte td, #snackwerte td { padding: 0 18px 0 0; }
#biowerte td#einzug, #feinwerte td#einzug, #glutwerte td#einzug, #elisenwerte td#einzug, #snackwerte td#einzug { padding-left: 16px;}
#biowerte tr.odd, #feinwerte tr.odd, #glutwerte tr.odd, #elisenwerte tr.odd, #snackwerte tr.odd { background: #d1d0cb; }
#feinwerte tr.tabkopf { background: #e7cc51; } /*gelb*/
#biowerte tr.tabkopf { background: #acb21d; } /*grün*/
#glutwerte tr.tabkopf { background: #d93f35; }  /*rot*/
#elisenwerte tr.tabkopf { background: #994b2e; }
#elisenwerte tr.tabkopf td { color: #FFF; }
#snackwerte tr.tabkopf { background: #81301e; }
#snackwerte tr.tabkopf td { color: #FFF; }

#biogenuss td, #feingenuss td, #glutenfrei td, #elisen td, #snackgenuss td { padding: 0 18px 0 0; }
#biogenuss td#einzug, #feingenuss td#einzug, #glutenfrei td#einzug, #elisen td#einzug, #snackgenuss td#einzug { padding-left: 16px;}
#biogenuss tr.odd, #feingenuss tr.odd, #glutenfrei tr.odd, #elisen tr.odd, #snackgenuss tr.odd { background: #d1d0cb; }
#biogenuss tr.tabkopf { background: #acb21d; } /*grün*/
#feingenuss tr.tabkopf { background: #e7cc51; } /*gelb*/
#glutenfrei tr.tabkopf { background: #d93f35; }  /*rot*/
#elisen tr.tabkopf { background: #994b2e; }
#elisen tr.tabkopf td { color: #FFF; }
#snackgenuss tr.tabkopf { background: #781d1a; }
#snackgenuss tr.tabkopf td { color: #FFF; }

img.pack {
	margin: 15px;
	padding: 5px 5px 5px 5px;
	background: #f7f7e8;
	border: 2px solid #CCCCCC;
	width: 520px;
	height: 397px;
	text-align:center;
	}
img.packhoch {
	margin: 15px;
	padding: 5px 5px 5px 5px;
	background: #f7f7e8;
	border: 2px solid #CCCCCC;
	width: 397px;
	height: 520px;
	text-align:center;
	}
#design h2 { margin-bottom: 30px; }

/* 
-----------------------------------------------------------------------------------
=Historie
----------------------------------------------------------------------------------- */
table.history td {
	padding: 0 6px 0px 0px;
	}
table.history td.abstand { padding: 26px 0 0 0; }
table.history h2 { font-size: 18px; }
p.legende { 
	clear: both; 
	float: left; 
	font-size: 10px; 
	padding: 0 0 0 6px; 
	}
table.history td img.bildlinks { margin-right: 6px; }

/* 
-----------------------------------------------------------------------------------
=Mitarbeiter
----------------------------------------------------------------------------------- */

p.ma { 
	width:200px; 
	clear: both;
	text-align: right;
	margin: -18px 0 21px 0;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:12px;
	}
img.karg {
	float: left; margin: 0 15px 5px 0;
	padding: 2px 2px 2px 2px;
	background: #f7f7e8;
	border: 1px solid #e7cc51;
	}

	
/*
-----------------------------------------------------------------------------------
=Auszeichnung und allgemeine Listen
-----------------------------------------------------------------------------------*/
li.pfeil {
	margin: 0 0 4px 0;
	padding: 0 0 0 15px;
	background: url(../bilder/elements/rightpfeil.jpg) no-repeat 0 7px;
	}
li.punkt {
	margin: 0 0 4px 0;
	padding: 0 0 0 15px;
	background: url(../bilder/elements/tline.jpg) no-repeat 0 50%;
	}
ul.punkt { margin: 0 0 24px 16px; }
ul.punkt li {
	padding: 0 0 0 15px;
	background: url(../bilder/elements/tline.gif) no-repeat 0 8px;
	}
.ullinks li, .ullrechts li {
	padding: 0 0 0 15px;
	background: url(../bilder/elements/rightpfeil.jpg) no-repeat 0 7px;
	}
.ullinks { float: left; margin: 0 9px 5px 0; }
.ullrechts { float: right; margin:0 9px 5px; }
.ulpfeil li {
	padding: 0 0 15px 15px;
	background: url(../bilder/elements/rightpfeil.jpg) no-repeat 0 7px;
	}
.ulpfeil { float: left; margin: 15px 9px 12px 0; }


/*
-----------------------------------------------------------------------------------
=Sitemap
-----------------------------------------------------------------------------------*/

#sitemap #content a:link, #sitemap  #content a:visited {
	text-decoration: none;
	font-weight:normal;
	color: #9f8b34;; /*#ad993d;*/
	}
#sitemap  #content a:hover, #sitemap  #content a:focus {
	text-decoration: underline;
	color: #9f8b34;;
	}
.ulmap li {
	padding: 0 0 6px 15px;
	background: url(../bilder/elements/rightpfeil.jpg) no-repeat 0 7px;
	}
.ulmap { float: left; margin: 4px 9px 0px 0; }
ul.einzug { margin: 0px 0 15px 30px; } /*hier passend FF, gesonderte Formatierung bei ie.css */
ul.einzug li {
	margin: 0 0 4px 0;
	padding: 0 0 0 15px;
	background: url(../bilder/elements/rightpfeil.jpg) no-repeat 0 7px;
	}
	
	
/*
-----------------------------------------------------------------------------------
=AGB/Impressum
-----------------------------------------------------------------------------------*/
#agb h6 { 
	clear: both;
	padding: 0;
	}
#agb ol { 
	margin: 8px 9px 16px 42px; 
	list-style: upper-roman outside;
	}
#agb ol li {
	display: block;
	padding: 8px 12px 6px 0;
	}
#agb ol ol {
	margin: 8px 9px 12px 24px; 
	list-style: lower-alpha outside;
	}
#agb ol ol li {
	display: block;
	padding: 8px 0px 6px 0;
	}
#impressum #content ul { margin-bottom: 30px; }