* {
   margin:     0;
   padding:    0;
}

img {
   border:     0;
}

ul {
   list-style-type:  none;
}

html, body {
   height:     100%;
}

body {
   background-color: #87b3f0;
   font-family: verdana, arial, helvetica, sans-serif;
   text-align: center;
}

.main {
   margin:     0 auto;
   text-align: left;
   width:      1000px;
   min-height: 100%;
   background-color: white;
   background-image: url('gfx/mop.pl.png');
   background-repeat:   no-repeat;
   border-left:      1px solid #000080;
   border-right:     1px solid #000080;

   position:   relative;
}

a.home {
   position:   absolute;
   top:        0;
   left:       0;

   display:    block;
   width:      120px;
   height:     105px;

   color:      #000;   
}

/***************************************************************************************************
*** Top navigation
***************************************************************************************************/

.topnav {
   position:   absolute;
   top:        125px;
   right:      20px;
   color:      #01305b;

   font-size:  16px;
}

.topnav a {
   font-size:  12px;
   font-weight: bold;
   text-decoration: none;  
}

.topnav a:link, .topnav a:visited {
   color:      #01305b;
}

.topnav a:hover {
   color:      #FFFFFF;
}

.motto {
   position:   absolute;
   top:        158px;
   left:       260px;
   width:      690px;

   font-size:  11px;
   font-style: italic;
   color:      #01305b;
   
}

.search {
   position:   absolute;
   top:        60px;
   right:      30px;
}

.searchfield {
   width:      220px;
   position:   relative;
}

.searchfield label {
   position:   absolute;
   top:        0;
   left:       0;

   padding:    3px 5px;
   font-size:  12px;
   color:      #777777;
}

.searchfield input {
   width:      200px;
   padding:    2px;
   border-width:  1px 0 1px 1px;
   border-style:  solid;
   border-color:  #01305b;

   font-size:  12px;
}

.search .loupe {
   position:   absolute;
   top:        0;
   right:      0;

   width:      20px;
   height:     100%;
   border-width:  1px 1px 1px 0;
   border-style:  solid;
   border-color:  #01305b;

   background-color:    #FFF;
   background-image:    url(gfx/find_magnifier_icon.png);
   background-repeat:   no-repeat;
}

/***************************************************************************************************
*** Sidebar & Navigation
***************************************************************************************************/

.sidebar {
   padding-top: 210px;
   width:      208px;
   vertical-align:   top;
}

.nav li {
   margin-bottom:    2px;
   padding-bottom:   2px;
   border-bottom:    1px dashed black;
}

.nav li:first-child {
   padding-top:   2px;
   border-top:    1px dashed black;
}

.nav a {
   display:    block;
   width:      100%;
   text-align: center;
   padding-top:      6px;
   padding-bottom:   6px;

   font-size:  12px;
   font-weight: bold;
   text-decoration: none;
}

.nav a:link, .nav a:visited {
   color:      #01305b;
}

.nav a:hover {
   color:      #98A7E9;
}

.submenu a {
   margin-top:      5px;
   margin-bottom:   6px;
   padding:       0;
   font-size:     11px;
   font-weight:   normal;
}

.submenu a:link, .submenu a:visited {
   color:      #000;
}

.submenu a:hover {
   color:      #98A7E9;
}

.popup {
   position:   absolute;
   left:       208px;
   top:     0;

   width:      200px;
}

/***************************************************************************************************
*** Sidebar box
***************************************************************************************************/

.sidebar .box {
   margin:     10px;
   border:     1px solid #000080;
   background-color: #87b3f0;

   -webkit-border-radius:  4px;
      -moz-border-radius:  4px;
        -o-border-radius:  4px;
           border-radius:  4px;
}

.box #up {
   float:      right;
   margin-top: 1px;
   margin-right:  1px;
   width:
}

/* Sidebar-box title */

.sidebar .box h2 {
   padding:    1px;
   margin-bottom: 10px;

   background-color: #000080;
   font-size:  12px;
   font-weight: bold;
   color:      #87b3f0;
   text-align: center;
}

.sidebar .box a {
   display:    block;
   margin:     5px 5px 10px 5px;
   font-size:  12px;
   text-decoration: none;
}

.sidebar .box a:link, .sidebar .box a:visited {
   color:      #d3e5ff;
   font-weight: bold;
   text-decoration: none;
}

.sidebar .box a:hover p {
   text-decoration: underline;
}

.sidebar .box a:link p.date, .sidebar .box a:visited p.date, .sidebar .box a:hover p.date {
   font-weight: normal;
   color:      #000080;
   text-decoration: none;
}

.sidebar .box a:link p.dark, .sidebar .box a:visited p.dark, .sidebar .box a:hover p.dark {
   color:      #000000;
}

.box .more a {
   display: inline;
   color:   #000080;
   font-weight: normal;
}

.box .more {
   padding-left:  20px;
   margin-bottom: 5px;
}

.box .more a:link, .box .more a:visited, .box .more a:hover {
   color:   #000080;
   font-weight: normal;
   font-style: italic;
}

/***************************************************************************************************
*** Content
***************************************************************************************************/

.main-content {
   width:      100%;
}

.content {
   padding-top:      180px;
   padding-left:     15px;
   padding-right:    15px;
   vertical-align:   top;
}

.content iframe {
   width:      100%;
}