/*
 dunkel-blau: #024a60
 rot dunkler: #a20824

 mint: #ebede2

*/

@import "suchbox.css";

html { height: 100%;}
body { height: 100%;}


body {

	margin:0;
         font-size: 82%;
         line-height:1.4em;
         font-weight:normal;
	color: #024a60;
	font-family: arial, helvetica, verdana, sans-serif;
	background-color: #fff;
         background-image: url(../images/hg_body.gif);
         background-repeat: repeat-x;
         text-align: center;
        /* text-align: -moz-center;*/
         		}

H1 {color: #024a60; font-size: 1.8em; padding: 0 0 15px 0; margin:0 0 15px 0; font-weight:bold; border-bottom: 1px solid #00456f ; width: 100%; line-height: 120%}	/*gro? 14px linie unten*/
H2 {color: #024a60; font-size: 1.1em; padding: 0 0 3px 0; margin:0 0 0px 0; font-weight:bold; border-bottom: 0px solid #00456f ; width: 100%; text-transform:uppercase;}	/*gro? 14px linie unten*/
H3 {color: #024a60; font-size: 1.1em; padding: 0 0 0px 10px; margin:0 0 15px 0; font-weight:normal; border: 1px solid #91afc1; width: 98%; background-image: url(../images/hg_h3.gif); background-repeat: repeat-x; }   /*kasten mit Verlauf*/
H4 {color: #024a60; font-size: 1.1em; padding: 0 0 8px 0; margin:0; font-weight:bold;}   /*normal fett*/
H5 {color: #024a60; font-size: 1.1em; padding: 0 0 0px 0; margin:0; font-weight:bold;} 	/*hellrot 12px*/



a {outline: none;}


.klein {font-size:0.9em;}
a {text-decoration: none; color:#FF5F00; }
a:link {color:#aFF5F00}
a:visited {color:#FF5F00}
a:hover {color:#FF5F00; text-decoration: none;}






a.mehr, a:link.mehr , a:visited.mehr {display: block; border: 1px solid #74848d; background-color:#fff; font-size: 0.85em; font-weight: normal; color:#0050A0; float: right; padding: 0 4px 0 3px ; margin: 10px 10px 10px 0; cursor: hand;}
a:hover.mehr {background-color:aliceblue; border: 1px solid #004767; color:#004767}


/*html>body #container01 {overflow:auto;}*/



/*  ##########  ELEMENTE  ##########*/
.box-top {
	background:url(../images/hg_box_top.gif) no-repeat top left;
	padding: 6px 0 0 0; }
.box-bottom {
	background:url(../images/hg_box_bottom.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 15px 3px 3px;
	overflow:hidden; }
* html .box-bottom { padding: 5px 15px 1px 3px;}



.box-top580 {
	background:url(../images/hg_box_top580.gif) no-repeat top left;
	padding: 6px 0 0 0; }
.box-bottom580 {
	background:url(../images/hg_box_bottom580.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 15px 3px 5px;
	overflow:hidden; }
* html .box-bottom580 { padding: 5px 15px 1px 3px;}



.verlaufkurz {
	background:url(../images/hg_box_verlaufkurz.gif) repeat-x bottom left; padding: 0 0 2px 0;
         overflow:hidden; }
.verlauflang {
	background:url(../images/hg_box_verlauflang.gif) repeat-x bottom left; padding: 0px 0 2px 5px;
         overflow:hidden; }
.verlaufgruen {
	background:url(../images/hg_box_verlaufgruen.gif) repeat-x bottom left; padding: 0 0 2px 0;
         overflow:hidden; }

.box-icon {
         display: block;
         background:url(../images/hg_box_icon2.gif) no-repeat 283px 0;
         padding: 0px 27px 0px 5px; line-height: 1.15em;
         }
.box a, .box a:link, .box a:visited {display:block; color:#024a60;  padding-bottom: 13px;}
.box a:hover {display:block; color:#024a60; border-bottom: 5px solid #BFBFBF; padding-bottom: 8px; }

.box h1 a, .box h1 a:link, .box h1 a:visited {display:block; color:#024a60;  padding: 0;}
.box h1 a:hover {display:block; color:#FF9F00; border:none; padding: 0px; }

* html .box-icon { padding: 0px 40px 0px 2px;}

/*############## NON  FOOTER ######################*/

#nonfooter {
         display:block;
         margin: 0px auto;
         position:relative;
         min-height: 100%;
         width:989px;
         background-color:#fff;
         padding:0 0 0px 0;
         text-align: left;

	}
* html #nonfooter {height:100%;}



#content {padding-bottom: 9em;}

p {padding:0; margin:10px 0 15px 0;}



 /*##############   FOOTER ######################*/
/*#footer { position:absolute;
         clear:left;
         bottom:0;
         height: 100px;
         padding:0px 0 0 0;
         width: 989px;
         color: #fff;
         font-size: 1em;
         line-height:12px;
         background-color: #024a60;
         }  */

#footer { position:relative;
	margin-left:auto;
         margin-right: auto;
         margin-top:-7.5em;
         clear:left;

        height: 55px;
         padding:20px 0 0 0;
         width: 989px;
         color: #fff;
         font-size: 1em;
         line-height:12px;
         background-color: #005387;
         }

#webdesigner {float: right; margin:20px 20px 0 0; background: transparent}
#webdesigner a, #webdesigner a:hover, #webdesigner a:visited {color: #fff; font-size: 0.75em; }
#webdesigner a:hover {text-decoration: underline}

/*##############   FOOTER ENDE ######################*/




.endefloat {
clear: both;
     margin : 0;
     padding : 0;
     width : 100%;
     line-height:0px;
     color:transparent; }




#bereich01{
	width:100%;
         height: 284px;
         background-color: transparent;
         background-image: url(../images/bild_o_2.jpg);
         background-repeat: no-repeat;

         }



#zitat   {

display: block;
         height: 120px;
         background: transparent;
         padding: 60px 0px 0px 30px;
         font-size: 27px;
         font-weight:bold;

         line-height: 1.2em;
         width: 450px;

}
#zitatgeber   {

         background: transparent;
         margin: -5px 0 0 30px;
         font-size: 14px;
         font-weight:bold;
         font-style: italic;
         line-height: 1.2em;
         width: 450px;

}
#trenner{
	display:block;
         height: 30px;
         background-color: transparent;
         background-image: url(../images/hg_b2.gif);
         background-repeat: repeat-y;

         }



 /*##############   Hauptmen? ######################*/

#hauptmenu{

         margin:35px 45px 20px 0px;
         padding:0;
	height: 30px;
         width: auto;
         background-color:transparent;
         float: right;

	}

* html #hauptmenu {margin:25px 90px 20px 0px;  }



         #hauptmenu div ul {
     list-style : none;
     margin : 0;
     padding : 0;
      }
 #navlist li {
     display : inline;
     font-size : 0.9em;
     height : 14px;
     font-weight : normal;
     letter-spacing : 0;
     padding : 0px 10px 0 10px;
     margin : 0px 0 0 0;
     border-right: 1px solid #00456f;
      }
 #navlist a {
    color: #00456f;
     text-decoration : none;
      }
 #navlist a:link, #navlist a:visited {
     color : #00456f;
     text-decoration : none;
      }
 #navlist a:hover {
     color : #005387;
     text-decoration : none;
     border-top: 1px dotted #00456f;
     border-bottom: 1px dotted #00456f;
      }
 #navlist li.aktiv a {
     color : #005387;
      }
 #navlist li.aktiv a:link {
     color : #005387;
      }
 #navlist li.aktiv a:visited {
     color : #005387;
      }
 #navlist li.aktiv a:hover {
     color : #005387;
      }


/*::::::::::::::::::::::::::::::::::::SubMenu und FOTO::::::::::::::::::::::::::*/


/*:::::::::::::::::::::::::::::::::::Spalte rechts::::::::::::::::::::::::::*/



/*:::::::::::::::::::::::::::::::::::Spalte rechts::::::::::::::::::::::::::*/


#contentbox { width:978px; background-color: #fff; padding:10px 0 20px 10px;  }

#spalte01, #spalte02, #spalte02a, #spalte02b  {float:left;}
#spalte01 {width: 33.1%; background-color:transparent; padding: 0}
#spalte02 {width: 66.5%; background-color:transparent}

#inhaltsbox02 {width: 90%; padding: 20px 20px 0 0; background: transparent}

#spalte02a {width: 50%; background-color:transparent; }
#spalte02b {width: 49.5%; background-color:transparent}

#spalte02dick {width: 80%; background-color:transparent}
#spalte02schmal {width: 19.5%; background-color:transparent}




/*::::::::::::::::::::::::::::::::::::Menu  LINKS::::::::::::::::::::::::::*/



#submenu{
padding-top:20px;
width: 80%;
font-size: 0.9em;
font-weight: normal;
color: #00456f;
	}



#submenu ul{
list-style: none;
margin: 0;
padding: 0 0 0 10px;/*kastenabstand links*/
border: none;
}

#submenu li {
padding: 0px 0 0px 0px;
margin: 0px 0 8px 0;
}

#submenu li a{
display:block;
height: 100%; /* Text-Padding-Abstand von Gesamth?he abziehen 35px-8px=27px*/
padding: 4px 0px 4px 20px;
background-color: #fff;
color: #00456f;
text-decoration: none;
border: 1px solid #92b1be;
background-image: url(../images/butt_menu01.gif);
background-repeat: no-repeat;
background-position:2px 9px;
}

#submenu li a:link, #submenu li a: visited {
color: #b55749;
text-decoration: none;}

#submenu li a:hover{
background-image: url(../images/butt_menu02.gif);
background-repeat: no-repeat;
background-position:2px 9px;
color: #005387;
background-color: aliceblue;
border-color: #CFCFCF;

}


#submenu li.aktiv a {
background-image: url(../images/butt_menu02.gif);
background-repeat: no-repeat;
background-position: 2px 9px;
color: #005387;
background-color: #fff;
border-color: #CFCFCF;
}

#submenu li.aktiv a:link, #submenu li.aktiv a:visited, #submenu li.aktiv a:hover {
background-image: url(../images/butt_menu02.gif);
background-repeat: no-repeat;
background-position: 2px 9px;
color: #005387;
background-color: aliceblue;
border-color: #CFCFCF;
}




#submenu ul li.subsub {  background: url(../images/trans.gif); background-color:transparent; padding:0px 0px 0 20px;  margin:0 0 6px 0;}

#submenu ul li.subsub a:link, #submenu ul li.subsub a:visited  {display:block; background: #EFEFEF; padding: 0 0 0 4px; height: 100%; font-size:0.9em; width:97.5%; line-height:130%; border-color: #CFCFCF;}

#submenu ul li.subsub a:hover {  padding: 0 0 0 4px; font-size:0.9em; border-color: #92b1be;   }

#submenu ul li.subsub a.subaktiv {border-color: #92b1be; }






/*::::::::::::::::::::::::::::::::::::Menu  LINKS:ende:::::::::::::::::::::::::*/



/*##############   Kleines Men? unten ######################*/


#navlistklein {
    text-align: center;
    margin: 0px;
    padding:0;
          	}




     #sitemap div ul {
     list-style : none;
     margin : 0;
     padding : 0;
      }
 #navlistklein li {
     display : inline;
     font-size : 0.8em;
     font-weight : normal;
     letter-spacing : 0;
     padding : 0 5px 0 5px;
     margin : 0 0 0 0;
     border-right: 1px solid #fff;
      }
 #navlistklein a {
     color : #fff;
     text-decoration : none;
      }
 #navlistklein a:link, #navlistklein a:visited {
     color : #fff;
     text-decoration : none;
      }
 #navlistklein a:hover {
     color : #fff;
     text-decoration : underline;
      }
 #navlistklein li.aktiv a {
     text-decoration : underline;
      }
 #navlistklein li.aktiv a:link {
     text-decoration : underline;
      }
 #navlistklein li.aktiv a:visited {
     color : #fff;
      }
 #navlistklein li.aktiv a:hover {
     color : #fff;
      }








/*::::::::::::::::::::::::::::::::::::TYPO3 Internes:::::::::::::::::::::::::*/



/*############## RANDOM IMAGE ####################*/
.inline {display:inline}
.bildgross { background-color:#ffffff; padding-bottom:500px; z-index:99; }
.bildgross1 { border:1px solid #b5bb8f; background-color:#ebede2; padding: 2px;  }
.bildklein {float:left; margin-right:11px; margin-bottom:10px;}
.bildklein img {border:1px solid #c0c0c0; }
.bildklein a:hover img { background-color:#ffffff; border:1px solid red;  }







/*:::::::::::::::::::::::::::::::::::::listen::::::::::::::::::::::::::*/

UL.csc-bulletlist-1 {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 10px;/*abstand links gesamt*/
	border: none;
	}
UL.csc-bulletlist-1 li {
display:block;
width:;
margin: 0px 0 0px 0;
padding: 0px 1px 3px 12px; /*kasten zu text*/
background: url(../images/icon-gruen2.gif);
background-repeat: no-repeat;
background-position: 0px 7px;
text-align: left;
}


UL.csc-bulletlist-2 {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 10px;/*abstand links gesamt*/
	border: none;
	}
UL.csc-bulletlist-2 li {
display:block;
width:;
margin: 0px 0 0px 0;
padding: 0px 1px 3px 18px; /*kasten zu text*/
background: url(../images/icon_punkt8.jpg);
background-repeat: no-repeat;
background-position: 0px 6px;
text-align: left;
}

 html>/**/body UL.csc-bulletlist-3 { list-style-type : decimal; padding: 0px 0px 0px 23px; } /*f?r alle modernen au?er IE7*/
UL.csc-bulletlist-3 { list-style-type : decimal; padding: 0px 0px 0px 0px; }
UL.csc-bulletlist-4 { list-style-position : inside; }

UL.csc-bulletlist-5 {
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 10px;/*abstand links gesamt*/
	border: none;
	}
UL.csc-bulletlist-5 li {
display:block;
width:;
margin: 0px 0 0px 0;
padding: 0px 1px 8px 20px; /*kasten zu text*/
background: url(../images/icon_rot7.jpg);
background-repeat: no-repeat;
background-position: 0px 6px;
text-align: left;
}
 /*:::::::::::::::::::::::::::::::RAHMEN f?r alle Content-Elemente:::::::::::::::::::::*/


DIV.csc-frame-indent3366 { padding-left: 50px; }
.csc-frame-rulerAfter {width: 100%; height: 12px; background-color: transparent; border-bottom:1px solid #717849; }
div.indent {padding-left: 20px;}

/*###### Bildunterschriften ########*/
.csc-textpic-caption {font-size:9px; line-height:10px; padding-top: 3px;}



/*Formatierung Untertitel*/
p.csc-subheader-0 { color:#AF8058; font-size:110%; font-weight:bold; }


div.csc-sitemap {text-align:left;}
div.csc-sitemap ul {margin-left:15px; padding-left:3px;}

      /* Au?enabstand bild
         DIV.csc-textpic-imagewrap { padding: 20px; } */



/*Abstand zwischen nebeneinander stehenden Bildern*/
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-right: 45px; }

* html div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-right: 35px; }
/*####### F?R FORMULARE#############*/
.mailbutton {
     color: #000000;
     background-color: #faf2dd;
     font-size : 11px;
     font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
     border-bottom-width : 0px;
     border-color : #faecc6;
     border-left-width : 0px;
     border-right-width : 0px;
     border-top-width : 0px;
      }


.csc-mailform-label {
     color: #000000;
     background-color: #faecc6;
     font-size: 10px;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
           }

.csc-mailform { border: none}



/*#######################  MAILFORMPLUS  ##############################*/

.mailbutton {
     color: #000000;
     background-color: #efefef;
     font-size : 11px;
     font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
     border: 1px solid #BFBFBF;
     cursor: pointer;
      }


.tx-thmailformplus-pi1 {background-color:#ffffff;  width:100%; font-size:11px;}


.formbox {
  width: 100%;
  color: #000;
  background-color: #ffffff;

}



.reihe {
  clear: both;
  padding: 4px 0px;
  width:100%;
}



.reihecap {
  clear: both;
  padding: 5px 0px 0 0px;
  width:100%;
  height: 40px
}





.label {
  float: left;
  width: 28%;
  text-align: right;
  padding-top: -3px;
  padding-right: 5px;
}



.feld {
  float: right;
  width: 68%;
  text-align: left;

}



.label1 {
  float: left;
  width: 28%;
  text-align: left;
  height: 40px;
  padding: 0px 0 0px 0;

}



.spam {margin-top:0px; font-size:10px; line-height: 12px; padding-left: 3px; clear:both;}

.links20px {padding-left:20px; color: #BB0000; padding-bottom:10px;}



.knopf {
  clear: both;
  text-align: left;
  padding: 0 0 30px 172px;

}



.defbreite { /*Formatierung dr Felder selbst*/
  width:100% ;
  font-size:11px;
  border: 1px solid #7F7F7F;
  padding-bottom:2px;

}





/*::::::::::::::::::::::::::::::::::::TYPO3 Internes:::::::::::::::::::::::::*/


/*::::::::::::::::::::::::::::::::::::GOOGEL MAP :::::::::::::::::::::::::*/

/* default styles for extension "tx_rggooglemap_pi1" */
#map {background:#ece9d8; border: 1px solid #aa3e33; clear:both;}

#tx-rggooglemap-cat {display:none}