body 
{
font-family:Verdana;
font-size:0.8em;
background:url(../upload/img/erdbeere_background.png) no-repeat 25% 130px fixed #fff;;
color: #333;
margin:0;
width:100%;
}

h1 {font-size:1.2em;color:#444;margin-bottom:5px;margin-top:0;border-bottom:1px solid green;}

h2 {
font-size:1.1em; color:#444; margin-bottom:8px;}


h3 {font-size:1em; color:#444; margin-bottom:4px; margin-top:20px;}

p {margin-top:0px;}


#title {
background: url(upload/img/oekoma-logo.png) no-repeat 0% 0% #fff;
height:115px;
padding:0;
border-bottom:1px solid #AAD5BA;
margin-bottom:20px;
}

#topright
{
	float:right;
        width:30%;
	margin-right:05px;
	margin-top:100px;
}

#topright ul
{
	margin:0;
	padding:0;
}

#topright ul li
{
	list-style-type: none;
	padding:0 0 0 25px;
        float:left;
}

#topright a
{
	color:#444;
	background-color: transparent;
	text-decoration:none;
	font-weight:bold;
}

#topright a:hover
{ color:#c00; background-color:transparent;}

#topright a.aktiv
{color:#c00; background-color:transparent; text-decoration:underline;}

.left {
width:15%;
float:left;
margin-left:13px;
}


.left ul
{
	margin:0;
	padding:0;
}

.left ul li
{
	list-style-type:none;
	padding: 2px 0 15px 0;
}

.left a
{ 
text-decoration:none;
font-weight:bold;
color:#396;
font-size:12px;
padding:1px;
border-left:#fff 1px solid;
border-bottom:#c00 1px dashed; 
}


.left a:hover, a:focus
{ 
text-decoration:none;
color:#c00;
border:1px solid #c00;
}

.left a.aktiv
{
	text-decoration: none;
	color:#c00;
	border:1px solid #c00;
}


.right {
float:left;
margin-left:20px;
width:15%;
}

#menuezeile
{
	padding-bottom:30px;width:100%; float:right;
}

#menuezeile ul
{
	margin:0;
	padding:0;
}

#menuezeile ul li
{
	list-style-type:none;
	float:left;
	border:0;
	padding-right:20px;
	padding-bottom:1px;
}

#menuezeile a
{
	font-weight:normal;
	color:#c00;
	background-color:transparent;
	text-decoration: none;
	border-bottom: 1px dashed #c00;
}

#menuezeile a:hover, a:focus
{
	border-bottom:solid 1px #333;
	color:#333;
	background-color: transparent;
}

#menuezeile a.aktiv
{
color:#333;
background-color:transparent;
border-bottom:solid 1px #333;

}

.content {
float:left;
width:50%;
margin-left:3%;
}

.content a, .right a 
{
font-weight:bold;
color:#c00;
text-decoration:none;
border-bottom:1px dashed #c00;
}

.content a:hover, .right a:hover
{
border-bottom:1px solid #c00;
}

#sponsor
{
	font-size: 85%;
	color:#777;
	margin-bottom:20px;
	margin-top:50px;
	}
	
#sponsor a
{
	color:#777;
	font-size: 100%;
	font-weight: normal;
	text-decoration:none;
	border:0;
	
}

/* Stile der Terminübersicht */

.line {background-color:transparent;}

#termine a
{
color:#ff9200;
background-color:transparent;
text-decoration:none;
font-weight:bold;
border-bottom:1px dashed #ff9200;
}

#termine a:hover, a:active
{
border-bottom:1px solid #ff9200;
}

#link a
{
color:#ff9200;
background-color:transparent;
text-decoration:none;
border-bottom:1px dashed #ff9200;
font-weight:bold;
}

#link a:hover, a:active
{
border-bottom:1px solid #ff9200;
}


.headline
{
border-bottom:1px solid #AAD5BA;
border-top:1px solid #AAD5BA;
background-color:#eee;
padding:0 0 0 3px;
}

/* Stile Kontaktformular */


.beschriftung
{
width:250px;
line-height:24px;
font-weight:bold;
}

.input
{
line-height:24px;
}

.ergebnis
{
line-height:24px;
font-weight:normal;
}

.mailerlink a
{
color:#396;
background-color:transparent;
text-decoration:none;
border-bottom:1px dashed #c00;
font-weight:bold;
}

.mailerlink a:hover, a:active
{
color:#c00;
background-color:transparent;
text-decoration:none;
border-bottom:1px solid #c00;
}

form {
	border: 0;
	width: 100%;
	background: transparent;
}

input, textarea, select, option {
	font-family: helvetica, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	border-style: solid;
	border-width: 1px;
	border-top-color: #AAD5BA;
	border-left-color: #AAD5BA;
	border-bottom-color: #aaa;
	border-right-color: #aaa;
	padding-right: 5px;
        /* background-color:#eee;
        background-color: transparent;*/
	/*background-color: #DBDCFB;*/
        margin-bottom:10px;
        width: 300px;
        letter-spacing: 2px;
}

input#submit, input#reset {
        width:149px;
        letter-spacing: 0;
        padding:2px;
}

input#submit:hover, input#reset:hover {
        background-color: #ff0000;
        color: #ffffff;
}

.beschriftung {
	padding-right: 10px;
        width:100px;
        float:left;
}

.button {
	color: #555555;
	border-left: 1px solid #AAD5BA;
	border-right: 1px solid #aaa;
	border-top: 1px solid #AAD5BA;
	border-bottom: 1px solid #aaa;
}

.buttons
{margin-left:110px;}
 
/* ****** Stile für den JAX-Kalender ******** */

/* Auswahl Monat/Tag ausblenden */
.cal_view_select
{display:none;}

.calendar
{
   width : 100%;
   height : 100%;
}

.calendar .headline {
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   background-color: #006699;
   border-bottom : 1px solid Black;
   border-left : 1px solid Black;
   border-right: 1px solid Black;
   border-top : 1px solid Black;
/*   background : url(ice.jpg);*/
}

.calendar .headline A:link {
   color: #FFFFFF;
   text-decoration: none;
}

.calendar .headline A:visited {
   color: #FFFFFF;
   text-decoration: none;
}

.calendar .headline A:hover {
   color: #000066;
   text-decoration: none;
}

.calendar .overview {
   background-color: White;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   text-align : center;
   border-left : 1px solid Black;
   border-right: 1px solid Black;
   border-bottom : 1px solid Black;
   height: 20px;
   width: 100%;
}

.calendar .overview A:link {
   text-decoration: none;
}

.calendar .overview A:visited {
   text-decoration: none;
}

.calendar .overview A:hover{
   background-color: #000066;
   color: #FFFFFF;
   text-decoration: none;
}

.calendar .overview .last_month {
   color: #CCCCCC;
}

.calendar .overview .next_month {
   color: #CCCCCC;
}

.calendar .overview #today {
   color: #FFFFFF;
   background-color: #FF9933;
   border-left : 1px solid Black;
   border-right: 1px solid Black;
   border-bottom : 1px solid Black;
   border-top : 1px solid Black;
   
}

.calendar .overview #selected {
   color: #FFFFFF;
   
   margin-top: auto;
   margin-bottom: auto;
}

.calendar .overview .dayname {
   background-color: #DDE7FF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   margin-top: auto   ;
   margin-bottom: auto;
}

.calendar .overview .reserved {
   font-weight: bold;
   font-size: 11px;
   text-decoration: underline;
}

.calendar .today_select  {
   background-color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align : center;
color: #000099;
   text-decoration: none;
      border-left : 1px solid Black;
   border-right: 1px solid Black;
   border-bottom : 1px solid Black;
   
}

.calendar .today_select A {
   font-size: 11px;
   color: #000099;
   background-color: #FFFFFF;
   text-align : center;
   
   vertical-align: middle;
   text-decoration: none;
   
}

/* ****** Appearance of the Eventlist ******** */

.event_list_title {
   color: #006699;
   background-color: #FFFFFF;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.event_list {
   width : 380px;
   height: auto;
   background-color: #FEFADE;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 100%;
   border-bottom : 1px solid #000066;
   border-left : 1px solid #000066;
   border-right: 1px solid #000066;
   border-top : 1px solid #000066;   
}

.event_list .headings {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #FFFFFF;
   font-size: 100%;
   background-color: #006699;
/*   background : url(ice.jpg);*/
}

.event_list .col_status {
   width: 30px;
}

.event_list .col_date {
   width: 100px;
}

.event_list .col_event {
   width: auto;
}

.event_list .status {
   font-size: 80%;
   color: Red;
   font-weight: bold;   
   vertical-align : top;
}

.event_list .date {
    font-size: 75%;
   color: #888888;
   font-family: Arial, Helvetica, sans-serif;
}

.event_list .event {
   font-size: 80%;
   font-family: Arial, Helvetica, sans-serif;
   vertical-align : top;
}

.event_list A  {
  text-decoration: none;
}

.event_list A:hover  {
  text-decoration: underline;
}

.event_list .error_message {
   font-size: 100%;
   font-family: Arial, Helvetica, sans-serif;
   margin-left : auto;
   margin-right : auto;
   padding-left : 10px;
   padding-right : 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   background-color: #EAF0FF;
   }

/* ******** Appearance for Event-Infos *********** */

.event_info {
   width : 380px;
   height: auto;
   background-color: #F9F9F9;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 100%;
    border : 1px solid;
      }

.event_info .headings {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #FFFFFF;
   font-size: 13px;
   background-color: #006699;
    padding: 5px 5px 5px 5px;
/*   background : url(ice.jpg);*/
}

.event_info .title {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border-bottom : 1px solid #000000;
}

.event_info .date {
   background-color: #EAF0FF;
   color: #006699;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 80%;
   width: 100px;
   border-bottom : 1px solid #000000;
}

.event_info .descripxion {
   font-family: Arial, Helvetica, sans-serif;
   padding: 10px 10px 10px 10px;
   font-size: 80%;
}

.line_color0 {
   background-color: #EAEAEA;
   padding-top:3px;
   padding-bottom:3px;
   
}

.line_color1 {
   background-color: White;
   padding-top:3px;
   padding-bottom:3px;
   border-top : 1px solid #000066;
}

.author_info {
   font-size: xx-small;
   color: #CCCCCC;
}

.next_event_select  {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 80%;
   background-color: #FFFFFF;
   text-align : left;
}

.next_event_select A {
   font-size: 100%;
   color: #82C4F4;
   background-color: #FFFFFF;
   text-align : center;
   text-decoration: underline;
}