* {
padding : 0;
margin : 0;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
background : #e8e8e8 url(grafika/background.jpg);
background-repeat : repeat-x;
}
#wrapper {
margin : 0 auto;
width : 922px;
}
#header {
color : #333;
width : 896px;
float : left;
padding : 10px;
height : 118px;
margin : 0 0 0 0;
background : url(grafika/header.jpg);
}
#hotlink {
width : 8px;
float : right;
position : relative;
height : 8px;
margin : 0.35% 0% 0% 1%;
background : url(grafika/hotlink.jpg);
}
#hotlink2 {
width : 8px;
float : right;
position : relative;
height : 8px;
margin : 0.35% 0% 0% 1%;
background : url(grafika/hotlink.jpg);
}
#hotlink3 {
width : 8px;
float : right;
position : relative;
height : 8px;
margin : 0.35% 0% 0% 1%;
background : url(grafika/hotlink.jpg);
}
#navigation {
float : left;
width : 916px;
color : #333;
padding : 0;
margin : 0 0 0 0;
background-color : #f3f2ed;
}
#leftcolumn {
color : #333;
background : #f6f0e0;
margin : 0 0 0 0;
padding : 10px;
height : 350px;
width : 150px;
float : left;
background : url(grafika/column.jpg);
}
#content {
float : left;
color : #333;
background : #ccc8b3;
margin : 0 0 0 0;
padding : 10px;
height : 350px;
width : 556px;
display : inline;
background : url(grafika/content.jpg);
}
#akapit {
float : left;
margin : 4px 4px 4px 4px;
height : 32px;
width : 32px;
display : inline;
background : url(grafika/akapit.jpg);
}
#rightcolumn {
color : #333;
background : #f6f0e0;
margin : 0 0 0 0;
padding : 10px;
height : 350px;
width : 150px;
float : left;
background : url(grafika/column.jpg);
}
#footer {
width : 896px;
clear : both;
color : #333;
background-color : #e8e8e8;
margin : 0 0 10px 0;
padding : 10px;
}
#footlogo {
float : left;
margin : 1% 1% 1% 45%;
height : 75px;
width : 96px;
display : inline;
background : url(grafika/footlogo.jpg);
}
#w3c {
float : left;
margin : 1% 1% 1% 16%;
height : 34px;
width : 89px;
display : inline;
position : relative;
background : url(grafika/w3c.jpg);
}
h1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 18px;
margin-left : 8%;
margin-top : 3%;
}
hr {
border : none;
border-top : 1px solid #cccccc;
height : 1px;
margin-bottom : 25px;
}
#dolphincontainer {
position : relative;
height : 49px;
color : #fff;
background : #fff url(grafika/dolphinend.gif) repeat-x left bottom;
width : 100%;
font-family : Helvetica, Arial, Verdana, sans-serif;
margin-left : auto;
margin-right : auto;
}
#dolphinnav {
position : relative;
height : 33px;
font-size : 9px;
text-transform : uppercase;
background : #2d2d2d url(grafika/dolphin_bg.gif) repeat-x left bottom;
padding : 0 0 0 18.49%;
margin-left : auto;
margin-right : auto;
}
#dolphinnav ul {
margin : 0;
padding : 0;
list-style-type : none;
width : auto;
float : left;
color : #fff;
}
#dolphinnav ul li {
display : block;
float : left;
margin : 0 0;
color : #fff;
}
#dolphinnav ul li a {
display : block;
float : left;
color : #fff;
text-decoration : none;
padding : 0 0 0 15px;
height : 33px;
}
#dolphinnav ul li a span {
padding : 12px 20px 0 0;
height : 21px;
float : left;
}
#dolphinnav ul li a:hover {
color : #ccc;
background : transparent url(grafika/dolphin_bg-OVER.gif) repeat-x left bottom;
}
#dolphinnav ul li a:hover span {
display : block;
width : auto;
cursor : pointer;
}
#dolphinnav ul li a.current, #dolphinnav ul li a.current:hover {
color : #000;
background : #1d6893 url(grafika/dolphin_left-ON.gif) no-repeat left top;
line-height : 275%;
}
#dolphinnav ul li a.current span {
display : block;
padding : 0 20px 0 0;
width : auto;
background : #ccc url(grafika/dolphin_right-ON.gif) no-repeat right top;
height : 33px;
}
a {
color:#666666;
text-decoration : none;
}
a:hover {
color : orange;
text-decoration : none;
}
.b {
float : right;
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 10px;
margin-left : 15%;
color : white;
}
.c {
float : left;
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 13px;
margin-left : 12.5%;
}
#scroll {
height : 245px;
width : 450px;
overflow : auto;
border : 0;
padding : 8px;
}
#menu0 {
width : 340px;
margin : 10px;
padding : 0;
}
#menu0 dt {
background : url(grafika/ex.jpg);
color : #fff;
text-align : left;
cursor : pointer;
margin : 5px 0 0 0;
padding : 3px;
}
#menu0 dd {
background : url(grafika/column.jpg);
text-align : left;
color : #000;
margin : 0;
padding : 1px 5px;
}
#menu0 dd.active {
font-weight : bold;
}