* {
  font-family: Verdana, Helvetica, Sans-serif;
}
ul, dl, dd, dt {
  padding: 0;
  margin: 0;
}

/** =page structure */
html {
  background: #F0EFEE url(../i/content_main_bottom.gif);
}
body {
  margin: 0;
  background: transparent url(../i/content_main_top.gif) repeat-x left top;
  /*text-align: center;*/ /* IE hack for centered page */
  min-height: 340px;
}
/*#page * {
  text-align: left;
} */
#page {
  margin: 0 auto;
  padding: 20px 0;
  width: 878px;
}
#header {
  background: #fff url(../i/header/header.jpg) no-repeat left top;
  height: 165px;
  margin-bottom: 5px;
  position: relative;
}
#header a.logo {
  position: absolute;
  top: 72px;
  width: 878px;
  height: 80px;
  text-indent: -9999px;
  overflow: hidden;
}
#container {
  float: left; /* FF bug in wysiwyg goto top in edit area */
  padding: 4px;
  background-color: #fff;
  width: 665px;
  border-left: solid 204px #f1f1f1;
}
/* FF bug in wysiwyg goto top in edit area */
/*body.edit #container {
  float: none;
  _float: left;
}*/
div#content {
  word-wrap: break-word;
  height: 100%; /* IE */
  float: left;
  width: 100%;
}
div.sidebar {  /* for 100% content */
  float: right;
  /*padding-bottom: 20px; */
}

div#content .navigation {
  margin-bottom: 20px;
}


/** =footer */
#footer {
  background: #fff url(../i/footer/footer.gif) repeat-x left bottom;
  height: 40px;
  width: 100%;
  color: #fff;
  clear: both;
  position: relative;
  overflow: hidden;
  margin-left: -208px;
  padding-left: 208px;
  margin-top: 20px;
  margin-bottom: -5px;
  padding-right: 4px;
  margin-right: -4px;
  border-top: solid 1px #eee;
}
#footer p {
  margin: 10px 0;
  text-align: right;
}
#footer .copyright {
  float: left;
  margin-left: -180px;
  display: inline;
}

#footer ul {
  margin: 0;
  margin-left: -50px;
  left: 50%;
  position: absolute;
}

#footer ul li {
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  list-style-type: none;
  background: url(../i/footer/shortcuts_footer.gif) no-repeat right center;
}
#footer ul li.last {
  background-image: none;
}

/*
#footer ul li span,
#footer ul li a {
  padding: 2px 10px;
}
#footer ul li li {
  float: none;
  font-size: 1em;
}
#footer ul li {
  background-color: #9C4A08;
  margin: 0 10px 10px 0;

}
#footer ul li li {
  background-color: #CA600A;
  margin: 0 10px 0 0;
} */

/** =links */
a.cancel:visited,
a {
  color: #e44f2e;
}
a:link {
  color: #e44f2e;
  text-decoration: underline;
}
a:hover {
  color: #666;
  text-decoration: none;
}
a:visited {
  color: #666;
}
a.email {
  padding-right: 15px;
  background: url(../i/icons/email.gif) no-repeat right bottom;
}
a.more {
  padding-right: 15px;
  background: url(../i/icons/more.gif) no-repeat right bottom;
}

/** = headers */
h1, h2, h3, h4, h5, h6 {
  padding: 5px 25px;
  color: #46576b;
  margin: 0;
  font-family: Georgia;
}
.navigation h1 {
  display: none;
}
h1 {
  font-size: 1.2em;
  /*background: url(../i/content/header.gif) repeat-x bottom;*/
  /*position: relative;*/ /* IE bug dissapear */
  font-family: Tahoma, Helvetica, Sans-serif;
  /*width: 100%;*/
  /*float: left;*/   /* Opera FF3 content 100% width */
  _float: none;
  /*padding: 5px 0;*/
  /*text-indent: 25px;*/
  overflow: hidden;  /* IE7 */
}
h2 {
  /*padding-top: 25px;*/
  font-size: 1.2em;
  /*color: #b9590b;*/
  font-weight: normal;
}
h3 {
  font-size: 1em;
  margin-bottom: 10px;
}
#content h3 {
  /*border-bottom: solid 2px #ececec;*/
  margin: 5px 25px;
  padding: 10px 0 5px 0;
  /*font-weight: normal;*/
}
#content .section h3 {
  padding-top: 20px;
}
h4 {
  font-size: 0.6em;
  font-weight: normal;
  margin: 5px 0 0 0;
}

/** =breadcrumb */
.breadcrumb {
  /*margin: 0;*/
  margin: 20px 20px 0 25px;
  padding: 0 0 3px 0;
  /*background-color: #fdfaf7; */
  height: 100%; /* same as _height: 1%; */
  list-style-type: none;
  background: url(../i/icons/breadcrumb_bg.gif) repeat-x left top;
}
div.navigation .breadcrumb {
  margin-top: 0;
  background: url(../i/icons/breadcrumb_bg.gif) repeat-x left bottom;
}
.breadcrumb li {
  color: #8c8c8c;
  font-size: 0.55em;
  display: inline;
  padding: 0 3px 0 13px;
  background: url(../i/icons/separator.gif) no-repeat center left;
}
.breadcrumb li a:link {
  color: #d6894a;
}

/** =content */
.cleared {
clear: both;
}
p {
padding: 0 25px;
margin-bottom: 10px;
line-height: 21px;
color: #46576b;
/*overflow: hidden;*/ /* FF for float img but we cannot mark 2 p */
}
#page .left {
  text-align: left;
}
#page .right {
  text-align: right;
}
#page .center {
  text-align: center;
}
#page .justify {
  text-align: justify;
}
/*p.error {
margin: 10px 25px;
padding: 10px 20px;
color: #ff0000;
border: solid 2px #b9590b;
width: 87%;
background: #f4f7f6 url('../i/content/error.gif') repeat-y left bottom;
}*/
hr {
height: 0;
border: 0;
padding: 0;
position: relative;
left: 25px;
width: 94%;
border-top: solid 1px #ddd;
}
abbr,
acronym {
color: #000;
cursor: help;
border: 0;
/*background: url('../i/content/acronym.gif') repeat-x bottom; */
}
img {
padding: 5px;
}
img.left {
float: left;
}
img.right {
float: right;
}
a img {
padding: 4px;
border: solid 1px #ddd;
}
a:hover img {
border: solid 1px #e99b5b;
}
div.description img {
border: solid 1px #ddd;
}
div.description {
font-size: 0.6em;
padding: 10px 25px 15px 25px;
color: #b9590b;
}
embed {
margin: 10px 25px;
}
span.author,
span.category,
span.keyword,
span.date {
/*display: block;*/
color: #8c8c8c;
padding: 20px 25px 10px 25px;
/*position: relative;*/
}
span.author {
/*display: block; */
/*text-align: right !important;*/
padding: 0 10px 5px 10px;
}
span.author p {
padding: 0;
}
span.author img {
width: 60px;
border: solid 1px #ddd;
background-color: #f8f8f8;
}
/*span.author,
span.category {
color: #333;
} */

/*.thema span.date,
.list span.date {
padding: 0 25px;
} */
ul {
list-style-type: square;
margin: 10px 25px 10px 40px;
color: #46576b;
}
ul.decimal {
list-style-type: decimal;
}

/*ul.updates {
border: solid 1px #efefef;
padding: 5px 28px 5px 30px;
margin-left: 25px;
width: auto;
list-style-image: url(../i/content/point_round.gif);
}
ul.updates li {
padding-left: 5px;
}
ul.updates li span {
display: block;
font-size: 0.8em;
margin-bottom: 5px;
color: #686868;
line-height: 14px;
_zoom: 1;
} */
li {
line-height: 19px;
}
blockquote, code, pre, div.section {
display: block;
padding: 25px 10px 20px 20px;
margin: 10px 25px 10px 25px;
color: #686868;
line-height: 19px;
border: solid 1px #ececec;
background: #fbfbfb;/* url('../i/content/quote.gif') no-repeat right bottom; */
font-size: 0.8em;
}
code {
padding-top: 15px;
/*background-image: url('../i/content/code.gif'); */
}
cite {
padding: 0 25px 20px 25px;
font-size: 0.75em;
/*background: url('../i/content/line_grey.gif') repeat-x top;*/
}
pre {
padding-top: 15px;
background-image: none;
}
div.thema {
border: 0;
padding: 0 0 5px 0;
border: solid 1px #f4f7f6;
background: #fdfdfd;/* url('../i/content/article.gif') no-repeat right bottom;*/
overflow: hidden;
_zoom: 1;
}
#content div.thema h3 {
border: 0;
padding-top: 0;
}
#content div.thema .image {
float: left;
margin-top: 5px;
}
#content div.thema p {
margin-top: 0;
font-size: 0.75em;
}
span.picture,
div.content,
div.download {
float: left;
width: 65%;
border: 0;
margin: 0;
padding: 0;
left: 0;
background: none;
color: #4a4a4a;
}
/*div.download {
float: none;
font-size: 0.9em;
}*/
span.picture {
width: 30%;
overflow: hidden;
}
span.picture img {
display: block;
}

/** =lastthemes */
.lastthemes {
  list-style-type: none;
  margin: 5px 25px 10px 25px;
}
.lastthemes li {
  margin-top: 10px;
  padding: 0px 15px 10px 0;
  /*border: solid 1px #f4f7f6;*/
  /*background-color: #fdfdfd;*/
}
/*.lastthemes li a {
  color: #b9590b;
}*/
.lastthemes li h4 {
  font-size: 0.9em;
  padding: 5px 0;
}
.lastthemes .image {
  float: left;
}
.lastthemes p {
  padding: 0;
  margin: 0;
  line-height: 16px;
}
.lastthemes .image img {
  margin-right: 10px;
  width: 50px;
}
.lastthemes .details {
  display: block;
}
.lastthemes .details span {
  margin-right: 5px;
}

/** =ticker */
/*.paneticker {
  display: block;
  height: 150px;
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}
.paneticker .ticker {
  position: absolute;
  width: 90%;
  top: 0;
}*/

/** =folder_list, =last_themes */
.folder_list {
  list-style-type: none;
  margin: 5px 25px 10px 25px;
}
.folder_list li {
  margin-bottom: 5px;
  background: url(../i/content/icons/none.gif) no-repeat;
  zoom: 1;
}
.folder_list li a {
  padding-left: 20px;
}
.folder_list li span {
  margin: 0 5px;
  white-space: nowrap;
}
.folder_list li .size {
  color: #aaa;
}
.folder_list li.mp3 {
  background-image: url(../i/content/icons/mp3.gif);
}
.folder_list li.doc {
  background-image: url(../i/content/icons/doc.gif);
}
.folder_list li.pps {
  background-image: url(../i/content/icons/pps.gif);
}
.folder_list li.ppt {
  background-image: url(../i/content/icons/ppt.gif);
}
.folder_list li.xls {
  background-image: url(../i/content/icons/xls.gif);
}
.folder_list li.txt {
  background-image: url(../i/content/icons/txt.gif);
}
.folder_list li.exe {
  background-image: url(../i/content/icons/exe.gif);
}
.folder_list li.eml {
  background-image: url(../i/content/icons/eml.gif);
}
.folder_list li.dll {
  background-image: url(../i/content/icons/dll.gif);
}
.folder_list li.pdf {
  background-image: url(../i/content/icons/pdf.gif);
}
.folder_list li.folder {
  background-image: url(../i/content/icons/folder.gif);
}
.folder_list li.zip,
.folder_list li.rar {
  background-image: url(../i/content/icons/zip.gif);
}
.folder_list li.htm,
.folder_list li.html {
  background-image: url(../i/content/icons/html.gif);
}
.folder_list li.avi,
.folder_list li.mpg,
.folder_list li.mpeg,
.folder_list li.vob,
.folder_list li.rmvb {
  background-image: url(../i/content/icons/avi.gif);
}
.folder_list li.jpg,
.folder_list li.jpeg,
.folder_list li.gif,
.folder_list li.bmp {
  background-image: url(../i/content/icons/jpg.gif);
}

/** =table */
table {
  margin: 10px 0 10px 25px;
  border-collapse: collapse;
  border: solid 1px #efefef;
}
tr, td ,th {
  padding: 4px;
  border: solid 1px #efefef;
}
th {
  color: #666;
  font-size: 0.8em;
  font-weight: normal;
  background-color: #e8e8e8;
}
table.data th {
  background-color: #7195c6;
  color: #fff;
}
table.listing th {
  background-color: #da6927;
}
tr.even {
  background-color: #ddebff;
}
table.grid .even {
  background-color: #e6e6e6;
}
table.listing .even {
  background-color: #f8cdb5;
}
td.selected,
tr.selected {
  color: #7195c6;
  border: solid 1px #e6e6e6;
}

/** = form */
dl {
_height: 1%;   /* IE up footer */
margin-bottom: 5px;
}
dl dd,
dl dt {
display: block;
overflow: hidden; /* FF not wisible for required */
font-size: 0.9em;
}
dl dd {
  padding-bottom: 6px;
}
dl dd p.info,
dl dd label {
float: left;
padding: 0 10px;
}
dl dt p {
  margin: 10px 0;
}
dl dd p {
  margin: 0;
}
dd.file input {
width: 90%;
}
dt.checkbox input,
dd.checkbox input {
  margin: 0 5px 0 0;
  width: auto !important;
  border-width: 0;
  background-color: transparent;
}
dt.checkbox {
  height: 100%; /* IE problem */
  padding-bottom: 5px;
}
dt.checkbox input {
  margin-left: 10px;
}
form {
overflow: hidden;
}
form dd .info {
  margin: 1px 0 10px 0;
  height: 23px;
  background: url(../i/content/info_bg.gif);
}
form dd em {
  display: block;
  font-size: 0.6em;
  color: #999;
  font-style: normal;
  line-height: 6px;
  margin-bottom: 10px;
}
form dd em.explain  {
  clear: both;
  color: #ee8e40;
}
form dl.important {
  border: solid 1px #eee;
}
form dd.description {
  display: block;
  padding: 2px 10px;
  font-size: 0.75em;
  font-weight: bold;
  text-align: center !important;
  background-color: #f8f8f8;
}
button,
input,
select,
textarea,
.select,
.buttons a {
  float: left;
  padding: 2px 4px;
  margin: 2px 2px 6px 0;
  border: 1px solid #AFB1BE;
  background: #fcfcfc url(../i/content/input_bg.gif) left top;
}
div.select {
  height: 60px;
  width: 95%;
  overflow-y: scroll;
  padding: 2px 15px 2px 2px !important;
}
div.select label {
  display: block;
  float: none;
  margin: 2px 0;
}
select option.current {
  font-weight: bold;
}
button,
.buttons a {
  color: #666;
  padding: 2px 5px;
  text-align: center;
  border-bottom: 1px solid #A4A4A4;
  border-right: 1px solid #A4A4A4;
  background: #E1E9EC url(../i/icons/button.gif) repeat-x top;
}
span.buttons a {
  margin: 0;
  cursor: default;
  background: none;
}
span.buttons {
  float: left;
  margin-right: 5px;
  background: #E1E9EC url(../i/icons/button.gif) repeat-x top;
}
input:focus,
textarea:focus {
  border: 1px solid #2B63AA;
}
button:hover
/*input:hover,
textarea:hover*/ {
border: 1px solid #2B63AA;
color: #000;
}
.buttons a:hover {
color: #000;
border-bottom: 1px solid #2B63AA;
border-right: 1px solid #2B63AA;
}

dl.required dt label {
  padding-right: 10px;
  background-repeat: no-repeat;
  background-position: right top;
  background-image: url(../i/content/required.gif);
}
dl dd .notice {
  display: none;
  padding: 0;
}

dl.error {
  background-color: #ffe7d4;
}
dl.error dd .notice {
  display: inline;
  font-size: 0.95em;
  color: #ff0000;
}
dl.error textarea,
dl.error select,
dl.error input {
  border-color: #ff0000;
}

dl.action {
clear: both;
padding-top: 5px;
}
dl.action dd {
overflow: visible;
width: auto !important;
padding-top: 0 !important;
}
dl.action dd span {
line-height: 12px;
margin-left: 10px;
}

/** =actions */
.actions {
  height: 10px;
  padding: 5px 35px 25px 25px;
}
.actions span,
.actions span a {
  padding-right: 10px;
  color: #8c8c8c;
}
.actions span {
  float: right;
}
.actions .pages a {
  padding-right: 0;
}
.actions .printable,
.actions .emailing {
  padding: 1px 0 2px 19px;
  background-repeat: no-repeat;
  background-position: center left;
}

/** =details */
.details {
  display: none;
  /*margin: 0 25px 0 25px;
  padding-bottom: 20px;
  background: url(../i/content/separator.gif) repeat-x top left;*/
}

body.article .details { /* TODO move to separate */
  margin-top: 10px;
  background-image: none;
}
.list .details,
.thema .details {
  padding: 0;
}

.details .date,
.details .category,
.details .keyword,
.details .author {
  padding: 0 5px 0 0;
  color: #999;
  line-height: 12px;
  font-size: 11px;
  font-family: Arial, Verdana, Helvetica, Sans-serif;
}
.details .category,
.details .author {
  border-right: solid 1px #999;
}
.details span a {
  font-size: 11px;
  font-family: Arial, Verdana, Helvetica, Sans-serif;
}

.links {
  /*position: relative;*/
  right: 25px;
  margin: -5px 25px 5px 25px;
  /*top: -40px;*/
  text-align: right !important;
}

.links span {
  margin-left: 10px;
  /*position: relative;*/
}
.links span a {
  color: #7095c2;
  font-size: 11px;
  padding-left: 20px;
  font-family: Arial, Verdana, Helvetica, Sans-serif;
}
.links .printable {
  background: url(../i/icons/printable.gif) no-repeat bottom left;
}
.links .anchor {
  background: url(../i/icons/anchor.gif) no-repeat bottom left;
}

/*.details .emailing {
padding: 1px 0 2px 19px;
background-position: center left;
background-repeat: no-repeat;
background-image: url('../i/icons/emailing.gif');
}*/

/** =sitemap */
/*body.sitemap .list ul {
  margin-left: 20px;
}
body.sitemap .list li {
  list-style-type: none;
  list-style-image: url(../i/menu/right.gif);
}
body.sitemap .list li * {
  font-size: 1em;
}
body.sitemap .list li span {
  display: block;
  margin-bottom: 5px;
  font-size: 1em;
}
body.sitemap .list li .division {
  font-size: 1.4em;
  font-weight: bold;
  color: #b9590b;
}*/

/** =window  */
.window {
  width: 500px;
  overflow: hidden;
  position: absolute;
  margin: auto;
  z-index: 200;
  background-color: #fff;
  border: solid 1px #e44f2e;
}
.window h1 {
  position: absolute;
  left: 0;
  margin: 0;
  height: 22px;
  width: 100%;
  cursor: move;
  /*text-indent: 0;*/
  color: #fff;
  background: #e44f2e;
}
.window h2 {
  float: left;
  width: 100%;
  padding: 0 10px;
}
.window .close {
  float: right;
  position: relative;
  width: 20px;
  height: 32px;
  border: 0;
  margin: 0;
  cursor: pointer;
  text-indent: -9999px;
  background: #e44f2e url(../i/icons/close.gif) no-repeat center;
}
.window div {
  clear: both;
  padding-top: 15px;
}
.window p {
  float: left;
}
.show {
  display: block;
}
.window,
.hide {
  display: none;
}
#dialog p {
  margin-top: 35px;
}

/** =status */
#status {
  width: 500px;
  margin: auto;
  position: absolute;
  z-index: 300;
  border: solid 1px #2d533d;
  background-color: #fff;
  opacity: 0.95;
  _filter: alpha(opacity=95);
}
#status * {
  margin: 10px;
  padding: 10px 0;
}
#status .loading {
  background: #f8f8ff url(../i/icons/ajax_loader.gif) no-repeat 10px center;
}

/** =loader */
.loader {
  position: relative;
}
.loader .cover {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 199;
  background: #f8f8ff url(../i/icons/ajax_loader.gif) no-repeat center;
  opacity: 0.65;
  _filter: alpha(opacity=65);
}

/** =font size */
.actions,
#footer,
span.picture {
  font-size: 0.7em;
}
p,
li,
button,
.buttons a,
span.author,
span.category,
span.keywords,
span.date {
  font-size: 0.8em;
}
code,
blockquote,
div.thema,
#content div.content {
  font-size: 0.9em;
}

/** =font family */
#footer {
  font-family: Tahoma, Helvetica, Sans-serif;
}
button,
.buttons a {
  font-family: Verdana, Helvetica, Sans-serif;
}


/** = column */
/*body.column .breadcrumb {
_clear: left;
_zoom: 1;
}
body.column #content .column {
overflow: hidden;
}
body.column #content .column div.pane {
width: 49%;
float: left;
height: auto;
overflow: hidden;
}
body.column #content h3,
body.column #content form.search,
body.column #content ul.updates,
body.column #content div#containercalendar {
} */

/** =restricted */
body.restricted #content h2 {
  margin-top: 50px;
}
body.restricted #content p {
  margin-bottom: 50px;
}

/** =welcome */
#page .welcome {
    position: absolute;
    right: 0;
    margin: 0;
    padding: 0 10px;
    font-size: 10px;
}
#page .welcome a {
  color: #7095c2;
  /*text-decoration: none;*/
  padding-left: 14px;
  background: url(../i/icons/login.gif) no-repeat left center;
}
/*#page .welcome a:hover {
  text-decoration: underline;
} */

/** =login */
body.login #container {
  width: 100%;
  border: 0;
  padding: 0;
}
body.login #header .welcome,
body.login #container .breadcrumb li {
  display: none;
}
body.login #container h1 {
  display: block;
}
body.login #container form {
  /*clear: both;*/
  width: 400px;
  margin: 30px auto 0 auto;
  padding: 25px 10px 10px 0;
  border: solid 1px #ccc;
  background: url(../i/content/login.gif) no-repeat right top;
}
body.login #container form input {
  width: 130px;
}
body.login #container form label {
  width: 90px;
  display: block;
  text-align: right !important;
  padding-right: 0 !important;
  background-image: none !important;
}
body.login #container form dt,
body.login #container form dd {
  float: left;
  padding: 0 0 5px 30px;
}
body.login #container form dd button {
  margin-right: 200px;
  margin-left: 120px;
}
body.login #container form dd .error {
  margin: 10px 0;
  width: auto;
}
body.login #container .contact {
  width: 400px;
  margin: 0 auto 50px auto;
  text-align: right;
}
body.login #container .copyright {
  font-size: 0.8em;
}
body.login #content {
  width: 100%;
}
body.login #footer {
  margin: 0;
  padding: 0;
}
body.login #footer p {
  margin-left: 0;
}

/** =sidebar login */
/*#navigation .content .formlogin,
.sidebar .formlogin {
  padding: 5px 15px;
}
#navigation .content .formlogin label,
.sidebar .formlogin label {
  font-size: 0.8em;
}
#navigation .content .formlogin input,
.sidebar .formlogin input {
  width: 80%;
}
#navigation .content .formlogin .contact a,
.sidebar .formlogin .contact a {
  padding: 20px 0 0 40px;
  font-size: 0.8em;
}*/