/***** Typografie *****/

body {
	font-family: "Lucida Grande", Geneva, Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.4em;
	text-align: left;
	color: white;
}

h1 {
	font-size: 1.7em;
	margin: 0 auto 0.5em auto;
}

h2 {
	color: white;
	font-size: 1.3em;
	margin: 0 auto 0.8em auto;
}

h3 {
	font-size: 1.2em;
	margin: 0 auto 1em auto;
}

h4 {
	font-size: 1em;
	margin: 0 auto 0.8em auto;
}

h5 {
	margin: 0 auto 0.2em auto;
	font-size: 0.9em;
	font-weight: normal;
}

p {
	margin: 0 auto 0.8em auto;
}

em { 
	font-style: normal;
	background-color: #FFE600;
	padding: 0 0.2em;
}

img { border: 0; }

/* Links */

a { text-decoration: none; }
a:link, a:visited { color: #E60F46; }
a:hover, a:focus { color: #F37B23; }
a:active { color: #FFE600; }

h2 a {
	text-decoration: none; color: white; 
}

h2 a:link, h2 a:visited { color: white; }
h2 a:hover, h2 a:focus { color: #E60F46; }
h2 a:active { color: #F37B23; }

/* Tabellen */

#inhalt table {
	color: black;
	font-size: 1em;
}

/* an Bereiche gebunden */

#inhalt { text-align: left; }

#inhalt h4 { margin-bottom: 0; }

.text { color: black; }

#randspalte {
	text-align: left;
	font-size: 0.9em;
}

#randspalte h1, #randspalte h2 {
	color: #144687;
	font-size: 1.2em;
	margin: 0 auto 0.5em auto;
	height: 20px; line-height: 20px;
}

#randspalte h2 object, #randspalte h2 embed {
	padding-bottom: 0.25em;
}

#randspalte h3 {
	font-size: 1.2em;
	margin-bottom: 0;
}

#randspalte h5 {
	font-size: 1em;
	margin-bottom: 0;
}

#randspalte .text a {
	padding-left: 16px;
	background-position: center left; background-repeat: no-repeat;
}

#randspalte .text a:link, #randspalte .text a:visited { color: #E60F46; background-image: url(symbole/stern_0.gif); }
#randspalte .text a:hover, #randspalte .text a:focus { color: #F37B23; background-image: url(symbole/stern_1.gif); }
#randspalte .text a:active { color: #FFE600; background-image: url(symbole/stern_2.gif); }

.galerie #randspalte h3 {
	color: white;
	font-size: 1em;
}

.galerie #randspalte p {
	color: white;
}

.galerie #randspalte a {
	color: white;
	padding-left: 0;
	background-image: none;
}

.galerie #randspalte a:link, .galerie #randspalte a:visited { color: white; background-image: none; }
.galerie #randspalte a:hover, .galerie #randspalte a:focus {  color: #E60F46; background-image: none; }
.galerie #randspalte a:active { color: #F37B23; background-image: none; }

.galerie #randspalte .teaser a { display: block; }

#randspalte .navigation .zurueck a {
	padding-left: 18px;
	background-position: center left; background-repeat: no-repeat;
	color: #E60F46; 
}

#randspalte .navigation .zurueck a:link, #randspalte .navigation .zurueck a:visited { color: #E60F46; background-image: url(symbole/zurueck_galerie_1.gif); }
#randspalte .navigation .zurueck a:hover, #randspalte .navigation .zurueck a:focus { color: #F37B23; background-image: url(symbole/zurueck_galerie_2.gif); }
#randspalte .navigation .zurueck a:active { color: #FFE600; background-image: url(symbole/zurueck_galerie_3.gif); }

#randspalte .navigation .vor a {
	padding-left: 0; padding-right: 18px;
	background-position: center right; background-repeat: no-repeat;
	color: #E60F46; 
}

#randspalte .navigation .vor a:link, #randspalte .navigation .vor a:visited { color: #E60F46; background-image: url(symbole/vor_galerie_1.gif); }
#randspalte .navigation .vor a:hover, #randspalte .navigation .vor a:focus { color: #F37B23; background-image: url(symbole/vor_galerie_2.gif); }
#randspalte .navigation .vor a:active { color: #FFE600; background-image: url(symbole/vor_galerie_3.gif); }

#fuss {
	color: white;
	text-align: left;
}

#termine .datum {
	font-weight: bold;
}

#termine img {
	font-weight: bold;
	text-transform: uppercase;
}

#impressum {
	font-size: 0.8em;
	color: #144687;
	text-align: center;
	padding: 0 18px;
}

#impressum a { color: #144687; }

#impressum a:link, #impressum a:visited { color: #144687; }
#impressum a:hover, #impressum a:focus { color: #E60F46; }
#impressum a:active { color: #FFE600; }

.kleingedrucktes {
	font-size: 0.9em;
	color: #666666;
}

/********************/
/***** Struktur *****/
/********************/

body {
	background: #001E4B url(hintergruende/body.gif) top center repeat-y;
	width: 768px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.links { float: left; display: inline; }
.rechts { float: right; display: inline; }
.clear { clear: both; }

/***** Kopf *****/

#kopf {
	background: black url(kopf.gif) top center no-repeat;
	height: 129px; width: 768px;
}

/***** Navigation *****/

#navigation {
	text-align: left;
	background: black url(hintergruende/navigation.gif) top center repeat-x;
	height: 26px;
	width: 742px;
	padding-left: 26px;
}

/***** Mitte *****/

#mitte {
	width: 768px;
	margin: 0 auto;
}

/***** Inhalt *****/

#inhalt {
	float: left; display: inline;
	width: 512px;
}

#inhalt .text {
	background: white url(hintergruende/text_top.gif) top left no-repeat;
	padding: 24px 26px 0 26px;
	border-bottom: 1px solid white; /* Ansonsten taucht eine Luecke auf */
}

#inhalt .abschluss {
	background: url(hintergruende/text_bottom.gif) top left no-repeat;
	width: 512px; height: 18px;
	padding-bottom: 8px;
}

#inhalt h1, #inhalt h2 {
	height: 32px; line-height: 32px;
	display: block; overflow: hidden;
	padding: 0 0.6em;
	background: #1E69B4 url(hintergruende/headline.gif) top center no-repeat;
}

#inhalt h2 {
	height: 28px; line-height: 28px;
}

#inhalt h5 {
	border-bottom: 1px dashed #999999;
}

#inhalt object, #inhalt embed {
	margin-bottom: 8px;
}

/* Inhalt: Tabellen */

#inhalt table {
	border: 0; border-collapse: collapse;
	margin: 0 0 1em 0;
}

#inhalt th, #inhalt td {
	text-align: left;
	vertical-align: top;
	padding: 0.25em 3px;
}

#inhalt th {
	white-space: nowrap;
}

/* Inhalt: Listen */

#inhalt ul {
	list-style: square inside;
	padding: 0;
	margin: -0.4em auto 1em 0;
}

#inhalt ul {
	list-style: square inside;
	margin: -0.4em auto 1em 0;
	padding: 0;
}

#inhalt ul li {
	padding-left: 1em;
	text-indent: -1em;
}

}#inhalt ul.daten {
	list-style: none;
	list-style-position: outside;
	padding: 0;
	margin: 0 0 1em 0;
}

#inhalt ul.daten li {
	padding: 0.2em 0.3em;
}

#inhalt ul.daten li.alternate {
	background-color: #dddddd;
}


/* Inhalt: Bilder */

#inhalt .text img {
	margin-bottom: 1em;
}

/* Inhalt: Formulare */

.meldung {
	background: #dddddd;
	padding: 0.7em 1em 0.1em 1em;
	margin-bottom: 0.75em;
}

form .pflicht {
	font-weight: bold;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0.5em 0 0 0;
	border-top: 3px dashed #1E69B4;
}

form ul {
	margin-top: 0; margin-left: 0;
	padding-left: 0;
}

form ul li {
	margin: 0; padding: 0;
	list-style: none; list-style-position: outside;
}

form input.textfield, form textarea {
	width: 370px;
}

form input.radio, form input.checkbox {
	margin-right: 0.5em;
}

/* Inhalt: Spezielle Layouts */

.about_me img {
	float: left; display: inline;
	margin: 0 14px 0 0;
}

#inhalt .logo {
	float: left; display: inline;
	width: 155px; overflow: hidden;
	margin-bottom: 0.5em;
	text-align: center;
}

#inhalt .partner {
	float: right; display: inline;
	width: 280px;
	margin-bottom: 0.5em;
}

/***** Randspalte *****/

#randspalte {
	float: right; display: inline;
}

#randspalte .text {
	background: #D2DCEB url(hintergruende/rand_top.gif) top left no-repeat;
	width: 246px;
	min-height: 205px; /* 239px */
	height: auto !important; height: 205px;
	padding: 16px 0 0 0;
	border-bottom: 1px solid #D9D9D9; /* Ansonsten taucht eine Luecke auf */
}

#randspalte .abschluss {
	background: #D2DCEB url(hintergruende/rand_bottom.gif) bottom left no-repeat;
	width: 246px; height: 18px;
	margin-bottom: 8px;
}

#randspalte h1, #randspalte h2, #randspalte h3, #randspalte h4, #randspalte h5, #randspalte p {
	margin-left: 18px; margin-right: 18px;
}

#randspalte p.letzte_zeile {
	margin-bottom: 0;
}

.teaser {
	margin-bottom: 8px;
}

/***** Fuss *****/

#fuss {
	clear: both;
	width: 768px;
}

#termine {
	clear: both;
	background: #1E69B4 url(hintergruende/fuss.gif) top right;
	height: 20px; line-height: 20px; overflow: hidden;
	vertical-align: middle;
}

#termine img { vertical-align: middle; }

#termine .links {
	background: url(termine/demnaechst.gif) center left no-repeat;
	padding-left: 90px;
}

#termine a.mehr {
	height: 20px; width: 116px;
	display: block;
	background: url(termine/mehr_0.gif) center right no-repeat;
}

#termine a.mehr:link, #termine a.mehr:visited {}
#termine a.mehr:hover, #termine a.mehr:focus, #fuss a.mehr:active { background-image: url(termine/mehr_1.gif); }

#impressum {
	margin: 4px auto 32px auto ;
}

/***** Spezielles *****/

.hervorhebung  {
	margin: 0 0 1em 0;
	padding: 10px 12px 1px 12px;
	background: #D2DCEB url(hintergruende/hervorhebung.gif) top right no-repeat;
}

img.inline {
	float: right;
	margin: 0 -8px 8px 16px;
}

/* Gallery */

.galerie #randspalte .text {
	background: #444444 url(hintergruende/rand_galerie_top.gif) top left no-repeat;
	border-bottom: 1px solid #444444; /* Ansonsten taucht eine Luecke auf */
}

.galerie #randspalte .abschluss {
	background: #444444 url(hintergruende/rand_galerie_bottom.gif) bottom left no-repeat;
}

.galerie #randspalte .teaser {
	margin: 0.5em 18px 1em 18px;
}

.galerie #randspalte .teaser .schatten {
	float: left; display: inline;
	width: 77px; height: 77px;
	background: url(hintergruende/schatten_galerie.gif) bottom right no-repeat;
	margin: 0 2px 2px 0;
	margin-bottom: 1em;
}

.galerie #randspalte .teaser img {
	overflow: hidden;
	margin: 0 8px 8px 0;
	background-position: center center;
	background-repeat: no-repeat;
}

/****************/
/***** Blog *****/
/****************/

/***** Blog: Typografie *****/

.blog #inhalt h5 {
	font-weight: bold;
}

.blog #inhalt h5 span {
	padding-bottom: 0.25em;
}

.blog #inhalt .navigation {
	font-size: 0.9em;
	color: black; /* #1E69B4 */
}

.blog #inhalt .navigation .links a {
	padding-left: 18px;
	background-position: center left; background-repeat: no-repeat;
}

.blog #inhalt .navigation .links a:link, .blog #inhalt .navigation .links a:visited { color: black; background-image: url(symbole/zurueck_0.gif); }
.blog #inhalt .navigation .links a:hover, .blog #inhalt .navigation .links a:focus { color: #E60F46; background-image: url(symbole/zurueck_1.gif); }
.blog #inhalt .navigation .links a:active { color: #F37B23; background-image: url(symbole/zurueck_2.gif); }

.blog #inhalt .navigation .rechts a {
	padding-right: 18px;
	background-position: center right; background-repeat: no-repeat;
}

.blog #inhalt .navigation .rechts a:link, .blog #inhalt .navigation .rechts a:visited { color: black; background-image: url(symbole/vor_0.gif); }
.blog #inhalt .navigation .rechts a:hover, .blog #inhalt .navigation .rechts a:focus { color: #E60F46; background-image: url(symbole/vor_1.gif); }
.blog #inhalt .navigation .rechts a:active { color: #F37B23; background-image: url(symbole/vor_2.gif); }

.blog #inhalt .kommentare {
	font-size: 0.9em;
	line-height: 1.3em;
}

.blog #inhalt .kommentar p {
	margin-bottom: 0.5em;
}

.blog #inhalt .kommentar h4 {
	margin-bottom: 0.5em;
}

.blog #randspalte h4 {
	margin-bottom: 0;
}

.blog #randspalte .kommentare p { font-weight: bold; }
.blog #randspalte .kommentare p .thema{ font-weight: normal; }

.blog #randspalte .kommentare a { color: black; background-image: none; }

.blog #randspalte .kommentare a:link, .blog #randspalte .kommentare a:visited { color: black; background-image: none; }
.blog #randspalte .kommentare a:hover, .blog #randspalte .kommentare a:focus {  color: #E60F46; background-image: none; }
.blog #randspalte .kommentare a:active { color: #F37B23; background-image: none; }

.blog #randspalte .kommentare a .weiter { color: #E60F46; }

.blog .edit {
	font-size: 0.9em;
}

/***** Blog: Struktur *****/

iframe#blognews {
	width: 246px; height: 240px;
	overflow: hidden;
	margin-bottom: 8px;
}

body.blogteaser {
	width: auto;
}

body.blogteaser #randspalte { float: none;}

body.blogteaser #randspalte .text {
	height: 205px; height: 205px !important;
}

/* Blog: Inhalt */

.blog #inhalt h5 {
	border-bottom: none;
}

.blog #inhalt img {
	border-bottom: 5px solid black;
	border-right: 5px solid black;
}

.blog #inhalt .post {
	margin-bottom: 2em;
}

.blog #inhalt .navigation, .blog #inhalt .navigation.oben {
	margin: 0 0 1.5em 0;
	padding-bottom: 0.1em;
	/* background: url(linie.gif) bottom left no-repeat; */
	border-bottom: 2px solid black;
}

.blog #inhalt .navigation.unten {
	margin: 1.5em 0 0 0;
	padding-top: 0.1em;
	/* background: url(linie.gif) top right no-repeat; */
	border-top: 2px solid black;
	border-bottom: none;
}

.blog #inhalt .kommentare {
	margin-top: 1.5em;
	padding: 1em 0 0 0;
	border-top: 3px dashed #1E69B4;
}

.blog #inhalt .kommentar {
	padding: 0;
	background: url(/media/hintergruende/ballon.gif) top left repeat-y;
	margin-left: -12px;
	margin-top: 8px;
}

.blog #inhalt .kommentar .abschluss.oben{
	background: url(/media/hintergruende/ballon_top.gif) top left no-repeat;
	width: 472px; height: 8px;
	padding: 0;
}

.blog #inhalt .kommentar .mitte{
	background: url(/media/hintergruende/ballon_middle.gif) bottom left no-repeat;
	width: 428px;
	padding: 4px 16px 0 28px;
}

.blog #inhalt .kommentar .abschluss.unten{
	background: url(/media/hintergruende/ballon_bottom.gif) bottom left no-repeat;
	width: 472px; height: 8px;
	padding: 0;
}

.blog #inhalt .kommentare form {
	margin-top: 1em;
}

/* Blog: Randspalte */

.blog #randspalte .kommentare a {
	padding-left: 0;
	display: block;
}

.blog #randspalte .kommentare .abschluss {
	background: url(/media/hintergruende/ballon_rand_top.gif) top left no-repeat;
	width: 222px; height: 8px; overflow: hidden;
	margin: 0 0 0 6px;
}

.blog #randspalte .kommentare p {
	width: 194px; 
	background: url(/media/hintergruende/ballon_rand_bottom.gif) bottom left repeat-y;
	padding: 0 8px 6px 20px;
	margin: -2px 0 8px 6px;
}

.blog #randspalte ul {
	list-style-type: none;
	margin-left: 0;
	list-style-position: outside;
	margin: 0 0 1em 18px;
	padding-left: 0;
}

/* Webicon */

#flashmovie {
	width: 246px;
	text-align: center;
}

#inhalt .logo #flashmovie {
	width: 155px; overflow: hidden;
	margin-top: 0;
}