/*
  clear and prop are to ensure _minimum_ height of the page border, without
  having to set an arbitrary fixed height to the border. This is handy when
  we want the bounding box to be able to grow taller if we have more stuff
  on any given page, but still want to maintain a minimum height  for
  consistent display in general.

  Got the idea for this browser-agnostic approach from
  http://www.greywyvern.com/code/min-height-hack.html
*/

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
}

.prop {
  float:right;
  width:1px;
}

body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10pt;
  margin: 0 0 0 15px;
  background: #ffffff;
  color: #333;
} 

/*
a:link, a:hover, a:visited, a:active {
  color: #555;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
*/

H1 {                 
  margin: 12px 0 8px 0;
  padding: 6px 4px 6px 0;
  font-size:24pt; 
}

H2 {                 
  margin: 12px 0 8px 0;
  padding: 6px 4px 6px 0;
  font-size:20pt; 
}

H3 {                 
  margin: 12px 0 8px 0;
  padding: 6px 4px 6px 0;
  font-size:18pt;
}

H4 {                 
  margin: 12px 0 8px 0;
  padding: 6px 4px 6px 0;
  font-size:16pt; 
}

H5 {                 
  margin: 10px 0 8px 0;
  padding: 6px 4px 6px 0;
  font-size:12pt; 
  font-weight:bold;
}

H6 {                 
  margin: 10px 0 8px 0;
  padding: 6px 4px 6px 0;
  font-size:10pt; 
  font-weight:bold;
}

p {
  margin: 2px 0 10px 0;
}

#rootline {
  font-size: 9pt;
  margin: 10px 0;
}

#rootline a:link, #rootline a:hover, #rootline a:visited, #rootline a:active {
  color: #555;
  text-decoration: none;
}

#rootline a:hover {
  text-decoration: underline;
}

#rootline ul {
  margin: 0;
  padding: 0;
}

#rootline li {
  list-style: none;
  display: inline;
  margin: 3px;
}

#printversion {
  position: absolute;
  top: 4px;
  left:335px;
  width:110px;
  margin:0;
  padding:0;
  font-size:10pt;
}

#printversion a:link, #printversion a:hover, #printversion a:visited, #printversion a:active {
  color: #555;
  text-decoration: none;
}

#printversion a:hover {
  text-decoration: underline;
}

#header {
  border: 1px #aaa solid;
  background-color: #eee;
  height: 94px;
  width: 750px;
  margin:0 0 10px 0;
  padding: 0;
}

#logo {
  float: left;
  margin: 10px 0 0 20px;
}

#headertext {
  font-size: 32pt;
  margin: 10px 0 10px 140px;
}

#navi  {
                  font-size: 10pt;
                  width: 800px;
                  margin: 0;
                  /*background: url(../images/icons/navi_bg.gif) no-repeat top left;*/
                  padding: 0 0 15px 140px;
}

#navi ul {
  margin: 0;
  padding: 0;
}

#navi li {
  list-style: none;
  display: inline;
  margin: 3px;
}

#navi a:link, #navi a:visited {
                padding: 0 5px 0 10px;
                background: url(../images/icons/link.gif) no-repeat left;
                text-decoration: none;
                color: #222;
}

#navi a.navi-active, #navi a.navi-active:link, #navi a.navi-active:visited {
                padding: 0 5px 0 10px;
                background: url(../images/icons/link_act.gif) no-repeat left;
                text-decoration: none;
}

#navi a:hover {
                padding: 0 5px 0 10px;
                background: url(../images/icons/link_over.gif) no-repeat left;
                text-decoration: none;
}

#content {
                  /* float: left; */
                  width: 750;px; 
                  margin: 0;                  
}

#subnavigation {
                  float: left;
                  margin: 0 10px 0 0;
                  width: 110px;
                  /* height: 250px;
                  border: #aaa solid;
                  border-width: 1px; */
                  font-size: 9pt;
}

#subnavigation a:link, #subnavigation a:hover, #subnavigation a:visited, #subnavigation a:active {
  color: #555;
  text-decoration: none;
}

#subnavigation a:hover {
  text-decoration: underline;
}

#subnavigation ul, #subnavigation ul ul {
  /* margin: 0 10px 10px 10px; */
  padding: 0;
  margin-left: 5px;
}
/*
#subnavigation ul ul {
  margin: 0;
  padding: 1px 0 0 0;
}
*/
#subnavigation li, #subnavigation li li {
  list-style: none;
  /* border: solid #efefef;
  border-width: 1px 0 0 0; 
  margin: 0 0 0 2px; */
  padding: 1px 0 1px 0;
  background: transparent;
}
/*
#subnavigation li li {
  list-style: none;
  background: transparent;
  /* padding: 1px 1px 1px 8px; */
}
*/
#subnavigation li.subnavi-act, #subnavigation li li.subnavi-act {
  /* background: url(../images/icons/subnavi_act.gif) no-repeat left; */
  font-weight: bold;
}

#subnavigation li a, #subnavigation li li a {
  /* padding-left: 10px; */
}

#subnavigation li a.subnavi-act, #subnavigation li li a.subnavi-act {
  /* background: url(../images/icons/subnavi_act.gif) no-repeat left; */
  font-weight: bold;
}

#lastupdate{
  font-size: 11px;
  margin: 15px 0 5px 0;
  float: right;
}

.thumbcaption {
  font-size: 10px;
}

#maincolumn {
                  float: right;
                  width: 620;px; 
                  margin: 0;                  
}


#maincolumnhome {
                  float: right;
                  width: 750;px; 
                  margin: 0;                  
}



/*
#content h1, #content h2 {
                border: 1px solid #ccc;
                border-width: 1px 0;
                padding: 6px 4px 6px 4px;
}
*/

#right {
  width: 130px;
  margin: 0 0 15px 15px;
  padding: 0 5px 5px 5px;
  float: right;
  border: #aaa solid;
  border-width: 1px;
  font-size: 8pt;
}

#righthome {
  width: 200px;
  margin: 0 0 15px 15px;
  padding: 0 5px 5px 5px;
  float: right;
  border: #aaa solid;
  border-width: 1px;
  font-size: 8pt;
}

#rightheader {
  background: url(../images/icons/right_bg.gif) no-repeat top left;
  margin-bottom: 5px;
}

#rightcontent {
  margin: 0;
  /* padding: 0 0 20px 20px; 
  padding: 0 10px;
  border: #aaa solid;
  border-width: 0 1px; */
}

#rightfooter {
  background: url(../images/icons/right_bg.gif) no-repeat bottom left;
  margin-bottom: 10px;
}

#right h1, #right h2 {
  color: #cc0033;
}

#linebreak{
  clear: both;
  margin: 0;
}

#footer {
  font-size: 11px;
  width: 750px;
  border: #aaa solid;
  border-width: 1px 0 0 0;
  margin: 20px 0 50px 0;
}

#footer a:link, #footer a:hover, #footer a:visited, #footer a:active {
  color: #333;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#sitemap{
  float: left;
}

#contact {
  margin-left: 30px;
}

#copyright {
  float: right;
}

.external-link-new-window img {
  border-style: none;
}


/* ********************************* Formulare  ******************************* */
.celsubmenu {
                margin: 0 0 0 40px;
}

.mailformwarning {
                color: red;
}

.mailformrequired {
                 font-weight: bold;
}


form .form_line{
                margin:0;
                padding: 5px 0 5px 0;
}

form .form_line label {
                  float:        left;
                  width:        200px;
                  margin-right: .3em;
                  margin-left: 0;
                  margin-bottom:5px;
}

ul#metas {
                margin: 50px;
                vertical-align: bottom;
}

ul#metas li {
                border-width: 0;
                padding: 0;
                margin: 0;
}