/* .. (c) 2009 matthias ehrhardt, opsocom, visuelle kommunikationslösungen, riedel, ehrhardt und butter gbr .. */
/* .. +49 371 2409912 . mail[@]opsocom.de . http://www.opsocom.de .. */

/* ............................. übergreifend ............................. */

* html body
{
	overflow-x: hidden;
}

body
{
	font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; text-align: center; background: #6B737F; color: #373F4B;
}

img
{
	border: none;
}

span.cleaner, div.cleaner
{
	display: block; height: 0; clear: both; font-size: 0.1em;
}

/* ............................. seitenaufbau ............................. */

#kopf
{
	width: 100%; height: 145px; background: url(../hintergruende/kopf.gif) repeat-x;
}

	#logo
	{
		width: 980px; height: 145px; margin: 0px auto; text-align: left; background: url(../hintergruende/logo.gif) no-repeat;
	}

#hauptbereich
{
	width: 100%; background: #FFF;
}

	#navigation
	{
		width: 980px; height: 45px; margin: 0px auto 15px; background: url(../hintergruende/navigation.gif) no-repeat top right;
	}

	#zentrum
	{
		width: 1280px; margin: 0px auto; text-align: left; /* background: purple; */
	}

		#sidebarlinks
		{
			width: 230px; margin-right: 20px; float: left; /* background: red; */
		}

		#inhalt
		{
			width: 780px; float: left; /* background: blue; */
		}

		#sidebarrechts
		{
			width: 230px; margin-left: 20px; float: right; /* background: red; */
		}

#fuss
{
	text-align: left; background: url(../hintergruende/fuss.gif) repeat-x top left;
}

	#copyright, #sitemap
	{
		width: 980px; margin: 0px auto; text-align: center; color: #FFF; /* background: black; */
	}

/* ............................. seitenaufbau speziell ............................. */

.box
{
	width: 100%; height: 30px; margin: 30px 0 15px 0; background: #6B737F;
}

.box.oben
{
	margin-top: 0;
}

	.suche
	{
		background: url(../hintergruende/box-suche.gif) no-repeat top left;
	}

	.wlinks
	{
		background: url(../hintergruende/box-wlinks.gif) no-repeat top left;
	}

	.kontakt
	{
		background: url(../hintergruende/box-kontakt.gif) no-repeat top left;
	}

	.inhalt
	{
		background: url(../hintergruende/box-inhalt.gif) no-repeat top left;
	}

	.geburtstage
	{
		background: url(../hintergruende/box-geburtstage.gif) no-repeat top left;
	}

	.wiederholungen
	{
		background: url(../hintergruende/box-wiederholungen.gif) no-repeat top left;
	}

/* ............................. inhaltsformatierung ............................. */

p
{
	margin: 0 0 1.4em 0; font-size: 0.75em; line-height: 1.4em;
}

	p.wlinks
	{
		 margin: 0 0 15px 0; padding: 10px 10px; line-height: 1.5em; background: #B5BDC5;
	}

	#fuss p
	{
		margin: 0; padding: 0.5em 0;
	}

	div.rechts p
	{
		font-size: 0.7em; font-style: italic;
	}

	div.links p
	{
		font-size: 0.7em; font-style: italic;
	}

h1
{
	margin: 0 0 1.0em 0; font-size: 0.9em;
}

	#sitemap h1
	{
		margin: 0; padding: 0.5em 0 0 0; font-size: 0.8em; color: #FFF;
	}

	.box h1
	{
		display: none;
	}

h2, h3
{
	margin: 0 0 0.9em 0; font-size: 0.8em; font-style: italic;
}

h3
{
	font-weight: normal;
}

h1 a, h2 a, h3 a
{
	text-decoration: none !important;
}

ul, ol, dl
{
	font-size: 0.75em; line-height: 1.4em;
}

#inhalt ul
{
	list-style:square; line-height: 1.6em; margin: 0 0 1em 40px; text-align: center;
}

	ul.optionen, ul.seiten
	{
		margin: 0 0 1em 0 !important;
	}

		ul.optionen li
		{
			display: inline; margin-right: 1px;
		}

		ul.seiten li
		{
			display: inline; margin-right: 8px;
		}

table
{

}

	table.sichtbar, table.unsichtbar
	{
		margin: 0 0 1.4em 0; border-collapse: collapse; border: 1px solid #373F4B; font-size: 0.75em;
	}

	table.sichtbar td, table.sichtbar th
	{
		padding: 0.3em; border: 1px solid #373F4B;
	}

	table.breit
	{
		width: 100%;
	}

	table.sichtbar th
	{

	}

	table.unsichtbar td, table.unsichtbar th
	{

	}

	table.kalender
	{
		width: 100%; text-align: center; background: #B5BDC5;
	}

	table.kalender th
	{
		background: #373F4B;
	}

		table.kalender th a
		{
			color: #FFF !important;
		}

		table.kalender tr.wochentage
		{
			background: #6B737F; color: #FFF;
		}

		table.kalender td.aktuell
		{
			font-weight: bold; background: #6B737F; color: #FFF;
		}

		table.kalender td.eintrag
		{
			background: #E00000;
		}

table tr.selektiert
{
	font-weight: bold; color: #FFF; background: #E00000;
}

table td.zentriert
{
	text-align: center;
}

em.betont, strong.betont
{

}

.links
{
	float: left;
}

.mitte
{
	float:left;
}

.rechts
{
	float: right;
}

.zentriert
{
	text-align: center;
}

:lang(de)
{
	quotes: "\201E" "\201D" "\201A" "\2019";
}

q:before, blockquote:before
{
	content: open-quote;
}

q:after, blockquote:after
{
	content: close-quote;
}

blockquote
{
	margin-left: 2em; padding: 0; font-style: italic; color: #002C5E;
}
/* ............................. navigation / links ............................. */

#zentrum a, a:link, #zentrum a:visited
{
	text-decoration: underline; color: #373F4B;
}

#zentrum a:hover, #zentrum a:active
{
	text-decoration: none;
}

a.anker, a.anker:link, a.anker:visited, a.anker:hover, a.anker:active
{
	text-decoration: none !important;
}

	table tr.selektiert a.anker
	{
		color: #FFF !important;
	}

	p.wlinks a, p.wlinks a:link, p.wlinks a:visited
	{
		text-decoration: none !important;
	}

	p.wlinks a:hover, p.wlinks a:active
	{
		text-decoration: underline !important;
	}

#logo a, #logo a:link, #logo a:visited, #logo a:hover, #logo a:active
{
	width: 250px; height: 135px; display: block; /* background: silver; */
}

#navigation ul
{
	list-style: none;
}

#navigation ul li
{
	float: left; margin-right: 19px;
}

	#navigation a, #navigation a:link, #navigation a:visited
	{
		height: 45px; display: block; font-size: 0.9em; text-decoration: none; color: #373F4B;
	}

	#navigation a:hover, #navigation a:active
	{
		color: #E00000;
	}

		#navigation a.startseite, #navigation a.startseite:link, #navigation a.startseite:visited
		{
			width: 66px; background: url(../hintergruende/navigation/startseite.gif) no-repeat top left;
		}

		#navigation a.startseite:hover, #navigation a.startseite:active, #navigation a.startseite-aktiv
		{
			width: 66px; background: url(../hintergruende/navigation/startseite.gif) no-repeat bottom left;
		}

		#navigation a.produktionen, #navigation a.produktionen:link, #navigation a.produktionen:visited
		{
			width: 160px; background: url(../hintergruende/navigation/produktionen.gif) no-repeat top left;
		}

		#navigation a.produktionen:hover, #navigation a.produktionen:active, #navigation a.produktionen-aktiv
		{
			width: 160px; background: url(../hintergruende/navigation/produktionen.gif) no-repeat bottom left;
		}

		#navigation a.schauspieler, #navigation a.schauspieler:link, #navigation a.schauspieler:visited
		{
			width: 260px; background: url(../hintergruende/navigation/schauspieler.gif) no-repeat top left;
		}

		#navigation a.schauspieler:hover, #navigation a.schauspieler:active, #navigation a.schauspieler-aktiv
		{
			width: 260px; background: url(../hintergruende/navigation/schauspieler.gif) no-repeat bottom left;
		}

		#navigation a.sonstiges, #navigation a.sonstiges:link, #navigation a.sonstiges:visited
		{
			width: 168px; background: url(../hintergruende/navigation/sonstiges.gif) no-repeat top left;
		}

		#navigation a.sonstiges:hover, #navigation a.sonstiges:active, #navigation a.sonstiges-aktiv
		{
			width: 168px; background: url(../hintergruende/navigation/sonstiges.gif) no-repeat bottom left;
		}

		#navigation a.historisches, #navigation a.historisches:link, #navigation a.historisches:visited
		{
			width: 81px; background: url(../hintergruende/navigation/historisches.gif) no-repeat top left;
		}

		#navigation a.historisches:hover, #navigation a.historisches:active, #navigation a.historisches-aktiv
		{
			width: 81px; background: url(../hintergruende/navigation/historisches.gif) no-repeat bottom left;
		}

			#navigation a span
			{
				visibility: hidden;
			}

	.kalender a, .kalender a:link, .kalender a:visited
	{
		display: block; text-decoration: none !important;
	}

	.kalender a:hover, .kalender a:active
	{
		text-decoration: underline !important;
	}

#fuss a, #fuss a:link, #fuss a:visited
{
	color: #FFF;
}

#fuss a:hover, #fuss a:active
{
	text-decoration: underline;
}

#copyright a, #copyright a:link, #copyright a:visited
{
	text-decoration: underline;
}

#copyright a:hover, #copyright a:active
{
	text-decoration: none;
}

table.kalender td.eintrag a, table.kalender td.eintrag a:link, table.kalender td.eintrag a:visited, table.kalender td.eintrag a:hover, table.kalender td.eintrag a:active
{
	color: #FFF !important;
}

ul.optionen li a, ul.optionen li a:link, ul.optionen li a:visited
{
	padding: 2px 3px 2px 2px; text-decoration: none !important;
}

ul.optionen li a:hover, ul.optionen li a:active, ul.optionen li a.aktiv
{
	background: #E00000; color: #FFF !important;
}

ul.seiten li a, ul.seiten li a:link, ul.seiten li a:visited
{
	padding: 2px 4px 2px 4px; text-decoration: none !important;
}

ul.seiten li a:hover, ul.seiten li a:active
{
	background: #E00000; color: #FFF !important;
}

ul.blaetter a, ul.blaetter a:link, ul.blaetter a:visited
{
	display: block; width: 100%; margin-bottom: 10px; font-size: 1.1em; line-height: 1.3em; text-decoration: none !important; background: #B5BDC5;
}

ul.blaetter a:hover, ul.blaetter a:active
{
	text-decoration: underline !important;
}

	ul.blaetter a span
	{
		display: block; padding: 5px;
	}

	ul.blaetter a span em
	{
		font-size: 0.9em; font-style: normal;
	}

a.bildergalerie, a.bildergalerie:link, a.bildergalerie:visited, a.bildergalerie:hover, a.bildergalerie:active
{
	display: block; margin-bottom: 1em; font-size: 0.8em; font-style: italic; text-decoration: none !important;
}

/* ............................. formulare ............................. */

form
{
	font: normal 0.75em Arial, Helvetica, sans-serif; color: #373F4B;
}

	form div.hinweise
	{
		margin-bottom: 1em; padding: 5px 5px 0 5px; background: #B5BDC5;
	}

	form p, form h2, form h3
	{
		font-size: 1em;
	}

	form h1
	{
		font-size: 1.2em;
	}

		form p strong, form h2 strong
		{
			color: #E00000;
		}

	form div.cleaner
	{
		height: 0 !important; margin-bottom: 10px;
	}

label
{
	display: block; float: left; width: 155px; margin: 0; padding-top: 2px; /* background: yellow; */
}

	#sidebarlinks form label
	{
		display: none;
	}

input, textarea, select
{
	width: 320px; font: normal 1em Arial, Helvetica, sans-serif; border: 1px solid #373F4B; color: #373F4B; background: #FFF;
}

	#sidebarlinks form input
	{
		float: left; padding: 6px 0 0 2px; width: 150px; height: 22px; border: 1px solid #373F4B; color: #373F4B;
	}

	#sidebarlinks form input.radio, #sidebarlinks form input.checkbox
	{
		margin: 0 5px 0 0; padding: 0; width: auto; height: auto; padding: 0; border: none;
	}

	#volltextsuche, #detailsuche
	{
		margin-top: 10px; background: none;
	}

	#volltextsuche h1, #detailsuche h1, #volltextsuche p, #detailsuche p
	{
		font-size: 1.1em; margin: 0 0 5px 0;
	}

textarea
{
	overflow: auto;
}

	input.checkbox
	{
		width: auto; margin-left: 0; border: none; background: none;
	}

	input.selektion
	{
		width: auto; margin-left: 0; border: none; background: none;
	}

	input.pflicht, textarea.pflicht
	{
		background: #B5BDC5;
	}

button
{
	width: 150px; margin: 10px 10px 0 0; padding: 3px 5px; font: normal 1em Arial, Helvetica, sans-serif; border: 1px solid #373F4B; background: #B5BDC5; color: #373F4B;
}

	#sidebarlinks form button
	{
		width: 60px; height: 30px; margin: 0; font: normal 1em Arial, Helvetica, sans-serif; border: 1px solid #373F4B; background: #373F4B; color: #FFF; float: right;
	}

form.suchergebnisse
{
	margin-bottom: 1em;
}

form.suchergebnisse input.suchfeld
{
	width: 100%; height: 22px; padding: 6px 0 0 2px;
}

form.suchergebnisse button
{
	margin-bottom: 1em; border: 1px solid #373F4B; background: #373F4B; color: #FFF;
}