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

h1 { font-size:18px; font-style:italic; }
h2 { font-size:16px; font-style:italic; border-bottom:1px dotted #CECECE; line-height:1; }
h3 { font-size:14px; font-style:italic; }
p { text-align:justify; line-height:1.5; }

a:link { color: #006; text-decoration:none; }
a:active { color:#006; text-decoration:none; }
a:visited { color:#006; text-decoration:none; }


BODY { color:#333; background:url(../img/bg_top.jpg) repeat-x top center; background-color:#789cc5; margin:0px; font-family:Helvetica, Arial, sans-serif; font-size:12px; }
#bg_bottom { background:url(../img/bg_bottom.jpg) repeat-x bottom; min-height:210px; }

#page { width:950px; min-height:800px; margin:0px auto; }
#header { height:98px; }
#top_navi { background:url(../img/bg_top_navi.jpg) no-repeat; height:40px; }
#content_area { background:#FFF; min-height:800px; }
#breadcrumb { background:url(../img/bg_breadcrumb.jpg); height:30px; }
  #breadcrumb_in { padding:0.5em 1em 0.5em 1em; float:left; }
  
#MainContent { padding:0.5em 1em 0.5em 1em; }
#RightContent { padding:0.5em 1em 0.5em 1em; }

#footer { background:url(../img/bg_footer.jpg) ; height:204px;}
  #FooterContent { padding:4.5em 1em 1em 1em; }
  
  
ul.menu, ul.menu ul { list-style-type: none; }
ul.menu a { display:block; padding:0.7em 1em 0.7em 1em; font-size:16px; color:#333; text-decoration:none; }
ul.menu a:hover { background: #E6E6E6; }

ul.menu ul a { padding: 0.5em 0em 0.5em 1.5em; font-size:12px; color:#333;  border-bottom:1px dashed #333; }
ul.menu ul a:active { color: #FFF; }
ul.menu ul a:hover { color:#000; }
ul.menu ul a:visited { color:#333; }

ul.menu li { padding:0; margin:0; background-image: none; float:left; }
ul.menu ul { margin-left:0; padding: 0 0 5px 0; position: absolute; background-color: #fff; display:none; min-width:180px; }

/* IE-Hack für die Breite */
*html ul.menu ul { width:180px; }

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */

/* über der Liste  befindet (.hover siehe JavaScript oben) */

ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  { display:block; }

ul.menu ul li { float:none; background-color: transparent; }


/* Dritte Ebene */

   ul.menu li.hover ul ul, ul.menu li:hover ul ul {

                  display: none;

                    margin-left: 160px; /* Breite eines Listenelements - Überlagerung */

              margin-top: -20px; /* Höhe eines Listenelements */

        }



   /* Dritte Ebene anzeigen */

       ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {

                display: block;

   }






/************************ Kontaktformular Start *************************/
.csc-mailform {
              border: 0px; width:600px;
}
.csc-mailform-field label {
		width:12em;
		float:left;
        text-align: left;
		
        
}
.csc-mailform-field { margin-top:1em; }
.csc-mailform-submit {
	margin-top:2em;
} 

div.error-mail { font-weight:bold; color:red; }
span.error-mail { font-weight:bold; color:red; padding-left:1em; }

/************************ Kontaktformular Ende *************************/


/************************        News          **************************/

#NewsBox { background:#ffa800; min-width:295px; color:#333; margin-bottom:1em; }
  #NewsBoxHeader { height:30px; background:url(../img/newsbox_top.jpg); }
  #NewsBoxContent { padding:1em;  }
    #NewsBoxTitle a { color:#333; text-decoration:none; }
	#NewsBoxContentItem {  }
	#NewsBoxMoreLink a { color:#FFF; padding-bottom:1em; border-bottom:1px dashed #FFF; display:block; }
  #NewsBoxFooter { height:30px; background:url(../img/newsbox_footer.jpg); }