/*  ********************     main_a.css style sheet *****************  */
/*  ********************     version 0.1      March 2008, Kpf *********  */
/*  ********************        Humpen              *******************  */

body {          /* Body design ======================================  */

    width: 1010px; 
    
     /*  sets screen width ; if omitted: stop line wrap */   /* was 100% 1026 */
	margin: 0;
	padding: 0;
    /* below: *color: brown  maroon=800000    brown= */
		background-color: #610000;   /*color:  */
	font-family: "Arial", sans-serif; 
    /* background-image: url('images/bsmoke.jpg');         */
    background-repeat: repeat;
	/* background-position: 0em 0px;  */
	               /* when menu gets longer, shift down */
	}

#wrap {          
    width: 100%                /* was 100%  */    
}

#kopf {           /* Kopf design ====================================  */
	border-top: 2px solid brown;
	height: 79px;                  /* defines kopf height  was 90 */
	width: 1024px;   /*100%;  */
	/* width: 1000px; */                /* also sets screen width; if>kopf: weisser Rand */  
	/* border-bottom: 2px solid brown;  */
    background-image: url('images/backgrounds/h_header_gradient_1023_95.jpg');
    	/* default  header background 1023px*/
    background-repeat: no-repeat;
    background-position:  right top; 
}

#kopf .logo {	   /*    Humpen logo       later:try inserting logo here */
    float: left; 
    width: 152px;  /* adapt size */
    height: 80px;   		
	margin-left: 9px;
	margin-top: 02px;
		
}
  
#kopf .kopftext {			  				/*    text line, individual GIF on each page       */ 
	float: right;
	width: 600px;
	height: 60px;
	margin-right: 25px;
	margin-top: 10px;                       /*   adjust text bottom line for kopftext  */
}


 /*  ================= 	rollover menu    =============================  */

div#rmenu {  
    position: absolute;
    float:left;          /*  new, remove  */
    top: 110px;          /*  top position of menu  140 */
	left: 1px;
	/* height: 100%;        addedd   */
    width: 150px;
}

div#rmenu ul {
    list-style: none;
    margin-left: 0px;    /* defines left button margin */
    padding-left: 0px;
}

div#rmenu ul li a {
    list-style: none;
    margin-top: -0px;
    padding-left: 14px;             /*  right shifts text on buttons was 26*/ 
    
}

div#rmenu li {

    list-style-type: none;
       /* was 40   defines size of button box*/
    width: 200px;      /* was 182 = size of gif */
    margin: 3px;       /* distance between buttons was 1px*/
    align: left;
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: normal;
    font-weight: bold;          <!-- was bold -->
    text-align: left;
    line-height: 30px;
    list-style-type: none;
    background-repeat: no-repeat;
    
}

div#rmenu li a {

    display: block;
    width: 100%;
    height: 30px;   /* was 26px */
    /*  height: 100%;  */
    text-decoration: none;
    background-image: url(images/backgrounds/holz_button_3da_s.gif);   
    background-repeat: no-repeat;
    background-position: 0px 0px;
    color: yellow;

}
   
div#rmenu li a:link {
    color: #yellow;
    background-image: url(images/backgrounds/holz_button_3da_s.gif);
}

 div#rmenu li a:visited {
    font-weight: bold;  <!-- was bold -->

    color: yellow;
}

div#rmenu li a:hover {
    font-weight: bold;    <!-- was bold -->

    background-image: url(images/backgrounds/holz_button_shr.gif); 
    color: #ffb239    /*  #FF4040; */
} 

div#rmenu li a:active {
    color: red;
    background-image: url(images/backgrounds/holz_button_shr.gif);
}
			
   	/*  ==================== second level menu  ============================== */
div#rmenu ul ul {

    list-style: none;
    margin-left: 8px;    /* defines right shift for 2nd menu ####### ########### ########## ############ ### */
                          /* #########  this line switches all submenus ON ####### */        
	display: none; 
	font-weight: bold;   <!-- was bold -->

	
}
 
div#rmenu ul ul a {

    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background-image: url(images/backgrounds/holz_button_3d_sp4.gif);   
    background-repeat: no-repeat;
    background-position: 00px 0px;
    font-weight: bold;   <!-- was bold -->


}
					                      	
div#rmenu ul ul a:link {
    /*  list-style: none; */
    color: yellow;
    font-weight: bold;        <!-- was bold -->
    background-image: url(images/backgrounds/holz_button_3d_sp4.gif); 
  
}

div#rmenu ul ul a:visited {
    color: yellow;
    font-weight: bold;    <!-- was bold -->

    background-image: url(images/backgrounds/holz_button_3d_sp4.gif); 
} 

div#rmenu ul ul a:hover {
    font-weight: bold;   /*  was 1400 no effect */
    background-image: url(images/backgrounds/holz_button_3d_a.gif); 
    color: #600033;
    padding-left: 28px; 
     /* margin-left: 80px; */
    
} 

/*  ========================   link colors ====================== */

a:link { font-weight:bold; color: #FC0; text-decoration:underline; }   /* light yellow*/
a:visited { font-weight:bold; color: #FFC; text-decoration:underline; }  /* light yellow*/

a:focus { font-weight:bold; color:#F30; text-decoration:underline; }
a:hover { font-weight:bold; color:red; text-decoration:underline; }
a:active { font-weight:bold; color:#F30; text-decoration:underline; }




				/*   	content  header  ===========================  */
h1 {         
    
	font: 140%  "Arial", sans-serif; 
	color: red;
	margin-bottom: -15px                   /* shift upwards after h1  */
	
}
				/* used inside galeries - tables  */
h2 {         
    
	font: 100%  "Arial", sans-serif; 
	color: red;
	margin-bottom: -0px                   /* shift upwards after h1  */
	
}

h3 {         
    <!-- used for link headers -->
	font: 100%  "Arial", sans-serif; 
	color: #ff7700;
	margin-bottom: -0px                   /* shift upwards after h1  */
	
}



h1.hindent50 { padding-left: 2.7em; }



				/*   	content  text =============================  */
#content {     

    position: absolute;
    top: 110px;                   /* defines top position of header  110 */
    left: 230px;                 /* was 230 px
    /*  width: 710px;  */ 
    
    width: 750px; 
    float: right;
    color: darkred;
    font-family: "Arial", sans-serif; 
    
		 /* right start of content */ 
	margin-right: 5px;
	/* border-bottom: 2px solid brown;  */

}


#content p {                 /*   block text  ===================== */

	color: yellow ;                
    font-family: "Arial", sans-serif; 
	font-size: 80%;
	line-height: 1.6em;           /*    change */
	
}

                                 /*   Bilder positionieren     */
#content .rightimg {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

#content .leftimg {
    float:left;
    margin-right: 20px;
    margin-bottom: 10px;
}
		
		
#footer {
clear: both;
position: relative;
bottom: 00px;
background-image: url('images/backgrounds/holz_014_cbrown_flip_s.jpg'); 		

}		
   
		                          /*    definitions for galerie tables   */
.galerietable tr {
    align: top;
	vertical-align-top: top;
}

.galerietable td {
    vertical-align-top: top;
    font: 70%  "Arial", sans-serif; 
	color: darkred;
    padding: 3px;
    margin-top: 5px;
    
}				

.quizlegend {
    font: 14px   "Arial", Helvetica, sans-serif; 
    font-weight: normal;
	color: red;
	padding: 3px;
	margin-top: -20px;
	margin-bottom: 0px;
}


.tabheader {
    font: 14px  "Arial", sans-serif; 
    font-weight: normal;
	color: red;
	padding: 3px;
	margin-top: -15px;
	margin-bottom: -20px;
	
}

.tabtext {
    font: 12px  "Arial", sans-serif; 
	color: darkred;
    padding: 3px;
    
}

.linktable td {
    vertical-align-top: top;
    font: 12px  "Arial", sans-serif; 
	color: darkred;
    padding: 4px;
    margin-top: 5px;
}