html {
	height: 	101%;
	padding-bottom:	1px;
}

body {
	height:		100%
	width:		100%;
	text-align:	center;
	font: 		0.74em/1.7em "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
	color:		#000;
}

#website {
	position:	relative;
	width:		770px;
	margin:		0 auto;
	text-align:	left;
	padding-left:	75px;
	font-family:	"Courier New", Courier, mono;
}

a:focus, a:active { outline: none }

#content table td,
#content table td span,
#content table td h2,
#content table td input {
	font-family:	"Courier New", Courier, mono;
}

#breadcrumb {
	border-bottom: 	solid 1px #debc75;
	width: 		470px;
	text-transform:	uppercase;
	padding-left:	20px;
}

#language {
	position:	absolute;
	left: 		-20px;
	top:		0px;
	text-transform:	uppercase;
}

#footer {
	text-transform:	uppercase;
	text-align:	left;
	padding-left:	20px;
	font-family:	"Courier New", Courier, mono;
	clear: both;
	padding-top: 20px;
}

#facesrollover {
	position:	absolute;
	left: 		590px;
	top:		0px;
	clear:		both;
}

#facesingle {
	width:		0px;
	clear:		both;
	float: 		right;
	position: 	relative;
}

.singleface {
	margin-top: 30px;
}

#facesingle img {
	position:	absolute;
	left: 		-230px;
	top:		-97px;
}

ul#facesSingleSub {
	position: relative;
	left: -10px;
	margin: 3px 0px 40px;
}


#navigation,
#navigation a,
#faces,
#faces a,#breadcrumb,
#breadcrumb a,
#footer a,
#language,
#language a {
	color:		#484135;
	text-decoration: none;
}

#navigation,
#navigation a,
#faces,
#faces a {
	color:		#222;
	font-weight:	bold;
}



#navigation li a:hover,
#faces li a:hover,
#breadcrumb a:hover,
#language a:hover,
#footer a:hover {
	color:		#000;
}


#navigation li .current a {
	border-bottom: solid 2px #c91010
}

#faces li .current a {
	border-bottom: solid 2px #000
}


#navigation li li .current a,
#faces li li .current a {
	border-bottom: none
}


#navigation {
	float: left;
	width:	450px;
	padding-left: 10px;
	margin-top: 40px;
	padding-top: 5px;
	height: 30px;

}

#faces {
	float: right;
	width:	230px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-top: 72px;
}

#faces ul ul,
#navigation ul ul {
	margin-left: 10px;
	padding: 0px 0px 4px 0px;
	border-bottom: solid 1px #aaa;
}


#faces ul li,
#navigation ul li {
	float: left;
	text-transform:	uppercase;
	padding: 0px 10px;
	font-size: 1.4em;
}

#faces ul li li,
#navigation ul li li {
	float:	none;
	font-size:0.9em;
	padding: 4px 5px 4px 5px;
	height: 18px;
}

#faces ul li li a,
#navigation ul li li a{
	font-weight: bold;
	padding: 0px 10px 0px 22px;
}


#content {
	margin-top: 100px;
}

#content a {
	font-weight: bold;
	color: #000;
}

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

#content h2 a:hover {
	text-decoration: none;
}

#side-block {
	float: right;
	clear:	none;
	width: 230px;
	
}

#main-block {
	float: left;
	clear:	none;
	width: 500px;
	padding-left: 20px;
}




#content ul li,
#content ol li {
	margin-left: 20px;
}


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

#content a:hover{
	color: #000;
}

#content ul li{
	list-style: circle outside;
}

#content ol li {
	list-style: circle decimal;
}

#content h1 {
	font-size: 1.6em
}

#content h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 4px;
}

#content sub {
	letter-spacing: -0.06em;
	
}

#content .grafical-h1 {
	width: 100%; 
	height: 45px; 
	display: block; 
	clear: left;
}

#content .grafical-h2 {
	clear: left;
	width: 98%;
	height: 30px; 
	display: block;
}

#content .eventlist .grafical-h2 {
	clear: left;
	width: 98%;
	height: 25px; 
	display: block;
	margin-top: 10px;
}

#side-block .grafical-h2 {
	clear: left;
	height: 30px; 
	display: block;
}

#content .grafical-h1 span,
#side-block .grafical-h1 span,
#content .grafical-h2 span,
#side-block .grafical-h2 span{
	display: none;
}

#content .grafical-h1 a,
#side-block .grafical-h1 a,
#content .grafical-h2 a,
#side-block .grafical-h2 a{
	display: block;
	height: 30px;
}



#content .halber-ohne-schatten,
#content .halber-mit-schatten {
	width: 50%;
	float: left;
	clear: none;
}

#side-block .halber-ohne-schatten,
#side-block .halber-mit-schatten {
	width: 100%;
	float: left;
	clear: none;
}

#content .halber-ohne-schatten .grafical-h2,
#content .halber-mit-schatten .grafical-h2 {
	width: 95%;
}



/* mail form */

label {
	width: 100%;
	display: block;

}

select {
	font: 100%/1.4 "Lucida Grande", Verdana, sans-serif;
	border:1px solid #CCCCCC;
	color: #000000;
	font-weight : normal;
	background-color: #EDEFF1;
}

textarea {
	font: 100%/1.4 "Lucida Grande", Verdana, sans-serif;
	border:1px solid #CCCCCC;
	color: #000000;
	font-weight : normal;
	background-color: #EDEFF1;
	padding: 0px 3px;
}

input {
	font: 100%/1.4 "Lucida Grande", Verdana, sans-serif;
	border:1px solid #CCCCCC;
	color: #000000;
	font-weight : normal;
	background-color: #EDEFF1;
	padding: 1px 4px;
}
input[type=submit] {
	float: right;
}

input[type=image]{
	border: none;
	background: none;
	padding: 0;
}

button {
	font: 100%/1.4 "Lucida Grande", Verdana, sans-serif;
	border:1px solid #CCCCCC;
	color: #000000;
	font-weight : normal;
	background-color: #EDEFF1;
}

.csc-mailform {
	width: 100%;
	border: 0px none;
	font: 100%/1.4 "Lucida Grande", Verdana, sans-serif;
	color: #000000;
}

.csc-mailform-field {
	margin-bottom: 6px;
	line-height: 18px;
	min-height: 30px;
}

#mailform {
	width: 486px;
}

#side-block #mailform {
	width: 220px;
}


#mailformname, #mailformemail, #mailformaddress, #mailformsubject, #mailformmessage{
	width: 480px;
}

#side-block #mailformname, #side-block #mailformemail, #side-block #mailformaddress, #side-block table.csc-searchform {
	width: 210px;
}

table.csc-searchform td {
	vertical-align: top;
}

table.csc-searchform td.csc-form-labelcell {
	width: 120px;
}

table.csc-searchform input[type=text] {
	width: 370px;
}

table.csc-searchform select {
	width: 380px;
}

.eventlist h2 {
	height: 24px;
}

table.eventlist {
	border-collapse: separate;
	border-spacing: 3px;
	width: 98%;
}

table.eventlist  td {
	padding: 0px 0px 0px 6px;
	vertical-align: top;
}

table.eventlist  td.simpledate {
	width: 30px;
}

table.eventlist  td.location {
	width: 130px;
}

.eventlist .map {
	float: right;
	margin-top: 5px;
	background: url(../images/css_map_bg.gif) top left no-repeat;
	width: 200px;
	height: 148px;
}

.eventlist .map img {
	border: solid 1px #ab8b64;
}


#main-block .eventlist .date {
	float: right;
	margin-top: -4px;
	width: 84px;
	height: 26px;
	display: block;
	background: url(../images/css_termine_date_bg.gif) top left no-repeat;
}

#side-block .eventlist {
	font-weight: bold;
}

#side-block .eventlist li span.title {
	font-weight: normal;
}

#side-block .eventlist li {
	margin:0;
	padding: 0;
	line-height: 1.4em;
}

#main-block .eventlist  .month {
	color: #fff;	
	text-transform: uppercase;
	font-size: 0.8em;
	line-height: 2.4em;
	padding-left: 5px;
}

#main-block .eventlist  .day {
	color: #000;	
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.6em;
	padding-left: 10px;
}

.eventlist .content-follow {
	margin-top: 10px;
}

.shoppreis {
	background: url(../images/css_shop_preis_bg.png) top left no-repeat;
	width: 130px;
	padding-top: 9px;
	height: 21px;
	text-align: center;
	font-weight: bold;
	font-size: 1.7em;
	font-family: "Comic MS", "Courier New", mono;
}

.amazon {
	text-indent: -999em;
	display: block;
	height: 22px;
	width:96px;
	margin-top: -20px;
	float: right;
	background: url(../images/css_amazon.gif) top left no-repeat;
}