/* CSS Kunstkeller Verein */

body {
color: #ffffff;
background: #000000 url(../img/bg_verein.gif) repeat-x;
}


/* Titel 
*********************************************************/

div#title h1
{	position:absolute;
	top:40px;
	right: 50px;
	z-index: 1;
	margin: 0;
	color: #CCCCCC;
	font-size: 1.1em;
	letter-spacing: 0.03em;
	font-weight: bold;
}

div#title a.bereich {
color: #FF6666;
background:url(../img/link_kunsthandel.gif) no-repeat 0 0;
}

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

#navigation li {
border-top: 2px solid #666666;
}
#navigation li a {
color: #DFDFDF;
}
#navigation li a:hover {
color: #666666;
}

#navigation li.active {
border-top: 3px solid #CC0000;
}

#navigation ul#subcats1 li a {
color: #DFDFDF;
}
#navigation ul#subcats1 li a:hover {
color: #666666;
}
#navigation ul#subcats1 li.active a {
color: #CC0000;
}



/* Inhaltsblöcke */

/* spezielle Block-Formate */

.rahmen {
border: 1px solid #999999;
background-color: #575757;
}

/* Text-Formate allgemeim
**************************/

h1 {
color: #FFFFFF;
}
h2 {
color: #FFFFFF;
}
h3 {
color: #CCCCCC;
}
h4 {
color: #FFFFFF;
}
h5 {
color: #FFFFFF;
}
h6 {
color: #CC0000;
}

p {
color: #FFFFFF;
}

#content a {
color: #33CC00;
text-decoration: underline;
}
#content a:visited {
color: #339900;
}
#content a:hover {
text-decoration: none;
}


strong 
{	color: #FFFFFF;
}

ul {
color: #FFFFFF;
}
ol {
color: #FFFFFF;
}

hr {
background-color: #CCCCCC;
color: #CCCCCC;
}

th
{
border: 1px solid #999999;
background-color: #333333;
}
td {
border: 1px solid #CCCCCC;
}



/* Formulare mit FORMation */
form.formation 
{	width: 40em;
}

form.formation fieldset 
{	border: 1px solid #333333;
	background-color: #232323;
}

form.formation input.radio,
form.formation input.checkbox
{	background-color: #333333;
	border: 1px solid #666666;
	color: #FFFFFF;
}

form.formation p.radio,
form.formation p.checkbox
{	color: #FFFFFF;
}

form.formation input,
form.formation select, 
form.formation textarea 
{	background-color: #333333;
	border: 1px solid #666666;
	color: #FFFFFF;
}

			
form.formation input.button 
{	color:black;
}

form.formation p.capDesc 
{	color: #FFFFFF;
}

.req
{	color: #FF6666;
	font-size: 1.2em;
}
.required,
.FORMATIONsuccess,
.FORMATIONerror
{	color: #FF6666;
}



/* Footer
**********************************************************/

#footer p {
color: #666666;
}
#footer a {
color: #666666;
}



/* Veranstaltungskalender 
**********************************************************/

#kv8 form 
{	margin: 0 0 20px 0;
	padding: 0;
}

#kv8 fieldset
{	border: 1px solid #999999;
	background-color: #333333;
	padding: 0 12px 12px 15px;
	margin: 0;
}

#kv8 form p
{	margin: 0;
}


#kv8 label 
{	margin-right: 5px;
}
#kv8 select 
{	margin-right: 15px;
	margin-top: 15px;
	font-size: 0.9em;
	padding: 2px 0 2px 2px;
	width: 6em;
	background-color: #666666;
	border: 1px solid #999999;
	color: #FFFFFF;
}
#kv8 select#year
{	width: 5em;
}
#kv8 input 
{	padding: 2px 6px;
	margin-top: 15px;
	margin-right: 15px;
	background-color: #666666;
	border: 1px solid #999999;
	color: #FFFFFF;
}

#kv8 input.send {
background-color: #CCCCCC;
border: 1px solid #999999;
color: black;
margin-left: 18px;
}

#kv8 table 
{	line-height: 1.1em;
	width: 100%;
}
#kv8 table a,
#kv8 table a:hover
{	color:#CCCCCC;
}
#kv8 table a:visited
{	color:#999999;
}

#kv8 td {
padding: 4px 4px 8px 4px;
}
td.eltitle
{	font-weight: bold;
}
td.eltitle a
{	color: #333333;
}

td.elDate,
td.elDateMore 
{ width: 18%;
}
td.eltitle 
{ width: 40%;
}
td.elcat 
{ width: 20%;
}
td.elvenue 
{ width: 22%;
}

p.eltitel
{	float: left;
	font-weight: bold;
}
p.eldesc 
{	margin-left: 7em;
}

a.zurueck, a.vor
{	margin-right: 10px;
}


/* Gästebuch
**********************************************************/

div.gbook {
}

div.entry {
margin-bottom: 25px;
/*border-bottom: 1px solid #666666;*/
border: 1px solid #999999;
background-color: #333333;
padding: 10px 20px;
}

span.label {
font-weight: bold;
color: #999999;
font-size: 0.85em;
}

span.value {
}

p.reply {
font-size: 0.9em;
color: #CCCCCC;
font-style:italic;
margin: 20px 0 10px 0;
}

ul.pagination {
list-style: none;
margin: 0;
}
ul.pagination li {
display: inline;
margin: 5px;
}

form.a9-form {
margin: 30px 0;
}

form.a9-form fieldset {	
border: 1px solid #666666;
/*background-color: #575757; keine Farbe wegen Legend */
padding: 0 12px 12px 15px;
margin: 0;
}
form.a9-form legend {	
padding: 0 5px 8px 5px;
margin: 0;
text-transform: uppercase;
color:#999999;
}

form.a9-form input,
form.a9-form select,
form.a9-form textarea {
background-color: #333333;
border: 1px solid #666666;
color: #FFFFFF;
}

p.a9-buttons input {
color: black;
}

p.a9-info {
font-size: 0.85em;
color:#CCCCCC;
}