/* CSS-Layout auf Grundlage von www.cssboxmania.com */
/* Pseudoframes, Vorlage #06, S. 297 */

html {
	font-size: 62.5%;
	overflow: hidden;
}
body {
	font: 1.2em/1.8em Verdana, sans-serif;
	height: 100%;
	max-height: 100%;
	background: #EEEECC;
}

* {margin: 0px; padding: 0px; border: 0px;}

/* Grundlayout mit Positionierung */
/* ############################## */

div#rahmenoben {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 99px;
	overflow: hidden;
	background: #FFFFFF url(images/frischmin-small.gif) no-repeat 20px;
	border-bottom: 1px solid #000066;
	text-align: right;
}

div#nav {
	position: absolute;
	top: 90px;
	right: 40px;
	width: auto;
	/* height: 30px; */
	margin-right: 0px;
	z-index: 100;
	/* background: green; */
}

div#rahmenlinks {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 150px;
	height: 100%;
	overflow: hidden;
	/* background: #EEEECC; */
	background: url(images/verlauf-horizontal2.png) repeat-y right top;
}
div#menu {margin: 3.0em 20px;}

div#hauptrahmen {
	position: absolute; 
	left: 150px; /* Lässt Platz für linken Rahmen */
	top: 130px; /* Lässt Platz für oberen Rahmen */
	right: 0px;
	bottom: 0px;
	overflow: auto; 
	background: #FFFFFF;
	border-top: 1px solid #000066;
	border-left: 1px solid #000066;
}
div#maintext {
	margin: 3.0em; /* Sorgt für Randabstand der Texte*/
}
div#footer {
	clear: both;
	margin: 3.0em; /* Sorgt für Randabstand der Texte*/
	border-top: 2px dotted #CCCCFF;
	margin-bottom: 1.0em;
}

body#bild div#hauptrahmen {
	background: #000033; /* Dunkler Hintergrund fuer Bildseiten */
	color: #EEEEFF; /* Helle Schriftfarbe fuer Bildseiten */
}
body#bild div#hauptrahmen a {
	color: #EEEEFF; /* Helle Linkfarbe fuer Bildseiten */
}

body#impressum div#hauptrahmen {
	/* Verlauf am rechten Rand nur bei Impressum */
	background: #FFFFFF url(images/verlauf-horizontal2.png) repeat-y right top;
}

/* ENDE Grundlayout mit Positionierung */
/* ################################### */



/* Formatierung Kopfbereich */
/* ######################## */

div#rahmenoben h1 {
	border: 0px;
	margin: 0px;
	padding: 0px;
	margin-right: 40px;
	margin-top: 20px;
}
div#rahmenoben a {text-decoration: none;}

/* ENDE Formatierung Kopfbereich */
/* ############################# */



/* Formatierung Navigation und Menue */
/* ################################# */

div#nav li {display: inline; font-size: 1.0em;}
div#nav a {
	text-decoration: none; 
	font-weight: bold; 
	text-transform: uppercase;
	padding: 1px 8px; /* Ueber 1px schneidet IE die Button-Raender ab */
	border: 2px solid #9999FF;
	border-top: 2px solid #CCCCFF;
	border-right: 2px solid #CCCCFF;
	background: #FFFFFF;
}
div#nav a:hover {
	background: #DDDDEE;
	border: 2px solid #CCCCFF;
	border-top: 2px solid #9999FF;
	border-right: 2px solid #9999FF;
}

body#home li.navhome a,
body#fundgebiete li.navfundgebiete a,
body#listen li.navlisten a,
body#termine li.navtermine a,
body#impressum li.navimpressum a {
	background: #000099;
	color: #EEEEFF;
	border: 2px solid #CCCCFF;
	border-top: 2px solid #9999FF;
	border-right: 2px solid #9999FF;
}

div#menu ul {list-style-type: none;}
div#menu ul li {font-weight: bold; margin-top: 8px; margin-bottom: 8px;}
div#menu ul ul li {font-weight: normal; margin-left: 10px; margin-top: 0px; margin-bottom: 0px;}
div#menu li a {text-decoration: none; font-weight: bold;}
div#menu li li a {text-decoration: none; font-weight: normal;}

div#menu a:hover, div#menu li.select a {color: #6666CC;}

/* ENDE Formatierung Navigation und Menue */
/* ###################################### */



/* Allgemeine Schriftformatierung */
/* ############################## */

h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic", sans-serif;
	font-weight: bold;
	margin: 0.5em 0em 0.3em 0em; 
	color: #000066;
}
h1 {
	font-size: 2.3em;
	line-height: 150%;
	border-bottom: 2px dotted #CCCCFF; 
	padding-bottom: 0.3em;
}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}

a {color: #000099; text-decoration: underline; font-weight: bold;}
a:link {}
a:visited {text-decoration: none;}
a:hover {}
a:active {}

a.ext {font-style: italic;}

p {margin: 1em 0em;}

.clearboth {clear: both;}

p img {
	border: 1px solid #000066;
	margin: 20px;
	margin-top: 2px;
	padding: 10px;
	background: #EEEECC;
}

.rechts {float: right; margin-right: 0px;}
.links {float: left; margin-left: 0px;}
.center {text-align: center;}

p.bildtextrechts {
	float: right;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 0px;
	padding-bottom: 10px;
	margin: 20px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 1px solid #000066;
	background-color: #EEEECC;
}
p.bildtextrechts img {
	border: 0px;
	margin: 0px;
}

p.bildtextlinks {
	float: left;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 0px;
	padding-bottom: 10px;
	margin: 20px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 1px solid #000066;
	background-color: #EEEECC;
}
div.fotoblock .bildtextlinks {
	width: 270px;
}

p.bildtextlinks img {
	border: 0px;
	margin: 0px;
}

.fotoblock {
	/* background: red; */
	padding: 1em;
	margin: auto; /* Zentrierung nicht perfekt durch geschätzte Breite */
	padding-left: 20px; /* Korrektur der gepfuschten Zentrierung */
	max-width: 590px;
}

.bildbeschreibung {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	width: 200px;
	/* trotzdem hor. Scrollbalken je nach Fensterbreite :( */
	float: left;
}

.bildbeschreibung cite {
	/* Ytterby Tafel, Zitatformatierung noch unvollständig */
	padding: 1em;
}

div#maintext ul {
	margin: 10px 0px;
	list-style-position: inside;
	/* list-style-type: none; */
	border-left: 8px solid #EEEECC;
	padding-left: 20px;
}

em, strong {
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
}
strong {background: #EEEECC; padding: 2px;}

.lite {color: #666666;}

/* ENDE Allgemeine Schriftformatierung */
/* ################################### */



/* Formatierungen bestimmter Seitenelemente */
/* ######################################## */

body#neu h2 {
	font-size: 2.0em; /* Jahreszahlen */
	/* background: #EEEECC; */
	margin: 0em;
	margin-top: 2em;
	padding: 0.5em;
	border-top: 1px solid #000066;
	border-left: 8px solid #000066;
	border-bottom: 8px solid #FFFFFF;
}
body#neu h3 {
	font-size: 1.6em;
	border-bottom: 2px dotted #CCCCFF;
	padding-top: 1em; 
	padding-bottom: 0.3em;
}
body#neu div#maintext p {
	margin-left: 50px;
	padding: 6px;
	/* background: #EEEECC; */
	background: #FFFFFF url(images/verlauf-horizontal1.png) repeat-y left top;

}
body#neu div#maintext p.normal {
	margin-left: 0px;
	padding: 0px;
	background: transparent;
}


div.kiste {
	/* Wrapper fuer Termine mit Verlauf unten links */
	background: url(images/verlauf-kreis1.png) no-repeat left bottom;
	border: 0px;
	padding: 0em;
	margin: 30px;
}
div.kiste div {
	/* Hintergrund-Verlauf oben rechts */
	background: url(images/verlauf-kreis3.png) no-repeat right top;
	border: 1px solid #000066;
	padding: 1em;
	margin: 0px;

}
div.kiste h2 {
	/* Listen-Name */
	border-bottom: 2px dotted #000066; 
	padding-bottom: 0.3em;
}
div.kiste p {
	/* Erklaerungstext zur Liste */
	background: transparent;
	padding-left: 50px;
	font-weight: normal;
	font-size: 100%;
}


div.liste {
	/* Wrapper fuer Angebotslisten */
	background: url(images/verlauf-horizontal1.png) repeat-y;
	border: 1px solid #000066;
	padding: 1em;
	margin: 30px;
}
div.liste h2 {
	/* Listen-Name */
	border-bottom: 2px dotted #000066; 
	padding-bottom: 0.3em;
}

div.liste h3 {
	/* Stand (Versionsdatum) der Liste */
	font: 1.2em Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	padding-left: 50px;
	color: #000066;
}

div.liste strong {
	/* Zeile mit Links zu den Listen (.rtf und .pdf) */
	padding-left: 50px;
	font-weight: normal;
	font-size: 130%;
	background: transparent;
}

div.liste strong a {
	/* Links zu den Listen (.rtf und .pdf) */
	text-decoration: none;
	border-bottom: 1px solid;
	padding-bottom: 2px;
}

div.liste em {
	/* Anzahl der Seiten */
	background: transparent;
	padding-left: 50px;
	font-weight: normal;
	font-size: 100%;
	color: #000066;
}

div.liste p {
	/* Erklaerungstext zur Liste */
	background: transparent;
	padding-left: 50px;
	font-weight: normal;
	font-size: 100%;
}

div.liste .lite {
	/* Hinweis Dateigroesse */
	color: #000066;
}

div#adressbox {
	clear: both;
	width: 400px;
	margin: auto;
	border: 1px solid #000099;
	padding: 1em;
	/* background: #EEEECC; */
	background: url(images/verlauf-horizontal2.png) repeat-y right top;
}
div#adressbox p {
	padding: 0em;
	padding-left: 180px;
}
div#adressbox h5, div#adressbox h6 {
	position: absolute;
	margin-left: 5px;
	margin-top: 15px;
}
div#adressbox h6 {
	margin-top: 40px;
}

div#footer p {
	text-align: center;
}

div.printinfo {display: none;}

/* ENDE Formatierungen bestimmter Seitenelemente */
/* ############################################# */