/*  ********************     main_a.css style sheet *****************  */
/*  ********************     version 3.4    Mai/Aug 2007, Kpf *******  */
/*  ********************                          *******************  */

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

    width: 980px;   /* was 1010 */
    
     /*  sets screen width ; if omitted: stop line wrap */   /* was 100% 1026 */
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;   /*color: brown;  needed?*/
	font-family: "Comic Sans MS", sans-serif; 
    background-image: url('images/bsmoke.jpg');                   /* default  background */
    background-repeat: repeat;
	background-position: 0em 0px;                 /* when menu gets longer, shift down */
	}

#wrap {          
    width: 100%              
}

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

#kopf .logo {	   /*    ChaBah logo       later:try inserting logo here */
    float: left;   
    width: 190px;
    height: 79px; 		
	margin-left: 4px;
	margin-top: 05px;
}
  
#kopf .kopftext {			  				/*    text line, individual GIF on each page   */ 
	float: right;
	width: 550px;
	height: 60px;
	margin-right: 25px;
	margin-top: 20px;                       /*   adjust text bottom line for kopftext  */
}



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


div#rmenu {  
    position: absolute;
    top: 140px;  
	left: 1px;
	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;
    padding-left: 23px;             /*  right shifts text on buttons */ 
}

div#rmenu li {
    list-style-type: none;
           /*    defines size of button box*/
    width: 182px;   
    margin: 1px;   /* v distance between buttons */
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
    font-size: 13px;    /* was small  */
    text-align: left;
    line-height: 28px;           /* was 200%  */
    background-repeat: no-repeat;
    
}

div#rmenu li a {

    display: block;
    width: 100%;
    height: 26px;
    text-decoration: none;
    background-image: url(images/1stlevel.gif);   
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
   
div#rmenu li a:link {
    color: darkred;
    background-image: url(images/1stlevel.gif);
}

 div#rmenu li a:visited {
    font-weight: normal;
    color: darkred;
}

div#rmenu li a:hover {
    font-weight: 500;
    background-image: url(images/1stlevelred.gif); 
    color: red;
} 

div#rmenu li a:active {
    color: darkred;
    background-image: url(images/1stlevelred.gif);
}
			
   	/*  ==================== second level menu  ============================== */
div#rmenu ul ul {
    list-style: none;
    margin-left: 13px;    /* defines right shift for 2nd menu */
                   /* #########  this line switches all submenus ON ####### */        
	display: none; 
}
 

div#rmenu ul ul a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background-image: url(images/2ndlevel.gif);   
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

					                      	
div#rmenu ul ul a:link {
    color: darkred;
    background-image: url(images/2ndlevel.gif); 
}

div#rmenu ul ul a:visited {
    font-weight: normal;
    color: darkred;
    background-image: url(images/2ndlevel.gif); 
} 

div#rmenu ul ul a:hover {
    font-weight: 500;
    background-image: url(images/2ndlevelred.gif); 
    color: red;
} 


				/*   	content  header  ===========================  */
h1 {         
	font: 140%  "Comic Sans MS", Arial, Helvetica, sans-serif; 
	color: #FF0000;
	margin-bottom: -15px                   /* shift upwards after h1  */
}

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

				/* used inside galeries - tables  */
h2 {         
	font: 120%  "Comic Sans MS", Arial, Helvetica, sans-serif; 
	color: #FF0000;
	margin-bottom: -0px                   /* shift upwards after h1  */
}


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

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

}


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

	color: #800000 ;                /* deep dark brown */
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; 
	font-size: 80%;
	line-height: 1.6em; 
	
}


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

#content .leftimg {
    float:left;
    margin-right: 20px;
    margin-bottom: 10px;
}
		
		                          /*    definitions for galerie tables   */
.galerietable tr {
    /*  align: top;  1408   */
	vertical-align:top;
}

.galerietable td {
    vertical-align:top;    
    font: 70%  "Comic Sans MS", Arial, Helvetica, sans-serif; 
	color: darkred;
	bordercolor="#FF9933";
    margin-top: 5px;
}				

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

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

.tabheader2 {
    font: 14px  "Comic Sans MS", Arial, Helvetica, sans-serif; 
    font-weight: normal;
	color: red;
	padding: 3px;
	/*  margin-top: -15px;  */
	margin-bottom: -20px;
}

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

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