body {
padding: 0;
margin: 0;
background-color: #fff;
}

body, td { 
color: white; 
font-size: 11px; 
font-family: Arial, Helvetica, _sans;
}

input, textarea  {
color: #333; 
font-size: 11px; 
font-weight: bold;
font-family: Arial, Helvetica, _sans; 
background-color: #eee; 
padding: 2px; 
border: 1px solid #ddd;
}

.bordercolor { 
border: solid 1px #fff; 
}

.fototekst { 
color: #000; 
font-weight: bold; 
padding-top: 5px; 
padding-right: 5px; 
padding-left: 5px;
}

.nav { 
width: 100%;
float: left;
font-size: 14px;
margin: 10px auto;
clear: both;
}

.nav a { 
font-size: 14px; 
text-decoration: none; 
color:#FFFFFF;
}

.nav .active {
background-color: grey;
padding: 0 2px;
}

.smpage { 
font-size: 11px; 
}

.smpage a { 
font-size: 11px; 
text-decoration: none; 
color:#FFFFFF;
}

.clientlink { 
font-size: 11px; 
color: #000;
}

.clientlink a { 
font-size: 11px; 
text-decoration: none; 
color: #000; 
text-decoration: underline;
}

.linkimg {
border: 0px solid #000;
}

.pagelink { 
color: gray; 
font-size: 15px; 
font-family: Arial, Helvetica, _sans;
}

a {
outline: none;
}

/* LOGO PANEL */

#logo {
text-align: center;
font-size: 14px;
color: #ccc;
padding: 0 0 10px 0;
background-color: #555;
font-family: Arial, _sans;
color: #FDCD00;
border-bottom:10px solid #999;
}

#logo:hover {
cursor: pointer;
}

#logo .c {
font-size: 64px;
font-weight: bold;
}

/* SEARCH PANEL */

#search-panel {
width: 190px;
padding: 5px;
background-color: #555;
border-bottom:10px solid #999;
}

/* MENU */

.menu {
float: left;
padding-left: 0px;
padding-bottom: 0px;
font-size: 11px;
margin-bottom: 0px;
border-bottom:10px solid #999;
}

.menu .menu-button {
float: left;
clear: both;
width: 200px;
border-top: 1px solid #444;
background-color: #555;
margin-bottom: 0px;
text-align: left;
}

.menu .menu-button:first-child {
border-top: 0px solid #444;
}

.menu .sub {
background-color: #666;
}

.menu .menu-button .link {
float: left;
width: 176px;
}

.menu .menu-button .sign {
float: right;
width: 24px;
padding: 5px 0px;
text-align: center;
background-color: #666;
}

.menu a {
color: #eee;
text-decoration: none;
display: block;
padding: 5px 10px;
}

.menu a:hover {
color: #FDCD00;
background-color: #444;
}

.menu .active .link {
float: left;
width: 156px;
color: #fdcd00;
padding: 5px 10px;
}

.menu-button .bold {
font-weight: bold;
}

.menu .active .sign {
float: right;
width: 24px;
padding: 5px 0px;
text-align: center;
background-color: #FDCD00;
color: #000;

}

#wrapper {
width:960px; 
background-color:#999; 
border:10px solid #999; 
margin:auto;
}

#item-wrapper {

}

.colored {
color: #FDCD00;
}

.hili {
padding: 0 3px;
background-color: #FDCD00;
color: #000;
font-size: .9em;
}

.large {
font-size: 13px;
font-weight: bold;
}

.large-contrast {
font-size: 13px;
font-weight: bold;
color: #333;
}

/* LOGIN */

#login-wrapper {
position: relative;
margin: auto;
padding: 20px;
background-color: #ccc;
}

/* LOGIN */

.clearfix:after {   /* fixes FF (applies background color regardless of height of left content or sidebar) */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */