html {height:101%}

 
body { 
	   font-size: 100.01%;
       position: relative; 
	   color: #000; 
	   background: #FFFFF0;
	   text-align: left; 
	   font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.4em;
} 



* {margin:0; padding:0; border:0; font-size: 100%;}

/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/
#main { width: 100%; z-index: 10;}
/* IE Mac Hack Kommentar \*/
#main { clear: both;}
/* CSS-Kommentar nach dem Hack */

/* Die Breiten-Verhältinisse werden nach "dem goldenen Schnitt" im Verhältnis 5 : 8 : 3 (ca. 31% : 50% : 19%) unterteilt. */
#col1 {
	float: left;
	width: 1px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#col3
{
	width:auto;
   	margin-left: 0; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
   	margin-right: 19%; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}



#col1, #col3, #col2 { position: relative; }
#col1_content, #col3_content, #col2_content { position: relative; }

#footer { clear:both; width:auto; }


/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/

ul, ol, dl { margin: 0 0 1em 0px; }
li { margin-left: 1.5em;  }



blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

b { font-size: 0.8em;}


/* ######################################################################################################
** ### Schriften und Farben allgemeine HTML-Elemente ####################################################
** ######################################################################################################
*/




h1,h2,h3,h4,h5,h6 {display:block;}
h1 {font-size: 110%; color: #333300; font-weight:bold; margin:0.7em 0 0.7em 0px; padding: 0.2em; border-bottom: 0px #663300 solid;}
h2 {font-size: 90%;  color: #333300; font-weight:bold; padding: 0.1em;  border-bottom: 0px #666633 solid;}
h3 {font-size: 90%; color: #333300;font-weight:bold;  padding: 0.1em;  border-bottom: 0px #666633 solid;}
h4 {font-size: 90%; color: #333300;font-weight:normal; margin:0.9em 0 0.9em 0px; padding: 0.1em;  border-bottom: 1px #666633 solid;}


#col3 li {
    color:#333300;
    font-weight:600;
    font-size: 100%
    }



#col3 a {
    color:#333300;
    font-weight:400;
    }


#col3 a:hover
{
    color:#993300;
    font-weight:400;
    }
    
 
 
 .csc-loginform {
padding: 10px;
background: #cccc66;
 }
 
 .csc-form-label-req {
 
 }
 
 .csc-form-fieldcell {
   font-size: 0.9em;
padding: 10px;

 }
 

 
 

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/



#inhalt {
margin-top: 15px;
margin-right: 50px;
margin-bottom: 20px;
min-height: 400px;
}

#inhalt p {
font-size: 0.9em;
font-weight: normal;
margin-top: 0.5em;
}

#inhalt li {
padding-left: 15px;
font-size: 0.9em;
list-style: none;
font-weight: normal;
background-image: url(images/list_image.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


#sprachlinks {
margin-left: 0px;
float: right;
margin-top: 0px;
display: none;
}

#sprachlinks b {
font-weight: 400;
padding-left: 15px;
margin-right: 15px;
color: #330000;
font-size: 90%
background-color: none;
}

#sprachlinks a {
padding-left: 15px;
padding-right: 15px;
color: #330000;
font-size: 90%
background-color: none;
background-image: url(images_index/pfeil.gif);
background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}


#sprachlinks a:hover {
color: #333300;
background-image: url(images_index/pfeil.gif);
	background-repeat: no-repeat;
}



/* ######################################################################################################
** ### Menue ########################################################################
** ######################################################################################################
*/

/* "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.deejay-home.de)
*/

#menu_1 {
margin-top: 20px;
margin-left: 40%;
width: 50%;
color: #333333;
font-size: 0.9em;

}


#menu_1 a {
color: #333333;
padding-left: 5px;
padding-right: 5px;

}



#mod_menue {
    width:150px;
    padding-top:0px;
   padding-left:0px;
    }
  
  

#mod_menue ul {
margin:0;
padding:0;
 padding-top: 20px;
 padding-bottom: 20px;
background-image: url(images/gelb_navli.gif);
}
    

#mod_menue  .untermenu1 {
    margin-left:20px;

    }
    
    #mod_menue  .untermenu_auswahl {
    margin-left:20px;

    }
    



#mod_menue  ul li
{
	list-style-type: none;
	padding: 0;
	margin: 0;  
	font-size: 0.9em;   	
}

#mod_menue  ul li a
{
  padding-left: 10px;
  border-bottom: 1px solid white;
display: block;
}

#mod_menue  .menuxaktiv, .menuxaktiv_back, .menuy_aktiv
{
	
	padding: 0px 5px 0px 10px;
	margin-top: 1px;
 border-bottom:1px solid #fff;
 border-top:1px solid #333333;
       
}




#mod_menue  .untermenu2 {
    margin-left:20px;
    }
#mod_menue  .untermenu1 a, #mod_menue  .untermenu1 span
{
	padding: 0px 5px 0px 0px;
	margin-top: 0px;
}

#mod_menue  .untermenu2 a, #mod_menue  .untermenu2 span
{
	padding: 0px 5px 0px 50px;
	margin-top: 0px;
}

#mod_menue .untermenu3 a, #mod_menue  .untermenu3 span 
{
	padding: 3px 5px 3px 70px;
	margin-top: 0px;
}

#mod_menue  li a, #mod_menue  
{
	font-weight: bold;
	text-decoration: none;
        color:#333300;
        font-size:100%;
        display: block;
}



#mod_menue  .untermenu1 li a, #mod_menue  .untermenu1 li a:visited, #mod_menue  .untermenu1 li span
{
	font-weight: bold;
	text-decoration: none;
        color:#713A15;
        font-weight:600;
        font-size:95%;

        border-bottom:1 px solid #707C82;
}



#mod_menue  .untermenu1 li a:hover, #mod_menue  .untermenu1 li a:focus
{
	color: #000000;
       background:  #923A00;
		background-image: url(images/hgnav2.gif);				
       border-bottom:1px solid black;
	
}

#mod_menue  li a:hover, #mod_menue  li a:focus
{
	color: #000000;
       background-image: url(images/hgnav2.gif);
        border-bottom:0 px solid #707C82;	
       border-bottom:1px solid black;
	
}

#mod_menue xaktiv
{
	color: #923A00;

}

#mod_menue   .menuxaktiv_back
{
	color:#fff;
        background-color:#923A00;
							
}
#mod_menue  .untermenu1 .menuxaktiv_back
{
	color:#000;
        	background-image: url(images/hgnav2.gif);	      							
}

.untermenu_auswahl {
color:#000;
background-image: url(images/hgnav2.gif);
}



#mod_menue  li.hauptmenu a
{
 color:#333300;
 display: block;
 padding-bottom: 0;
 margin: 0;
}


.auswahl {
background: #993300;
color: #fff;
}



#mod_menue li.auswahl a {
background: #993300;
color: #fff;
display: block;
 padding-bottom: 0;
 margin: 0;
}



#mod_menue li.untermenu1 {
    padding-left:10px;
    color: #000;
  font-size: 0.8em;
    }
    
    #mod_menue li.untermenu_auswahl {
    color: #000;
   background-image: url(images/list_image.gif);
	background-repeat: no-repeat;
	background-position: left center;
font-size: 0.8em;
    }
    
    * html #mod_menue ul a { width:100%; }

/* ######################################################################################################
** ### Globale Layoutanpassungen ########################################################################
** ######################################################################################################
*/

/* "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.deejay-home.de)
*/

#head

{
	padding-left: 0px;
	min-height: 90px;
	background-image: url(images/topbild_lang2.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
	background-color: #F3EA85;
        height:90px;
        margin-top:0;
        padding-top:0px;
        
         border-top:10px solid #993300;
          border-left:0px solid #993300;
         
        
}





/* Festlegung der Layoutbreite und Zentrierung */
#page_margins
{       width:95%;
	margin: 0px auto;
 	padding: 0px;
   background-image: url(images/randhg1.jpg);
    background-repeat: repeat-y;
        background-color:#FFFFF0;
         border:1px solid gray;
        
         border-right:10px solid #993300;
         padding-top:0px;
         margin-bottom: 10px;
 	
	/*max-width:inherit;  /* max-width für fixes Layout abschalten */
	/*min-width:inherit;  /* min-width für fixes Layout abschalten */
}


*html #page_margins
{    
	margin: 0px 20px;
 }

*html #page_margins
{    
	m\argin: 0px auto;
 }



#suchen {
margin-top: 30px;
}

/* ######################################################################################################
** ### Menü(s)                                           ################################################
** ######################################################################################################
*/

#col1 {
    width:150px;
    margin-left: 0px;
     margin-top: 0;
    
    }










/* ######################################################################################################
** ### spezielle Artikel-Klassen                         ################################################
** ######################################################################################################
*/


#col3 {
 background: none;
    
    margin-right:0px;
     margin-top:0px;
    margin-left:150px;
    padding-right:20px;
    padding-top:1em;
    padding-left:20px;
    text-align:left;
  
    }
    
    




/* ######################################################################################################
** ### footere                              ################################################
** ######################################################################################################
*/

#footer {
height: 30px;
    border-top:1px solid #fff;
    background:#fffff0;
      background-image: url(images_index/hg_nav1.jpg);
      font-size: 0.8em;
      color: #333333;
      text-align: center;
    }
    
  #footer h1 {
   display: none;
    }
    
    
    #footer p {
   margin-left: 150px;
   margin-top: 5px;
    }
    
    
    
    /*******************************************
* Styles für Extension "tx_indexedsearch"
********************************************/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; font-size: 0.8em; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; font-size: 0.8em;  border: 1px solid black;}
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic;}
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; font-size: 0.8em;  }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; font-size: 0.8em;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; font-size: 0.8em;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; font-size: 0.8em;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; font-size: 0.8em;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; font-size: 0.8em;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr {font-size: 0.9em;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {font-size: 0.9em;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-path {font-size: 0.9em;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup {}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#E0E7F5; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { color:#006699; margin-top:0px; margin-bottom:0px; background:transparent; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle;}
.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; }
.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup { font-family: monospace; font-style: normal; padding:0 0.3em 0 0.3em; background:#ffff88; border: 0px #ccd solid; }
    
    #tuefo_form {
    font-size: 0.87em;
    font-family: arial, helvetica, sans serif;
    line-height: 2em;
    }
    
     #tuefo_form b {
    font-size: 1em;
    font-family: arial, helvetica, sans serif;
    }
    
    #tuefo_form td.form {
line-height: 1.8em;
padding-top: 0.3em;
padding-bottom: 0.3em;
 } 
 #tuefo_form td.form input {
 border: 1px solid black;
 }    
 
 #tuefo_form td.form_text {
line-height: 1.8em;
padding-top: 0.3em;
padding-bottom: 0.3em;
 } 
 
 #tuefo_form span {
padding-right: 1em;
padding-left: 0.3em;
 } 
 
#tuefo_form span.left {
 padding-left: 2em;
padding-right: 0.3em;
 }
 
 #tuefo_form span.feldname {
 padding-left: 0.3em;
padding-right: 0.3em;
background: #ccc;
border: 1px solid grey;
margin-right: 1em;
 }
 
 .topic {
 border-bottom: 1px solid maroon;
 width: 700px;
 padding-top: 1em;
 }
 
 
 .tx-macinasearchbox-pi1 form p {
display: none;
 }