/* $Id: main.css 110 2009-05-07 10:24:45Z jure.merhar $ */


/* general rules */

body {
  font-size: 62.5%;
  padding-left: 28px;
  background: #690c13 url(/images/body_bg.gif) repeat-y top left;
  color: #5c5d5f;
}

/* layout */

#wrapper {
  background: url(/images/html_bg.jpg) no-repeat 900px 0;
  float: left;
  width: 100%;
}

#page {
  float: left;
  width: 900px;
}

#top {
  background: #e3e3e3 url(/images/top_bg.gif) repeat-x top left;
  float: left;
  width: 900px;
  border-bottom: 3px solid #690c13;
}

#contact {
  float: right;
  padding: 10px 20px;
  font-size: 1.2em;
  letter-spacing: 0.1em;
}

#contact,
#contact a {
  color: #7f161e;
}

#zehnder {
  float: right;
  clear: right;
  padding: 5px 20px;
}

#header {
  clear: both;
  background: url(/images/header.jpg) no-repeat top right;
  float: left;
  width: 900px;
}

#header img {
  float: left;
}

#header #flash_header {
  float: left;
  width: 600px;
}

#sidebar {
  width: 260px; /* 300px */
  float: left;
  padding: 20px;
  background: #fff;
  min-height: 297px; /* 337px */
  background: #fff url(/images/sidebar_bg.jpg) repeat-x top left;
}

#main {
  width: 500px; /* 600px */
  float: right;
  padding: 50px;
  background: #e7e7e8 url(/images/main_bg.jpg) repeat-y top left;
}

/* content */

.content ul {
  list-style-type: none;
  margin-bottom: 1em;
}

.content ul.large_icon_list li ul li,
.content ul li {
  padding-left: 25px;
  background: url(/images/bullet.gif) no-repeat 0 0.5em;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

/* menu */

#menu {
  margin: 0 10px 0 10px;
  padding: 0 1px 0 0;
  list-style-type: none;
  float: left;
  clear: both;
  font-size: 1.2em;
  background: url(/images/menu_vline.gif) no-repeat top right;
}

#menu li {
  margin: 0;
  padding: 0 0 0 1px;
  float: left;
  background: url(/images/menu_vline.gif) no-repeat top left;
}

#menu li a {
  float: left;
  color: #515254;
  line-height: 29px;
  padding: 0 1em 10px 1em;
}

#menu li a.active {
  background: url(/images/menu_arrow.gif) no-repeat bottom center;
}

#menu li a:hover {
  background: url(/images/menu_hover.gif) no-repeat top left !important;
  text-decoration: none;
}

/* protobit */

#protobit {
  margin-top: 5em;
  border-top: 1px solid #ccc;
}

#protobit a.text_link {
  color: #777;
  position: relative;
  top: 12px;
  left: 38px;
}