@charset "UTF-8";
/* CSS Document */

/*
----------------------------------------------------------------
2-Spalten
----------------------------------------------------------------
*/
.c2l1-left{border-right: none;}

/*
----------------------------------------------------------------
Tabelle - AGENDA
----------------------------------------------------------------
*/

.agenda {font-size: 12px;}
.agenda thead th {font-weight: bold; text-align: left; vertical-align: top; padding-bottom: 10px;}
.agenda td {padding-bottom: 10px;}
.agenda .td-0 {text-align: left; vertical-align: top; width: 155px;}
.agenda .td-1 {text-align: left; vertical-align: top; width: 145px;}
.agenda .td-2 {text-align: left; vertical-align: top; width: 260px;}


/*
----------------------------------------------------------------
Tabelle - KOMMISSION
----------------------------------------------------------------
*/

.kommission {font-size: 12px;}
.kommission .thead {font-weight: bold; text-align: left; vertical-align: top; }
.kommission td {padding-bottom: 10px;}
.kommission .td-0 {text-align: left; vertical-align: top; width: 240px;}
.kommission .td-1 {text-align: left; vertical-align: top; width: 300px;}
.kommission .td-2 {text-align: left; vertical-align: top; }

/*
----------------------------------------------------------------
Tabelle - allgemein
----------------------------------------------------------------
*/

table, thead, tbody {font-size: 12px; vertical-align: top;}


/*
----------------------------------------------------------------
Mailbestätigung
----------------------------------------------------------------
*/
.tx-julleformpreview-pi1 .label {font-size: 10px; padding-bottom: 5px;}
.tx-julleformpreview-pi1 .value {padding-bottom: 10px; font-weight: bold;}
.tx-julleformpreview-pi1 form {padding-top: 20px;}


/*
----------------------------------------------------------------
Mailform
----------------------------------------------------------------
*/

.csc-mailform{border: none; margin-left: -8px; width: 400px;}

.csc-mailform-field{}

label, #mailformformtype_mail{
display: block; 
margin: 10px 0 5px 0; 

}
#mailformPLZ_ORT,#mailformVorname_Name, #mailformEMail, #mailformStrasse_Nr, #mailformZusatz, #mailformIhre_Mitteilung{width: 300px;}
#mailformPLZ{width: 70px; float: left;}
#mailformOrt{width: 220px; clear: both; margin-left: 10px;}

/*
----------------------------------------------------------------
Inhalt
----------------------------------------------------------------
*/

body {
background-color: #ccc;
background-image: url(hgb.jpg);
background-repeat: repeat-x;
background-position: 0px 0px;

}

body, html{
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

#box {
margin-top: 50px;
margin-bottom: 30px;
background-color: #ffffff;
border-width: 3px; 
border-color: #eeeeee; 
border-style: outset;
width: 960px;
}

#boxdev {
margin-top: 50px;
background-color: #ffffff;
border-width: 3px; 
border-color: #eeeeee; 
border-style: outset;
width: 960px;
}

#oben {
width: 910px;
padding: 20px 0px 20px 50px;
text-align: left;
height: 111px;
}

#mitte {
width: 960px;
}

#navigation {
float: left;
margin: 0px;
margin-left: 55px;
padding: 0px;
padding-top: 100px;
width: 235px;
text-align: left; 
}

#hoehe {
float: left;
width: 1px;
height: 400px; 
}

#text {
float: left;
width: 560px; 
text-align: left;
padding: 0px;
padding-top: 40px;
padding-left: 50px;
}


#fuss {
clear: both;
width: 905px;
height: 50px;
text-align: left;
padding-left: 55px;
}

/*
----------------------------------------------------------------
Navigation
----------------------------------------------------------------
*/

#linie {
border-bottom: 1px solid  #330;
}

#hnavi a{
color: #333;
font-size: 14px;
display: block;
height: 20px;
text-decoration: none;
border-bottom: 1px solid  #330;
padding-top: 6px;
padding-left: 25px;
}

#hnavi a:hover {
color: #999999;
background-image: url(bullet.jpg);
background-repeat: no-repeat;
background-position: left;
}

#snavi a:hover {
color: #999999;
/*background-image: url(bullet.jpg);*/
/*ackground-repeat: no-repeat;*/
/*background-position: left;*/
}

#curhnavi a{
color: #999999;
font-size: 14px;
display: block;
height: 20px;
text-decoration: none;
border-bottom: 1px solid  #330;
padding-top: 6px;
padding-left: 25px;
background-image: url(bullet.jpg);
background-repeat: no-repeat;
background-position: left;
}

#snavi a{
color: #333;
font-size: 12px;
display: block;
height: 20px;
text-decoration: none;
border-bottom: 1px solid  #330;
padding-top: 6px;
padding-left: 35px;
}


#cursnavi a{
color: #999999;
font-size: 12px;
display: block;
height: 20px;
text-decoration: none;
border-bottom: 1px solid  #330;
padding-top: 6px;
padding-left: 35px;
/*background-image: url(bullet.jpg);*/
/*ackground-repeat: no-repeat;*/
/*background-position: left;*/
}



/*
----------------------------------------------------------------
Textauszeichnung
----------------------------------------------------------------
*/


h1 {font-size: 24px; color: #330; font-variant: normal; font-weight: normal; margin-top: 0px; padding-top: 0px; padding-bottom: 12px;}
h2 {font-size: 16px; color: #330;}
h3, h4, h6 {font-size: 14px; color: #330;}
h5 {font-size: 16px; color: #330; padding-top: 20px; padding-bottom: 0px; margin: 0px;}

p{
line-height: 1.5;
}

img{
border: none;
}

ul li {
margin-left: -25px;
list-style: square;
}

ol li {
margin-left: -20px;
}

#slink, a:link, a:visited, a:active  {
text-decoration: none;
border-bottom: 1px dotted #333;
color: #000;
}

a:hover {
text-decoration: none;
color: #000;
border-bottom: 1px solid #333;
}


a.foot:link, a.foot:visited, a.foot:active  {
color: #333;
text-decoration: none;
font-size: 10px;
border-bottom: 0px;
}

a.foot:hover {
text-decoration: none;
border-bottom: 1px solid;
}



a.logo:link, a.logo:visited, a.logo:active, a.logo:hover, 
.lightboxSpan a, .lightboxSpan, a .preview,
a.bottomPrintMode:link, a.bottomSaveMode:link, a.bottomNavClose:link, #nextLink, #prevLink {
text-decoration: none;
border-bottom: 0px;
}

.lightboxSpan