body {
background-color: #ffffff;
background-image: url(img/tlo.png);
background-repeat:repeat-x;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

/* This is for the standart link */
a {color: #006699; text-decoration:none;}
a:visited {color:#006699;}
a:hover {color: #003366;}
a:active { color:#006699;}

/* The style for the pre text */
p, pre{
padding: 5px 10px;
margin:0px;
}

/* This are the titels */
h1 {
font-size: 12px;
color:#0099CC;
border-bottom:#CCCCCC dotted 1px;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3 {
font-size:12px;
font-weight: bold;
padding: 5px 10px;
color:#FF0000;
margin:0px;}

/* Thsi one is the frame ouround the page wich makes the layout centerd */
#bigbox {
width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}

/* Box for the Logo */
#logo {
text-align: left;
background:url(img/logo.png) no-repeat;
height:132px;
padding: 0px;
margin: 0px;
}

/* The content*/
#content {
margin-left: 200px;
margin-right: 0px;
background-color: #ffffff;
padding: 0px;
}

/* The left box*/
#leftcolum {
float: left;
width: 200px;
margin: 0px;
margin-top: 50px;
background-color:#ffffff;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

/* The footer*/
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

/* The menu left*/
a.nav, a.nav:link, a.nav:visited, .chosen {
display:block; 
width:195px; 
height:25px; 
background: #ffffff;
border-top:1px solid #C7DDE3; 
margin-top:0px; 
text-align:left; 
text-decoration:none;
padding-left:5px; 
font-family:verdana, arial, sans-serif; 
font-size:12px; 
color:#333; 
line-height:25px; 
overflow:hidden;}
a.nav:hover {
color:#333; 
background: #F3F3F3;}
a.nav:active, .chosen {
color:#ffffff; 
background:#79B0BE;}



/* The Boxes*/
.box1, .box2{
float:left;
padding:3px;
border:1px solid #CCCCCC;
width:45%;
height:220px;
margin:10px 0 -15px 10px;}

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
/* fiszka */
.middle_product {
      border: 1px solid #808080;
      padding: 10px 10px 16px 10px ;
      margin-bottom: 16px;
      background-color: #FFFFFF;
}
.middle_product h2 {
   font-size: 13px;
   font-family: Verdana;
   margin: 0;
   padding: 0 0 4px 0;
}
.middle_product h2 a {
   color: #000000;
   font-size: 13px;
}
.middle_product h3 {
   color: #FF0000;
   font-size: 12px;
   margin: 0;
   padding: 0 0 12px 0;  
   font-family: Verdana;
}
.middle_product, .page_description p {
   font-size: 11px;
   font-family: Verdana; 
   color: #444444; 
   line-height: 20px;
}
.middle_product p.abstract {
      color: #FF0000;
      font-weight: bold;
}
.middle_product ul{
   padding: 0 0 0 16px;
   margin: 0;
}
.middle_buttons {
   width: 150px;
   padding: 3px 0 3px 6px;
   float: right;
   margin-left: 16px;
  
}
.middle_more, .middle_form {
 font-size: 11px;
  display: block;
   background-color: #FFFFF;
   color: #000000;
   height: 20px;
   line-height: 20px;
   margin: 4px 0 16px 0;
   padding: 2px 4px 2px 4px;
   text-align: center;
   cursor: pointer;
   text-decoration: none;
   font-weight: bold;
   font-family: Verdana;
   border: 1px solid #000000;
}