/*
 dunkel-blau: #004767
dunkel-rot: #8c141a
Schriftfarbe schwarz-blau: #03222f
hell-blau : #9ab2c1



*/

@import "suchbox.css";
@import "navigation.css";
@import "mailform.css";
@import "news.css";


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

html, body {min-width: 801px;}

body {

	margin:0;
         font-size: 84%;
         line-height: 1.5em;
         font-weight:normal;
	color:  #004767;
	font-family:  arial, helvetica, sans-serif;
	background-color: #fff;
         background-image: url(../images/hg.gif);
         background-repeat: repeat-x;
         background-position: top;
         text-align: center;

          	}

H1 {color: #004767; font-size: 1.5em; padding: 0 0 15px 0; margin:0; font-weight:bold;}	/*dunkelblau 17, 15 Abstand*/
H2 {color: #004767; font-size: 1.3em; padding: 0 0 6px 0; margin:0; font-weight:bold;}   /*dunkelblau 17, 6 Abstand*/
H3 {color: #004767; font-size: 1.1em; padding: 0 0 0px 0; margin:0; font-weight:bold;}   /*dunkelblau 12, 0 Abstand*/
H4 {color: #004767; font-size: 1.1em; padding: 0 0 4px 0; margin:0; font-weight:bold;}   /*dunkelblau 12, 8 Abstand*/
H5 {color: #8c141a; font-size: 1.1em; padding: 0 0 4px 0; margin:0; font-weight:bold;} /*dunkelrot 12, 8 Abstand*/


.klein {font-size:10px;}

a {text-decoration: none; color:#0070C0; }
a:link {color:#0070C0}
a:visited {color:#0070C0}
a:hover {color:#926f58; text-decoration: none;}
a:focus { outline: none; }


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


#page
{
	width: 90%;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
        background-color: transparent;
         position: relative;
}

* html #page
{
	height: 100%;
}




#nonfooter {
         min-height: 100%;
         width:100%;
         background-color:transparent;
         padding:0 0 15px 0;
         text-align: left;
         position: relative;
	}
* html #nonfooter {height:100%;}

#content {padding-bottom: 0;}

p {padding:0; margin:0 0 1.1em 0;}



/*:::::::::::::::::::::::::::::::::::: OBEN  ::::::::::::::::::::::::::*/

#zeile01 {height:84px; width: 100%; background-color:transparent; padding: 0px 0 0 0; margin:0; }
#logo a {text-decoration: none; border: none;}
#logo { padding:0; margin: 0; float: left; width: 114px; height: 84px;}

/*IE-7 Hacks*/
*+html #teaser01 {padding-top: 30px;}
*+html #zeile02 {height: 185px;}
/*IE-7 Hacks Ende*/

#zeile02 { height:155px; width: 100%; background-color:transparent; padding: 0px 0 0 0; margin:0; clear:both; }
* html #zeile02 {overflow:hidden;}
#teaser01 {text-align:center; display:block;  font-family: verdana; font-weight: bold;  font-size: 180%; color: #b0c1c7; padding:0px 100px 0 30px; margin: 0 0 0 0; background-color:transparent;}
#teaser02 {text-align:center; display:block;  font-family: verdana; font-weight: bold;  font-size: 130%; color: #fff; padding:0px 0px 0 120px; margin: 10px 0 0 0; background-color:transparent;}

#stoereroben {float:right; display:block;  padding:0px 250px 0 0px; margin: 30px 0 0 0; background-color:transparent; }
#stoerer01, #stoerer02 {display: block; width: 210px; float:left; margin-right: 15px;}
#bildoben { position: absolute; top: 5px; right: 0px; float: right;  background-color: transparent; width: auto; height: 100%; }
#bildobenmann { position: absolute; top: 12px; right: -10px; float: right;  background-color: transparent; width: auto; height: 100%; }

/*::::::::::::::::::::::::::::::::::::  CONTAINER  ::::::::::::::::::::::::::*/


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#container {
display:inline-block;
	width: 100%;
	padding:0;
	margin:0;
         position:relative;




}

#bodycontent {
margin-left: 0%;
         display:block;
         height: 100%;
         float:right;
	width: 72%;
         padding-bottom: 0;
         background-color: transparent;
         }
         * html #bodycontent {clear:left; }

#bodyleft {float: left; background-color: #fff; width: 68%; padding: 0 0 50px 5px; margin-left: 0%; margin-right: 2%;}
* html #bodyleft {margin-left:0%; margin-right: 0%; }


#bodyright {
	display:block;
	float:right;
         width: 24%;
         margin:0;
	padding: 0px 0px 15px 0px;
         background-color: transparent;

         }



 /* ::::::::::::::  Linke Spalte Menu ::::::::::::::::::::::::*/


#firstcol {float:left; width:22%; margin-right:3px; background-color: transparent; padding-bottom:20px; min-width: 180px; max-width: 21%;}
      #menu {display:block; width: 213px; background-color: plum;  border: 1px solid #e1e1e1; margin-right: 2%;}
      .rahmengrau {display: block;  background-color: #efefef;  padding:5px; border: 1px solid #e1e1e1; }
      #platzsuche {width: 197px;  background-color: #fff; border:1px solid #e1e1e1; height: 70px; }
      * html #platzsuche {width: 197px;}

      #platzsubmenu {width: 184px;  background-color: #fff; border:1px solid #e1e1e1;  padding: 5px 8px 5px 5px; }
      * html #platzsubmenu {padding: 5px 9px 5px 4px;}


      #platzbild {width: 184px;  background-color: #fff; border:1px solid #e1e1e1;  padding: 5px 8px 5px 5px; }
      * html #platzbild {padding: 5px 7px 5px 4px;}
      #platzbild img {border:1px solid #e1e1e1; padding:0; margin:0}
      #platzbild a span, #platzbild a:link span {cursor: hand; display: block; margin-top:-4px; line-height: 30px; height: 36px; border:1px solid #e1e1e1; background-image: url(../images/hg-button-kontakt.gif);  background-repeat: repeat-x; width: 184px; color:#fff; font-weight: bold; font-size: 1em; text-align:center;}
      #platzbild a:hover span {background-image: url(../images/hg-button-kontakt2.gif);  background-repeat: repeat-x; }


 /* ::::::::::::::  Linke Spalte Menu ENDE::::::::::::::::::::::::*/


 #inhaltmain {display:block; margin-left:35%; width: 60%; background-color: yellow;  padding-left:0px; }
      #startbilder { background: transparent; width: 90%;  padding:0 60px 0 0px; margin-bottom:30px;}
      #homebild1 {display: block; float:left; width: 158px; margin:0 0em 0 0em;}
      #homebild2 {display: block; float:right; width: 158px; margin:0 0em 0 0em;}




#newstext {padding: 8px 0px 0 10px; font-size: 80%; line-height: 1.2em; font-weight: bold; color:#447890; width: 93%; overflow-y:auto; overflow-x:hidden;}
#newsletter {padding: 8px 0px 0 10px; font-size: 80%; line-height: 1.2em; font-weight: bold; color:#447890; width: 93%; }


   /* ::::::::::::::  DEKO  ::::::::::::::::::::::::*/

.balken8px {height: 8px; width: 90%; color: #fff; font-weight: bold; line-height: 85%; font-size: 80%; background-color:#9ab2c1; margin-top: 4px; }
.balken14px {height: 10px; width: 93%; color: #fff; font-weight: bold; line-height: 85%; font-size: 80%; padding: 3px 0 3px 10px; margin-top: 6px; background-color:#9ab2c1;}

.textmitte {text-align: center;}
.left {float:left;}
.mitteweiss {display: block; background-color: #fff; border:1px solid #e1e1e1; width: auto; padding: 4px; overflow-y: auto; overflow-x: hidden; }
.abstandr10 {margin-right: 10%}
.weite20 {width: 20%}
.weite100 {width: 92%}
a.mehr, a:link.mehr , a:visited.mehr {display: block; border: 1px solid #74848d; background-color:#fff; font-size: 1.0em; font-weight: bold; color:#74848d; float: right; padding: 0 2px 0 3px ; margin: 10px 10px 10px 0; cursor: hand;}
a:hover.mehr {background-color:aliceblue; border: 1px solid #004767; color:#004767}

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



#submenu{
padding-top:20px;
width: 100%;
font-weight: normal;
color: #004767;
	}



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


#submenu li {
padding: 0px 0 0px 0px;
margin: 0px 0 0px 0;
background-color:transparent;
}


* html #submenu li a, * html #submenu li a:link {margin-bottom:-14px;  }
#submenu li a{
display:block;
padding: 6px 0px 6px 21px;
color: #004767;
text-decoration: none;
border-bottom: 1px dotted #e1e1e1;
background: url(../images/hg-menu-links01.gif);
background-repeat: no-repeat;
background-position:0px 3px;
}

#submenu li a:link, #submenu li a: visited {
color: #004767;
}



#submenu li a:hover{
background: url(../images/hg-menu-links02.gif);
background-repeat: no-repeat;
background-position:0px 3px;
color:#8c141a;

}

* html #submenu li.aktiv a, * html #submenu li.aktiv a:link {margin-bottom:2px; }
#submenu li.aktiv a {
background: url(../images/hg-menu-links02.gif);
background-repeat: no-repeat;
background-position:0px 3px;
color: #8c141a;
}

#submenu li.aktiv a:link, #submenu li.aktiv a:visited, #submenu li.aktiv a:hover {
background: url(../images/hg-menu-links02.gif);
background-repeat: no-repeat;
background-position:0px 3px;
color: #8c141a;
}



#submenu ul li.subsub {  background: url(../images/trans.gif); background-color:transparent; padding:0px 0px 0 20px; border:none; height: 14px; margin:0 0 4px 0 !important; margin:0 0 4px 0;}
#submenu ul li.subsub a:link, #submenu ul li.subsub a:visited  {display:block; background: url(../images/trans.gif);border:none; padding: 0 0 0 4px; min-height:12px !important; height:12px; font-size:0.8em; width:92.0%; }
#submenu ul li.subsub a:hover {  padding: 0 0 0 4px; min-height:12px !important; height:12px; font-size:0.8em;border:none; width:92.0%;}
#submenu ul li.subsub a.subaktiv { border:none; width:92.0%;}





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








#footer { position:absolute;
	bottom: 0;
         height: 16px;
	padding:3px 0 0 0;
	background-color: #004767;
	width: 100%;
         color: #faf2dd;
         font-size: 9px;
         line-height:12px;
	}


#footer01 {

         float: left;
         width: 23%;
         height: 100%;
         background-color:transparent;
         text-align: center;
         }
#footer01 div {padding:0px 0 0 0;}
#footer01 div a, #footer01 div a:link, #footer01 div a:visited {color:#faf2dd;}
#footer01 div a:hover  {color:#f7da8e; text-decoration: none;}

#footer02 {
         font-size: 90%;
         float: left;
	width: 75%;
         height: 100%;
         text-align: left;
         background-color: transparent;
         }

#footer02 div {padding:0px 10px 0 0px; float: right}
#footer02 div a, #footer02 div a:link, #footer02 div a:visited, #footer02 div a:hover {color: #0070C0}





.endefloat {
clear: both;
     margin : 0;
     padding : 0;
     width : 100%;
     background-color:transparent;
     visibility: hidden; }

.endefloatlinks {
clear: left;
     margin : 0;
     padding : 0;
     width : 100%;
     background-color:red; }


/*::::::::::::::::::::::::::::::::::::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 8px 0;
padding: 0px 1px 3px 18px; /*kasten zu text*/
background: url(../images/icon_punkt8.jpg);
background-repeat: no-repeat;
background-position: 0px 4px;
text-align: left;
line-height: 1.2em;
}

 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; }


/*###### 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; } */




/*####### 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}





/*::::::::::::::::::::::::::::::::::::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}


/*::::::::::::::::::::::::::::::::::::rscontentcolumn :::::::::::::::::::::::::*/

 html>/**/body div.tx-rscontentcolumn-pi1 div.leftcol {
   padding:1% 1% 1% 0%;
   width:49%;
   white-space:normal;
   float:left;

}

 html>/**/body div.tx-rscontentcolumn-pi1 div.rightcol {
   padding:1% 0% 1% 1%;
   width:49%;
   white-space:normal;
   float:left;

}



div.tx-rscontentcolumn-pi1 div.leftcol {
   padding:1% 1% 1% 0%;
   width:47%;
   white-space:normal;
   float:left;
}

div.tx-rscontentcolumn-pi1 div.rightcol {
   padding:1% 0% 1% 1%;
   width:49%;
   white-space:normal;
   float:left;
}