/* common classes */
body  { align: center; margin: 0px; padding: 0px; }

td { font-family: Arial,Helvetica,Sans-Serif; 
     font-size: 13px; 
   }

th { font-family: Arial,Helvetica,Sans-Serif; 
     font-size: 13px; 
   }

a { text-decoration: none; 
    color: #0000FF; 
  }

a:hover { color: red; }

form { margin-bottom: 0px; }

h1 { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: black; }
h2 { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: black; }
h3 { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: black; }

.hruler { width: 100%; border-bottom: 1px solid black; margin-bottom: 15px; }
.mright { margin-right: 10px; margin-bottom: 10px; }



.titel {
background-color: #ffffff;
margin-bottom: 5px;
filter:alpha(opacity=70); /* IE */
-moz-opacity: 0.70; /* Mozilla */
opacity: 0.70; /* Opera */
}

.maincontent {
     font-family: Arial,Helvetica,Sans-Serif; 
     font-size: 13px;
	 text-align: justify;
	 padding:15px;
	 background-color:white;
	 border:1px solid black;
	 width:80%;
	 margin:auto;
}

/* user-definited classes, used in the templates */

.belushis { height:22px; background-image: url(_gfx/steel.gif); 
         font-family: Arial,Helvetica,sans-serif;
         font-size: 13px;
}

.title { background-color: #E0E0E0;
         color: black; 
         font-family: Arial,Helvetica,sans-serif;
         font-size: 13px;
         margin: 0px;
		 background-image: url(_gfx/silver_bar.gif);
       }    


.caption {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: black; 
	background-color: #f0f0f0; 
	background-image: url(_gfx/silver_bar.gif);
	height: 22px;
	width: 100%;
	
}	   

.cap_text { vertical-align: middle; line-height: 21px; }
.pages_text { vertical-align: middle; line-height: 14px; }

.cap_left { 
		   text-align: left;
		   float:left;
		   width: 80%;
		   padding-left: 5px;
		   height: 22px;
		   overflow: hidden;
         }

.cap_right {
		   text-align: right;
		   height: 22px;
		   line-height: 20px;
           overflow: hidden;
		   padding-right: 10px;
		  }
		 
		 
.description { font-size: 13px; 
	       background-color: white; 
	       color: black; 
	       border: solid 1px black;
	     }

.content { background-color: #e0e0e0;
	   border: solid 1px black;
	   padding: 5px;
	 }

.email { background-color: #E0E0E0; 
	 color: white;
	}

.ptnbox { background-color: #e0e0e0; 
          border: solid 1px black;
        }

.pagesbox { background-color: #e0e0e0; 
            border: solid 1px black;
          }





/* classes used in the script (generated classes) and their respective subclasses*/
.ptn { font-size: 13px; }

a.ptn { text-decoration: none;
        color: #0000FF;
      }

a:hover.ptn { color: red; }


.pages { font-size: 13px; }

a.pages { text-decoration: none;
          color: #0000FF;
        }

a:hover.pages { color: red; }


/* .image { }  NOT USED IN THIS TEMPLATE! may be you want to add a border or something like that? */


.thumb_border { background-color: white; 
         border: solid 1px black;
         border-left: solid 1px silver;
         border-top: solid 1px silver;
         border-right: solid 1px black;
         border-bottom: solid 1px black;
       }

.thumb_image { border: solid 1px black;
            border-left: solid 1px black;
            border-top: solid 1px black;
            border-right: solid 1px silver;
            border-bottom: solid 1px silver;
          }

.thumb_link { font-size: 13px; }  

.mail_link { font-weight: bold; }

.mail_form { border: solid 1px #64573e;
	    font-family: Arial,Helvetica,sans-serif;
	    font-size: 13px;
	    background-color: #f0f0f0;
          }

.mail_input { width: 300px; 
         border: solid 1px red;
       }

.mail_text { width: 300px; 
            border: solid 1px red;
          }

.mail_submit { width: 300px; 
            border: solid 1px black;
        }