/* Reset CSS (Eric Meyer)
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: thin dotted invert;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* base
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;
	font: 62.5%/1.6 Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

blockquote, h3, p, li {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1em;
	line-height: 1.6em;
}

blockquote {
	margin-right: 0;
	margin-left: 20px;
}

h1, h2, h3, h4 {
	padding: 0 10px;
	font-weight: normal;
}

h2, h3 {
	margin: 1em 0 0.5em 0;
}

h2 {
	font-style: italic;
}
h3 {
font-weight: bold;
}
h4 {
	font-weight: bold;
	margin-top: 1.5em;
}
h2.hauptnavigation {
margin-top: 0;
padding-top: 0;
/* background-color: white; zugunsten der container hintergrundfarbe */
/* border-bottom: 1px solid gray; */
font-weight: bold;
font-size: 2em;
/* dies für neues design */
margin-bottom: 1em;
font-style: normal;
}

small, .small {
	font-size: 0.9em;
}

/* links
----------------------------------------------- */

a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px #000 solid;
}

a img {
	border: none;
margin-left: 1em;
}

h1 a, h2 a, h3 a {
	border: none;
}

h3 a {
	font: 2em bold Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}
#artikel h1 a {
	font: 3em Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

#site-name a {
	font: 3em/1em Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	border: none;
color: #081596;
font-weight: bold;
}

#aktuell a, #info a {
	color: #081596;
	border: none;
}

/* layout
----------------------------------------------- */

#accessibility {
	position: absolute;
	top: -10000px;
}

#container, ul.hauptnavigation {
	width: 100%;
top: 0;
background-color: #f0f0f0;
}
#container {
}

#head {
	padding: 2em 0 0 0;
/* background: url(/images/712.jpg) 0px 20px repeat-x; */
}
#hilfsnavigation {
width: 100%;
height: 3em;
/* background-color: white; */
}

#artikel #site-name {
	font-size: 1em;
}


#site-slogan {
	font: italic 1em Georgia, Times, serif;
}

li.navaktuell, li.navveranstaltungen, li.navinfo {
border-left: 0;
margin-left: 0;
padding-left: 0;
border-right: 0;
margin-right: 0;
padding-right: 0;

}

#aktuell, li.navaktuell {
	width: 45%;
	clear: both;
	float: left;
 background-color: white; 
}
#veranstaltungen, li.navveranstaltungen {
	width: 36%;
	float: left;
	background-color: #f0f0f0;
}
.veranstaltung, li.navveranstaltungen {
	background-color: #f0f0f0;
margin: 0 0 1em 0em;
}
#einzelartikel {
	width: 81%;
	float: left;
margin-left: 1em;
background-color: white;
}
#aktuelles {
	width: 81%;
	float: left;
}

#info, li.navinfo {
	width: 18%;
	float: right;
background-color: #ddd;
}
.artikel {
margin: 1em 2em 1em 0em;
background-color: white;
}

.section_list {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

.section_list ul {
	list-style-type: none;
}

.section_list li {
	margin: 0 10px 2px 0;
	padding: 0;
}

#foot {
	padding-top: 3em;
	clear: both;
	text-align: left;
}

.infoleiste {
font-size: 0.9em;
margin: 0.5em 0 0 3em;
}

#front #aktuell img {
	/* width: 97%; */
	height: auto;
}

strong {
	font-weight: bold;
}


/* overrides
----------------------------------------------- */

#sidebar-2 p, #sidebar-1 p {
	font-size: 0.8em;
	line-height: 1.5em;
}

.caps {
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

div.divider {
	margin: 2em 0;







	text-align: center;
}
#nav_hilfe form input {
border: 0;
border-bottom: 1px solid black;

color: blue;
font-size: 1em;
}

#front #aktuell .zufallsbild img {
width: auto;
height: auto;
}

#lbImage a, #lbBottom a { /* Slimbox Linkunterstreichung aus */
border: 0;
}

#hauptnavigation li {
border-bottom: 1px solid gray;
background-color: white;
}
#hauptnavigation li a {
padding-left: 10px;
font-weight: bold;
font-size: 1.3em;
border: 0;
}

.unsichtbar, #head h2, #navtop h3, #hilfsnavigation h3, #foot h2 {
position: absolute;
top: -10000px;
}

#front a.editlink, #artikel a.editlink {
background-color: red;
color: white;
font-weight: bold;
padding: 0 0.5em;
}


/* articles
----------------------------------------------- */

.directory {
	list-style-type: circle;
}

.author {
	font-style: normal;
	font-size: 0.8em;
}

.published {
	font-size: 0.8em;

}

/* comments
----------------------------------------------- */

.comments_error {
	color: #000;
	background-color: #fff4f4;
}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

form#txpCommentInputForm td {
	vertical-align: top;
}

#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em;
}

#komm {
background-color: #f0f0f0;
}

/* error page
----------------------------------------------- */

.error-status {
	font: 1.3em Georgia, Times, serif;
}

/* Orientierungs-Navigation und SSZ-Verteiler
----------------------------------------------- */

#nav_hilfe { /* Orientierungsnavigation */
	clear: both;
	float: right; /* nach rechts verschoben */
	width: auto;
	line-height: normal;
/* versuch */
position: absolute; top: 0; right: 0; margin: 0 0 0 0em;
}

#nav_hilfe li {
float: left;
	font-size: 1em;
}

#nav_hilfe a {
display: block;
margin: 0 0 0 0.2em; /* Abstand nach links, rechts keiner wg rechtsb */
} 

#nav_hilfe a:link, #nav_hilfe a:visited { /* Farbeinstellung allgemein: schwarz s.v. */
border: 0; /* wird benötigt */}

#nav_hilfe a:link#current, #nav_hilfe a:visited#current {
color: #081596;
}

#nav_hilfe a:hover, #nav_hilfe a:focus {
border-bottom: 1px solid blue; /* wird benötigt */
color: blue;
}


div#navtop {position: absolute; top: 0; float: right; margin: 0 0 0 0em;
 height: 1.1em; /* width: 100%; */ margin-top: 0;}
div#navtop ul {margin: 0; padding: 0; background-color: #fafafa;
  border: 1px solid red; border-width: 0 0px 0 0;}
div#navtop li {position: relative; list-style: none; margin: 0;
  float: left; /* width: 33%; */ line-height: 1em; border-left: 1px solid gray; font-family: Verdana, "Lucida Grande", Tahoma, Helvetica; text-align: center; border-bottom: 0px solid gray;}
div#navtop li.extern {background-color: #f0f0f0; border-bottom: 1px solid gray;}
div#navtop li:hover, div#nav li li { border-left: 1px solid red; }
div#navtop li a {display: block; padding: 0.25em 0.5em 0.25em 0.5em;
  text-decoration: none; /* width: 7em; */ border: 0px;  color: silver;}
div#navtop li a:hover {color: black; /* background-color: #fafafa; */}
div#navtop>ul a {width: auto;}
div#navtop li {font-size: 10px; padding-left: 0px; padding-right: 0px;}

.infoblock {
/* margin-left: 10em; */
width: 50%;
float: right;
padding: 1em 0;
background-color: #f0f0f0;
}
.infoblock p {
font-weight: bold;
}

h4.daten {
padding: 0.5em 0 0 0;
margin: 0.5em 10px 0 10px;
/* border-top: 1px solid gray; */
}

#veranstaltungen h3 {
margin-top: 0;
}
#veranstaltungen h3 a {
font: 1.5em bold Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}
h3 a, #veranstaltungen h3 a, #front h3 a {font-weight: bold;}

.kalenderspruch {
font: 3em bold Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
color: #ff6600;
}

form.zemContactForm {
margin-left: 3em;
padding-left: 1em;
background-color: #bbb;
}
form#txpCommentInputForm {
margin-left: 3em;
padding-left: 1em;
background-color: #cfc;
}

.artikel p {
margin: 1em 0;
}
.artikel ul {
margin-left: 1em;
}

.artikel ul li {
list-style-type: square;
margin-left: 1.5em;
}

fieldset label {
clear: both; 
}