/* ################################# */
/* # Allgemeine Grundeinstellungen # */
/* ################################# */

p, ol, ul, div {font-family: Arial, sans-serif; font-size: 1em;}

p, h1, h2              {margin: 0px 0px 5px 0px;}    

p.bodytext {
    font-family: Arial, sans serif;
    font-size: 1em; 
    margin-bottom: 0px;     
    margin-top: 0px;
    line-height: 130%;
}
              
a {
    font-weight: normal;
    font-family: Arial, sans serif;
    font-size: 1em;
    color:#4271a5;
    text-decoration: underline;
}        

a:hover {
    color: #29456b;
  }        

a:visited {
    color: #525252;
  }  
              

h1 {       
    font-size: 1.29em;
    font-family: Arial, sans serif;
    padding-top: 15px;  
    color: #4271a5;
}

h2 {
    font-size: 1.14em;
    font-family: Arial, sans serif;
    color: #4271a5;  
    margin-top: 15px;  
    margin-bottom: 0px;
}

h3 {    
    font-size: 1em;
    font-family: Arial, sans serif;
    color: #4271a5;    
    margin-top: 12px;
    margin-bottom: 0px;
}

h4 {           
    font-size: 1em;
    font-family: Arial, sans serif;
    color: #4271a5;
}


li {
    line-height: 130%;
  }
  
/* ################################## */
/* # Seitengrundstruktur definieren # */
/* ################################## */

body {
    background-image:url(images/back.gif);
    width: 99%;
    color: black; 
    background-color: #9c9c9c;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 5 5 5 5; 
    padding: 0; 
  }

div#seite {
    margin: 0 0 0 0;
    min-width: 790px;
    padding: 0;     
    background-color: #d7d7d7;
    border: 0px;   
    border-right: 2px;
    border-right-style: solid;
    border-right-color: white;
    position: relative;   
    width: 100%;
  }

div#surfdate {
    width: 100%;
    height: 18px;
    margin: 0;
    padding: 0;   
    border: 0px;          
    border-left: 1px;
    border-right: 1px;
    border-color: #525252;
    border-style: solid;
    text-align: right;
    font-size: 0.86em;
    background-color: #525252;
    color: #ffffff;
  }


div#hauptnavigation {
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0px;
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
    border-style: solid;
    border-color: #000000;
    text-align: right;
    background-color: #4271a5;
  }

div#headline {
    width: 100%;
    height: 101px;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    background-image: url(images/head_background.jpg);
    background-repeat: repeat-y;
    background-position: right;
    border: 0px;
    border-left: 1px;
    border-right: 1px;
    border-bottom: 1px;
    border-style: solid;
    border-color: #000000;
  }

div#breadcrumb {
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 1px;
    border-style: solid;
    border-style: solid;
    border-color: #4271a5 #4271a5 #000000 #4271a5;
    text-align: left;
    font-size: 0.86em;
    background-color: #4271a5;
    color: #ffffff;
  }

div#navigation {
    clear: both;
    float: left; 
    width: 190px;
    margin: 0; 
    padding: 0px;
    border: 0px;
    border-right: 1px;
    border-bottom: 1px;  
    border-left: 1px;
    border-style: solid;
    border-color: #000000;
    background-color: #d7d7d7;
  }


div#footer {
    height: 20px;
    margin: 0;
    padding: 0;
    padding-left: 210px;
    margin-right: -2px;
    clear: both;
    border: 0px;  
    background-color: #636363;
  }
                     
                     
                     
*html #spacer {
    border: 0px;
    margin: 0;
    margin-bottom: -3px;
  }
      

/* ################################## */
/* # Hauptnavigation (quer)         # */
/* ################################## */

span.hauptnavigation_item a {
    text-decoration: none;
    font-weight: normal;
    padding-left: 3px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    font-size: 0.86em;
    color:#ffffff;
  }

span.hauptnavigation_item a:hover {
    text-decoration: underline; 
    color: #ffffff;
  }
                   
span.hauptnavigation_item a:visited {
    color: #ffffff;
  }
                   
span.hauptnavigation_item_act a {
    text-decoration: underline;
    padding-left: 3px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    font-weight: normal;
    font-size: 0.86em;
    color:#ffffff;
  }

span.hauptnavigation_item_act a:hover {
     color:#ffffff;
  }    
  
span.hauptnavigation_item_act a:visited {
    color:#ffffff;    
  }    
  

/* ################################## */
/* # Navigation Ebene 1             # */
/* ################################## */

span#Naviheadline {               
    color: #ffffff;
    display: block;
    font-weight: bold;
    padding-left: 12px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    background: #4271a5;
  }
                       
                       
span#Navigation_Ebene1 {
    margin: 0; 
    padding: 0;
  }

span#Navigation_Ebene1 a {
    display: block;
    font-weight: normal;
    padding-left: 12px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    background: #ffffff;
/*    background-image: url(images/pfeilrechts.gif);
    background-repeat: no-repeat;
    background-position: left,top; */
    font-family: Arial, sans serif;
    font-size: 0.86em;
    color:#000000;
    text-decoration: none;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #b0b0ff;
  }

span#Navigation_Ebene1 a:hover {
    color: #000000;
    background: #e7edf5;
/*    background-image: url(images/pfeilrechts.gif);
    background-repeat: no-repeat;
    background-position: left,top; */
  }

span#Navigation_Ebene1_act {
    margin: 0; 
    padding: 0;
    
  }

span#Navigation_Ebene1_act a {
    display: block;
    font-weight: normal;
    padding-left: 12px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    background: #29456b;
/*    background-image: url(images/pfeilunten.gif);
    background-repeat: no-repeat;
    background-position: left,top; */
    font-family: Arial, sans serif;
    font-size: 0.86em;
    color:#ffffff;
    text-decoration: none;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #b0b0ff;
  }

span#Navigation_Ebene1_act a:hover {
    color: #ffffff;
    background: #29456b;
/*    background-image: url(images/pfeilunten.gif);
    background-repeat: no-repeat;
    background-position: left,top; */
  }

/* ################################## */
/* # Navigation Ebene 2             # */
/* ################################## */

span#Navigation_Ebene2 {
    margin: 0; 
    padding: 0px;
  }

span#Navigation_Ebene2 a {
    display: block;
    font-weight: normal;
    padding-left: 20px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    background: #e0e0ff;
    font-family: Arial, sans serif;
    font-size: 0.64em;
    font-weight:bold;
    color:#000000;
    text-decoration: none;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #b0b0ff;
  }

span#Navigation_Ebene2 a:hover {
    color: #880000;
  }


/* ################################## */
/* # Navigation Ebene 3+            # */
/* ################################## */

ul.csc-menu {
    list-style-type: none;
  }
  
ul.csc-menu a {    
    width: 190px;
    display: block;
    font-weight: bold;
    padding-left: 12px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    background: #ffffff; 
    font-family: Arial, sans serif;
    font-size: 0.86em;
    font-weight: normal;
    color:#000000;
    text-decoration: none;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #b0b0ff;
  }

ul.csc-menu a:hover {
    color: #000000;
    background: #e7edf5;
  }


/* ################################## */
/* # Navigation Breadcrumb          # */
/* ################################## */


div#breadcrumb a {
  font-family: Arial, sans serif;
  font-size: 1em;
  text-decoration:none;
  color:#ffffff;
}

div#breadcrumb a:link, div#Breadcrumb a:visited {
  color: #ffffff;
  text-decoration: none;
}

div#breadcrumb a:hover {
  color: #ffffff;
}


/* ################################## */
/* # Navigation Fusszeile           # */
/* ################################## */

div#footer_item a {
    text-decoration: none;
    padding-left: 3px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    font-family: Arial, sans serif;
    font-size: 0.86em;
    color:#ffffff;  
    float: left;
  }

div#footer_item a:hover {
    text-decoration: none;
  }

div#footer_item_act a {
    text-decoration: none;
    padding-left: 3px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    font-family: Arial, sans serif;
    font-size: 0.86em;
    color:#ffffff;
  }

div.footer_item_act a:hover {
    text-decoration: none;
  }             
                    
                    
div#footer_functions {
    padding-left: 3px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    font-family: Arial, sans serif;
    font-size: 0.86em;
    color:#ffffff;  
    text-align: right;
  }

div#footer_functions a {
    text-decoration: none;     
    font-family: Arial, sans serif;
    font-size: 1em;
    color:#ffffff;  
  }
  

/* ####################################### */
/* # Formate für den Inhaltsbereich      # */
/* ####################################### */

div#Inhalt {    
    margin: 0 0 0 190px;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    min-height: 450px;
    background-color: #ffffff;
    vertical-align: top; 
    border: 1px;
    border-color: transparent;
    border-style: solid;
  }

div#linkeSpalte {  
   width: 45%;  
   float: left;
   border: 1px;
   border-color: transparent;
   border-style: solid;  
   padding-bottom: 0px;  
}

div#linkeSpalte a {
  font-weight: normal;    
 }


div#rechteSpalte {  
  border: 1px;
  border-color: transparent;
  border-style: solid;
  background-color: white;  
  }

div#rechteSpalte a {
  font-weight: normal;    
  }
  

td.csc-uploads-fileName {
}

td.csc-uploads-fileName a {
    font-weight: bold;
    padding-left: 3px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    font-family: Arial, sans serif;
    font-size: 0.71em;
    font-weight:bold;
    color:#000000;
  }

td.csc-uploads-fileName a:link {
    color: #000000;
    text-decoration: none;
  }

td.csc-uploads-fileName a:visited {
    color: #000000;
    text-decoration: none;
  }

td.csc-uploads-fileName a:hover {
    color: #880000;
  }

td.csc-uploads-fileName a:active {
    color: #880000;
  }

h5 {                     
    background-color: #e7edf5;
    border-right: 30px;
    border-right-color: #ffffff;
    border-right-style: solid; 
    color: #4271a5;
    font-size: 1.15em;     
    font-weight: normal;
    padding-left: 5px;
    padding-top: 3px;
  }
    
.csc-textpic-caption {
    font-size: 0.71em;
  }
       
       
.csc-bulletlist {
     padding-left: 16px;
  }                    
                
hr {
    color: #b0b0ff;
    background-color: #b0b0ff;
    height: 1px;
    border: 0px;
  }            


span.contentlink {
    font-weight: normal;
    font-family: Arial, sans serif;
    font-size: 0.71em;
    color:#4271a5;
    text-decoration: underline;
    }

span.contentlink a {
    font-weight: normal;
    font-family: Arial, sans serif;
    font-size: 1em;
    color:#4271a5;
    text-decoration: underline;
  }

      
/* ####################################### */
/* # Formate für normale Inhaltstabellen # */
/* ####################################### */
    
.contenttable {  
    width: 600px;
    }

.tr-even {
    font-family:Arial,sans-serif;
    font-size: 0.86em;
    font-style:normal;
    color:#000000;
    padding:2pt;
    padding-left:2pt;
    padding-right:2pt;
    padding-top:2pt;
    padding-bottom:2pt;
    border-color:#000000;
    background-color:#e7edf5;    
    }

.tr-0 {
    background-color:#d7d7d7; 
    font-weight: bold;
    }    
    
.tr-odd {
    font-family:Arial,sans-serif;
    font-size: 0.86em;
    font-style:normal;
    color:#000000;
    padding:2pt;
    padding-left:2pt;
    padding-right:2pt;
    padding-top:2pt;
    padding-bottom:2pt;
    border-color:#000000;
    background-color:#e7edf5;    
    }

.contenttable-1 .td-0 {  
    width: 100px;
  }
  
.contenttable-1 .td-1 {  
    width: 100px;    
    text-align: right;
  }                   
  
.contenttable-1 .td-2 {  
    text-align: right;
  }                   

.contenttable-1 .td-3 {  
    text-align: right;
  }                   

.contenttable-1 .td-4 {  
    text-align: right;
  }                   


.contenttable-2 .td-0 {  
    width: 100px;
  }
  
.contenttable-2 .td-1 {  
    width: 100px;    
  }                   
  
.contenttable-2 .td-2 {  
  }                   

.contenttable-2 .td-3 {  
  }                   

.contenttable-2 .td-4 {  
  }                   


.contenttable-3 .td-0 {  
    width: 100px;
  }
  
.contenttable-3 .td-1 {   
    width: 100px;    
    text-align: centerM
  }                   
  
.contenttable-3 .td-2 {  
    text-align: centerM
  }                   

.contenttable-3 .td-3 {  
    text-align: centerM
  }                   

.contenttable-3 .td-4 {  
    text-align: centerM
  }                   

/* ####################################### */
/* # Formate für SK Kalendermodul        # */
/* ####################################### */

.calendar_sword {
    font-size: 0.86em;
    font-weight: normal;
    }
    
.calendar_filters {
    font-size: 0.86em;
    font-weight: normal;
    }
        
span.detaillink {
    }
    
span.detaillink a {
    font-weight: bold;
    padding-left: 3px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    font-family: Arial, sans serif;
    font-size: 0.86em;
    font-weight:bold;
    color:#000000; 
    text-decoration: underline;
  }

span.detaillink a:link {
    color: #000000;
    text-decoration: underline;
  }

span.detaillink a:visited {
    color: #000000;
    text-decoration: underline;
  }

span.detaillink a:hover {
    color: #880000;
  }

span.detaillink a:active {
    color: #880000;
  }

/* Monatsansicht */

.month_ {
    font-size: 0.86em;
    color: #ff0000;
    border-color: #000000;
    }
    
.month_past_weekday {
    font-family: Arial, sans serif;
    font-size: 0.86em;
    color: #ff0000;
    background-color: #4271a5;
    border-color: #000000;
    }
    
.month_weekday {
    font-size: 0.86em;
    color: #000000;
    background-color: #e7edf5;
    border-color: #000000;
    }    

.month_holiday {
    font-size: 0.86em;
    color: #000000;
    background-color: #ffffff;
    border-color: #000000;
    }
    

.week_ {
    font-size: 0.71em;
    color: #000000;
    background-color: #d2d1de;
    padding:2px;
    padding-left:2px;
    padding-right:2px;
    padding-top:2px;
    padding-bottom:2px;
    }   
    
.list_data {
    font-size: 0.71em;
    color: #000000;
    background-color: #d2d1de;
    padding:2px;
    padding-left:2px;
    padding-right:2px;
    padding-top:2px;
    padding-bottom:2px;
    }   
    
.detail {
    font-size: 0.86em;
    font-weight: normal;
    color: #000000;
    background-color: #e7edf5;
    padding:2px;
    padding-left:2px;
    padding-right:2px;
    padding-top:2px;
    padding-bottom:2px;
    }     




/* ####################################### */
/* # Formate für Sitemap                 # */
/* ####################################### */


div.csc-sitemap a {
    font-weight: bold;
    padding-left: 3px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    font-family: Arial, sans serif;
    font-size: 0.71em;
    font-weight:bold;
    color:#000000;     
    text-decoration: none;
  }                     
  


div.csc-sitemap li {
    list-style-type: none;
  }

div#mapbox1 {
    background-color: #ffffff;  
    border-left: 15px;
    border-style: solid;
    border-color: #ffffff;  
    font-size: 1.2em;
  }

div#mapbox2 {
    background-color: #ffffff;  
    padding-left: 15px;
    font-size: 1em;
  }

div#mapbox3 {
    background-color: #ffffff;  
    padding-left: 15px;
    font-size: 0.86em;
  }

div#mapbox4 {
    background-color: #ffffff;  
    padding-left: 15px;
    font-size: 0.86em;
  }

div#mapbox5 {
    background-color: #ffffff;  
    padding-left: 15px;
    font-size: 0.86em;
  }

div#mapbox6 {
    background-color: #ffffff;  
    padding-left: 15px;
    font-size: 0.86em;
  }

li#ebene1 a {
    list-style-type: none; 
    font-size: 1.14em
  }
  
li#ebene2 a {
    list-style-type: none;
    font-size: 1em;
    padding-left: 10px;
  }

li#ebene3 a {
    list-style-type: none;
    font-size: 0.86em;
    padding-left: 20px;
  }

li#ebene4 a {
    list-style-type: none;
    font-size: 0.79em;
    padding-left: 30px;
  }

li#ebene5 a {
    list-style-type: none;
    font-size: 0.71em;
    padding-left: 40px;
  }

li#ebene6 a {
    list-style-type: non   
    }
    
    
    
label {     
  clear: left;
	float:left;
	display:block;
	width:100px;
	margin-bottom:10px;
	padding-left:10px;
}