/* GLOBAL STYLES */
ul, ol {
	list-style: none none
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, 
blockquote, fieldset, input, dl, dt, dd {
	margin: 0;
	padding: 0
}

address, blockquote, body, caption, dd, dir, div, dl, dt, 
form, h1, h2, h3, h4, h5, h6, ol, p, td, th, ul {
	font: 14px/1.46em Georgia, "Times New Roman", Times, serif
}

/* Real styles */
html, body {
	height: 100%;
}

address {
	font-style: normal
}

b {
	font-weight: bolder
}

big, .big {
	font: italic small-caps 1.64em Georgia, "Times New Roman", Times, serif
}

body {
	background-color: #000000;
	color: #FFEEBB;
	cursor: default;
}

blockquote {
	font-style: italic;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	padding: 5px 10px 5px 10px
}

center, .center {
	margin: 0 auto;
	text-align: center
}

em, i, cite, var {
	font-style: italic
}

hr {
	border: 1px solid #000000;
	clear: both
}

img {
	border: none
}

code, kbd, pre, samp, tt {
	font: 1em monospace
}

p {
	line-height: 1.5em;
	margin: 1.5em 25px;
	text-align: left
}

p.indent {
	font-size: 0.9em;
	font-style: italic;
	margin: .5em 3em 1em 1.5em
}

small, .small {
	font-size: 0.82em
}

strong {
	font-weight: bold
}

s, strike, del, .strike, .del {
	text-decoration: line-through
}

sub {
	font-size: 0.75em;
	vertical-align: sub
}

sup {
	font-size: 0.75em;
	vertical-align: super
}

u, ins {
	text-decoration: underline
}

h1 {
	color: #FFAA66;
	font: italic 1.5em/.82em Georgia, "Times New Roman", Times, serif;
	margin: .82em 0 .5em 0
}

h1 span {
	display: none
}

h2 {
	background-color: #111111;
	border-bottom: 2px solid #222222;
	color: #FFAA66;
	font: italic 1.3em/.82em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin: 0 0 .5em 0;
	padding: .5em 0 .5em 0;
	text-align: center;
}

h2.center {
	margin-bottom: 20px
}
.events h2 {
	border-top: 2px solid #222222;
}
h3 {
	color: #FFCC88;
	letter-spacing: 1px;
	font: italic 1.28em Georgia, "Times New Roman", Times, serif;
	margin: 1em 20px .5em 20px;
	text-align: left;
	border-bottom: 1px solid #222222;
}

h4 {
	font: italic 1.18em Georgia, "Times New Roman", Times, serif;
	margin: 1em 1.5em .5em 1.5em
}

h5 {
	font: italic 1em Georgia, "Times New Roman", Times, serif;
	margin: 1em 1.5em .5em 1.5em
}

h6 {
	font: italic 1em Georgia, "Times New Roman", Times, serif;
	margin: .5em 10px
}

table {
	border: none;
	border-collapse: collapse;
	empty-cells: show
}

td {
	padding: 0px;
	vertical-align: top
}

img {
	border: none
}

ul {
	padding: 0 1em 1.2em 1em;
	text-align: left
}

/* Links */
.content a, .content a:link, .content a:visited {
	color: #FFCC99;
	cursor: pointer;
	text-decoration: none
}

.content a:hover, .content a:focus, .content a:active {
	color: #FFAA66;
	text-decoration: none
}

.content a {
	border-bottom: 1px solid #FFCC99;
	padding-bottom: 1px
}

.links {
	text-align: left
}

.links li {
	line-height: 2.5em;
	list-style: circle inside
}

.links li:hover {
	line-height: 2.5em;
	list-style: disc inside
}

.links li a {
	border-bottom: 1px solid #FFCC99;
	padding-bottom: 4px
}

.events {
	border-bottom: 2px solid #222222;
	padding: 1em 1em 3em 1em;
	text-align: left
}

.events li {
	line-height: 1.2em;
	padding: .3em .5em
}

.events li a {
	border-bottom: 1px solid #FFCC99;
	padding-bottom: 1px
}

hr {
	border: 1px solid #222222;
	color: #222222;
	margin: 1em 0 .6em 0
}

/* IDs and CLASSes */
#page {
}

#content {
	height: auto;
	margin: 200px auto 100px 300px;
	padding: 0 0 50px 0;
	position: absolute;
	text-align: center;
	width: 590px
}

.content {
	background: url(../images/bg-transp-1.gif) repeat top left;
	border: 2px solid #222222;
	padding: 0;
	width: 585px
}

.floatr {
	float: right;
}

.floatl {
	float: left;
}

table#graphics {
	width: 986px;
	height: 651px;
	border: none;
	border-collapse: collapse;
}

table#graphics td {
	padding: 0;
	margin: 0;
}

.placeholder {
	width: 1px;
	height: 360px
}

#footer {
	clear: both;
	color: #333333;
	font: italic .8em/1 Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 0 0;
	text-align: center;
	width: 585px
}

#footer p, .footer p {
	text-align: center !important
}

.footer {
	background-color: #111111;
	border-top: 2px solid #222222;
	color: #444444;
	font: italic .8em/.82em Georgia, "Times New Roman", Times, serif;
	margin: 20px 0 0 0;
	padding: .8em 1.3em
}

.footer a {
	border: none;
	color: #444444 !important
}

.footer a:hover {
	color: #FFAA66 !important
}

.pictures {
	margin: 0px auto
}

.pictures td {
	padding: 20px;
	text-align: center;
	vertical-align: middle
}

.pictures a img {
	border-bottom: 2px solid #222222;
	border-left: 2px solid #444444;
	border-right: 2px solid #222222;
	border-top: 2px solid #444444;
}
.pictures a:hover img {
	border-bottom: 2px solid #DDAA77;
	border-left: 2px solid #FFCC99;
	border-right: 2px solid #DDAA77;
	border-top: 2px solid #FFCC99;
	cursor: pointer
}
.pictures a {
	border: none
}

/* phpBook */
div.maintext {
}

div.maintext table {
}

div.maintext table td {
	font-size: 0.8em;
	padding: 3px
}

div.mainleft {
	background-color: #111111;
	border: 2px solid #333333;
	padding: 2px 5px
}

div.mainmenu {
	color: #FFAA66;
	font: italic 0.9em/1.8em Georgia, "Times New Roman", Times, serif;
	padding: .3em .2em .4em .2em;
	text-align: center;
	width: auto
}

div.mainmenu a {
	border-bottom: 1px solid #FFCC99;
	color: #FFCC99;
	cursor: pointer;
	margin: 0 .5em;
	padding: 0.3em 0.2em 0.1em 0.2em;
	text-align: center;
	width: auto
}

div.mainmenu a:hover, 
div.mainmenu a:focus {
	border-bottom: 1px solid #FFCC99;
	color: #FFAA66
}

div.mainpages {
	float: right
}

div.maincatnav {
	float: left
}

div.mainname {
	color: #FFAA66;
	font-weight: bold
}

div.maininputleft {
	font-style: italic;
	text-align: right
}

div.comment {
	background-color: #111111;
	border: 2px solid #333333;
	margin-left: 5mm;
	padding: 2px 5px
}

div.xsmallleft	{
	font: 0.8em/2em Georgia, "Times New Roman", Times, serif
}

div.smallleft {
	color: #FFAA66;
	font: 0.8em/1.46em Georgia, "Times New Roman", Times, serif
}

div.spaceleft {
}

div.footer {
	background-color: #111111;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	color: #444444;
	font: 0.8em/1.46em Georgia, "Times New Roman", Times, serif;
	text-align: center
}

span.censored {
	text-decoration: line-through
}

td.class1 {
	border: 0px;
	padding: 10px
}

td.class2 {
	border: 0px;
	text-align: justify;
	vertical-align: top
}

td.gbheader {
	border-bottom: 2px solid #333333;
	color: #666666;
	display: none;
	padding: 2px
}

td.gbtable1 {
	font-size: 0.8em;
	vertical-align: top;
	width: 25%
}

td.gbtable2 {
	border: 0px;
	font-size: 0.8em;
	vertical-align: top
}

td.gbtable2 div.smallleft {
	color: #444444;
	font: 1.2em/1.46em Georgia, "Times New Roman", Times, serif;
	margin: 0
}

td.gbtable1 div.smallleft {
	border-bottom: 1px solid #333333
}


/* Webdesign Info */

#webdesign {
	position: absolute; 
	top: 0px; 
	right: 0px; 
	width: 65px; 
	height: 65px;
	margin: 0;
	padding: 0;
}
#webdesign img {
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

div.piclink {
	float: right;
	margin: 10px 20px 20px 20px;
}
div.piclink a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
}
div.piclink a img {
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #222222;
	border-left: 3px solid #444444;
	border-right: 3px solid #222222;
	border-top: 3px solid #444444;
}
div.piclink a:hover img {
	border-bottom: 3px solid #DDAA77;
	border-left: 3px solid #FFCC99;
	border-right: 3px solid #DDAA77;
	border-top: 3px solid #FFCC99;
}

/* Untermenu */

ul.submenu { 
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px
}
ul.submenu li { 
	display: inline;
	margin: 10px;
}

/* Events */

div.events {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #222222;
}
div.events br { 
	clear: both;
}
div.events h3 {
	color: #FFCC88;
	font: italic bold 13px/1.3 Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	text-align: left;
	border-bottom: 2px solid #222222;
	letter-spacing: normal;
}
div.events p {
	margin:0;
	padding:0;
}
div.flyer {
	float: right;
	margin: 0 10px 20px 0;
}
div.flyer a {
	margin: 0;
	padding: 0 5px;
	text-decoration: none;
	border: none;
}
div.flyer a img {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #222222;
	border-left: 2px solid #444444;
	border-right: 2px solid #222222;
	border-top: 2px solid #444444
}
div.flyer a:hover img {
	border-bottom: 2px solid #DDAA77;
	border-left: 2px solid #FFCC99;
	border-right: 2px solid #DDAA77;
	border-top: 2px solid #FFCC99;
}
/* Kalender-Blatt */
div.datesheet {
	width: 70px;
	height: 108px;
	background: url(../images/datesheet-small.png) no-repeat 50% 50%;
	clear: both;
	float: left;
	margin: 0 10px 40px 20px;
	text-align: center;
	color: black;
	font-family: Arial;
}
div.datesheet div.weekday {
	margin: 23px 4px 0 0;
	font: normal 10px/1.3em Arial, Helvetica, sans-serif;
}
div.datesheet div.day {
	margin: 0 4px 0 0;
	font: bold 28px/.9em Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
}
div.datesheet div.month {
	margin: 0 4px 0 0;
	font: bold 12px/1.2em Arial, Helvetica, sans-serif;
}
div.datesheet div.year {
	margin: 0 4px 0 0;
	font: bold 14px/1.2em Arial, Helvetica, sans-serif;
}