/*-------------------------------------------------------

 styles.css

 - Schriftgroessen, -farben, Formatierungen


 sonstiger HTML-Elemente ausser

 - Formatierungen von DIVs, die fuer das

 Layout/Raster verwendet werden, befinden

 sich in der Datei layout.css

 -------------------------------------------------------*/

/*-------------------------------------------------------

 mit der csshover.htc bekommen wir den IE dazu, :hover

 nicht nur auf a-Elemente anzuwenden

 -------------------------------------------------------*/

body {
    behavior: url(/_js/csshover.htc);
}

/*-------------------------------------------------------

 

 

 

 Allgemeines und Grundsaetzliches

 

 

 

 -------------------------------------------------------*/

html, body {

    width: 100%;

    height: 100%;

    margin: 0px;

    padding: 0px;

}



body {

    background: #F8F9F8 url(../img/bg/bg01.png) repeat-x;

} .clearFloat {

    clear: both;

    height: 0px;

    margin: 0px;

    padding: 0px;

    overflow: hidden;

}



table, tbody, tr {

    border-width: 0px;

    border-collapse: collapse;

    border-spacing: 0px;

    margin: 0px;

    padding: 0px;

}



td {

    border-width: 0px;

    border-collapse: collapse;

    border-spacing: 0px;

    margin: 0px;

    padding: 0px;

    vertical-align: top;

}



h1, h2, h3, h4, h5, h6, h7, h8, h9, p {

    margin: 0px;

    padding: 0px;

}



img {

    border: 0px;

}



ul, li {

    margin: 0px;

    padding: 0px;

    list-style-type: none;

}



a:active {

    text-decoration: expression( hideFocus = 'true');

}:focus {

    -moz-outline-style: none;

}



form {

    margin: 0px;

}



/*-------------------------------------------------------

 

 

 

 Diverse Dinge

 

 

 

 -------------------------------------------------------*/

a.contentlink {

    color: #014B7C;

    text-decoration: underline;

}





a {

    color: #014B7C;

    text-decoration: none;

}



a:hover {

}



a:visited {

}



body, div, h1, h2, h3, h4, h5, h6, h7, h8, h9, p, td, li, input, textarea, select {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    line-height: 150%;

    color: #333333;

}



h1 {

}



h2 {

    font-size: 14px;

}



h3 {

}



hr {

} .note1 {

    font-size: 10px;

}



/*-------------------------------------------------------

 

 

 

 Tabellen

 

 

 

 -------------------------------------------------------*/

/*-------------------------------------------------------

 

 

 

 Listen

 

 

 

 -------------------------------------------------------*/

div#layerContentColMainMain ul.ul1 {

    margin: 0px 0px 10px;

    border-top: 3px solid #D2D7D2;

}



div#layerContentColMainMain ul.ul1 li a {

    display: block;

    padding: 7px 0px;

    background: url(../img/navMain/arrow1.png) right center no-repeat;

    font-weight: bold;

    border-bottom: 3px solid #D2D7D2;

}



div#layerContentColMainMain ul.ul1 li a:hover {

    background-color: #E9EBE9;

    text-decoration: underline;

}



div#layerContentColMainMain ul.ul1 li ul li p {

    margin-top: 10px;

}

div#layerContentColMainMain ul.ul3 {

    margin: 0px 0px 10px;

    border-top: 3px solid #D2D7D2;

}



div#layerContentColMainMain ul.ul3 li a {

    display: block;

    padding: 7px 0px;

    background: url(../img/nav/iconPDF.png) right center no-repeat;

    font-weight: bold;

    border-bottom: 3px solid #D2D7D2;

}



div#layerContentColMainMain ul.ul3 li a:hover {

    background-color: #E9EBE9;

    text-decoration: underline;

}



div#layerContentColMainMain ul.ul3 li ul li p {

    margin-top: 10px;

}

div#layerContentColMainMain ul.ul2 {

    margin: 0px 0px 10px;

}



div#layerContentColMainMain ul.ul2 ul {

    margin: 10px 0px 10px;

}



div#layerContentColMainMain ul.ul2 li {

    margin: 0px 0px 10px;

    padding: 0px 0px 0px 15px;

    background: url(../img/nav/bullet1.png) left 5px no-repeat;

    line-height: 130%;

}



/*-------------------------------------------------------

 

 SITEMAP

 

 -------------------------------------------------------*/

ul.sitemap {

    margin: 0px 0px 10px;

    border-bottom: 2px solid #D2D7D2;

}



ul.sitemap li {

    padding: 2px 0px 0px;

    border-top: 2px solid #D2D7D2;

}



ul.sitemap li li {

    border-top-width: 0px;

    padding: 0px;

}



ul.sitemap li a:hover {

    background-color: #E9EBE9;

}



ul.sitemap li li a:hover {

    background-color: #E9EBE9;

}



ul.sitemap li a {

    display: block;

    margin: 0px 0px 2px 0px;

    padding: 0px 5px;

    /*	background-color: #E9EBE9; */

    font-weight: bold;

    font-size: 14px;

}



ul.sitemap li li {

    border-top: 1px dotted #E9EBE9;

    padding: 2px 0px 0px;

}



ul.sitemap li li a {

    font-weight: normal;

    font-size: 12px;

}



ul.sitemap li li li a {

    padding-left: 25px;

}



/*-------------------------------------------------------

 

 

 

 FORMULARE

 

 

 

 -------------------------------------------------------*/

form#mailForm1 h2 {

    margin-bottom: 10px;

}



form#mailForm1 h2 span {

    color: #FF0000;

    font-size: 20px;

}



form#mailForm1 div.spacer {

    margin: 16px 0 0;

    border-top: 1px dotted #C0C7C0;

}

form#mailForm1 div {

	font-size: 10px !important;

}

form#mailForm1 div.spacer2 {

    height: 10px;

}



form#mailForm1 label {

    display: block;

    margin: 0px 0px 10px;

    font-size: 10px;

}



form#mailForm1 textarea {

    width: 350px;

    padding: 2px;

}



form#mailForm1 input.name, form#mailForm1 input.email, form#mailForm1 select {

    padding: 2px;

    margin-right: 10px;

}



form#mailForm1 select {

    width: 200px;

}



form#mailForm1 input.name, form#mailForm1 input.email {

    width: 350px !important;

}



form#mailForm1 button, form#mailForm1 input.submit {

    font-size: 14px;

    font-weight: bold;

}



form#mailForm1 div.error {

    background-color: #FF0000;

    color: white;

    width: 352px;

    border: 1px solid #FF0000;

    padding: 0px 2px;

}



form#mailForm1 h2#errorHeader {

    color: #FF0000;

}



/*-------------------------------------------------------

 

 

 

 RAHMEN

 

 

 

 -------------------------------------------------------*/

div.frame404 {

    border-top: 2px solid #FF0000;

    border-bottom: 2px solid #FF0000;

    padding: 10px 0px 0px;

}



div.frame404 h1, div.frame404 p {

    color: #FF0000;

}



div.frame404 h1 {

    padding: 0px 0px 0px 50px;

    background: url(../img/h1/404.png) no-repeat left center;

}



/*-------------------------------------------------------

 

 

 

 GOOGLEMAP

 

 

 

 -------------------------------------------------------*/

div#mapContainer {

    border: 1px solid #DDE1DD;

}



div#map {

    height: 350px;

}



/*-------------------------------------------------------

 

 IMAGEBOXES

 

 -------------------------------------------------------*/

div.imageBox {

    margin: 0px 0px 10px 0px;

    background-color: #DDE1DD;

    background-color: #E9EBE9;

}



div.imageBox span.caption {

    display: block;

    padding: 10px;

    font-size: 10px !important;

    line-height: 130%;

}



div.img2Cols div.img {

    float: left;

    width: 245px;

    background-color: #DDE1DD;

    background-color: #E9EBE9;

}



div.img2Cols div.img img {

    float: left;

    margin: 10px;

    border: 1px solid #C0C7C0;

}



div.img2Cols div.col1 {

    border-right: 10px solid #FFFFFF;

}



div.img1Col div.img {

}



div.img1Col div.img img {

    float: left;

    margin: 10px;

    border: 1px solid #C0C7C0;

}



/*-------------------------------------------------------

 

 

 

 Newslisten

 

 

 

 -------------------------------------------------------*/

div.news-list-browse {

    margin: 0px 0px 10px;

    border-top: 1px solid #D2D7D2;

    padding: 10px 0px 0px;

}



div.news-list-browse table {

    width: 100%;

}



div.news-list-browse table td {

    vertical-align: middle;

}



div.news-list-browse table td.col2 {

    text-align: right;

}



div.news-list-browse span {

    background-color: #EDBC2F;

    padding: 4px 8px;

    color: #fff;

    font-weight: bold;

}



div.news-list-browse a {

    background-color: #014B7C;

    padding: 4px 8px;

    color: #fff;

    font-weight: bold;

}



div.news-list-browse a:hover {

    background-color: #E9EBE9;

    color: #014B7C;

}



div.news-list-container {

}



div.news-list-container div.news-item {

    border-top: 1px solid #D2D7D2;

    padding: 10px 0px;

}



div.news-list-container div.news-item {

    border-top: 1px solid #D2D7D2;

    padding: 10px 0px;

}



/*-------------------------------------------------------



 SHOW-HIDE

 

 -------------------------------------------------------*/

div.show-hide {

    margin: 10px 0px 10px 0px;

    border-bottom: 1px solid #D2D7D2;

} 
.show-hide h2 {

    border-top: 1px solid #D2D7D2;

    padding: 5px 0px;

    color: #014B7C;

    cursor: pointer;

    background: url(../img/navMain/arrow1.png) right center no-repeat;

    font-size: 12px;

} 
.show-hide h2:hover {

    background-color: #E9EBE9;

    text-decoration: underline;

} 
.show-hide h2.active {

    background: #fff url(../img/navMain/arrow_hasSubActive2.png) right center no-repeat;

} 
.show-hide div {
    padding: 10px 0px 10px 10px;
} 

.show-hide div div {
    padding: 0px;
}

.imageRahmen {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.imgDoppelrahmen { 
        margin-top: 1px;
	margin-bottom: 10px;
float: left;
}

.imgDoppelrahmen .col1, .imgDoppelrahmen .col2 { 
        padding-top: 5px;
	padding-bottom: 5px;
}