/****************************************************
*****************************************************
Datei: layout.css


menue-gelb.............. #f1fe14
schrift-grau ...... #564A42
hell grau ......... #b1c09a
grün .............. #75AF25

/***************************************************/
/***************************************************/
/******************************************** body */

html { height: 100%; }
	/* IE6- flicker bug */
	html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

body {
	height: 100%;
	width: 800px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.5;
	text-align: center;
	color: #564A42;
	background-image: url(design/bg4.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	"border: thin solid black;"
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	padding: 0;
}
	* html body {
	font-size: 90%; /* ie5 win */
}
	html>body {
	font-size: 90%; /* sei nett zu opera */
}

/***************************************************/
/***************************************************/
/******************************************* menue */

#menue {
	width: 798px;
	margin: 0px 0px 0 0px;
	height: 84px;
	"border: thin solid white;"
	padding-bottom: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	font: normal small-caps 105% Helvetica, Arial, sans-serif;
	color: #f1fe14;
}
/* liste */
#menue ul {
	margin: 0;
	padding: 0;
	}
#menue li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
/* links */
#menue a:link,
#menue a:visited {
	float: left;
	margin: 0 0 0 0px;
	padding: 10px 0px 0px 12px;
	text-decoration: none;
	font: normal small-caps 105% Helvetica, Arial, sans-serif;
	color: white;
	"border-bottom: 2px solid #D0CBC8;": ;
}
#menue a:hover,
#menue a:active,
#menue a.aktuell:link, #menue a.aktuell:visited, #menue a.aktuell:hover, #menue a.aktuell:active {
	color: #f1fe14;
	"border-bottom: 2px solid #564A42;": ;
}
/* die opacity in der box verursacht hier eine fehlerhafte darstellung der schriftfette – bug */

/***************************************************/
/***************************************************/
/****************************************** inhalt */



#inhalt {
	height: 80%;
	"min-height: 50%;"
	width: 795px;
	margin: 0 0px;
	text-align: left;
	"border: medium solid fuchsia;"
}

#seite {
	float: left;
	width: 100%;
	clear: both;
	padding: 0px 0 0px 0;
	margin-bottom: 0px;
	"border: medium solid aqua;"
}





/* linkeSpalte, rechteSpalte */
.breiteLinkeSpalte {
	width: 150px;
	float: left;
	overflow: hidden;
	line-height: 1.3;
	"border: thin solid black;"
}
.breiteRechteSpalte {
	overflow: auto;
	margin-left: 10px;
	"border: thin solid green;"
}
	* html .breiteRechteSpalte { float: left; } /* ie win */

/* linkeSpalte muss der linkesten spalte zugewiesen werden,
damit die ausrichtung mit dem kopf übereinstimmt (ausser bei box) */
.linkeSpalte h1,
.linkeSpalte h2, 
.linkeSpalte h3,
.linkeSpalte h4,
.linkeSpalte h5,
.linkeSpalte h6,
.linkeSpalte p,
.linkeSpalte dl { padding-left: 0; }

/* breiten ergeben in summe immer 100% */
.breite100 { width: 100%; }
.breite75 { width: 74%; }
.breite50 { width: 49.7%; }
.breite33 {  width: 32.7%; }
.breite25 { width: 24.7%; }

/* claim */
.claim { margin: 0 0 15px 140px; }
	.claim p {
	display: inline;
	margin: 0;
	color: #D0CBC8;
	}

/* box, boxx */
.box {
	overflow: hidden;
	width: 100%;
	margin: 5px 0 1px 0;
	padding: 5px 0;
	"border: medium solid black;": ;
}
.boxx {
	overflow: hidden;
	width: 100%;
	margin: 5px 0 1px 0;
	padding: 5px 0;
	background: #FFF url(design/boxx.jpg) repeat-x top left;
	"border: medium solid aqua;": ;
}

/***************************************************/
/***************************************************/
/******************************************** fuss */
	
#fuss {
	clear: both;
	overflow: auto;
	width: 798px;
	margin: 0px 0px 0px;
	padding: 10px 0 0px;
	text-align: left;
	color: #b1c09a;
	background: transparent;
	"color: #FFF;"
	"background: #A3CC6A  repeat-x;"
	"border: thin solid black;";
}
	.kiz_fuss { margin: 0 0 0 5px; }

#fuss a:link, #fuss a:visited { color: #b1c09a; border-bottom: 0px solid #75AF25; }
#fuss a:hover, #fuss a:active { color: #75AF25; }

#abschluss {
	width: 810px;
	background-color: white;
	min-height: 100px;
	max-height: 500px;
	page: inherit;
	overflow: visible;
	position: absolute;
}


/***************************************************/
/***************************************************/
/******************************************** tags */
	
/* überschriften */
h1, h2, h3, h4, h5, h6, h7 {
	margin: 0 0 0.5em 0;
	padding: 0 15px 0 15px;
	line-height: 1.2em;
	font-weight: normal;
	}
	h1 {
	margin: 0 0 0.2em 0;
	font-size: 2em;
	/* text-shadow: #75AF25 0 0 5px; */
	}
	h2 { font-size: 1.5em; color: #75AF25; }
	h3 { font-size: 1.5em; }
	h4 { font-size: 1.2em; color: #75AF25; font-weight: bold; }
	h5 { font-size: 1.2em; font-weight: bold; }
	h6 { font-size: 1em; font-weight: bold; }
	h7 { font-size: 1.2em; font-weight: normal; }


/* absatz */
p { margin: 0 0 1em 0; padding: 0 15px 0 15px; }

/* links */
a:link, a:visited {
	text-decoration: underline;
	color: #564A42;
}
/* a:visited { text-decoration: line-through; } */
a:hover, a:active {
	color: #75AF25;
}


/* bild */
img { margin: 0 10px 0.2em 10px; }
/* fliesst links oder rechts */
img.rechts { margin: 0 15px 0.2em 15px; }
* html img.rechts { margin: 0 0 0.2em 15px; }
img.links { margin: 0 15px 0.2em 15px; }

/* verlinktes bild */
a img { border: 0px solid #75AF25; }
a:hover img { border: 0px solid #564A42; }

/* bild auf maximalbreite skalieren */
img.skalieren {
	clear: both;
	position: relative; /* ie win */
	margin: 0 0 0.5em 0;
	width: 100%;
	}

/* listen */
ol, ul {
	margin: 0 15px 0.5em 16px;
	padding: 0px 0 10px 30px;
}
	ul {
	list-style-image: url(design/koru.gif);
	
}
	
/* gallery */
ul.gallery {
	position: relative; /* ie win */
	float: left;
	margin: 0;
	padding: 15px;
	list-style: none; 
	}
	ul.gallery li {
	float: left;
	margin: 0 1px 1px 0;
	}
	ul.gallery li img {
	margin: 0;
	padding: 0;
	}
	
/* definition list */
dl {
	margin: 0;
	padding: 0 15px 0.5em 15px;
	}
	dt {
	font-weight: bold;
	color: #75AF25;
	}
	dd {
	margin-left: 0;
	padding-left: 45px; 
	}
	label { display: block; }



/***************************************************/
/***************************************************/
/***************************************** klassen */



.links { float: left; }
.rechts { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.block { display: block; }
.small { font-size: 0.9em; }
.smaller {
	font-size: 0.75em;
	color: gray;
}
.bigger{
	font-size: 1.2em;
	text-decoration: underline;
}
	

* html .small {
	font-size: 0.8em;
}
.bildcaption { margin: -1em 0 0 0; font-size: 0.9em; text-align: right;}
.sehrwichtig { color: #75AF25; font-weight: bold; }
.wichtig { color: #75AF25; }
.unwichtig { color: #D0CBC8; }
.padding0 { padding: 0; }
.margin0 { margin: 0; }

.null { margin-bottom: 0; }
.eins { margin-bottom: 1px; }
.zwei { margin-bottom: 2px; }
.drei { margin-bottom: 3px; }
.vier { margin-bottom: 4px; }
.fuenf { margin-bottom: 5px; }
.sechs { margin-bottom: 6px; }
.sieben { margin-bottom: 7px; }
.acht { margin-bottom: 8px; }
.neun { margin-bottom: 9px; }
.zehn { margin-bottom: 10px; }
.zwoelf { margin-bottom: 12px; }
.fuenfzehn { margin-bottom: 15px; }
.zwanzig { margin-bottom: 20px; }
.fuenfundzwanzig { margin-bottom: 25px; }
.dreissig { margin-bottom: 30px; }
.fuenfunddreissig { margin-bottom: 35px; }
.vierzig { margin-bottom: 40px; }
.fuenfundvierzig { margin-bottom: 45px; }
.fuenfzig { margin-bottom: 50px; }

.onull { margin-top: 0; }
.oeins { margin-top: 1px; }
.ozwei { margin-top: 2px; }
.odrei { margin-top: 3px; }
.ovier { margin-top: 4px; }
.ofuenf { margin-top: 5px; }
.osechs { margin-top: 6px; }
.osieben { margin-top: 7px; }
.oacht { margin-top: 8px; }
.oneun { margin-top: 9px; }
.ozehn { margin-top: 10px; }
.ozwoelf { margin-top: 12px; }
.ofuenfzehn { margin-top: 15px; }
.ozwanzig { margin-top: 20px; }
.ofuenfundzwanzig { margin-top: 25px; }
.odreissig { margin-top: 30px; }
.ofuenfunddreissig { margin-top: 35px; }
.ovierzig { margin-top: 40px; }
.ofuenfundvierzig { margin-top: 45px; }
.ofuenfzig { margin-top: 50px; }

.lightgallery a:link, .lightgallery a:visited { border: none; margin: 0 1px 1px 0;}
.lightgallery a img, .lightgallery a:hover img { border: none; }

#imageContainer{
	padding: 5px 10px 0;
	"border: medium solid blue;"
}