/* 
-----------------------------------------------------
File:         styles.css
Author:       Philipp Bodonji
              www.bt-websolutions.at
Last Edit:    03.05.2009 

Colors:
  Light Blue:   #21AEDC
  Dark Blue:    #1B3F78
  Light Green:  #BFE024  
----------------------------------------------------- 
*/

  html {
  cursor: default;
  min-height:100.01%;
  height:100.01%;
  position:relative;
  text-align:center;
  }
  
  * {
  font-size:100%;
  margin:0;
  padding:0;
  text-align:center;
  }
  
  body {
  height:100.01%;
  min-height:100.01%;
  width:100%;
  background-color:#FFFFFF;
  background-image:url('img/bg_body.jpg');
  background-position:left top;
  background-repeat:no-repeat;
  background-attachment:fixed;
  font-family:'Arial','Helvetica','Lucida Sans';
  font-size:13px;
  color:#595959;
  line-height:1.6;
  }
    
/* Layout */
  
  #linkleiste_hintergrund {
  position:absolute;
  width:100%;
  height:32px;
  margin-top:157px;
  margin-left:0px;
  background-color:#333333;
  border-top:1px solid #FEFEFE;
  border-bottom:1px solid #FEFEFE;
  }
  
  #container_mitte {
  position:relative;
  width:959px;
  height:100%;
  background-color:#FFFFFF;
  margin:auto;
  text-align:left;
  background-image:url('img/linien.gif');
  }
  
  #linkleiste {
  width:100%;
  height:32px;
  margin:0;
  text-align:right;
  background-color:#333333;
  border-top:1px solid #FEFEFE;
  border-bottom:1px solid #FEFEFE;
  background-image:url('img/leiste.gif');  
  background-repeat:no-repeat;
  background-position:top right;
  }
  
  #header {
  height:157px;
  background-image:url('img/header.jpg');
  margin:0px;
  padding:0px;
  }
  
  #content_1 {
  height:auto;
  min-height:100%;
  text-align:left;
  background-image:url('img/linien.gif');
  }
  
  #navigation_1 {
  text-align:left;
  width:177px;
  float:left;
  margin-left:0px;
  overflow:hidden;
  }
  
  #navigation_2 {
  text-align:left;
  width:177px;
  float:left;
  margin-left:0px;
  }
  
  #content_2 {
  height:auto;
  min-height:100%;
  text-align:left;
  position:relative;
  width:605px;
  float:left;
  margin-left:0px;
  background-image:url('img/watermark.jpg');  
  background-repeat:no-repeat;
  }
  
  .clearfix {
  clear:left;
  }

/* ----------------------------------------------------- */
/* Navigation: Navigation 1, Navigation 2, Submenu, Navigation 3 (Impressum, etc) */  
/* Navigation 1 */

  ul#navi1 {
  width:177px;
  list-style-type:none;
  padding:20px 0px 0px 0px;
  }
  
  ul#navi1 li {
  text-align:right;
  width:175px;
  height:20px;
  margin-left:1px;
  padding-top:5px;
  letter-spacing:0px;
  }
   
  ul#navi1 li:hover {
  text-align:right;
  background-position:bottom;
  background-repeat:repeat-x;
  }
  
  ul#navi1 li a {
  color:#595959;
  text-decoration:none;
  padding:5px 30px 0px 0px;
  border-bottom:1px dotted #EEE;
  }
  
  ul#navi1 li a:hover {
  color:#999999;
  text-decoration:none;
  background-image:url('img/arrow_hover.gif');  
  background-repeat:no-repeat;
  background-position:right bottom;
  border-bottom:none;
  }
  
  ul#navi1 li a:active,ul#navi1 li a:focus {
  color:#BFE024;
  text-decoration:none;
  background-image:url('img/arrow.gif');
  background-repeat:no-repeat;
  background-position:right bottom;
  border:none;
  outline:none;  
  }
  
  ul#navi1 li.active_navi {
  text-align:right;
  background-image:url('img/navi1_active.gif');
  background-position:bottom;
  background-repeat:repeat-x;
  }
  
  ul#navi1 li.active_navi a {
  color:#21AEDC;
  text-decoration:none;
  background-image:url('img/arrow_active.gif');
  background-repeat:no-repeat;
  background-position:right bottom;
  border-bottom:none;
  }
  
  
/* Navigation 2 */

  ul#navi2 {
  width:177px;
  list-style-type:none;
  padding:0px 0px 0px 0px;
  overflow:hidden;
  }
  
  ul#navi2 li.inactive_navi {
  text-align:right;
  width:175px;
  height:20px;
  margin-left:0px;
  padding-top:5px;
  }
   
  ul#navi2 li.inactive_navi:hover {
  text-align:right;
  }
  
  ul#navi2 li.inactive_navi a {
  color:#595959;
  text-decoration:none;
  padding:5px 30px 0px 0px;
  border-bottom:1px dotted #EEE;
  }
  
  ul#navi2 li.inactive_navi a:hover {
  color:#999999;
  text-decoration:none;
  background-image:url('img/arrow_hover.gif');  
  background-repeat:no-repeat;
  background-position:right bottom;
  border-bottom:none;
  }
  
  ul#navi2 li.inactive_navi a:active, ul#navi2 li.inactive_navi a:focus, 
  ul#navi2 li.active_navi a:active,ul#navi2 li.active_navi a:focus
   {
  color:#BFE024;
  text-decoration:none;
  background-image:url('img/arrow.gif');
  background-repeat:no-repeat;
  background-position:right bottom;
  border:none;
  outline:none;  
  }
  
  ul#navi2 li.active_navi {
  text-align:right;
  background-image:url('img/navi1_active.gif');
  background-position:bottom;
  background-repeat:repeat-x;
  }
  
  ul#navi2 li.active_navi a {
  color:#21AEDC;
  text-decoration:none;
  background-image:url('img/arrow_active.gif');
  background-repeat:no-repeat;
  background-position:right bottom;
  border-bottom:none;
  }
  
  ul#navi2 li.active_navi {
  text-align:right;
  width:175px;
  margin-left:0px;
  padding-top:5px;
  }
   
  ul#navi2 li.active_navi:hover {
  text-align:right;
  background-image:url('img/navi1.gif');
  background-position:bottom;
  background-repeat:repeat-x;
  }
  
  ul#navi2 li.active_navi a {
  color:#595959;
  text-decoration:none;
  padding:5px 30px 0px 0px;
  border-bottom:1px dotted #FEFEFE;
  }
  
  ul#navi2 li.active_navi a:hover {
  color:#333333;
  text-decoration:none;
  background-repeat:no-repeat;
  background-position:right bottom;
  border-bottom:none;
  }
  
  ul#navi2 li.active_navi a.active_navi {
  color:#21AEDC;
  text-decoration:none;
  padding:5px 30px 0px 0px;
  border-bottom:1px dotted #FEFEFE;
  }
 
/* Navigation Submenu */
  
  ul#navi2 li.submenu {
  text-align:right;
  width:140px;
  padding-right:35px;
  }
  
  ul#navi2 li.submenu:hover {
  background-image:url('img/arrow_hover2.gif');
  background-repeat:no-repeat;
  background-position:right bottom;
  }
  
  ul#navi2 li.submenu a {
  color:#21AEDC;
  text-decoration:none;
  border-bottom:1px dotted #DDD;
  }
  
  ul#navi2 li.submenu a:hover {
  color:#999;
  text-decoration:none;
  border-bottom:none;
  }
  
  ul#navi2 li.submenu:active {
  background-image:url('img/arrow2.gif');
  background-repeat:no-repeat;
  background-position:right bottom;
  }
  
/* Navigation Submenu Active */
  
  ul#navi2 li.submenu_active {
  text-align:right;
  width:140px;
  padding-right:35px;  
  background-image:url('img/arrow_hover2.gif');
  background-repeat:no-repeat;
  background-position:right bottom;
  }
  
  ul#navi2 li.submenu_active a.active {
  color:#999;
  text-decoration:none;
  border-bottom:1px dotted #999;  
  font-style:italic;
  }
  
  ul#navi2 li.submenu_active a.active:hover {
  text-decoration:none;
  }
  
  ul#navi2 li.submenu a:active,ul#navi2 li.submenu a:focus,
  ul#navi2 li.submenu_active a:active,ul#navi2 li.submenu_active a:focus {
  color:#BFE024;
  text-decoration:none;
  border:none;
  outline:none;
  }
  
/* Navigation Impressum,etc */

  ul#navi3 {
  width:959px;
  list-style-type:none;
  }
  
  ul#navi3 li {
  height:32px;
  float:right; 
  padding-top:5px;
  }
 
  li#sitemap {
  width:84px;
  }
  
  li#kontakt {
  width:83px;
  }
  
  li#impressum {
  width:97px;
  }
  
  ul#navi3 li a {
  color:#FFFFFF;
  text-decoration:none;
  border-bottom:1px dotted #AAAAAA;
  }
  
  ul#navi3 li a:hover {
  color:#FFFFFF;
  text-decoration:none;
  border-bottom:1px dotted #21AEDC;
  }
  
  ul#navi3 li a:active,ul#navi3 li a:focus {
  outline:none;
  border:none;
  border-bottom:1px dotted #BFE024;
  }

/* ----------------------------------------------------- */  
/* Content */
  
  /* Text, Ueberschriften */

  h1 {
  text-align:left;
  text-decoration:none;
  font-weight:normal;
  font-size:18px;
  color:#1B3F78;
  padding:20px 0 0 30px;
  }  
  
  h2 {
  text-align:left;
  text-decoration:none;
  font-weight:normal;
  font-size:18px;
  color:#1B3F78;
  padding:20px 0 0 30px;
  } 
  
  h3 {
  text-align:left;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  color:#555;
  padding:14px 0 0 40px;
  }
  
  h4 {
  text-align:left;
  text-decoration:none;
  font-weight:none;
  font-size:14px;
  font-family:Arial;
  font-style:none;
  color:#EEE;
  padding:0 0 0 0;
  width:360px;
  float:left;
  }
  
  /* Absaetze */
  
  /*p {
  
  text-align:left;
  padding:10px 40px 0 40px;
  font-family:'Verdana';
  }*/
  p { 
  text-align: left;
  padding:10px 60px 0 40px;
  font-family:'Verdana';
  }
  /* Links */

  div#content_2 p a, a.stdlink, div#login_unten  a.stdlink:hover {
  color:#21AEDC;
  text-decoration:none;
  padding-left:1px;
  padding-right:12px;
  background-image:url('img/pfeil_1.gif');
  background-repeat:no-repeat;
  background-position:bottom right;
  }
  
  div#content_2 p a:hover, a.stdlink:hover, div#login_unten  a.stdlink {
  color:#FFFFFF;
  text-decoration:none;
  background-color:#21AEDC;
  background-image:url('img/pfeil_2.gif');
  background-repeat:no-repeat;
  background-position:bottom right;
  }

/* ----------------------------------------------------- */
/* Sitemap */

  ul#sitemap_level_1 {
  text-align:left;
  padding-left:20px;
  padding-top:20px;
  }
  
  ul#sitemap_level_1 li {
  text-align:left;
  padding-left:5px;
  list-style-type:none;
  }
  
  ul.sitemap_level_2 {
  padding-left:15px;
  }
  
  ul.sitemap_level_2 li {
  text-align:left;
  list-style-type:disc;
  padding-left:10px;
  }
  
  ul.sitemap_level_2 ul {
  padding-left:30px;
  }
  
  ul.sitemap_level_2 ul li {
  list-style-type:circle;
  }

  ul#sitemap_level_1 li a {
  text-decoration:none;
  font-weight:normal;
  color:#333333;
  }
  
  ul#sitemap_level_1 li a:hover{
  color:#21AEDC;
  text-decoration:none;
  }
  
  ul.sitemap_level_2 li a {
  color:#333333;
  text-decoration:none;
  font-weight:normal;
  font-size:14px;
  border-bottom:1px dotted #AAA;
  }
  
  ul.sitemap_level_2 li a:hover {
  color:#21AEDC;
  text-decoration:none;
  font-weight:normal;
  font-size:14px;
  border-bottom:1px dotted #21AEDC;
  }
  
  ul#sitemap_level_1 h1 {
  padding:0px;
  color:#21AEDC;
  }

/* ----------------------------------------------------- */
/* Login */

  p.login_user {
  width:300px;
  text-align:right;
  float:left;
  padding-right:0px;
  }
  
  p.login_button {
  width:80px;
  text-align:right;
  float:left;
  padding-left:0px;  
  }
  
  p.login_button  input {
  height:20px;
  }
  
  p.login_pw {
  width:300px;
  text-align:right;
  padding-right:0px;
  }
  
  input.login {
  border:1px solid #666;
  text-align:left;
  width:200px;
  }
  
  form.user_login {
  text-align:left;
  }
  
/* ----------------------------------------------------- */
/* Registrierung */

  div.reg_row {
  width:400px;
  text-align:right;
  padding-top:3px;
  }
  
  span.reg_name {
  width:20px;
  padding-right:6px;
  }
  
  input.text {
  border:1px solid #666;
  text-align:left;
  width:200px;
  }
  
  p.error {
  color:#EE1111;
  }
  
/* ----------------------------------------------------- */
/* News */

  div.newsbox_1 {
  width:505px;
  height:24px;
  text-align:left;
  padding:0 0 0 5px;
  margin-left:30px;
  background-color:#21AEDC;
  background-image:url('img/balken.jpg');
  }
  
  div.newsbox_1 span {
  color:#EEE;
  font-family:georgia;
  font-size:16px;
  width:200px;
  text-align:right;
  font-style:italic;
  }
  
  div.newsbox_2 {
  width:508px;
  text-align:left;
  padding-top:0px;
  border-left:1px solid #EEE;
  border-right:1px solid #EEE;
  border-bottom:1px solid #EEE;
  margin-left:30px;
  background-color:#FFF;
  }
  
  div.newsbox_2  p{
  width:500px;
  text-align:left;
  padding:5px;
  }
  
/* ----------------------------------------------------- */
/* Ansprechpartner */

  div.gerade {
  width:479px;
  background-position:left-top;
  background-repeat:no-repeat;
  padding: 0 30px 0  0;
  margin-left:30px;
  background-color:#FFF;
  border-right:1px solid #EEE;
  border-bottom:1px solid #EEE;
  }
  
  div.teamlist h3,div.download_header  h3 {
  padding:0 0 0 5px;
  background-color:#21AEDC;
  color:#FFF;
  width:505px;
  margin-left:30px;
  background-image:url('img/balken.jpg');
  }

  div.gerade img {
  float:left;
  margin:0;
  padding:0;
  }
  
  div.team_text {
  float:left;
  }
/* ----------------------------------------------------- */
/* Kontakt */

  textarea.kontakt {
  width:250px;
  height:200px; 
  border:1px solid #666;
  text-align:left;
  }
  
  div.kontakt {
  width:450px;
  text-align:right;
  padding-top:3px;
  margin:0 0 0 30px;
  }
  
  div.kontakt span {
  width:20px;
  padding-right:6px;
  vertical-align:top;
  }
  
  input.kontakt {
  border:1px solid #666;
  text-align:left;
  width:250px;
  }
  
/* ----------------------------------------------------- */
/* Abmelden */

  div#login_oben {
  width:161px;
  margin-left:8px;
  padding:0 0 0 0;
  text-align:center;
  background-color:#21AEDC;
  background-image:url('img/login_o.jpg');
  background-repeat:no-repeat;
  background-position:top-left;
  color:#FFF;
  }
  
  div#login_unten {
  width:161px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image:url('img/login_u.jpg');
  }
  
  div#login_unten span {
  color:#FFF;
  }
  
  div#login_unten  a.stdlink:hover {
  background-color:#FFF;
  }
  
/* ----------------------------------------------------- */
/* Download */
  
  div.download_desc {
  width:326px;
  margin-left:30px;
  padding:5px;
  text-align:left; 
  background-color:#FFF;
  border-left:1px solid #EEE;
  border-right:1px solid #EEE;
  border-bottom:1px solid #EEE;
  float:left;
  }
  
  div.download_size {
  width:70px;
  padding:5px;
  text-align:center; 
  background-color:#FFF;
  border-right:1px solid #EEE;
  border-bottom:1px solid #EEE;
  float:left;
  }
  
  div.download_link {
  width:80px;
  padding:5px;
  text-align:center; 
  background-color:#FFF;
  border-right:1px solid #EEE;
  border-bottom:1px solid #EEE;
  float:left;
  }
  
/* ----------------------------------------------------- */
/* Tabellen */

#content_2 table {
width:500px;

margin-left:40px;
text-align:left;
}

#content_2 td {
padding:3px;
text-align:left;
margin:0;
border:0;
}

/* ----------------------------------------------------- */
/* Aufzählungen */

#content_2 ul {
text-align:left;
padding-left:55px;
padding-right:60px;
}

#content_2 ul li ul{
text-align:left;
margin-left:-30px;
}

#content_2 li {
text-align:left;
padding-left:10px;
}