/*
* standard-style
*/
html, body, table, div, p, ul, li, input, textarea, select {
  background-color:#222222;
  font-family: Arial, Helvetica, sans-serif;
  font-size:10pt;
  text-align:left;
  color:#eeeeee;
  vertical-align:top;
}
table {
  border:2px;
  border-collapse:collapse;
  border-spacing:0;
  empty-cells:show;
  margin:0;
  padding:1px;
  text-align:left;
  vertical-align:top;
}
td {
  text-align:left;
  vertical-align:top;
}
a:link, a:visited {
  color:#4488ff;
  text-decoration:none;
}
a:hover, a:active {
  color:#4488ff;
  left:1px;
  text-decoration:underline;
}
img {
  border:0;
  vertical-align:middle;
}
input, textarea, select {
  background-color:#666666;
  border: solid 1px #880000;
  margin: 2px;
  color:#eeeeee;
}
input:focus, textarea:focus {
  background-color: #eeeeee;
  color:#555555;
}
.button {
  background-color:#880000;
  border-top: solid 2px #bb0000;
  border-left: solid 2px #bb0000;
  border-right: solid 2px #550000;
  border-bottom: solid 2px #550000;
  color:#ffffff;
  font-weight:bold;
  padding-left:2px;
  padding-right:2px;
  width:140px;
}
.button:hover, .button:active {
  border-top-color:#550000;
  border-left-color:#550000;
  border-right-color:#bb0000;
  border-bottom-color:#bb0000;
  font-style:italic;
}
.button:focus {background-color:#880000;}

.admbutton {
  background-color:#006600;
  border-top: solid 2px #008800;
  border-left: solid 2px #008800;
  border-right: solid 2px #004400;
  border-bottom: solid 2px #004400;
  color:#ffffff;
  font-size:80%;
  font-weight:bold;
  padding-left:2px;
  padding-right:2px;
 }

.admbutton:hover, .admbutton:active {
  border-top-color:#004400;
  border-left-color:#004400;
  border-right-color:#008800;
  border-bottom-color:#008800;
  font-style:italic;
}
.admbutton:focus {background-color:#006600;}

.admbg {
  background-color:#55cc55;
}

/*
* text-style
*/
.error_msg {color:#ff0000;font-size:120%;font-weight:bold;margin:20px;}
.warning_msg {color: #ff6666; font-size: 115%; font-weight: bold;}
.ok_msg {color: #00aa22; font-size: 115%; font-weight: bold;}
.black {color:#222222 !important;}
.linkblack {color:#000000 !important;}
.linkgrey {color:#888888 !important;}
.bggrey {background-color:#888888;}
.headline {font-size:140%;font-weight:bold;}
.supheadline{font-weight:bold;}
.bold {font-weight:bold;}
.line-through {text-decoration: line-through;}
.italic {font-style:italic;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bigger {font-size:120%;}
.smaller {font-size:80%;}

/*
* table-style
*/
.fullheight {height:100%;}
.fullwidth {width:100%;}
.margin {margin:3px;}
.nopadding {padding:0;}
.nowrap {white-space: nowrap;}
.tpad3 {padding-top:3px;}
.bpad3 {padding-bottom:3px;}
.paddingleftbig {padding-left:10px;}
.paddingrightbig {padding-right:10px;}
.paddingbottombig {padding-bottom:10px;}
.pre {white-space: pre;}
.nowrap {white-space:nowrap;}
.marginbottom3 {margin-bottom:3px;}
.listborder {background-color:#ffffff;border-color:#888888;border-style:solid;border-width:1px;color:#666666;margin-bottom:5px;}
.listborder tr th {background-color:#006600;color:#ffffff;padding-left:3px;padding-right:3px;text-align:center;}
.listborder tr td {border-right-color:#006600;border-right-style:solid;border-right-width:1px;}
.listmod2 {background-color:#ccffcc;}
.bordertop {border-top-color:#bbbbbb;border-top-style:solid;border-top-width:1px;}
.borderbottom {border-top:solid 1px #bbbbbb;}
.greybackground {background-color:#bbbbbb;}

/*
* news-style
*/
.newshead {
  background-color:#888888;
  border-bottom-color:#880000;
  border-bottom-style:solid;
  border-bottom-width:3px;
  color:#ffffff;
}
.newsborder {
  border-color:#888888;
  border-style:solid;
  border-width:1px;
  margin-bottom:10px;
  width:670px;
}
.newstext {
  background-color:#ffffff;
  color:#666666;
}

.input30 {
  width:150px;
}
.input70 {
  width:282px;
}
.infoboxtext {
  height: 150px;
  width: 282px;
}
.comment {
  background-color: #cccccc;
  color:#666666;
  font-size: 90%;
  font-style: italic;
}
.status5 {
  background-color: #ffffaa;
  color:#666666;
}

/*
* menue-buttons
*/
.navi, .navi ul {
  list-style:none;
  margin:0;
  padding:0;
  margin-bottom:2px;
}
.navi a {
  /*-moz-border-radius:5px;*/
  background-color:#880000;
  border-top-color:#bb0000;
  border-top-style:solid;
  border-top-width:2px;
  border-left-color:#bb0000;
  border-left-style:solid;
  border-left-width:2px;
  border-right-color:#550000;
  border-right-style:solid;
  border-right-width:2px;
  border-bottom-color:#550000;
  border-bottom-style:solid;
  border-bottom-width:2px;
  color:#ffffff;
  display:block;
  font-weight:bold;
  padding-left:2px;
  padding-right:2px;
  width:140px;
}
.navi a:hover, .navi a:active {
  border-top-color:#550000;
  border-left-color:#550000;
  border-right-color:#bb0000;
  border-bottom-color:#bb0000;
  font-style:italic;
  text-decoration:none;
}
/* sum-menu */
.navi li ul a {
  background-color:#5577aa;
  border-top-color:#5577ee;
  border-left-color:#5577ee;
  border-right-color:#557788;
  border-bottom-color:#557788;
  width:170px;
}
.navi li ul a:hover, .navi li ul a:active {
  border-top-color:#557788;
  border-left-color:#557788;
  border-right-color:#557788;
  border-bottom-color:#557788;
  font-style:italic;
  text-decoration:none;
}
.navi li ul {
  display:none;
  list-style:none;
  left:80px;
  position:absolute;
}
.navi li:hover ul,.navi li:active ul {
  display:block;
}
/* subMenu as mainMenu in mainPage */
.submain ul {
  list-style:none;
  margin:0;
  padding:0;
}
.submain li {
  float:left;
}
.submain li.block {
  float:none;
}
.submain a {
  background-color:#5577bb;
  border-top-color:#5577ee;
  border-top-style:solid;
  border-top-width:2px;
  border-left-color:#5577ee;
  border-left-style:solid;
  border-left-width:2px;
  border-right-color:#557788;
  border-right-style:solid;
  border-right-width:2px;
  border-bottom-color:#557788;
  border-bottom-style:solid;
  border-bottom-width:2px;
  color:#ffffff;
  display:block;
  font-weight:bold;
  margin-right:2px;
  margin-bottom:2px;
  padding-left:2px;
  padding-right:2px;
  width:170px;
}
.submain a:hover, .submain a:active {
  border-top-color:#557788;
  border-left-color:#557788;
  border-right-color:#5577ee;
  border-bottom-color:#5577ee;
  font-style:italic;
  text-decoration:none;
}

/*
* layout of mainpage
*/
.layout {
  height:100%;
  padding:10px;  
  text-align: center;
}
.page {
  border: #c0c0c0 solid 1px;
  height:100%;
  margin:0;
  min-height:500px;
  padding:0;
  width:1050px;
}
.toppage {
  height:1px;
  text-align:left;
}
.navipage {
  vertical-align:top;
  width:15%;
}
.mainpage {
  /*border:#ffff88 solid 1px;*/
  padding-left:7px;
  text-align:left;
  vertical-align:top;
  width:85%;
}
.bottompage {
  height:1px;
  vertical-align:top;
}

/*
* picture styles
*/
td.picture {
}

.picturehead a {
  color:#ffffff !important;
  font-weight:bold;
  text-decoration:underline;
}

img.picpreview {
  border:0;
  max-height:160px;
  max-width:160px;
  min-height:120px;
  min-width:100px;
  text-align:center;
  vertical-align:top;
}
img.piclarge {
  height:480px; /* 420 */
  text-align:center;
  vertical-align:middle;
}
.picdes {
  color:black;
  float:right;
  font-weight:normal;
  text-align:left !important;
  vertical-align:top;
}

.tabpreviewpic {
  background-image:url(/images/bgdr12.gif);
  background-repeat:repeat-x;
  background-color:#bbbbbb;
  color:#ffffff;
  font-size:80%;
  height:180px !important;
  margin:3px;
  padding:2px;
  width:166px !important;
}

.tablargepic {
  background-image:url(/images/bgdr12.gif);
  background-repeat:repeat-x;
  background-color:#bbbbbb !important;
  color:#ffffff;
  /*font-weight:bold;*/
  min-height:470px !important;
  margin:3px;
  padding:2px;
  width:670px !important; /* 644 */
}

/*
* styles of suggest-box
*/
.suggbox {
  width:160px;
}
.suggitemleft {
  background-color:#0088cc;
  border-left-color:#888888;
  border-left-style:solid;
  border-left-width:1px;
  color:#000000;
  float:left;
  width:50%;
}
.suggitemright {
  background-color:#0088cc;
  border-right-color:#888888;
  border-right-style:solid;
  border-right-width:1px;
  color:#000000;
  float:right !important;
  text-align:right;
  width:50%;
}