/* --------------------------------------------------------------------- basics */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul {
	margin: 0;
	padding: 0;
}

h1 {
	margin: 20px 0px 5px 0px;
	font-size: 17px;
}

h2 {
	padding: 0 0 0 0px;
	font-size: 17px;
}

h3 {
	padding: 0 0 0 0px;
	font-size: 14px;
}

h5 {
	margin: 0 0 0 0;
	font-size: 12px;
}

p {
	margin: 10px 0 5px 15px;
	font-size: 11px;
	/*font-weight: bold;*/
	line-height: 130%;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

hr.clearer {
	margin: 1.5em 0 0;
}

a.link:link, a.link:visited {
	color: #000000;
	text-decoration: none;
}

a.link:hover, a.link:active {
	color: #555555;
	text-decoration: underline;
}

/* --------------------------------------------------------------------- newsletter area */

table.news {
	color: #000000;
}

.news {
	color: #912D22;
}

a img {
	border: none;
}

/* ---------------------------------------------------------------------  styles */

ul {
	margin: 10px 0 5px 10px;
	font-size: 11px;
	line-height: 130%;
	/*font-weight: bold;*/
}

ul li {
	margin: 4px 0 4px 0;
	list-style: none;
}

/* --------------------------------------------------------------------- leftcol */

#leftcol.news .main {
	background: url('../sharedpics/newsletter_pics/headline_main_bg.jpg') no-repeat 0 0 #FFFFFF;
}

#leftcol {
	width: 500px;
	margin: 0 0 0 5px;
	vertical-align: top;
}

#leftcol h1 {
	margin: 20px 0 5px 0;
	font-size: 15px;
}

#leftcol.news h1.main {
	font-weight: normal;
	font-style: italic;
	font-size: 17px;
	margin: 0 0 8px 0;
	padding: 18px 0 2px 47px;
	border-bottom: 1px solid #000000;
}

#leftcol h2,
#leftcol h3 {
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 15px;
}

#leftcol h4 {
	margin: 5px 0 5px 0;
	font-style: italic;
	font-weight: normal;
	color: #912D22;
	font-size: 12px;
}

#leftcol img {
	margin: 0 0 10px 0;
}

#leftcol p {
	margin: 10px 0 5px 0;
}

#leftcol ul {
	margin: 0 0 15px 5px;
}

#leftcol ul li {
	padding: 0 0 0 12px;
	background: url('../sharedpics/diverse/li_bg.png') no-repeat 0 2px;
}

#leftcol ul ul {
	margin: 10px 0 20px 20px;
	/*font-weight: bold;*/
}

#leftcol ul ul li {
	padding: 0 0 0 12px;
	margin: 2px 0;
	/*font-weight: bold;*/
	background: url('../sharedpics/diverse/li_bg.jpg') no-repeat 0 3px;
}

#leftcol ul.lvl_1 li.sub {
	background: none;
}

#leftcol .spacer {
	height: 1px;
	width: 100%;
	margin: 10px 0 15px 0;
}

#leftcol table.daten {
	width: 100%;
	font-size: 11px;
}

#leftcol .daten th {
	text-align: left;
}

#leftcol.standalone_subscribe {
	width: 580px;
	margin: 0 0 0 5px;
	vertical-align: top;
}

a.link:link, a.link:visited {
	color: #912D22;
	font-weight: bold;
}

a.link:hover, a.link:active {
	text-decoration: underline;
}

/* --------------------------------------------------------------------- rightcol */

#rightcol {
	width: 240px;
	vertical-align: top;
}

#rightcol h2 {
	margin: 20px 0 5px 0;
	font-style: italic;
	font-weight: normal;
	border-bottom: 1px solid #000000;
}

#rightcol h3 {
	margin: 0 0 5px 0;
	font-style: italic;
	font-weight: normal;
	border-bottom: 1px solid #000000;
}

#rightcol h4 {
	margin: 0 0 5px 0;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
}

#rightcol ul {
	margin: 0 0 30px 0;
	padding: 0 0 0 5px;
	font-weight: bold;
}

#rightcol span.topic {
	display: block;
}

#rightcol .s2 {
	margin: 0 0 30px 0;
	list-style: none;
}

#rightcol .s2 .link {
	color: #000000;
	text-decoration: none;
}

#rightcol .nl_count {
	margin: 0 0 0 5px;
	font-size: 14px;
}

#rightcol .nl_count span {
	font-weight: normal;
}

#rightcol .nl_count.last {
	margin: 0 0 30px 5px;
}

#rightcol .nl_count a:link, #rightcol .nl_count a:visited {
	text-decoration: none;
	color: #000000;
}

/* --------------------------------------------------------------------- Newsletter-Themen */

.topics li {
	margin: 0 0 15px 0;
	list-style: none;
}

.topics a:link, .topics a:visited {
	color: #000000;
	text-decoration: none;
}

.topics a:hover, .topics a:active {
	color: #000000;
	text-decoration: underline;
}

.topics a.active {
	color: #912D22;
}

/* --------------------------------------------------------------------- breadcrumb */

#pfad {
	position: absolute;
	left: 119px;
	top: 111px;
	width: 651px;
	height: 15px;
	z-index: 106;
	color: #000000;
	font-size: 10px;
	text-align: right;
}

#pfad.news a:link, #pfad.news a:visited {
	color: #912d22;
}

#pfad.tagundsem a:link, #pfad.tagundsem a:visited {
	color: #8BB1C2;
}

#pfad.choermus a:link, #pfad.choermus a:visited {
	color: #EE7F01;
}

#pfad.events a:link, #pfad.events a:visited {
	color: rgb(191,170,40);
}

/* --------------------------------------------------------------------- sonstige Seiten mit newsletter_template.dwt */

.news .hervorgehoben {
	background: #F2D8D8;
	padding: 5px 10px 5px 10px;
}

/* --------------------------------------------------------------------- #leftcol formular */

#leftcol #subscribe table {
	margin: 0 0 0 5px;
	font-size: 10px;
	color: #848484;
}

#leftcol #subscribe table tr td {
	vertical-align: top;
}

#leftcol #subscribe input {
	width: 210px;
	margin: 5px 0 5px 0;
	font-size: 10px;
	border: 1px solid #912D22;
}

#leftcol #subscribe input.email {
	margin: 5px 0 20px 0;
}

#leftcol #subscribe input.submit {
	width: 60px;
	margin: 5px 103px 10px 0;
	float: right;
	background: #FFFFFF;
	display: inline;
}

#leftcol #subscribe label {
	width: 120px;
	margin: 5px 0 5px 0;
	font-weight: bold;
}

#leftcol #subscribe .topic {
	width: 330px;
}

#leftcol #subscribe .topic label {
	width: 260px;
	margin: 5px 0 5px 0;
	font-weight: bold;
}

#leftcol #subscribe select {
	width: 60px;
	margin: 5px 0 10px 0;
	font-size: 10px;
	border: 1px solid #912D22;
}

#leftcol #subscribe select.gender {
	margin: 5px 0;
	width: 210px;
}

#leftcol #subscribe .gender,
#leftcol #subscribe .firstname,
#leftcol #subscribe .lastname,
#leftcol #subscribe .email,
#leftcol #subscribe .nl_schulen,
#leftcol #subscribe .nl_gruppen,
#leftcol #subscribe .nl_kidsteens,
#leftcol #subscribe .nl_familien,
#leftcol #subscribe .nl_tagsem,
#leftcol #subscribe .nl_musikchor {
	display: block;
}

#leftcol #subscribe select.gender,
#leftcol #subscribe select.nl_schulen,
#leftcol #subscribe select.nl_gruppen,
#leftcol #subscribe select.nl_kidsteens,
#leftcol #subscribe select.nl_familien,
#leftcol #subscribe .nl_tagsem,
#leftcol #subscribe .nl_musikchor {
	font-size: 10px;
}

.news a:link, .news a:visited {
	text-decoration: none;
	color: #912d22;
}

.news a:hover, .news a:active {
	text-decoration: underline;
	color: #912d22;
}

#leftcol table.gewinnspiel {
	margin: 0 0 0 65px;
}

#leftcol table.gewinnspiel input {
	font-size: 11px;
	display: block;
	float: left;
	margin: 10px 0 0 10px;
}
#leftcol table.gewinnspiel label {
	font-size: 11px;
	display: block;
	float: left;
	margin: 10px 0 0 10px;
}

#leftcol form.anschrift label {
	font-size: 11px;
}

#leftcol form.anschrift .anrede {
	vertical-align:middle;
}

#leftcol form.anschrift input#homepage {
	display: none;
}

#leftcol a {
	font-weight: bold;
}

.umfrageForm {
	margin: 0 0 0 20px;
}

.umfrageForm h4 {
	color: #912D22;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin: 5px 0;
}

.kontaktinformationen,
.umfrage {
	font-size: 11px;
}

.umfrage td {
	padding: 3px 5px;
}

.umfrage .section {
	font-weight: bold;
}

.umfrage .frage.indent {
	padding: 3px 5px 3px 25px;
}
.umfrage .alternativeAntwort,
.umfrage .antwort {
	text-align: center;
}

.unterstreichen {
	text-decoration: underline;
}

.umfrage .alternativeAntwort input {
	border: none;
	border-bottom: 1px solid #C1C1C1;
	background: #F0F0F0;
	padding: 3px 5px;
	width: 280px;
}

.kontaktinformationen input {
	border: none;
	border-bottom: 1px solid #C1C1C1;
	background: #F0F0F0;
	padding: 3px 5px;
}

.kontaktinformationen input.submit {
	border: 1px solid #C1C1C1;
	background: #F0F0F0;
	padding: 3px 5px;
}

/* --------------------------------------------------------------------- #rightcol formular */

#rightcol #subscribe table {
	margin: 0 0 0 5px;
	font-size: 10px;
	color: #848484;
}

#rightcol #subscribe input {
	width: 210px;
	margin: 5px 0 5px 0;
	font-size: 10px;
	border: 1px solid #912D22;
}

#rightcol #subscribe input.email {
	margin: 5px 0 20px 0;
}

#rightcol #subscribe input.submit {
	width: 60px;
	margin: 5px 30px 30px 0;
	float: right;
	background: #FFFFFF;
}

#rightcol #subscribe label {
	font-weight: bold;
}

#rightcol #subscribe select {
	width: 210px;
	margin: 5px 0 10px 0;
	font-size: 10px;
	border: 1px solid #912D22;
}

#rightcol #subscribe select.gender {
	margin: 5px 0 5px 0;
}

#rightcol #subscribe .gender,
#rightcol #subscribe .firstname,
#rightcol #subscribe .lastname,
#rightcol #subscribe .email,
#rightcol #subscribe .nl_schulen,
#rightcol #subscribe .nl_gruppen,
#rightcol #subscribe .nl_kidsteens,
#rightcol #subscribe .nl_familien {
	display: block;
}

#rightcol #subscribe select.gender,
#rightcol #subscribe select.nl_schulen,
#rightcol #subscribe select.nl_gruppen,
#rightcol #subscribe select.nl_kidsteens,
#rightcol #subscribe select.nl_familien {
	font-size: 10px;
}

/* --------------------------------------------------------------------- Artikel weiterempfehlen */

#empfaehlung {
	width: 320px;
	min-height: 1px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}

#empfaehlung h1 {
	margin: 10px auto 0 auto;
	padding: 0 4px;
	font-size: 17px;
	color: #912D22;
}

#empfaehlung p {
	margin: 10px auto 20px auto;
	padding: 0 4px;
}

#empfaehlung table {
	margin: 0 auto;
}

#empfaehlung form#subscribe {
	margin: 0 auto;
}

#empfaehlung label {
	display: block;
	font-weight: bold;
	font-size: 10px;
	color: #848484;
}

#empfaehlung input,
#empfaehlung textarea {
	width: 300px;
	display: block;
	font-size: 10px;
	border: 1px solid #912D22;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#empfaehlung input {
	margin: 0 0 10px 0;
}

#empfaehlung textarea {
	margin: 15px 0 0 0;
}

#empfaehlung .submit {
	width: 60px;
	margin: 5px 0 30px 0;
	float: right;
	background: #FFFFFF;
}

#empfaehlung .err {
	color: #FF0000;
}

#empfehlung .success {
	color: #00FF00;
}

#empfaehlung input.hidden {
	display: none;
	border: none;
}

#fehler {
	text-align: left;
	margin: 0 0 10px 0;
}

#fehler h3 {
	color: #FF0000;
}

#fehler p {
	color: #912D22;
}

/* --------------------------------------------------------------------- Tagungen und Seminare - landing page */

table.tagundsem {
	color: #000000;
}

.tagundsem {
	color: #8BB1C2;
}

.tagundsem h1.main {
	font-weight: normal;
	font-style: italic;
	font-size: 17px;
	margin: 0;
	padding: 10px 0 0 7px;
	border-bottom: 0px solid #000000;
	position: absolute;
	left: 9px;
	z-index: 10;
	color: #000000;
	height: 50px;
}

.tagundsem .main {
	width: 479px;
	top: 210px;
	background: url('../sharedpics/jugendherbergen_pics/tagundsem_transparent.png');
}

* html .tagundsem h1.main {
	width: 485px;
	height: 60px;
	top: 210px;
}

.tagundsem a:link, .tagundsem a:visited {
	text-decoration: none;
	color: #000000;
}

.tagundsem a:hover, .tagundsem a:active {
	text-decoration: underline;
	color: #8BB1C2;
}

.twocols td {
	vertical-align: top;
}

#leftcol.tagundsem  h2, #leftcol.tagundsem  h3 {
	font-size: 12px;
	margin: 18px 0 2px 0;
}

.tagundsem h3 em {
	font-style: normal;
}

.tagundsem img.klein {
	position: relative;
	top: -61px;
	left: 2px;
}

.tagundsem img.gross {
	position: relative;
	left: 8px;
	top: -1px;
	margin: 0 0 0 0;
}

#rightcol.tagundsem {
	position: relative;
	top: -57px;
}

.tagundsem h1.main span {
	display: block;
}

.tagundsem h1.main span.part2 {
	margin: 0 0 0 0px;
}

.tagundsem .nav li {
	background: url('../sharedpics/jugendherbergen_pics/tagundsem_li_bg.jpg') no-repeat 0 4px;
	padding: 0 0 0 9px;
}

.tagundsem .nav a.active {
	color: #8BB1C2;
}

#leftcol.tagundsem p {
	margin: 0 0 10px 0;
}

/* --------------------------------------------------------------------- Chöre und Musikgruppen - landing page */

table.choermus {
	color: #000000;
}

.choermus {
	color: #EE7F01;
}

.choermus h1.main {
	font-weight: normal;
	font-style: italic;
	font-size: 17px;
	margin: 0;
	padding: 10px 0 0 7px;
	border-bottom: 0px solid #000000;
	position: absolute;
	left: 9px;
	z-index: 10;
	color: #FFFFFF;
	height: 50px;
}

.choermus .main {
	width: 479px;
	top: 210px;
	background: url('../sharedpics/jugendherbergen_pics/choermus_transparent.png');
}

* html .choermus h1.main {
	width: 485px;
	height: 60px;
	top: 210px;
}

#rightcol.choermus a:link, #rightcol.choermus a:visited {
	text-decoration: none;
	color: #000000;
}

#rightcol.choermus a:hover, #rightcol.choermus a:active {
	text-decoration: underline;
	color: #EE7F01;
}

.twocols td {
	vertical-align: top;
}

#leftcol.choermus  h2, #leftcol.choermus  h3 {
	font-size: 12px;
	margin: 18px 0 2px 0;
}

.choermus h3 em {
	font-style: normal;
}

.choermus img.klein {
	position: relative;
	top: -61px;
	left: 2px;
}

.choermus img.gross {
	position: relative;
	left: 8px;
	top: -1px;
	margin: 0 0 0 0;
}

#rightcol.choermus {
	position: relative;
	top: -57px;
}

.choermus h1.main span {
	display: block;
}

.choermus h1.main span.part2 {
	margin: 0 0 0 0px;
}

.choermus .nav li {
	background: url('../sharedpics/jugendherbergen_pics/choermus_li_bg.jpg') no-repeat 0 5px;
	padding: 0 0 0 9px;
}

.choermus .nav a.active {
	color: #EE7F01;
}

#leftcol.choermus p {
	margin: 0 0 10px 0;
}

.choermus a:link, .choermus a:visited {
	text-decoration: underline;
	color: #EE7F01;
}

/* --------------------------------------------------------------------- jubilaeum area */

table.jubilaeum {
	color: #000000;
	position: relative;
}

.jubilaeum {
	color: #FF8043;
}

.jubilaeum h1.main {
	font-weight: normal;
	font-style: italic;
	font-size: 17px;
	margin: 0;
	padding: 10px 0 0 7px;
	border-bottom: 0px solid #000000;
	position: absolute;
	left: 9px;
	z-index: 10;
	color: #FFFFFF;
	height: 50px;
}

.jubilaeum .main {
	width: 479px;
	top: 210px;
	background: url('../sharedpics/jubilaeum_pics/jubilaeum-transparent.png');
}

* html .jubilaeum h1.main {
	width: 485px;
	height: 60px;
	top: 210px;
}

#rightcol.jubilaeum a:link, #rightcol.jubilaeum a:visited {
	text-decoration: none;
	color: #000000;
}

#rightcol.jubilaeum a:hover, #rightcol.jubilaeum a:active {
	text-decoration: underline;
	color: #FF8043;
}

.twocols td {
	vertical-align: top;
}

#leftcol.jubilaeum  h2, #leftcol.jubilaeum  h3 {
	font-size: 12px;
	margin: 18px 0 2px 0;
}

.jubilaeum h3 em {
	font-style: normal;
}

.jubilaeum img.klein {
	position: relative;
	top: -2px;
	left: 2px;
}

.jubilaeum img.klein.picto {
	position: relative;
	top: 50px;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
}

.jubilaeum img.gross {
	position: relative;
	left: 8px;
	top: -1px;
	margin: 0 0 0 0;
}

#rightcol.jubilaeum {
	position: relative;
	top: -57px;
	top: -20px;
}

.jubilaeum h1.main span {
	display: block;
}

.jubilaeum h1.main span.part2 {
	margin: 0 0 0 0px;
}

.jubilaeum .nav li {
	background: url('../sharedpics/jugendherbergen_pics/choermus_li_bg.jpg') no-repeat 0 5px;
	padding: 0 0 0 9px;
}

.jubilaeum .nav a.active {
	color: #FF8043;
}

#leftcol.jubilaeum p {
	margin: 0 0 10px 0;
}

.jubilaeum a:link, .jubilaeum a:visited {
	text-decoration: underline;
	color: #FF8043;
}

div.programm {
	font-size: 10px;
	background: #FEECE6;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

div.programm ul {
	font-size: 11px;
	list-style: square;
}

.programm table {
	width: 100%;
}

#leftcol .programm ul ul li {
	font-size: 11px;
	background: url('../sharedpics/jubilaeum_pics/li_li_bg.png') no-repeat 0 3px;
}

#leftcol.jubilaeum div.programm p {
	margin: 0 5px 5px 5px;
}

#leftcol.jubilaeum .programm h3 {
	background: #F5A089;
	margin: 0 0 15px 0;
	padding: 10px 0 10px 0;
	font-size: 12px;
	font-style: italic;
	border-bottom: 1px solid #F3895D;
	color: #FEECE6;
}

.programm h3 span {
	padding: 0 10px 0 15px;
}


.programm ol {
	font-size: 11px;
}

.programm div.tfoot {
	background: #F5A089;
	width: 100%;
	padding: 7px 0 2px 0;
	color: #FEECE6;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	font-style: italic;
}

span.termin {
	font-size: 9px;
	display: block;
	color: #999999;
}

#rightcol ul.nav.karte {
	font-weight: normal;
	line-height: 150%;
}

#jubilaeums-teaser {
	position: absolute;
	left: 304px;
	top:0;
	visibility:  hidden;
}

#jubilaeums-teaser a {
	display: block;
	width: 215px;
	height: 55px;
	background: url(../sharedpics/jubilaeum_pics/jubilaeum-teaser.png) no-repeat 0 0;
}

div#diejugendherbergen {
	visibility: hidden;
}

#diejugendherbergen-2 a {
	color: #22417B;
	visibility: hidden;
}

/* --------------------------------------------------------------------- Events - landing page */

table.events {
	color: #000000;
}

.events {
	color: rgb(220,197,68);
}

.events h1.main {
	font-weight: normal;
	font-style: italic;
	font-size: 17px;
	margin: 0;
	padding: 10px 0 0 7px;
	border-bottom: 0px solid #000000;
	position: absolute;
	left: 9px;
	z-index: 10;
	color: rgb(56,56,56);
	height: 50px;
}

.events h1.main .dringend {
	font-weight: bold;
	color: rgb(237,30,53);
	margin: 0 0 0 120px;
}

.events .main {
	width: 479px;
	top: 210px;
	background: url('../sharedpics/event_pics/events-transparent.png');
}

* html .events h1.main {
	width: 485px;
	height: 60px;
	top: 210px;
}

.events a:link, .events a:visited {
	text-decoration: none;
	color: #000000;
}

.events a:hover, .events a:active {
	text-decoration: underline;
	color: rgb(220,197,68);
}

.twocols td {
	vertical-align: top;
}

#leftcol.events  h2, #leftcol.events  h3 {
	font-size: 12px;
	margin: 18px 0 2px 0;
}

.events h3 em {
	font-style: normal;
}

.events img.klein {
	position: relative;
	top: -61px;
	left: 2px;
}

.events img.gross {
	position: relative;
	left: 8px;
	top: -1px;
	margin: 0 0 0 0;
}

#rightcol.events {
	position: relative;
	top: -57px;
}

.events h1.main span {
	display: block;
}

.events h1.main span.part2 {
	margin: 0 0 0 0px;
}

.events .nav li {
	background: url('../sharedpics/event_pics/kids4rock_li_bg.jpg') no-repeat 0 4px;
	padding: 0 0 0 9px;
}

.events .nav a.active {
	color: rgb(220,197,68);
}

#leftcol.events p {
	margin: 0 0 10px 0;
}