/* Not to confuse different browsers, we let them start from zero */ 
html, body {
   margin : 5;
   padding : 0;
}
 
body {
   font-family : "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
   font-size : 76%; /* font sizing in ems. if you want to change anything,                                          just change this.*/
   color : #000000;
   width : 100%;
   background-image : url(../Images/magentapgebckgr.jpg);
   background-repeat : repeat-x;
   text-align : center; /*center wrapper in IE5*/
   voice-family : "\"}\"";/*keeping the zoomcontainer not centered*/
   voice-family : inherit;
   text-align : left;
   SCROLLBAR-FACE-COLOR: #075db2;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR:  #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}


.banner1 {
width:1000px;
height:130px;
background:#075db2;
margin-top:10px;
margin-left:1em;
border:1px dotted hotpink;
}
.banner2 {
border:1px solid pink;
margin-top:0px;
line-height:1.2em;
font-size:80px;
color:#b5cfe8;
font-weight:bold;
letter-spacing:-1px;
}
.banner3 {
border:1px solid yellow;
width:100px;
height:100px;
margin-left:-0px;
font-size:100px;
color:#ff7110;
font-weight:bold;
}
.banner4 {
border:1px solid chocolate;
width:80px;
margin-left:-0px;
font-size:27px;
color:#ffffff;
font-weight:bold;
font-style:italic;
}
.banner5 {
border:1px solid lightseagreen;
float:right;
width:190px;
margin-left:50px;
margin-top:0px;
font-size:20px;
line-height:1.2em;
color:#cccccc;
font-weight:bold;
}
.banner6 {
background:transparent;
color:ivory;
float:right;
width:160px;
margin-left:50px;
margin-top:0px;
border:1px solid yellow;
font-weight:bold;
}


.duzalitera {
float:left;
color:#075db2;
font-size:40px;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family: Trebuchet MS, Arial, Helvetica, Tahoma, sans-serif;
text-decoration: underline;
}
.tytul {
color:#075db2;
font-size:20px;
line-height:30px;
padding-top:1px;
padding-right:5px;
font-family: Trebuchet MS, Arial, Helvetica, Tahoma, sans-serif;
text-decoration: underline;
}


a:link {
   color : #075db2;
   background : transparent;
   text-decoration : none;
}

a:visited {
   color : #075db2;
   text-decoration : none;
}

a:hover {
   color : #cccccc;
   text-decoration : underline;
}

a:active {
   color : #075db2;
}

p {
   margin : 1.2em 0.5em 1.2em 0.5em;
   text-align : left;
}
 
#leftheader {
   position : absolute;
   top : 0;
   left : 0;
   height : 122px;
   width : 540px;
   background :  no-repeat;
}

#wrapper {
   width : 1000px;
     height : 700px;

   margin-left : 1em;
   margin-right : auto;
   margin-top : 1em;
   background :  no-repeat 40em 53em;
   border : 1px solid #075db2;
}

#navcontainer {
   margin-top : 23px;
   text-align : left; /*placing the nav flush to the left in moz*//*placing the nav flush to the left in moz*/
}

#navcontainer ul {
   margin : 0;
   padding : 0;
   white-space : nowrap; /*  not wrap the list to a new line when the window is reduced in width *//*  not wrap the list to a new line when the window is reduced in width */
}

#navcontainer ul li {
   display : inline;
   width : 90px;
   margin-right : -6px;
   
}

#navcontainer ul li a {
   padding : 1px 30px 1px 30px;
   color : #ffffff;
   text-decoration : none;
   border-bottom : 1px solid #cccccc;
   border-right : 1px solid #cccccc;
   background : #075db2  no-repeat .5em .4em;
}

#navcontainer li a:visited {
   color : #075db2;
   background : #cccccc url(../Images/magentanav.jpg) no-repeat .5em .4em;
}

#navcontainer ul li a:hover {
   color : #ffffff;
   background : #cccccc url(../Images/magentanav.jpg) no-repeat .5em .4em;
}

#reklama {
width:1000px;
height:130px;
background:#ffffff;
margin-top:10px;
margin-left:1em;
border:1px dotted hotpink;
}

ul li#dummy a  {
   display : none;
}

.container {
   width : 500px;
   padding : 15px;
   margin : 3px 0 20px 5px;
   border : 1px solid #cccccc;
}

/* zoom image */

#zoom a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/zoom.jpg) no-repeat top left;
}
#zoom a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/zoom_startseite.jpg) no-repeat top left;
}

#sub {
   margin-left : auto;
   margin-right : auto;
   width : 30em;
   height : 15em;
   overflow : auto;
   border : 1px solid #075db2;
}

#examplelist {
   position : absolute;
   font : bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color : #000033;
   margin-left : 49em;
   margin-top : 1em;
   width : 150px;
   border : 1px solid #cccccc;
   background : url(../Images/magentasidenavbkgr.jpg);
}


#examplelist ul {
   padding-left : 2px;
   margin : 0;
}

#examplelist li {
   position : relative;
   padding-top : 5px;
   padding-bottom : 5px;
   margin-bottom : -13px;
   list-style-type : none;
   background : url(../Images/magentasidenav.jpg) no-repeat 0 .7em;
   padding-left : 35px;
}


#examplelist li a:link {
   text-decoration : none;
}
 
 #examplelist li a:hover {
   text-decoration : none;
   position : relative;
}


#examplelist p {
   font-family : "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
   font-size : .9em;
   font-weight : normal;
   text-align : left;
   padding-top : 5px;
   padding-bottom : 5px;
   padding-right : 3px;
   padding-left : 7px;
   margin-top : 20px;
   border : 1px solid #cccccc;
}

#examplelist h2 {
   position : relative;
   font-size : 100%; /* font sizing in ems. if you want to change anything,                                          just change this.*/
   color : #cc0000;
   padding-top : 5px;
   padding-bottom : 15px;
   margin-bottom : -13px;
   background : url(../Images/magentasidenav.jpg) no-repeat 0 .7em;
   padding-left : 35px;
}

#footer {
   padding : 20px;
   background : url(../Images/magentafooter.jpg) repeat-x;
}

#counter {
   display : none;
}

#zoomgdynia a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/gdynia_zoom1.jpg) no-repeat top left;
}
#zoomgdynia a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/gdynia_zoom2.jpg) no-repeat top left;
}
#zoomniechorze a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/niechorze_zoom1.jpg) no-repeat top left;
}
#zoomniechorze a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/niechorze_zoom2.jpg) no-repeat top left;
}
#zoomgrzybowo a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/grzybowo_zoom1.jpg) no-repeat top left;
}
#zoomgrzybowo a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/grzybowo_zoom2.jpg) no-repeat top left;
}
#zoomdzwirzyno a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/kolberger-deep_zoom1.jpg) no-repeat top left;
}
#zoomdzwirzyno a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/kolberger-deep_zoom2.jpg) no-repeat top left;
}
#zoomrewal a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/rewal_zoom1.jpg) no-repeat top left;
}
#zoomrewal a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/rewal_zoom2.jpg) no-repeat top left;
}
#zoomkrynica a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/krynica_morska_zoom1.jpg) no-repeat top left;
}
#zoomkrynica a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/krynica_morska_zoom2.jpg) no-repeat top left;
}
#zoommielno a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/mielno_zoom1.jpg) no-repeat top left;
}
#zoommielno a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/mielno_zoom2.jpg) no-repeat top left;
}
#zoomsopot a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/sopot_zoom1.jpg) no-repeat top left;
}
#zoomsopot a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/sopot_zoom2.jpg) no-repeat top left;
}
#zoomjastrzebia_gora a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/jastrzebia_gora_zoom1.jpg) no-repeat top left;
}
#zoomjastrzebia_gora a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/jastrzebia_gora_zoom2.jpg) no-repeat top left;
}
#zoomustronie_morskie a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/ustronie_morskie_zoom1.jpg) no-repeat top left;
}
#zoomustronie_morskie a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/ustronie_morskie_zoom2.jpg) no-repeat top left;
}

#zoomustka a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/ustka_zoom1.jpg) no-repeat top left;
}
#zoomustka a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/ustka_zoom2.jpg) no-repeat top left;
}
#zoommisdroy a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/misdroy_zoom1.jpg) no-repeat top left;
}
#zoommisdroy a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/misdroy_zoom2.jpg) no-repeat top left;
}
#zoomdarlowo a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/darlowo_zoom1.jpg) no-repeat top left;
}
#zoomdarlowo a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/darlowo_zoom2.jpg) no-repeat top left;
}
#zoomkolberg a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/kolberg_zoom1.jpg) no-repeat top left;
}
#zoomkolberg a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/kolberg_zoom2.jpg) no-repeat top left;
}
#zoomdziwnow a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/dziwnow_zoom1.jpg) no-repeat top left;
}
#zoomdziwnow a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/dziwnow_zoom2.jpg) no-repeat top left;
}
#zoommrzezyno a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/mrzezyno_zoom1.jpg) no-repeat top left;
}
#zoommrzezyno a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/mrzezyno_zoom2.jpg) no-repeat top left;
}
#zoomswinemuende a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/swinemuende_zoom1.jpg) no-repeat top left;
}
#zoomswinemuende a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/swinemuende_zoom2.jpg) no-repeat top left;
}
#zoompoberow a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/poberow_zoom1.jpg) no-repeat top left;
}
#zoompoberow a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/poberow_zoom2.jpg) no-repeat top left;
}
#zoomtrzesacz a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/trzesacz_zoom1.jpg) no-repeat top left;
}
#zoomtrzesacz a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/trzesacz_zoom2.jpg) no-repeat top left;
}
#zoomhel a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/hel_zoom1.jpg) no-repeat top left;
}
#zoomhel a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/hel_zoom2.jpg) no-repeat top left;
}
#zoommiedzywodzie a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/miedzywodzie_zoom1.jpg) no-repeat top left;
}
#zoommiedzywodzie a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/miedzywodzie_zoom2.jpg) no-repeat top left;
}
#zoomlazy a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/lazy_zoom1.jpg) no-repeat top left;
}
#zoomlazy a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/lazy_zoom2.jpg) no-repeat top left;
}
#zoomwladyslawowo a {
   float : right;
   margin : 0 0 10px 10px;
   border : 1px solid #cccccc;
   text-indent : -1000em; /* hide the link text */
   overflow : hidden;
   display : block;
   width : 125px; /* show only thumbnail */
   height : 94px;
   background : url(bilder/wladyslawowo_zoom1.jpg) no-repeat top left;
}
#zoomwladyslawowo a:hover {
   width : 300px; /* adjust size to zoomed photo */
   height : 225px;
   background-position : 0 -104px; /* move the image so only the big one shows */
   text-decoration : none; /* preventing  moz showing underline *//* preventing  moz showing underline */
   background : url(bilder/wladyslawowo_zoom2.jpg) no-repeat top left;
}