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

Colors:
  Light Green:  #C9FF81
  Green:        #87CF2D
    
----------------------------------------------------- 
*/

  html {
  cursor: default;
  min-height:100%;
  height:100%;
  position:relative;
  text-align:center;
  }

  * {
  font-size:100%;
  margin:0;
  padding:0;
  text-align:center;
  }

  body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  font-family:'Helvetica Neue','Arial';
  background-image:url('img/background.jpg');
  background-attachment:fixed;
  background-position:top center;
  background-repeat:no-repeat;
  background-color:#071D32;
  }

/* ----------------------------------------------------- */
/* Content */ 

  div#content_all {
  position:relative;
  width:954px;
  background-color:#09273F;
  margin:auto;
  text-align:left;
  }
  
  div#content_header {
  background-color:#87CF2D;
  height:298px;
  width:954px;
  background-image:url('img/header.jpg');
  }
  
  div#content_middle {
  float:left;
  margin-left:0;
  width:703px;
  }
  
  div#content_text {
  text-align:left;
  margin-left:0;
  color:#494949;
  background-image:url('img/content.jpg');
  background-position:-1px 0;
  background-repeat:no-repeat;
  background-color:#FFF;
  font-size:13px;
  line-height:1.3;
  }
  
  div#content_sidebar {
  text-align:left;
  color:#C9FF81;
  position:relative;
  width:100%;
  height:100%;
  background-color:#AFDF71;
  background-image:url('img/sidebar.jpg');
  background-repeat:no-repeat;
  background-position:703px -1px;
  overflow:visible;
  display:inline-block;
  }
  
  div#content_footer {
  text-align:left;
  background-color:#EBEBEB;
  font-size:11pt;
  color:#787878;
  }
 
/* ----------------------------------------------------- */
/* Content Text */ 

  #content_text ul {
  text-align:left;
  padding:0 0 20px 70px;
  width:560px;
  }
  
  #content_text ol  {
  text-align:left;
  padding:0 0 20px 60px;
  width:560px;
  }
  
  #content_text ul  li {
  text-align:justify;
  padding:0 0 5px 8px;
  }  
  
  #content_text ol li ul li {
  text-align:justify;
  padding:0 0 0 0;
  } 
  
  #content_text ol li h2{
  padding:0 0 0 0px;
  }
   
  div.img {
  text-align:left;
  background-color:#EBEBEB;
  width:630px;
  margin-left:40px;
  margin-bottom:10px;
  }
  
  #content_text a {
  color:#4696BB;
  }
  
  #content_text a:hover {
  color:#87CF2D;
  }
  
  #content_text a:active, #content_text a:focus {
  color:#C9FF81;
  }
  
  #content_text h2 a {
  padding-bottom:1px;
  text-decoration:none;
  color:#494949;
  border-bottom:1px dotted #BBB;
  }

  #content_text h2 a {
  padding-bottom:1px;
  text-decoration:none;
  color:#494949;
  border-bottom:1px dotted #BBB;
  }  

  #content_text h2 a:hover {
  color:#808080;
  } 
  
  #content_text h2 a:active,#content_text h2 a:focus  {
  color:#AAA;
  border-bottom:1px dotted #DDD;
  }   
  
  #content_text  hr{
  width:640px;
  margin-left:40px;
  color:#FFF;
  border:#FFF;
  border-bottom:1px dotted #BBB;
  }
  
  #content_text img {
  border:3px solid #EBEBEB;
  }
/* ----------------------------------------------------- */  
/* Footer */  
  div#footer_list {
  width:630px;
  padding:10px 0 8px 0;
  margin:0 0 0 38px;
  border-top:1px solid #AAA;
  border-bottom:1px solid #AAA;
  font-size:10px;
  letter-spacing:0px;
  line-height:1.5;
  }
  
  div#footer_1,div#footer_2,div#footer_3,div#footer_4,div#footer_5 {  
  text-align:left;
  }
  
  div#footer_1 {
  width:96px;
  float:left;
  }
  
  div#footer_2 {
  width:180px;
  float:left;
  }
  
  div#footer_3 {
  width:106px;
  float:left;
  }
  
  div#footer_4 {
  width:124px;
  float:left;
  }
  
  div#footer_5 {
  width:120px;
  float:left;
  }
  
  span#copyright {
  padding:0 0 0 40px;
  font-size:10px;
  }
  
  a.link_footerlist {
  color:#808080;
  text-decoration:none;
  }
  
  a.link_footer {
  color:#808080;
  }
  
  a.link_footer:hover,a.link_footerlist:hover {
  color:#222;
  }
  
  a.link_footer:active,a.link_footer:focus,a.link_footerlist:active,a.link_footerlist:focus {
  color:#AAA;
  }

/* ----------------------------------------------------- */
/* Navigation */
  #navi {
  position:absolute;
  margin:243px 0 0 38px;
  height:14px;
  width:869px;
  overflow:hidden;
  }

  #navi ul {
  float:left;
  display:inline;
  list-style-type:none;
  }

  #navi ul li {
  display:block;
  background-image:url('img/menu.jpg');
  float:left;
  height:14px;
  }

  #navi ul li a {
  display:block;
  background-image:url('img/menu.jpg');
  float:left;
  height:14px;
  }
  
  #navi span {
  display:none;
  }
  
  li#navi_01 a {
  width:56px;
  background-position:0 28px;
  }

  li#navi_01 a:hover {
  background-position:0 14px;
  }
  
  li#navi_01 a:active, li#navi_01 a:focus {
  background-position:0 0;
  }
  
  li#navi_02 a {
  width:100px;
  background-position:-56px 28px;
  }

  li#navi_02 a:hover {
  background-position:-56px 14px;
  }
  
  li#navi_02 a:active, li#navi_02 a:focus {
  background-position:-56px 0;
  }
  
  li#navi_03 a {
  width:180px;
  background-position:-156px 28px;
  }

  li#navi_03 a:hover {
  background-position:-156px 14px;
  }
  
  li#navi_03 a:active, li#navi_03 a:focus {
  background-position:-156px 0;
  }
  
  li#navi_04 a {
  width:100px;
  background-position:-336px 28px;
  }

  li#navi_04 a:hover {
  background-position:-336px 14px;
  }
  
  li#navi_04 a:active, li#navi_04 a:focus {
  background-position:-336px 0;
  }
  
  li#navi_05 a {
  width:114px;
  background-position:-436px 28px;
  }

  li#navi_05 a:hover {
  background-position:-436px 14px;
  }
  
  li#navi_05 a:active, li#navi_05 a:focus {
  background-position:-436px 0;
  }
  
  li#navi_06 a {
  width:114px;
  background-position:-550px 28px;
  }

  li#navi_06 a:hover {
  background-position:-550px 14px;
  }
  
  li#navi_06 a:active, li#navi_06 a:focus {
  background-position:-550px 0;
  }
  
  li#navi_07 a {
  width:120px;
  background-position:-664px 28px;
  }

  li#navi_07 a:hover {
  background-position:-664px 14px;
  }
  
  li#navi_07 a:active, li#navi_07 a:focus {
  background-position:-664px 0;
  }
  
  li#navi_08 a {
  width:80px;
  background-position:-784px 28px;
  }

  li#navi_08 a:hover {
  background-position:-784px 14px;
  }
  
  li#navi_08 a:active, li#navi_08 a:focus {
  background-position:-784px 0;
  }

/* ----------------------------------------------------- */  
/* Submenu */
  #submenu {
  padding:14px 0 0 718px;
  text-align:center;
  }

  #submenu ul {
  list-style-type:none;
  text-align:left;
  padding:5px 0 5px 1px;
  }
  
  #submenu ul li {
  text-align:left;
  padding:4px 0 0 15px;
  font-size:18px;
  letter-spacing:-1px;
  font-weight:500;
  background-image:url('img/arrow.jpg');
  background-repeat:no-repeat;
  background-position:top left;
  }
  
  #submenu ul li:hover {
  background-image:url('img/arrow_hover.jpg');
  }
  
  #submenu ul li:active {
  background-image:url('img/arrow_active.jpg');
  }
  
  #submenu ul li a{
  color:#C9FF81;
  letter-spacing:-1px;
  font-weight:500;
  text-decoration:none; 
  }
  
  #submenu ul li a:hover{
  color:#DEFFB3; 
  }
  
  #submenu ul li a:active{
  color:#B4E574; 
  }
  
  h5 span {
  color:#C9FF81;
  }
  
  p#registration {
  text-align:left;
  padding:10px 6px 10px 0;
  font-weight:600;
  }
  
  p#registration a {
  text-decoration:none;
  color:#FFF;
  }
  
  p#registration a:hover {
  color:#FFF;
  }
  
  p#registration a:active {
  text-decoration:none;
  color:#FFF;
  }
  
  img#randomsponsor {
  padding-top:10px;
  border:none;
  margin:auto;
  }
  
/* ----------------------------------------------------- */
/* Registrierung */

  div.reg_row {
  width:550px;
  text-align:right;
  padding-top:3px;
  }
    
  span.reg_name {
  width:20px;
  padding-right:6px;
  }
  
  input.text {
  border:1px solid #666;
  text-align:left;
  width:270px;
  }
  
  p.error {
  font-weight:bold;
  color:#EE1111;
  }
  
  p.success {
  font-weight:bold;
  color:#87CF2D;
  }
  
  #content_text option {
  width:253px;
  }
  
  #content_text textarea {
  /*padding-left:120px;*/
  padding-top:4px;
  width:426px;
  }
  
  #content_text img {
  border:none;
  }
  
  img.info_toolbox {
  
  }

  div.reg_padding {
  /*float:right;*/
  width:16px;
  }
/* ----------------------------------------------------- */
/* News */  
  #content_text div.newsbox_1 {
  margin:0 0 0 40px;
  text-align:left;
  width:620px;
  height:24px;
  border-bottom:1px dotted #BBB;
  }
  
  .newsbox_1 span.headline {
  font-size:18px;
  }
  
  .newsbox_1 span.date {
  float:right;
  padding:6px 0 0 0;
  color:#AAA;
  }
  
  #content_text div.newsbox_2 {
  text-align:left;
  width:620px;
  padding:10px 0 10px 0;
  }

/* ----------------------------------------------------- */  
/* Sponsors */  
 
  #content_text div.sponsor  {
  border-bottom:1px dotted #BBB;
  width:640px;
  margin-left:40px;
  padding:40px 0 0 0;
  }
   
  #content_text div.sponsor img {
  border:none;
  padding-bottom:10px;
  }
  
/* ----------------------------------------------------- */
/* Header */ 

  a#header_logo {
  position:absolute;
  margin:47px 0 0 23px;
  width:211px;
  height:156px;
  display:block;
  background-image:url('img/logo.jpg');
  }
  
  a#header_logo  span{
  display:none;
  }
  
  a#header_countdown {
  position:absolute;
  margin:0 0 0 737px;
  width:171px;
  height:199px;
  display:block;
  background-image:url('img/countdown.gif'); 
  text-decoration:none;
  color:#FFF;
  font-size:40px;
  text-align:left;
  }
  
  a#header_countdown  span{
  position:absolute;
  margin:134px 0 0 24px;
  }

/* ----------------------------------------------------- */  
/* Committee */

   #content_text div.team, #content_text div.team ul, #content_text div.team ul li {
   float:left;
   width:350px;
   }
   
  #content_text div.description h3 {
  padding-top:0;
  }
  
  #content_text div.description {
  padding:0;
  text-align:left;
  }
  
  #content_text div.description img {
  padding:0;
  float:left;
  }
  
  #content_text div.team_description {
  padding-left:10px;
  text-align:left;
  float:left;
  }
  
  #content_text div.team_description  p {
  padding-left:0;
  }
  
/* ----------------------------------------------------- */  
/* Headlines */
  h1 {
  text-align:left;
  font-size:30px;
  padding:28px 0 30px 38px;
  margin:0;
  letter-spacing:-2px;
  color:#C9FF81;
  text-transform:uppercase;
  }
  
  h2 {
  text-align:left;
  font-size:18px;
  padding:0 0 10px 40px;
  margin:0;
  font-weight:400;
  }
  
  h3 {
  text-align:left;
  font-size:30px;
  padding:4px 0 4px 38px;
  margin:0;
  letter-spacing:-3px;
  text-transform:uppercase;
  }
  
  h4 {
  text-align:left;
  font-size:15px;
  padding:0;
  margin:0;
  letter-spacing:-1px;
  text-transform:uppercase;
  }
  
  h5 {
  text-align:left;
  font-size:18px;
  padding:0 0 0 0;
  margin:0;
  letter-spacing:-1px;
  text-transform:uppercase;
  font-weight:500;
  border-bottom:1px solid #C9FF81;
  color:#FFF;
  }
  
/* ----------------------------------------------------- */
/* 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;
  }

 /* ----------------------------------------------------- */  
/* Other */

  div.status_0 {
  position:relative;
  width:600px;
  height:61px;
  background-image:url('img/status_0.jpg');
  margin-left:40px;
  }
  
  div.status_1 {
  position:relative;
  width:600px;
  height:61px;
  background-image:url('img/status_1.jpg');
  margin-left:40px;
  }
  
  div.status_2 {
  position:relative;
  width:600px;
  height:61px;
  background-image:url('img/status_2.jpg');
  margin-left:40px;
  }
  
  div.status_3 {
  position:relative;
  width:600px;
  height:61px;
  background-image:url('img/status_3.jpg');
  margin-left:40px;
  }
  
  div.status_4 {
  position:relative;
  width:600px;
  height:61px;
  background-image:url('img/status_4.jpg');
  margin-left:40px;
  }

  div.participation_0 {
  position:relative;
  width:600px;
  height:61px;
  background-image:url('img/ampel2_1.jpg');
  margin-left:40px;
  }
  
  div.participation_1 {
  position:relative;
  width:600px;
  height:61px;
  background-image:url('img/ampel2_2.jpg');
  margin-left:40px;
  }
  
  div.participation_2 {
  position:relative;
  width:600px;
  height:61px;
  background-image:url('img/ampel2_3.jpg');
  margin-left:40px;
  }
/* ----------------------------------------------------- */  
/* Other */
  a:active,a:focus {
  border:none;
  outline:none;
  }

  #content_text p {
  text-align:left;
  padding:0 30px 20px 40px;
  }
  
  option {
  text-align:left;
  }
      
  div.clearfix {
  clear:both;
  }
  
  #tooltip {
  border:2px solid #87CF2D;
  padding:4px;
  position:absolute;
  display:none;
  background-color:#C9FF81;
  }