/*
# Informationen
# Author: Uwe Amerkamp
# Erstellt am: 15.April 2007
# Aktualisiert am: 14.April 2008
#Copyright: Duesseldorfer-Kammerchor
# Angepasst an Redaxo CMS Version 4.01
 */
html {
	margin-bottom: 1px;
	overflow-x: hidden;
	font: 82%  Verdana,Tahoma,Arial,sans-serif;
}


body {
margin: 0 auto;
padding: 0;
background: #8B7E66 url(body_bg.png) repeat;
}



#wrap {
background: #20170d;
color: #ffffff;
border:  none;
margin: 0 auto;
width: 842px;
}


#header {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
background-color: #000000;
}


#avmenu {
clear: left;
float: left;
width: 125px;
margin: 0 0 0 0;
padding: 0;
font-size: 0.8em; 
background: #b9b0a7;
}

#avmenu ul {	
list-style: none;
width: 125px;
margin: 0 0 0 0;
padding: 0;
}	

#avmenu li {
margin-bottom: 1px;
}

#avmenu li a {
font-weight: normal;
height: 20px;
text-decoration: none;
color: #dad5d0;
display: block;
padding: 6px 0 0 10px;
background: #7b6d60;
border-left: 1px #846837 solid;
}

#avmenu li a:hover {
background: #605143;
color: #20170d;
border-left: 4px #47381e solid;
}

#avmenu li.inactive.level2 {
border-left: 6px #b89456 solid;
border-right: 2px #b89456 solid;
font-style:oblique;
}


#announce {
clear: left;
float: left;
background: #20170D;
width: 115px;
height: 188px;
margin: 0 0 0 0;
padding-left: 10px;
line-height: 1.3em;
background: url(linksbg.png) repeat;
}

#announce a {
text-decoration: none;
color: #b6952a;
}

#announce a:hover {
text-decoration: underline;
color: #b6952a;
}


#extras {
float: right;
width: 140px;
margin: 0 0 10px 0;
padding-left: 0;
font-size: 0.8em;
line-height: 1.5em;
background: url(paert_1.gif) no-repeat;
}
#extras img{
border:0;
}



#extras p {
margin: 0 0 0.8em 0;
padding-left: 5px;
padding-right:5px;
}

#extras h3 {
font-size: 1.2em;
margin: 0.5em 0 0.5em 0;
padding-left: 5px;
color: #68594c;
}

#extras h2 {
font-size: 1.3em;
margin: 0.5em 0 0.5em 0;
padding-left: 5px;
color: #68594c;
}

#extras a {
text-decoration: none;
color: #b6952a;
}

#extras a:hover {
text-decoration: underline;
color: #b6952a;
}


#content {
margin: 0 145px 20px 130px;
font: 0.8em Verdana,Tahoma,Arial,sans-serif;
color: #b9b0a7;
padding: 0 10px; 0 0;
line-height: 1.8em;
/*border-right: 1px solid #b9b0a7; */
background: #20170d url(content_bg.png) repeat;
}



#content a {
text-decoration: none;
color: #b6952a;
}

#content a:hover {
text-decoration: underline;
color: #b6952a;
}

#content img {
border: 0;
}

#content h1 {
font-size: 1.5em;
font-color: #b6952a;
}

#content h2 {
font-size: 1.3em;
font-color: #b6952a;
}

#content h3 {
font-size: 1.2em;
font-color: #b6952a;
}


/*	search form

------------------------------------------------------------------------------*/
.suche {
font-weight: bold;
width:124px;
text-decoration: none;
color: #fffff1;
display: block;
padding: 0 0 0 0;
background: #7b6d60;
margin-top:1px;
border-left: 1px #846837 solid;
}

.suche2 {
	padding: 0 0 0 0;
}

.suche fieldset {
	border:0;
}

.suche label {
	display:block;
	clear:both;
	margin-top:5px;
	color:#fff;
}

.suche input {
	float:left;
	margin:0 0;
	width:100px;
	border:1px solid #ba9550;
	background-color:#fff;
}

.suche input.submit { 
	border:none;
	background:none;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}


#footer {
clear: both;
font: 0.8em Verdana,Tahoma,Arial,sans-serif;
margin: 0 auto;
padding: 0px 0em 0px 0em;
width: 842px;
text-align: center;
color: #dad5d0;
height: 15px;
background: #20170d;
border: none;}

#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

.left {
margin: 0px 7px 0px 5px;
float: left;
}

.right {
margin: 0px 7px 0px 5px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}


/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {
}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 0 #000; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 1px #000; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 1px #000;}
.wysiwygimg a.wysiwygimg:focus {border:solid 1px #000;}
.wysiwygimg a.wysiwygimg:active {border:solid 1px #000;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}

/* Gerenderte Ueberschrift
* Hinweis:
* Zur Installation einfach Input und Output-Modul erstellen

Beispiel CSS: */

@media screen {
	.renderhead {
		display: block;
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img { 
		padding: 5px;
		border: 0;
	}
}

@media print {
	.renderhead {
		display: block;
	}
	.renderhead span {
		display: block;
		color: blue;
	}
	.renderhead img { 
		display: none;
	}
}

/* Einstellungen fuer den Veranstaltungskalender */

.a64_event{
margin-bottom: 40px;
}

.a64_event  h3{
font-size: 1.2em;
color: #CDC673;
}

h3 {
font-size: 1.6em;
color: #CDC673;
}

.elshortdesc {
width: 100%;
}

.elDate {
padding-right: 10px;
font-weight:bold;
}

.eltitle {
padding-right: 10px;
}

/* Kategorieliste mit Bild */

ul.kategorieliste
{
width: 480px;
padding:5px;}

ul.kategorieliste li
{
text-decoration: none;
display: block;
padding: 0 0 0 4px;
margin:  5px 10px 50px 20px;
}

ul.kategorieliste li img
{float:left;
margin-right: 20px;
border: 1px solid #000;
 }

ul.kategorieliste li h2
{
margin-top: 20px;
margin-bottom: 10px;
font-size:1.2em;
  }

ul.kategorieliste li p
{
min-height: 75px;
margin: 0 0 0 10px;
}
ul.kategorieliste li a
{
text-decoration: none;
}
.daten { 
	/* width: 100%; */
	border-collapse: collapse;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 10px;
}
/*
.daten caption { 
	margin-top: 130px;
	padding: 8px 8px;
	font-size: 1.1em;
	font-weight: bold;
	color: #A5826A;
	background-color: #e8dfd8;
	border: 1px solid #A5826A;
	text-decoration: underline;
	text-align: center;
}
*/
.daten td { 
	border: 1px solid #A5826A;
	padding: 3px;
	/* text-align: center; */
	vertical-align: top;
}

.daten th { 
	border: 1px solid #A5826A;
	padding: 8px 3px;
	text-align: center;
	vertical-align: middle;
/*	background-color: #A5826A; */
	background-image:url(bg_excel_tab_head.jpg); 
	background-repeat:repeat-x;

	font-weight: bold;
/*	color: #ffffff; */
	color: #A5826A;
}

.daten .caption { 
	margin-top: 130px;
	padding: 8px 8px 8px 8px;
	font-size: 1.1em;
	font-weight: bold;
	height:30px;
	color: #A5826A;
	background-image:url(bg_excel_tab_head.jpg); 
	background-repeat:repeat-x;
	border: 1px solid #A5826A;
	text-decoration: underline;
	text-align: center;
}

.daten .subtitle td { 
	padding: 8px 3px;
	background-image:url(bg_excel_tab_head.jpg); 
	background-repeat:repeat-x;
	text-align: center;
	vertical-align: middle;
	color: #A5826A;
	font-weight: bold;
}

.daten .left td {
	text-align: left;
}

.daten .right td {
	text-align: right;
}

.daten tfoot td { 
	padding: 8px;
	background-image:url(bg_excel_tab_foot.jpg); 
	background-repeat:repeat-x;
	color: #A5826A;
	font-weight: bold;
}