h1, h2, h3 { font: bold 1em 'Arial'; color: #800000;}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em;  }

p, h1, h2, h3 {
   margin-bottom: 10px;
}
ul, ol {
   margin: 10px 0 10px 30px;
   padding: 0 15px;
}

ul{ 
   list-style-type: disc; 
}

a  {color: #800000}
a:hover {
   /*          background-color: #ffd14f;*/
   color: #800000;
   /* text-decoration: none; */
}



body {
   margin: 0;
   margin-bottom: 25px;
   padding: 0;
   background-color: #ffd14f;
   font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
   font-size: 13px;
   color: #333;
}


#page {
   background: #FFF url(/images/background.gif) repeat-y;
   width: 1011px;
   margin: 0;
   margin-left: auto;
   margin-right: auto;

}

#top-line{ 
   height: 35px;
   background-color: #ffd14f;
   width: 1011px;
}
#header{
   height: 200px;
   clear: both;
}

#logo-small{
   width: 220px;
   height: 200px;
   float: left;
   padding:0;
   margin:0;    
   border-right: 3px solid #ffd14f;
   background-color: white;
}

#logo{
   float: left;
   background: #FFF url(/images/olmo-ling.png) no-repeat left top;
   height: 200px;
   width: 788px;
}



#topbar{
   float: left;
   text-align: left;
   width: 788px;
   padding-top: 173px;
}

#topbar-items
{
   margin: 0px;
   padding: 0;
   display: inline;

}
#topbar-items li
{
   list-style-type: none;
   display:inline;
   /*border: 1px solid #800000;*/
   padding: 4px 8px;
   margin: 3px 1px 1px 10px;
   text-align: center;
   font-size: 13px;
   /*color: #800000;*/
   /*background-color: #ffd14f;*/
   width: 80px;
   float: left;
   text-transform: uppercase;
}

#topbar-items a, #topbar-items a:hover{ 
   text-decoration: none;
}

/*
   .topbar-gelb, .topbar-gelb a, .topbar-gelb a:hover{ 
   background-color: #ffcd00;
   color: #000099;
   width: 300px;
}
.topbar-blau, .topbar-blau a, .topbar-blau a:hover{ 
   background-color: #000099;
   color: white;
   margin-left: 10px;

}
.topbar-weiss, .topbar-weiss a, .topbar-weiss a:hover{ 
   background-color: white;
   color: #000099;
}
.topbar-rot, .topbar-rot a, .topbar-rot a:hover{ 
   background-color: #a50021;
   color: white;
}
.topbar-gruen, .topbar-gruen a, .topbar-gruen a:hover{ 
   background-color: #339933;
   color: white;
}
*/


.topbar-gelb, .topbar-gelb a, .topbar-gelb a:hover{ 
   background-color: #800000;
   color: white;
}
.topbar-blau, .topbar-blau a, .topbar-blau a:hover{ 
   background-color: #800000;
   color: white;
   margin-left: 10px;

}
.topbar-weiss, .topbar-weiss a, .topbar-weiss a:hover{ 
   background-color: #800000;
   color:  white;
}
.topbar-rot, .topbar-rot a, .topbar-rot a:hover{ 
   background-color: #800000;
   color: white;
}
.topbar-gruen, .topbar-gruen a, .topbar-gruen a:hover{ 
   background-color: #800000;
   color: white;
}


#content{
   clear: both;
   border-top: 3px solid #ffd14f;

}

/* see sidebar.css */


#main{
   float: left;
   width: 730px; 
   padding: 15px 25px;
   margin: 0;
   /*text-align: justify;*/
}

#footer{
   clear: both;
   background-color: #800000;
   text-align: center;
   border-top: 3px solid #ffd14f;
   color: white;
   height: 80px;
}

#footer a{
   color: white;
   text-decoration: none;
}

/* form elements */
fieldset{
   background-color: white;
   border:1px solid #800000;
   padding: 1em;
   margin: 0.5em 0 1.5em 0;
}

legend{
   border:1px solid #800000;
   background-color: white;
   color: #800000;
   font-size: 12pt;
}

label {
   width: 10em;
   float: left;
   text-align: right;
   margin: 0.5em 0.5em 0 0; 
   display: block;
   clear: both;
}

label.no-vertical-indent {
   margin-top: 0em;
   margin-right: 1.5em;
}

input{
   margin: 0.3em 0 0.6em 0;
   width:350px;
}

input.text, textarea{
   width:250px;
   background-color:white;
   /* border:1px solid #C60000; */
   /* color:#C60000; */
}

input.radio{
   margin: 0 1em 0 0;
   width: auto;
}

.large input.text, textarea{
   width:600px;
}

input.small{
   width:150px;
}

select{
   width: 256px;
   margin: 0.3em 0.5em 0.6em 0; 
}

.textarea-3-lines{
   height: 3em;
   width: 528px;
}

.textarea-5-lines{
   height: 5em;
   width: 520px;
}


.textarea-10-lines{
   height: 10em;
   width: 350px;
}

.textarea-20-lines{
   height: 20em;
   width: 528px;
}

input.button, input.submit, input.submit-center {
   margin: 0;
   font: bold 1em Arial, Sans-serif;
   padding: 2px 10px;
   color: #333;
   border: 1px solid #800000;
}

input.submit, input.submit-center{
   background-color: #ffd14f;
   font-weight: normal;
   width: auto;
   margin: 12px 32px 0 0;

}
input.submit-center{ 
   width: 100%;
}
input.submit{
   float: right;
}


p.section-edit{ 
   border-top: 1px dashed #800000;
   text-align: right;
   clear: both;
}

div.section{ 
   margin: 3em 0 
   float: left;
   clear: both; 
   border: 1 px dashed red;
}

img.section-image-left{ 
   padding: 0 1.5em 0 0;
}

img.section-image-right{ 
   padding: 0 0 0 1.5em;

}

div.section-image-center{ 
   text-align: center;
   width: 100%;
   padding: 0 1em 1em 0;
}


div.section-text{ 
   float: left;
   width: 300px;
}

.clear {
   clear: both; 
}

.section strong{
   color: #800000;
}

#membership-data label{
   margin: 0 1em 0 0;
}

#membership-data{
   line-height: 1.8em;
}
span.membership-data{
   font-weight: bold;
}

#sectionslist{ 
   margin: 0;
   padding: 0;
}

li.section{ 
   list-style-type: none;
}



/* pagination */
.pagination {
   padding: 3px;
   margin: 3px;
}
.pagination a {
   padding: 2px 5px 2px 5px;
   margin: 2px;
   border: 1px solid #800000;
   /*   text-decoration: none; */
   color: #800000;
}
.pagination a:hover, .pagination a:active {
   border: 1px solid #800000;
   color: #000;
}
.pagination span.current {
   padding: 2px 5px 2px 5px;
   margin: 2px;
   border: 1px solid #800000;
   font-weight: bold;
   background-color: #800000;
   color: #FFF;
}
.pagination span.disabled {
   padding: 2px 5px 2px 5px;
   margin: 2px;
   border: 1px solid #eee;
   color: #ddd;
   display: none;
}



/* albums */

#album-list { 
   display: inline;
   list-style-type: none;
   font-family:"Futura","Lucida Grande",Verdana,sans-serif;
   font-size: 12pt;
   margin:  0;
   padding: 0;
   text-align: center;
}

#album-list li { 
   display: inline;
   list-style-type: none;
   float:left;
   width:240px;
   margin-bottom: 1.5em;
   /*height: 320px;*/
}

.odd{ 
   margin-right: 0px;
}
.even{ 
   margin-right: 28px;
   clear: both;
}
#album-list{ 
   /*                   color: #800000; */
}

#album-list img{ 
   border: none;
}
#album-list a, #album-list a:visited {
   text-decoration:none;
}
#album-list a:hover {
   text-decoration:none;
   background-color:#800000; 
   color:white;
}

#album-list small{ 
   /*                   color: #800000; */
}



/* lightbox */
#lightbox{
   background-color:#eee;
   padding: 10px;
   border-bottom: 2px solid #666;
   border-right: 2px solid #666;
}
#lightboxDetails{
   font-size: 0.8em;
   padding-top: 0.4em;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/lightbox/overlay.png); }

* html #overlay{
   background-color: #333;
   back\ground-color: transparent;
   background-image: url(blank.gif);
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lightbox/overlay.png", sizingMethod="scale");
}

td.pay-top, td.pay-bottom{
   padding: 0.5em 1em;
   border-left: 1px solid #800000; 
   border-right: 1px solid #800000; 

}
td.pay-top{
   border-top: 1px solid #800000; 
}

td.pay-bottom{
   border-bottom: 1px solid #800000; 
}

.errorExplanation{
   /*border: 1px solid #800000;*/
   padding: 0.5em 1em;
   margin-bottom: 2em;

}
.fieldWithErrors label {
   font-weight
}

.fieldWithErrors input {
   border: 2px inset red;
   /*background-color: #FFDEDC;*/

}
.fieldWithErrors{ 
   display: inline;
}
.form_error_message{
   font-size: 8pt;
   color: red;
}

.left{
   float: left;
}
.right{
   float: right;
}

.clear{
   clear: both;
}

#events{
   width: 735px;
}

#events b{
   color: #800000;
}

#events td{
   padding-bottom: 1em;
}

#event_start_date_1i, #event_start_date_2i,#event_start_date_3i{
   width: auto;
}

.event{
   float: left;
   padding: 0 0 1.5em 0;
   margin: 0;
}
.event strong{
   color: #800000;
}

div.register-now, p.register-now-small{
   font-weight: bold;
   display: block;
}
div.register-now{
   font-size: 1.6em;
   float: right;
}
p.register-now-small{
   font-size: 1.2em;
}

table#participants {
   border-collapse: collapse;
   margin: 10px 0 ;
   border: 1px solid #c0c0c0;
}

#participants td{
   vertical-align: top;
}

#participants th.rechts, #participants td.rechts{
   border-right: 1px solid #c0c0c0;
}

#participants tr.oben{
   border-top: 1px solid #c0c0c0;
}

#participants th {
   border-bottom: 1px solid #c0c0c0;
   font-weight: bold;
}

#participants th, #participants td{
   border-left: 1px solid #c0c0c0;
   padding: 0.2em 0.4em 0.1em 0.4em;
   text-align: left;
   font-size: 10pt;
}

#participants tr.line2{
   background-color:#ffefef;
}
#participants tr.line1:hover, #participants tr.line2:hover{
   background-color: #e0e0ff;
}


#registration-verification td{
   vertical-align: top;
   padding: 0.2em 1em;
}
.memberships th{
   text-align: left;
}
.memberships td{
   vertical-align: top;
}
.memberships tr.odd td{
   background-color: #d0d0d0;
}