/*
	St. Katharinen

    Main Stylesheet
	Datum: 10.12.2007

	Copyright 2008 by
	HEAD. MARKETING-PARTNER
	EINFACH ERFOLGREICH

	http://www.headmarketing.de
	info-at-headmarketing.de
*/

html{
	height: 100%;
	}

body{
	height: 100.1%;
	margin: 0;
	padding: 0;
	background: #FFEDC7 url('../../img/layout/bg.jpg') top left repeat-x;
	font: normal 10pt/100% Arial, Helvetica, Sans-Serif, Sans;
	}

table#maintable {
	height: 100%;
	width: 980px;
	border-collapse: collapse;
	background: #FFFFFF url('../../img/layout/bg_top.jpg') top right no-repeat;
	margin: 0 auto;
	}
	table#maintable td{
		vertical-align: top;
		}
	table#maintable td#left{
		width: 338px;
		background: #FFFFFF;
		}
	table#maintable td#top{
		height: 88px;
		}
	table#maintable td#content{
		position: relative;
		width: 582px;
		background-color: #fcc542;
		padding: 0 20px 20px 40px;
		line-height: 140%;
		color: #2F2F2F;
		}
	table#maintable td#footer{
		height: 20px;
		background: #e7e6e9;
		padding: 5px 0;
		text-align: center;
		color: #000000;
		font-size: 8.5pt;
		}
	table#maintable td#footer a {
		color: #000000;
		text-decoration: none;
		}
	table#maintable td#footer a:hover {
		background: #FFFFFF;
		color: #0078B4;
		text-decoration: none;
		}

img#logo{
		margin: 0;
		padding: 0;
		border-width: 0;
		}


/* T O P M E N U E */

#topmenu {
          position: relative;
          float: right;
          margin: 6px 20px 0 0;
          height: 19px;
          padding: 0px;
          z-index: 1000;
          }
#topmenu a {
          font: bold 10pt/100% Arial, Helvetica, Sans-Serif, Sans;
          color: #000000;
          text-decoration: none;
          padding: 10px;
          white-space: nowrap;
          }
#topmenu a:hover {
          font: bold 10pt/100% Arial, Helvetica, Sans-Serif, Sans;
          color: #4F4F4F;
          text-decoration: none;
          padding: 10px;
          white-space: nowrap;
          }
#topmenu a.active {
          font: bold 10pt/100% Arial, Helvetica, Sans-Serif, Sans;
          color: #4F4F4F;
          text-decoration: none;
          }
#topmenu a.active:hover {
          font: bold 10pt/100% Arial, Helvetica, Sans-Serif, Sans;
          color: #000000;
          text-decoration: none;
          }

/* S E A R C H B O X  */


#topmenu form {
          margin: 0px;
          padding: 0px;
           }
#topmenu p {
          margin: 0px;
          padding: 0px;
           }
#topmenu input {
          width: 120px;
          text-align: left;
          border: 1px solid #4F4F4F;
          margin: 0px;
          padding: 2px 0 2px 4px;
          background: #FFFFFF;
          font: bold 10pt/100% Arial, Helvetica, Sans-Serif, Sans;
          color: #2F2F2F;
          vertical-align: middle;
          }


/* L E F T M E N U */



#leftmenu {
          display: block;
          margin: 0;
          padding: 0;
          background: #FFFFFF;
          }
#leftmenu a {
          display: block;
          background: #CFCED3;
          margin: 3px 0;
          padding: 8px 0 8px 90px;
          font: bold 8pt/140% Arial, Helvetica, Sans, sans-serif;
          color: #4F4F4F;
          text-decoration: none;
         }
#leftmenu a:hover {
          background: #E4E2EC;
          color: #000000;
          }
#leftmenu a.active {
          background: #E4E2EC;
          color: #000000;
          }
#leftmenu a.infocenter {
          display: block;
          background: #CFCED3 url(../../img/layout/icon_infocenter.gif) center left no-repeat;
          margin: 0px 0;
          padding: 20px 0 20px 90px;
          font: bold 8pt/100% Arial, Helvetica, Sans, sans-serif;
          color: #4F4F4F;
          text-decoration: none;
          }
#leftmenu a.infocenter:hover {
          background: #E4E2EC url(../../img/layout/icon_infocenter.gif) center left no-repeat;;
          color: #000000;
          }
#leftmenu a.infocenter.active {
          background: #E4E2EC url(../../img/layout/icon_infocenter.gif) center left no-repeat;;
          color: #000000;
          }
#leftmenu a.kontakt {
          display: block;
          background: #FFFFFF url(../../img/layout/icon_kontakt.gif) center left no-repeat;
          margin: 3px 0;
          padding: 20px 0 20px 90px;
          font: bold 8pt/100% Arial, Helvetica, Sans, sans-serif;
          color: #FCC717;
          text-decoration: none;
          }
#leftmenu a.kontakt:hover {
          background: #E4E2EC url(../../img/layout/icon_kontakt.gif) center left no-repeat;;
          color: #000000;
          }
#leftmenu a.kontakt.active {
          background: #E4E2EC url(../../img/layout/icon_kontakt.gif) center left no-repeat;;
          color: #000000;
          }



/* C O N T E N T */




#content p {
          margin: 0 0 4px 0;
          font: normal 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
          color: #2F2F2F;
          }
#content h1 {
		  margin: 20px 0 10px 0;
          padding: 0px 0 0 0px;
          font: bold 14pt/130% Arial, Helvetica, Sans-Serif, Sans;
          color: #2F2F2F;
          text-align: left;
          }
#content h2 {
          margin: 20px 0 0 0;
          padding: 1px 0 1px 20px;
		  background: transparent url('../../img/layout/dot.gif') 0% 50% no-repeat;
          font: bold 11pt/140% Arial, Helvetica, Sans-Serif, Sans;
          color: #2F2F2F;
          text-align: left;
          }
#content h3 {
          margin: 20px 0 0 0;
          padding: 0px 0 0px 0px;
          font: bold 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
          color: #2F2F2F;
          text-align: left;
          }
#content img {
		  border: 1px solid #cccccc;
                  }
#content a {
          font: bold 10pt/140% Arial, Helvetica, Sans, sans-serif;
          color: #0078B4;
          text-decoration: none;
          }
#content a:hover {
          color: #000000;
          text-decoration: none;
          }


/*  c a t e g o r y  M A P */


div.category {
          background: transparent;
          width: 280px;
          float: left;
          margin: 20px 0 0 0;
          font: normal 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
          color: #000000;
          }
div.category img {
          float: left;
          margin: 4px 10px 0 0;
          }
div.category a {
          font: bold 8pt/160% Arial, Helvetica, Sans, sans-serif !important;
          color: #000000;
          text-decoration: none;
          }
div.category a:hover {
          color: #0078B4;
          text-decoration: none;
          }


/*  U N T E R S E I T E N   R I G H T   P I C T U R E  */


#rightpic {
		  float: right;
          margin: 70px 0px 10px 20px;
          padding: 0px;
		  border-width: 0px !important;
          }


/*  C O N T E N T  T A B E L L E  */


#tab1 {
          border-width: 0;
		  margin: 0;
		  padding: 0;
          }
#tab1 td {
          margin: 0 0 10px 0px;
          padding: 0px 10px 4px 0;
		  border-bottom: 1px solid #ffffff;
          }


/* T A B E L L E  E V E N T S */

table.events_big{

	background: #ffffff;
	border-collapse: collapse;
	}
	table.events_big td{
		padding: 5px;
		border: 1px solid #ac7900;
		}
	table.events_big tr.alternate{
		background: #f1f1f1;
		}



/* A L L G E M E I N */


img {
           border-width: 0;
           }
img.bord {
           border: 1px solid #808080;
           }

.right {
           text-align: right;
        }
.cent {
           text-align: center;
      }
div.clear {
           clear: both;
           }
		   
ul {
           list-style-position: outside;
           margin-left: 0.5em;
           margin-top: 1em;
           margin-bottom: 1em;
           padding-left: 10px;
           padding-right: 1.0em;
           vertical-align: top;
           font: normal 10pt/160% Arial, Helvetica, Sans-Serif, Sans;
           color: #000000;
		   }
ol {
           list-style-position: outside;
           margin-left: 0.5em;
           margin-top: 1em;
           margin-bottom: 1em;
           padding-left: 10px;
           padding-right: 1.0em;
           vertical-align: top;
           font: normal 10pt/160% Arial, Helvetica, Sans-Serif, Sans;
           color: #000000;
		   }


/* M E N U E */


#menu {
           position: relative;
		   z-index: 1000;
           margin: 50px auto 0px auto;
           padding: 0px;
		   background: transparent;
		   z-index: 6000;
           }
#menu .top {
           margin: 0px 0 0 0px;
           padding: 0 20px 14px 20px;
		   text-align: center;
           }
#menu .top a {
           display: block;
           white-space: nowrap;
           padding: 0 20px 0 20px;
           font: bold 10pt/160% Arial, Helvetica, Sans-Serif, Sans;
           color: #000000;
           }
#menu .top a:hover {
           white-space: nowrap;
           padding: 0 20px 0 20px;
           font: bold 10pt/160% Arial, Helvetica, Sans-Serif, Sans;
           color: #0078B4;
           }
#menu .top a.active {
           
		   text-decoration: none;
           padding: 0 20px 0 20px;
           font: bold 10pt/160% Arial, Helvetica, Sans-Serif, Sans;
           color: #0078B4;
         }
#menu .section-top {
           position: absolute;
           visibility: hidden;
           z-index: 10000;
		   width: 250px;
           background: #0177B4 url('') top left repeat-x;
           margin: 0px 0 0 10px;
           padding: 1px;
           font: bold 9pt/160% Arial, Helvetica, Sans-Serif, Sans;
           filter:alpha(opacity=90);
                           -moz-opacity:0.90;
         }
#menu .section {
         position: absolute;
         visibility: hidden;
         background-color: #008DD9;
         z-index: -1;
         }
#menu .sub {
         position: relative;
         background-color: #008DD9;
         }
#menu .box {
         margin: 0px;
         width: 100%;

         }
#menu .box-hover {
         background-color: #FFFFFF;
         }
#menu .box-right {
         background-color: #008DD9;
         width: 100%;
         }
#menu .box-right-hover {
         background-color: #008DD9;
         width: 100%;
         }
#menu .box-right img, #menu .box-right-hover img {
         position: absolute;
         top: 5px;
         right: 1px;
         }
#menu a {
         display: block;
         width: auto;
         color: #FFFFFF;
         text-decoration: none;
         background-color: transparent;
         padding: 0 20px 0 20px;

    }
#menu a:hover {
         width: auto;
         color: #000000;
         text-decoration: none;
         padding: 0 20px 0 20px;

    }
#menu a.active {
         background-color: #ffffff;
		 color: #000000;
         text-decoration: none;
         }
#menu a.active:hover {
         color: #000000;
         text-decoration: none;
         }



/*  H O M E  A K T U E L L  B O X  */


#borderline {
         width: auto;
         margin-top: 10px;
         height: 12px;
         background: url('../../img/layout/back_03.jpg') top left repeat-x;
         }
#aktuell {
         float: left;
         margin: 0;
         padding: 0px 15px 15px 45px;
         width: 210px;
         font: normal 10pt/160% Arial, Helvetica, Sans-Serif, Sans;
         }
#aktuell h1 {
         font: bold 11pt/140% Arial, Helvetica, Sans, sans-serif;
         color: #000000;
         margin: 10px 0 10px 0;
         }
#aktuell a {
         background: transparent url('../../img/layout/arrow.jpg') center left no-repeat;
         margin: 5px 0 0 0;
         padding: 4px 0 4px 30px;
         font: bold 10pt/140% Arial, Helvetica, Sans, sans-serif;
         color: #000000;

         text-decoration: none;
         }
#aktuell a:hover {
         color: #0078B4;
         text-decoration: none;
         }

#aktuell_2 {
         float: left;
         margin: 0;
         padding: 0px 15px 15px 45px;
         width: 220px;
         background: url('../../img/layout/back_04.jpg') top left repeat-y;
         font: normal 10pt/160% Arial, Helvetica, Sans-Serif, Sans;
         }
#aktuell_2 h1 {
         font: bold 11pt/140% Arial, Helvetica, Sans, sans-serif;
         color: #000000;
         margin: 10px 0 10px 0;
         }
#aktuell_2 a {
         background: transparent url('../../img/layout/arrow.jpg') center left no-repeat;
         margin: 5px 0 0 0;
         padding: 4px 0 4px 30px;
         font: bold 10pt/140% Arial, Helvetica, Sans, sans-serif;
         color: #000000;

         text-decoration: none;
         }
#aktuell_2 a:hover {
         color: #0078B4;
         text-decoration: none;
         }

 /* M A P - T A B E L L E N  */


                 #map {
                         margin: 10px 40px 20px 40px;
                         padding: 0;
                         font-family: Arial, Helvetica, Sans-Serif, Sans;
                        }
                 #map td {
                         margin: 0 0 0px 0px;
                         padding: 0px 20px 10px 0px;
                         font: normal 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
                         color: #000000;
                         }
                 #map td h6 {
                         margin: 0px 0px 0px 0px;
                         padding: 0px 0 0 0px;
                         font: bold 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
                         color: #325493;
                         }
                 #map td a {
                         font: bold 10pt/140% Arial, Helvetica, Sans, sans-serif;
                         color: #000000;
                         text-decoration: none;
                         }
                 #map td a a:hover {
                         background: #FFFFFF;
                         color: #0078B4;
                         text-decoration: none;
                         }



/*  F O O T E R  A D R E S S E  */





/* ########################## Text Formatierungen ######################### */


h1 {

           margin: 0px 0 0px 0px;
           padding: 4px 0 4px 0px;
           font: bold 11pt/140% Arial, Helvetica, Sans-Serif, Sans;
           color: #04345C;
           text-align: left;
           }