@charset "UTF-8";

/* CSS Document */
/*************************************************************************************/
/****                              ****   CCCCCCCCCCC     SSSSSSSSSS     SSSSSSSSSS  */
/****  Webdesign, xHTMl code, css, ****  CCCCCCCCCCCC   SSSSSSSSSSSS   SSSSSSSSSSSS  */
/****  php, MYSQL database and ma- ****  CCCCC          SSSSS          SSSSS         */
/****  nagement by Franz Wilding   ****  CCCCC          SSSSSSSSSS     SSSSSSSSSS    */
/****       CMS: r e d a x o       ****  CCCCC            SSSSSSSSSS     SSSSSSSSSS  */
/****                              ****  CCCCC                 SSSSS          SSSSS  */
/****     www.franz-wilding.eu     ****  CCCCCCCCCCCC   SSSSSSSSSSSS   SSSSSSSSSSSS  */
/****                              ****   CCCCCCCCCCC   SSSSSSSSSS     SSSSSSSSSS    */
/*************************************************************************************/

/* Standardangaben *************************************************************/

body{
	margin:0;
	padding:0;
	text-align:center;
	background: #00A4F1;
	}


a {
	text-decoration:none;
	}
	
a img {
	border:none;
	}

.c {
	margin:0;
	padding:0;
	height:0;
	clear:both;
	}

.v {
	visibility:hidden;
	display:none;
	}

.h {
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	}
	
p.n {
	margin:0;
	}

em {
	visibility: hidden;
	}

/* ************ Standard Werte, die mit dem TinyMCE - Editor ausgewählt werden können ************ */

/*Rohdaten*/
pre {
	}

/*Adresse*/
adress {
	}

/*Ungeordnete Liste*/
ul {
	}

ul li {
	}

/*geordnete Liste*/
ol {
	}

ol li {
	}

/*tiefgestellt*/
sub {
	}

/*hochgestellt*/
sup {
	}

	
/* Ueberschriften *********************************************** Ueberschriften */
h1 {
	margin:0;
	padding:0;
	position: absolute;
	left:241px;
	top:72px;
	}

h1 a {
	width: 567px;
	height: 98px;
	display: block;
	background: url(img/slogen.gif) no-repeat;
	}
		
h2 {
	margin:0;
	padding:0;
	}
	
h3 {
	color:#00A4F1;
	margin:15px 0 20px 0;
	font-weight: normal;
	font-size: 1.5em;
	}

h3.center {
	text-align: center;
	}

h4 {
	margin:0;
	padding:0;
	}

h5 {
	margin:0;
	padding:0;
	}

h6 {
	margin:0;
	padding:0;
	}
	
#ol {position: fixed; left:0; top:0; background: url(img/grunge_ol.gif) no-repeat; width: 421px; height: 356px; }
#or {position: fixed; right:0; top:0; background: url(img/grunge_or.gif) no-repeat; width: 483px; height: 397px; }
#ul {position: fixed; left:0; bottom:0; background: url(img/grunge_ul.gif) no-repeat; width: 162px; height: 299px; }
#ur {position: fixed; right:0; bottom:0; background: url(img/grunge_ur.gif) no-repeat; width: 299px; height: 714px; }	

#website {
	position: absolute;
	width: 100%;
	}
	
#logo {
	margin:0;
	padding:0;
	position: absolute;
	top:22px;
	left:20px;
	}

#logo a {
	background: url(img/iris.png) no-repeat;
	display: block;
	width: 236px;
	height: 295px;
	}

#header {
	float: left;
	width: 100%;
	}

#meta {
	margin:229px 0 0 0;
	background: white;
	height: 71px;
	}

#meta ul {
	float: left;
	list-style: none;
	margin:3px 3px 3px 270px;
	padding:0;
	width: 50%;
	}	

#meta ul li {
	float: left;
	}
	
#meta ul li a {
	background: black;
	color: white;
	display: block;
	padding:3px 6px;
	margin:3px;
	}

#meta ul li.active a, #meta ul li a:hover {
	background: #00A4F1;
	color: white;
	}

#meta #rss {
	float: right;
	margin:11px;
	padding:0;
	}

#meta #rss a {
	display: block;
	height: 48px;
	width: 48px;
	background: url(img/rss.gif) no-repeat;
	}
	
#content {
	float: left;
	width: 100%;
	}

#text {
	width: 62%;
	background: white;
	float: left;
	margin:3% 0 0 3%;
	padding:2%;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.6em;
	}

#text h2 {
	color: #00A4F1;
	font-size: 3em;
	font-weight: normal;
	text-align: left;
	border-bottom:1px dotted #00A4F1;
	line-height: 1.1em;
	}

#right {
	margin-top:10px;
	width: 23%;
	float: left;
	padding-bottom: 30px;
	}

#right h3 {
	margin:50px 0 7px 6%;
	float: left;
	width: 94%;
	}

#right h3#h_events {
	width: 198px;
	height: 32px;
	background: url(img/event.gif) no-repeat;
	}
	
#right h3#h_newsletter {
	width: 146px;
	height: 28px;
	background: url(img/newsletter.gif) no-repeat;
	}	
	
#events {
	list-style: none;
	margin:5px 0 0 0;
	padding:0;
	float: left;
	}

#events li {
	margin:2px 0 2px 20%;
	background: white;
	width: 230px;
	float: left;
	}

#events li p.date {
	background: black;
	float: left;
	margin:0;
	width: 47px;
	padding:2px 5px;
	display: block;
	color: white;
	}

#events li h4 {
	color: #00A4F1;
	float: left;
	width: 160px;
	font-weight: bold;
	font-size: 0.8em;
	text-align: left;
	padding:4px;
	}

#events li h4 a {
	color: #00A4F1;
	}

#events li p.text {
	text-align: left;
	float: left;
	padding:8px 4px 4px 4px;
	margin:0;
	}

#events li p.text a {
	color: #666666;
	font-size: 0.8em;
	}
	
#newsletterform {
	float: left;
	width: 230px;
	}

#newsletterform {
	margin: 0;
	width: 230px;
	margin: 7px 0 0 20%;
	padding: 0;
	}
	
#newsletterform fieldset {
	border:0;
	margin:0;
	padding:0;
	}	

#newsletterform legend {
	display: none;
	}
	
#newsletterform input {
	background: black;
	color: #00A4F1;
	padding:4px;
	font-size: 0.7em;
	border:0;
	text-align: right;
	float: left;
	}

#newsletterform input.submit {
	background: white;
	padding:2px;
	color: black;
	border:1px solid black;
	}

#newsletterform input.submit:hover {
	background: #00A4F1;
	color: white;
	border:1px solid white;
	}













.eventform {
	margin:20px 10% 0 10%;
	font-size: small;
	width:80%;
	border:none;
	background:#00A4F1;
	border: 1px solid #00A4F1;
	color:white;
	padding:0;
	}

.eventform fieldset {
	border:none;
	padding:0;
	padding:6px;
	}

.eventform label {
	margin-right:5px;
	margin-left:10px;
	}
	
	
.eventlist {
	margin:0 10% 10px 10%;
	width:80%;
	padding:0;
	border-spacing:1px;
	}

.eventlist tr th {
	background:#00A4F1  url(img/ecke.gif) no-repeat;
	color:white;
	height:20px;
	padding:0 7px 0 30px;
	font-weight: normal;
	text-align: center;
	
	}

.eventlist tr td {
	border:1px solid #666666;
	color:#666666;
	text-align: center;
	padding:0;
	background:white;
	font-size: 0.9em;
	}

.eventlist tr td a {
	color: #00A4F1;
	padding:3px 7px;
	display: block;
	}

.eventlist tr td a:hover {
	background: #00A4F1;
	color: white;
	}

.eventlist tr td.elvenue {
	width:160px;
	}

.eventlist tr td.eltitle a {
	font-weight: bold;
	}

.eventlist tr td.event a {
	color:white;
	display:block;
	padding-top:10px;
	width:30px;
	height:22px;
	}

div.event {
	border: 1px dotted #00A4F1;
	border-top: none;
	color:#666666;
	font-size: small;
	margin:0 10%;
	width:78%;
	padding:1%;
	position: relative;
	}

div.event p.eltitel {
	float:left;
	color:black;
	margin-right:7px;
	width:120px;
	}

div.event ul.desc {
	margin:3px 30px 10px 30px;
	padding:0;
	list-style: none;
	}

div.event p a {
	position: absolute;
	bottom: -1px;
	right: -1px;
	display: block;
	background: #00A4F1;
	color: white;
	font-family: Helvetica, Verdana, Arial;
	padding:2px 4px;
	}

div.event ul.desc li {
	margin:5px 0;
	padding:0;
	}

div.event ul.desc li span.eltitel {
	background:#00A4F1;
	color:white;
	font-family: Helvetica, Verdana, Arial;
	padding:2px 4px;
	}

div.event ul.desc li span.eldesc {
	padding:1px 0 1px 5px;
	}	
	
div.event h4 {
	color:#666666;
	text-align:left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
	padding:0;
	margin:20px 0 0 8px;
	}

div.event p.event_desc {
	margin:0 0 5px 20px;
	}

p.noevents {
	color:#00A4F1;
	border:1px solid #00A4F1;
	width: 38%;
	margin:0 30%;
	padding:1%;
	font-size: small;
	text-align: center;
	font-weight: bold;
	}

p.month_nav {
	width: 80%;
	margin:0 10% 30px 10%;
	position: relative;
	float: left;
	}

p.month_nav a {
	position: absolute;
	display: block;
	background: #00A4F1;
	color: white;
	font-family: Helvetica, Verdana, Arial;
	padding:2px 4px;
	}

p.month_nav a.zurueck {
	left:0;
	top:0;
	}

p.month_nav a.vor {
	right:0;
	top:0;
	}



/****** KONTAKT FORMULAR AAAAAAAHHHHH ********/
form#rexform {
	background:white url(img/streifen.gif);
	padding:20px 10px 10px 10px;
	margin:10px 60px;
	text-align: left;
	/*width:520px;*/
	float: left;
	}

form#rexform legend {
	display: none;
	}

form#rexform fieldset {
	margin:0;
	padding:0;
	border:0;
	}
	
form#rexform ul {
	margin:0;
	padding:0;
	list-style: none;
	float:left;
	}

form#rexform ul li {
	margin:2px 0;
	padding:0;
	float:left;
	width:100%;
	}

form#rexform label {
	background:#00A4F1;
	padding:2px 5px 2px 2px;
	float:left;
	color: white;
	margin-right:5px;
	width:150px;
	font-size: small;
	text-align: right;
	}


form#rexform label.formerror {
	background: red;
	}

form#rexform input {
	border:1px solid #666666;
	height:18px;
	padding:3px 2px 2px 2px;
	width:220px;
	font-size: 0.9em;
	color:#666666;
	float:left;
	}

form#rexform textarea {
	border:1px solid #666666;
	float:left;
	color:#666666;
	font-size: 0.9em;
	font-family: Arial;
	height:130px;
	}


form#rexform input.formsubmit {
	width:100px;
	height:20px;
	font-size: 0.9em;
	color:white;
	float:left;
	margin:0 0 0 162px;
	border:none;
	background:#00A4F1 url(img/ecke.gif) no-repeat;
	}

div#form-module-thanks, div.forminfo {
	background:white url(img/streifen.gif);
	margin:0;
	padding:7px 14px;
	text-align: left;
	float:left;
	color:#333333;
	border:10px solid #333333;
	border-top:none;
	font-size: medium;
	position: absolute;
	top:0px;
	left:400px;
	width:500px;
	z-index:5px;
	}








ul#teaser {
	list-style: none;
	margin:15px 0 50px 0;
	padding:0;
	float:left;
	width:80%;
	margin:0 10%;
	}

ul#teaser li {
	margin:5px 0;
	padding:0;
	width: 100%;
	float:left;
	color:#666666;
	font-size: small;
	border:1px dotted #666666;
	position: relative;
	}

ul#teaser li .inner {
	float: left;
	margin:0;
	height: auto;
	padding:0;
	width: auto
	}

ul#teaser li img.thumb {
	display:none;
	}

div.text img.thumb {
	margin:8px 7px 4px 43px;
	width:130px;
	height:100px;
	border:2px solid #666666;
	float:left;
	}


ul#teaser li p {
	padding:0 14px;
	}

ul#teaser li a.readall {
	margin:0;
	text-align: right;
	float:left;
	position: absolute;
	right:-1px;
	bottom:-1px;
	color:white;
	font-family: Verdana, Helvetica, Arial;
	background:	#00A4F1;
	padding:1px 8px;
	border:1px solid #00A4F1;
	}

ul#teaser li a.readall:hover {
	background: white;
	color: #00A4F1;
	}

ul#teaser li div.text {
	margin:40px 0;
	padding:0;
	float: none;
	background:none;
	}

ul#teaser li div.text p {
	text-align: justify;
	padding:0 14px;
	margin:3px 0 6px 0;
	}

ul#teaser h4 {
	position: absolute;
	margin:0;
	left:-1px;
	top:-1px;
	right:-1px;
	background: #00A4F1;
	color: white;
	padding:6px 10px;
	font-size: 1.8em;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial;
	}