/* CSS Document */
body {
      margin-left: auto;
      margin-right: auto;
      margin-top: auto;
      margin-bottom: auto;
      background-image: URL('background.jpg');
      background-repeat: repeat;
    	width:1000px;
    	height:auto;
	    background-position:top center;
      background-attachment: fixed;
      background-color: #FEE9CC;
      color: #660033;
      font-family: Comic Sans MS, Times New Roman, Sans Serif;
      min-width:  800px;
      min-height: 600px;
     } 

p  {
    font-size: 12px;
	  font-style: normal;
    text-align: justify;
   }

p:first-letter {font-size: 130%;}

h1 {
    font-size: 30px;
    font-weight: bold;
	  font-style: normal;
    text-align: center;
   }
    
h2 {
	  font-size: 18px;
	  font-weight: bold;
	  font-style: normal;
    text-align: center;
   } 

h3 {
	  font-size: 13px;
	  font-weight: bold;
    font-style: normal;
    text-align: center;}
    
h4 {
	  font-size: 12px;
	  font-weight: normal;
    font-style: italic;
    text-align: center;} 

a {
   font-family: Comic Sans MS, Arial;
   font-size: 12px;
   font-weight: normal;
   text-decoration: underline;
   color: #660033;
   outline: none;
  }
   
.a_tab {
   font-family: Comic Sans MS, Arial;
   font-size: 8px;
   font-weight: normal;
   text-decoration: underline;
   color: #660033;
   outline: none;
  }


.alert {
        color: #ff0000;
        text-align: center;  
       }

.caption {font-size: 12px;
         caption-side: top;
         display: table-caption;
         width: auto;
         text-align: center;
         margin-left:auto;
         margin-right:auto;}

.tab {
      text-align: center;      
      border-width: 0px;
      border-style: solid;
      border-color: #F8CA99;  
      margin-left: auto; 
      margin-right: auto;
      margin-top: auto; 
      margin-bottom: auto;    
  }          

.tab_cell {text-align: center;
           vertical-align:top;
           width: 130px;
           padding: 0px;
           margin:0px;
           border-style: solid;
           border-color: #F8CA99;
           border-width: 1px;}

.tabForm {
          font-family: Comic Sans MS, Arial;
          font-size: 12px;
          text-align: center;
          border-width: 1px;
          border-style: solid;
          border-color: #F8CA99;  
          margin-left: auto; 
          margin-right: auto;
          margin-top: auto; 
          margin-bottom: auto;
        } 

.tdForm {
          text-align: left !important;
          font-family: Comic Sans MS, Arial;
          font-size: 12px;
        }


.td {         
      font-size: 12px; 
      border-width: 1px;
      border-style: solid;
      border-color: #F8CA99;  
      margin-left: auto; 
      margin-right: auto;
      margin-top: auto; 
      margin-bottom: auto;          
    }        

.pic {
      float: none;
      border: 0px;
     }

.picDetail {
            width: 250px;
           }

.with_background {                  
                  border: 0px;
                  margin: 1px;
                  padding: 0px;
                  background-image: URL('background_text.jpg');
                  margin-left: auto;
                  margin-right: auto;
                 }

.matrjoska_hack {
                 /*width: auto;*/
                 border: 0px;
                 margin: 5px;
                 padding: 0px 5px 2px 5px;  /*padding top right bottom left */
                 background-image: URL('background_text.jpg');
                }

.datum{
       font-size: 12px; 
       font-style: normal;
	     font-weight: bold;
       text-align: right;
       float: left;
       padding-right: 15px; 
      }             

/* Start style of main document (suitable for text and most important things) */
#content {
          position: absolute;
          width: 66%;
          height: 100%;
          top: 0%;
          left: 17%;
         }                 
        
#head {
       position: absolute;
       width: 68%;
       height: 25%;   
       top: 0%;   
       left: 16%;
       text-align: center;
      }

#foot {
          position: absolute;
          width: 68%;
          height: 10%;   
          top: 90%;   
          left: 16%;
          text-align: center;
         }
/* End style of main document (suitable for text and most important things) */
                         
/* Start style of menu */        
#left_menu {
            position: absolute;
            width: 15%;
            height: 590px;
            top: 0%;
            left: 0%;
            min-height: 100%;
            min-width: 130px;
            color: #660033;
           }

  #left_menu a {
                margin-left:1em;
                font-size: 13px;
                font-weight: bold; 
                text-align: left;
                text-decoration: none;                        
                color: #660033;
                display: block;

                outline: none;
               } 
  
  #left_menu a:hover {
                    	font-size: 13px;
                    	font-style: italic;
                    	color: #D85E00;
                      background-position: 0% 100%;                  	                  	
                     }
                   
.bullet {
       	background-image: url('bullet.gif') !important;
       	background-position: 0% 0%;
       	background-repeat: no-repeat;       	
       	margin-left: 2em !important;
        padding-left: 2em !important;
       	display: block;
       }
                     
  #right_menu {
                position: absolute;
                width: 15%;
                height: 590px;
                top: 0%;
                left: 85%;
                min-height: 100%;
                min-width: 150px;
                color: #660033;
              }

  #right_menu a {
                font-size: 11px;
                font-weight: normal;
               }

#right_menu a:hover {
                  	font-style: italic;
                  	font-weight: normal;
                  	text-decoration: none;
                  	color: #EE7700;
                   }                                  

.menu_head {
            position: absolute;
          	width: 100%;
          	height: 20%;
          	top: 0%;
          	text-align: center;
           }

.menu_content { 
               position: absolute;
               padding-left: 4px;
               height: 68%;
               top: 18%;
               text-align: center;
              }
  
.menu_foot {
                position: absolute;
              	width: 100%;
              	height: 14%;
              	top: 86%;
                left: 5%;                   	
              }
                 
.menu_foot a {
                 padding: 0px !important;
                 text-align: center !important;
                 font-size: 11px !important;
                 height: 40px !important;                   	
                }
/* End style of menu */