/*  ********************     main1.css style sheet *****************  */
/*  ********************     version 1.1    Aug 2009, Kpf    *******  */
/*  ********************     Mehlsack Version     ******************  */

* {margin:0; padding:0;}

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/nature_stone_bge2.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: 80px;                  /* defines kopf height  */
	width: 990px;   /* 1024px */
	                /* also sets screen width; if>kopf: weisser Rand */  
	border-bottom: 2px solid brown;
    background-color: #FFFFFF;    
    background-image: url('images/header_bg.jpg'); 	
    	                                            /* default  header background 1023px */
    background-repeat: no-repeat;
    background-position: top right;
}

#kopf .logo {	        /*    logo       later:try inserting logo here */
    float: left;   
    width: 233px;       
    height: 78px; 		
	margin-left: 2px;
	margin-top:  1px;
}
  
#kopf .kopftext {			  				/*    text line, individual GIF on each page   */ 
	float: right;
	width: 510px;                           
	height: 60px;
	margin-right: 0px;                     /* adjusts right margin  was 25*/
	margin-top: 20px;                       /*   adjust text bottom line for kopftext  */
}



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

div#rmenu {  
    position: absolute;
    top: 140px;  
	left: 1px;
	width: 150px;
	font-weight: bold;

}

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: 15px;      /*  right shifts text on buttons, was 23 */ 
   
}

div#rmenu li {
    list-style-type: none;
           /*    defines size of button box*/
    width: 182px;   
    margin: 2px;   /* v distance between buttons  was 1*/
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
    font-size: 18px;    /* was small @ 13 , 16, */
    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/stone182x26.gif);   
    background-repeat: no-repeat;
    background-position: 0px 0px;
    
}
   
div#rmenu li a:link {
    color: #ffd98f;          
    font-weight: bold;
    background-image: url(images/stone182x26.gif);
    
}

 div#rmenu li a:visited {
    font-weight: bold;
    color: #ffd98f;
    font-weight: bold;
}

div#rmenu li a:hover {
   font-weight: bold;
    background-image: url(images/stone182x26ed_flip.gif); 
    color: #ffffc0;
} 

div#rmenu li a:active {
    color: #FF4500;
    font-weight: bold;
    background-image: url(images/stone182x26.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; 
	font-weight: bold;

}
 

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: #fde86b;
    background-image: url(images/2ndlevel.gif); 
}

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

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

div#rmenu ul ul a:active {
    color: #FF4500;
    font-weight: bold;
    background-image: url(images/stone182x26.gif);
}


				/*   	content  header  ===========================  */
h1 {         
	font: 140%  "Comic Sans MS", Arial, Helvetica, sans-serif; 
	color: #FF0000;
	margin-bottom: -00px;                   /* shift upwards after h1  */
	text-align: right;                       /* new in this page */
}

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

				/* used inside galeries - tables  */
h2 {         
	font: 16px  "Comic Sans MS", Arial, Helvetica, sans-serif;   /* -- was 120% */
	color: red;  
	font-weight: normal;
	font-size: 18px; 
	margin-bottom: -0px;                   /* shift upwards after h1  */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


				/*   	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%;          /* ############   aendern ################## */
	line-height: 1.6em; 
	
}

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

#content .leftimg {
    float:left;
    margin-right: 20px;
    margin-bottom: 10px;
}
#content .leftimg2 {
    float:left;
    margin-right: 2px;
    margin-bottom: 10px;
}

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

.galerietable td {
    vertical-align:top;    
    font: 70%  "Comic Sans MS", Arial, Helvetica, sans-serif; 
	color: darkred;
    padding: 3px;
    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: 0px;
}

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

.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;
}