/* HSpoeck 2007*/



  html, body { 
     margin: 0px;
     padding: 0pt;
     color: black;
     background: url(gfx/Pattern4.gif);
     font-size: 90%;
     font-family: Verdana,Helvetica,Arial,sans-serif;
     text-align: center;
     height:100%;
    
    }
    

table, td {
  padding-left:3px;   
  }

table.contenttable {	
   border-collapse: collapse;	
   margin-left:3px;

   }
   
table.contenttable td, table.contenttable th {	
   font-family: verdana;	
   padding: 2px;
   border: 1px dashed #CCCCCC;
   }

     
ul {list-style-type:circle;}      
     
ul,li {
  font-family: Verdana,Helvetica,Arial,sans-serif;
   }
	
	
img {border: none;} 	
	
h1
 {
   font-size:120%;
   font-weight:bold;
   color:#394E6B;
   }
	


A:LINK,.bodytext A:VISITED {
	color:#0000ff;
	text-decoration:none;
}
A {
	color:#0000ff;
	text-decoration:none;
}	

A:HOVER {
        color:#000080;
        text-decoration:underline;
        }

ul li a, ul li a:link,ul li a:visited  {
	color:#0000ff;
	text-decoration:none;
	
        }	

ul li a:hover {
        color:#000080;
        text-decoration:underline;
                }
	 

  #header {
    position: relative;
    min-width: 600px;  /*to match wrapper div */
    margin:0 auto;
    padding:0;
    background: #fff; /* wei� */
    border-bottom: 1px solid rgb(0, 0, 0);
    border-left:0px;
    border-right:0px;
    height: 72px;
    width:904px;
    }

#headLink {
	 position: relative;
   margin: 0px auto;
   margin-top:5px;
   background: #ffffff; /*#e2e6e9; hellgrau */
   /*border: 0px solid #000;*/   
   border-bottom: 1px solid rgb(0, 0, 0);
   height:14px;
   width:904px;
}    

#linkRechts{
 text-align: right; /* reset text alignment */	
}    

#linkLinks{   float:left;
             margin-top:-2px;
             text-align: left; /* reset text alignment */	
}    
	 

  #MainMenu { 
   position: relative;
   margin: 0px auto;
   padding:2px;
   background: #ffffff;
   background-image:url(../images/abstand.gif);
   background-repeat:no-repeat;
   background-position:center left;
   border-bottom: 1px solid rgb(0, 0, 0);
   text-align: left; /* reset text alignment */
   text-indent:5px;
   height:17px;
   width:900px;
  }

 .linkMainh { font-size: 11px;color:#000080;}
 a.linkMainh:link { text-decoration: none;color:#000080;}
 a.linkMainh:visited { text-decoration: none;color:#000080;}
 a.linkMainh:hover { text-decoration: none;color:#0000FF;}
 a.linkMainh:active { text-decoration: none;color:#0000FF;}




  .linkMain { font-size: 10px;color:#000080;}
 a.linkMain:link { text-decoration: none;color:#000080;}
 a.linkMain:visited { text-decoration: none;color:#000080;}
 a.linkMain:hover { text-decoration: none;color:#0000FF;}
 a.linkMain:active { text-decoration: none;color:#0000FF;}

  .linkMainfs { font-size: 10px;color:#ffffff;}
 a.linkMainfs:link { text-decoration: none;color:#ffffff;}
 a.linkMainfs:visited { text-decoration: none;color:#ffffff;}
 a.linkMainfs:hover { text-decoration: none;color:gray;}
 a.linkMainfs:active { text-decoration: none;color:gray;}

 .linkMainb { font-size: 10px;color:#000000;}
 a.linkMainb:link { text-decoration: none;color:#aa0000;}
 a.linkMainb:visited { text-decoration: none;color:#660000;}
 a.linkMainb:hover { text-decoration: none;color:#ff0000;}
 a.linkMainb:active { text-decoration: none;color:#660000;}





  #container { 
    position: relative;
    width: 904px;
    min-width: 600px; /* to allow room for images and long words */
    border: 0px;
    background: #fff;/* wei? */
    margin: 0 auto; /* compliant center */
    padding:0 0pt 0 0pt;
    text-align: left; /* reset text alignment */
    min-height:80%; 
    /* background-image:url(gfx/star_gelb.jpg);*/
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:200px 90%;
  }





	

/*  #container:after {
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
} */ 



  #inner {  
    position: relative; 
    padding: 0 209px 0 170px;
    
    }

 #inner_cd {  
    position: relative; 
    padding: 0 0 0 170px;
    }




  #rechts {
     position: absolute;
     top: 0;
     bottom: 0; 
     height:100%;
     z-index:15;  
   }

   #links {
     position: absolute;
     top: 0;
     bottom: 0; 
     height:180px;  
   }




  #links {
    left: 0; 
    padding-left:1px;
    width: 170px; 
    background:#fff;
    overflow: visible;
    border-right: 1px dotted #f1e21a;
   }



  #nav_links {
    width:170px;
    }

 #nav_links a, #nav_links a:link, #nav_links a:hover, #nav_links a:visited, #nav_links a:active 
 {text-decoration:none; font-weight:normal;}
 



  #login_links  {
        /* padding-top:100%;*/
	width:170px;
	margin-left:2px;
    }
	 




  #rechts {
    right: 0; 
    width: 209px;
    font-size: 0.7em; 
    background: url(gfx/bg_grau.jpg) repeat-y 100% 0;

    border-left: 2px solid #000;
    
   }
   



   #nav_rechts {
    width:209px;
    margin-top:32px;
    }

 #nav2_rechts {
    width:209px;
    margin-top:15px;
    }

 #sponsoren   {
     width:209px;
    margin-top:40px;
  /*  margin-left:10px;*/
  margin-bottom:10px;
  
}


#rechts_sprache {
 /*width:209px;*/
  text-transform: uppercase;
  line-height:14px;
  text-align:right;
  margin-right:6px;

}


#rechts_sprache a, #rechts_sprache.NO, #rechts_sprache.SPC , #rechts_sprache.INACT 
{
  
  font-size:11px;
  color:#999;
  text-decoration:none;
  font-weight:normal;
}
#rechts_sprache a:hover { text-decoration:underline; }

#rechts_sprache.CUR   {
  color:#f00;
  font-weight:bold;

}


  #links p {
    height: 50%;
   }

  #rechts p {
     margin: 5px;
   } 





  #mitte { 
    position: relative;  /* to enable further positioned divs inside content area */
    z-index: 100; /* to make sure if long words overflow they show above the right column */ 
  /*border-left: 1px solid #000;
    border-right: 4px solid #000;*/
    background:transparent;  
    padding: 0;
    margin: 0;
    overflow:visible;
    
      }
   



  .clear { clear: both; }

 #shortcut {
    margin: 0px;
    padding:0px;
    display: inline;
    position: relative;
    hight:auto;
    overflow: visible;
    }



  #trailer {
    margin-top: 0px;
     margin-left: 3px;
      margin-right: 0px;
       margin-bottom: 0px;
    padding:0px;
    
    display: inline;
     hight:auto;
    position: relative;
    overflow: visible;
    }



  #content { position: relative;
    padding-top: 10px;
    background: transparent;
    text-indent:2px;
    border-left: 1px dotted #f1e21a;
    border-right: 2px solid #000;
    margin-left:0px;
    padding-left:5px;
    padding-right:10px;
     font-size:100%;
   font-family: Verdana,Helvetica,Arial,sans-serif;

      overflow:visible;
 
}


 #content_cd { position: relative;
    padding-top: 10px;
    background: transparent;
    text-indent:2px;
    border-left: 1px dotted #f1e21a;
    border-right: 0px solid #000;
    margin-left:0px;
    padding-left:5px;
    padding-right:10px;
     font-size:100%;
  font-family: Verdana,Helvetica,Arial,sans-serif;

   }





 #foot { 
    margin: 0 auto; /* compliant center */
    background: rgb(57, 78, 107) none repeat scroll 0%;
    /*display: block;*/
    height: 20px;
    width:906px;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 10px;
    }

 .bodytext,csc-bulletlist,.csc-bulletlist-0, .tx-indexedsearch,news-latest-gotoarchive  {
  font-size:100%;
  font-family: Verdana,Helvetica,Arial,sans-serif;
 /* line-height: 150%*/
  }




 .csc-firstHeader,csc-header csc-header-n2,csc-header csc-header-n1
  {
   font-size:120%;
   font-weight:bold;
   color:#394E6B;
   }





.tx-newloginbox-pi1 table {

border:0px solid #ccc; 
   width:80%; 
}
.tx-newloginbox-pi1 th { 
background:transparent; 
padding:2px; 
text-align:right; 
white-space:nowrap; 
width:25%; 
}
.tx-newloginbox-pi1 td { 
background:transparent; 
padding:2px; 
}

.tx-newloginbox-pi1 {
font-size:100%;
font-family: Verdana,Helvetica,Arial,sans-serif;
	
}

/*plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; font-size:70%;}
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right;  font-size:70%;}
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left;  font-size:70%;}



	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	{$styles.content.imgtext.borderSelector} {
		border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor};
		padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: {$styles.content.imgtext.colSpace}px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: {$styles.content.imgtext.colSpace}px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: {$styles.content.imgtext.colSpace}px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: {$styles.content.imgtext.rowSpace}px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: {$styles.content.imgtext.rowSpace}px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: {$styles.content.imgtext.textMargin}px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: {$styles.content.imgtext.textMargin}px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
######
#
# Snippets by http://typo3.intervation.de/index.php?id=1
#
#### 

.menu {
width:750px;
font-size:0.85em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:150px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none;
color:#fff;
width:139px;
height:30px;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#758279;
padding-left:10px;
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#d4d8bd url(../../graphics/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0;
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px;
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd;
color:#000;
height:auto;
line-height:1em;
padding:5px 10px;
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff;
background:#949e7c;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
}

ul.menu, ul.menu ul {

    list-style-type: none;

}



ul.menu a {

    display: block;

    padding: 3px 10px 3px 10px;

    font-weight: normal;

}



ul.menu li {

    padding: 0;

    margin: 0;

    float: left;

    background-color: #FFF9E4;

    border:1px solid #26383D;

    height: 20px;

}



/* Für Unterpunkte keine Float-Eigenschaft */

ul.menu ul li {

    float:none;

    background-color: transparent;

}



/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */

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

    background-color: #FFF9E4;

}



/* Zweite Ebene */

        ul.menu ul {

              margin:0;

                 padding: 0;

               position: absolute;

               background-color: #26383D;

                border: 1px solid #FFF9E4;

                display: none;

                    width: 180px;

     }



   /* Zweite Ebene anzeigen */

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

               display: block;

   }



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

   }





/* Vierte Ebene */

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

                  display: none;

    }



   /* Vierte Ebene anzeigen */

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

               display: block;

   }
   

/*-------------CSS---------------------*/
a.menuLink2, a.menuLink2:link, a.menuLink2:visited {
  display:block;
  /*position:relative;*/
  height:17px;
  margin:0px;
  padding:2px;
  font-size:11px;
  font-weight: normal;
  padding-left:20px;
  text-decoration:none;
  background-color:#f3f1f1;
  background-image:url(../images/schalter_navi.gif);
  background-repeat:no-repeat;
  background-position:center left;
  color:#000080;
 
}

a.menuLink2:hover {
  background-color:#dddddd;
  background-image:url(../images/schalter_navi_act.gif);
  background-repeat:no-repeat;
  background-position:center left;
  color:#0000FF;
  /*text-decoration: underline;*/
}

a.menuLinkAct2 {
  display:block;
  /*position:relative;*/
  height:17px;
  margin:0px;
  padding:2px;
  padding-left:20px;
  font-size:11px;
  font-weight: normal;
  text-decoration:none;
  background-color:#dddddd;
  background-image:url(../images/schalter_navi_act.gif);
  background-repeat:no-repeat;
  background-position:center left;
  color:#333333;
}

a.submenuLink2 {
  display:block;
  /*position:relative;*/
  /*height:16px;*/
  margin:0px;
  padding:1px;
  padding-left:30px;
  font-size:10px;
  font-weight: normal;
  text-decoration:none;
  background-image:url(../images/schalter_subnavi.gif);
  background-repeat:no-repeat;
  background-position:center left;
  color:#666666;
}

a.submenuLink2:hover {
  /*color:#0000FF;*/
  text-decoration: underline;
}

a.submenuLinkAct2 {
  display:block;
  /*position:relative;*/
  /*background-color:#FFD5B1;*/
  color:#0055aa;
  /*height:15px;*/
  margin:0px;
  padding:1px;
  padding-left:30px;
  font-size:10px;
  font-weight: normal;
  text-decoration:none;
  background-image:url(../images/schalter_subnaviact.gif);
  background-repeat:no-repeat;
  background-position:center left;
}

#menuDiv2 {
  /*position:relative;*/
  width:170px;
  margin:0px;
  padding:0px;
  padding-top:0px;
  padding-left:2px;
  text-align:left;
  /*float:left;*/
}

li.menuItem2 {
  list-style-type:none;
  text-align:left;
  border-top:1px solid #fff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
 
}

li.submenuItem2 {
  list-style-type:none;
  color:#666666;
  text-align:left;
  border-top:1px solid #fff;
  border-bottom: 1px solid #fff;
}


#menuList2 {
  /*width:170px;*/
  margin:0px;
  padding:0px;
  border-bottom: solid 1px #fff;
  width:170px;
}

ul.submenuList2 {
  margin:0px;
  padding:0px;
  /*border-top: solid 1px #fff;*/
   
}


/*-------------CSS Klickpfad---------------------*/
.klickpfad a:link,
.klickpfad a:visited,
.klickpfad a:hover,
.klickpfad a:active{
       font-weight:normal;
       font-size:10px;
  }
.klickpfadact a:link,
.klickpfadact a:visited,
.klickpfadact a:hover,
.klickpfadact a:active{
      font-weight:normal;
       /*color:#1a488e;*/
        color:#0055aa; 
        font-size:10px;  
}