.bildwechsel { float:left; background-color:#fff; width:900px; padding:5px 20px 0px 20px; border:6px solid #393; height:150px; }
.bildwechsel img { vertical-align:middle; }

html, body {
	margin:0px;
	padding:0px;
	border:0px;
}

body {
	font-family:arial, helvetica, sans-serif;
	font-size:small;
	color:#000;
	background-image:url(bilder/hintergrund.jpg);
	background-color:#f6a248;
}

/* #container { float:left; padding:25px 25px 20px 20px; }*/
#puzzle_ueberschrift { position:absolute; top:25px; left:20px; }

#panorama_ueberschrift { padding:25px 25px 20px 20px; }
#panorama_inhalt p { padding:0px 20px; margin:0px 0px 10px 0px; }
#panorama_inhalt img { border:1px solid #000; }

#links { position:absolute; z-index:1; top:25px; left:20px; width:132px; }

#hauptmenue {
	border:1px solid #000;
	background-color:#f6a248;
	padding-top:10px;
}


#rechts { position:absolute; 
	top:100px;
	right:25px;
	z-index:1;
	width:180px;
}

/* Falls es rechts keine Untermenüs gibt, damit keine Box angezeigt wird. */
#rechts_ohne { width:180px; }

/* Falls es rechts ein Untermenü, aber kein Inhalt gibt. (Newsbox lasse ich außen vor, da es wohl immer Inhalt geben wird. */
#rechts .inhalt_ohne { width:180px; }

/* rechts: Untermenü und normaler Inhalt (sollte mal welcher eingefügt werden) News wird unter news.css geregelt. */
#rechts #untermenue, #rechts .inhalt { padding:5px; border:1px solid #000; background-color:#f6a248; margin-bottom: 20px; }


#mitte { position:absolute; z-index:0; top:25px; left:0px; width:100%; }

#mitte_innen, #mitte_innen_news {  min-width:528px; padding:10px; margin:10px 245px 20px 180px; }
/* Da das float bei mitte_innen nicht mehr geht (Inhaltsbereich schnurrt dann zusammen.)
   und ansonsten bei umflossenen Bilder das Bild aus dem Rahmen heraus läuft. */
.clearer { clear:both; }

#mitte_innen { background-color:#F6A248; border:1px solid #000; }
#mitte_innen_news { background-color:transparent; border:0px solid #000; }

/* Statt #mitte_innen auf den Foto-Seiten, weil die Bilder sonst nicht zentriert werden. */
#ohne_umfluss { float:none; }

#mitte_innen div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap { float:left; clear:none; }
#mitte_innen .csc-textpic-clear { margin-bottom:10px; } /* Allgemeines Grundgerüst */

#rechts ul a { color:#000; text-decoration:none; }
#rechts a:hover { color:#805E19; }
#rechts ul { list-style-type:square; margin-left:10px; padding-left:10px; margin-top:0px; margin-bottom:0px; }
#rechts li { padding-bottom:5px; }
#rechts .aktiv a { color:#000/*#664C17 #960*/; font-weight:bold; }
#rechts .aktiv .uUmenue a { color:#000; font-weight:normal; }
#rechts .uUmenue { margin-top:0px; padding-top:5px; }


/* Formatierungen */

img { border:0px; }
a, .external-link-new-window, .internal-link { color:#000; }

ul { list-style-type:square; }
hr { background-color:#000; border:0px solid #000; height:1px; margin-top:30px; }

.zentriert { text-align:center; }
.tabel { float:left; }

/* ---------------------- Bild + Text ---------------------- */
/*#mitte .csc-textpic { float:left; margin-bottom:10px; }
#mitte .csc-textpic-text p { margin-top:0; margin-bottom:10px; }
#mitte .csc-textpic-clear { clear:none; }*/
.csc-textpic-caption { font-style:italic; }
/* --------------------------------------------------------- */


/* ----------------------- Mini-News ---------------------- */

.tx-mininews-pi1 a { color:#000; }
.tx-mininews-pi1 .tx-mininews-pi1-fp_listrow .tx-mininews-pi1-fp_listrowField-teaser a { text-decoration:none; }
.tx-mininews-pi1-fp_listrow .tx-mininews-pi1-fp_listrowField-datetime { font-weight:bold; margin-bottom:0px; }
.tx-mininews-pi1 .tx-mininews-pi1-singleView p.tx-mininews-pi1-singleViewField-teaser { margin-top:16px; }

/* --------------------------------------------------------- */


/* ----------------------- Fotoboek ---------------------- */

.thumbnails { float:left; margin-right:5px; margin-bottom:5px; }

/* --------------------------------------------------------- */



/* ----------------------- smoothGallery ---------------------- */

/* Startseite, wird in der linken Spalte eingetragen */
.bilderwechsel { float:right; margin-left:20px; margin-top:60px; }


/* --------------------------------------------------------- */



/* ----------------------- Erweiterte SEO Sitemap ---------------------- */

.tx-flseositemap-pi1 ul {margin:0px; padding:0px; }
.tx-flseositemap-pi1 ul li { margin-left:20px; }
.deep0 { float:left; margin-right:40px; margin-bottom:30px; }

/* --------------------------------------------------------------------- */

