@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[pubblitec] Screen Stylesheet
version:   1.0
date:      10/03/09
last doc:  22/06/09
author:    Pichler Alexander
email:     development@by-experience.com
website:   wwww.by-experience.com
-----------------------------------------------------------------------------*/
/* Allgemein */
#alles{
  margin:0 auto;
  width:800px;
}

.clear{
	clear:both;
}

.float_left{
  float:left;
  padding:5px 10px 5px 0;
}

.float_right{
  float:right;
  padding:5px 0 5px 10px;
}

.info{
  background:#242424;
  border:solid 1px #777;
  clear:both;
  color:#aaa;
  font-size:11px;
  margin:0 15px 15px;
  padding:4px;
  text-align:center;
}

.info_red{
  background:#ff8787;
  border:solid 1px #f00;
  clear:both;
  color:#333;
  display:block;
  padding:4px;
  text-align:center;
}

h1{
  color:#fefefe;
  border-bottom:dotted 1px #fefefe;
	font:normal 1.8em/1.2em Arial, Helvetica, sans-serif;
	margin:0 15px 10px;
	padding:0 0 3px 0;
}

h2{
	font:normal 1.8em/1.2em Arial, Helvetica, sans-serif;
}

.betont{
  color:#ff6f00;
}

.abstand{
  padding:0 0 0 15px;
}

.font_9{
  font-size:0.9em;
}

.font_12{
  font-size:1.2em;
}

.text_center{
  display:block;
  text-align:center;
}

.text_right{
  display:block;
  text-align:right;
}

.w110{
  width:110px;
}

.w200{
  width:200px;
}

.linie{
  border-top:solid 1px #ff6f00;
  clear:both;
}

.hide{
  display:none;
  visibility:hidden;
}
/* ENDE Allgemein */


/* Head */
#head{
  height:212px;
}

.eyecatcher{
  float:left;
  width:497px;
}
/* ENDE Head */


/* Main */
#orientierung{
  float:left;
  width:303px;
}
  
  /* Suche */
  .suche{
    padding:14px 0 19px 85px
  }
  
  .suche strong{
    color:#fefefe;
    float:left;
    font-size:1.2em;
  }
  
  .suchbox{
    background:url(../images/suchbox.gif) 0 0 no-repeat;
    display:block;
    margin:-2px 0 0 55px;
  }
  
  .suchbox input{
    background:#b1b1b1;
    border:none;
    font-size:1em;
    height:16px !important;
    height:15px;
    margin:0 0 0 10px;
    width:130px;
  }
  /* ENDE Suche */
  
  /* Navi */
  #navi{
    font-size:1.5em;
    font-weight:bold;
    margin:0 15px 0 0;
  }

  #navi ul{
    list-style:none;
  }

  #navi ul li{
    line-height:1.1em;
    text-align:right;
  }
  
  .active{
    background:url(../images/border_active.png) right bottom no-repeat;
    color:#fefefe;
    margin:0 0 20px;
    padding:0 0 5px;
  }
  
  #navi a:link, #navi a:visited{
    color:#fefefe;
  }
  
  #navi a:hover, #navi a:active{
    color:#ff6f00;
  }
  
  #untermenu{
    list-style:none;
    margin:0 33px;
  }
  
  #untermenu li{
    color:#f18403;
    font-size:1.9em;
    line-height:1.2em;
    padding:0 0 20px;
    text-align:left;
  }
  
  #untermenu li a{
    color:#f18403;
  }
  
  .banner{
    margin:0 15px 0 0;
    text-align:right;
  }
  
  .banner img{
    margin:10px 0 0;
  }
  /* ENDE Navi */

#inhalt{
  background:#2b2b2b;
  color:#fefefe;
  float:left;
  width:497px;
}

  /* Inhalt */
    /* Newsticker */ 
    #ticker{
      background:#6f6c6b;
      padding:5px 8px ;
      font-size:1.1em;
    }
    
    .tickercontainer{
      height:17px;
      margin:-15px 0 0 0;
      overflow:hidden;
      padding:0;
      width:481px; 
    }
    
    .tickercontainer .mask{
      left:69px;
      overflow:hidden;
      position:relative;
      top:3px;
      width:400px;
    }
    
    ul.newsticker{
      font:bold 10px Verdana;
      left:5px;
      list-style-type:none;
      margin:0;
      padding:0;
      position:relative;
    }
    
    ul.newsticker li{
      float:left;
      margin:0;
      padding:0;
    }
    
    ul.newsticker a{
      color:#f00;
      font:bold 10px Verdana;
      margin:0 10px 0 0;
      padding:0;
      white-space:nowrap;
    } 
    
    ul.newsticker span{
      margin:0 50px 0 0;
    }
    /* ENDE Newsticker */ 
  
  .context{
    padding:10px 0;
  }

  .context .text{
    clear:both;
    display:block;
	  font-size:1.1em;
	  line-height:1.4em;
	  margin:0 18px;
  }
  
  .context .tabelle td{
    padding:10px 5px;
  }
  
  .context .tabelle_betont td{
    border:solid 1px #ff6f00;
    padding:10px 5px;
  }
  
  .empfehlen{
    color:#ff6f00;
    display:block;
    font-size:1.1em;
    margin:20px 0 0 18px;
  }
  
  .context a:link, .context a:visited{
    color:#fefefe;
    text-decoration:none;
  }
  
  .context a:hover, .context a:active{
    color:#fefefe;
    text-decoration:underline;
  }
   
  .sponsoren{
    background:#242424;
    margin:0;
  }
  
  .sponsoren img{
    padding:10px 5px;
  }
  /* ENDE Inhalt */
  
  /* News */
  .news_pic{
    float:left;
    margin:0 10px 5px 0;
  }
  
  .date{
    display:block;
    font-size:1.1em; 
    margin:0 0 10px 0;
  }
  
  .news_text{
    font-size:1.2em;
  }
  
  .read_more{
    display:block;
    font-size:1.2em;
    text-align:right;
  }
  
  .odd{
    clear:both;
    display:block;
    height:143px;
    padding:5px 20px;
  }
  
  .even{
    background:#333;
    clear:both;
    display:block;
    height:143px;
    padding:5px 20px;
  }
    
  #news a:link, #news a:visited{
    color:#ff6f00;
    text-decoration:none;  
  }

  #news a:hover, #news a:active{
    color:#ff6f00;
    text-decoration:none;  
  }
  /* ENDE News */
  
  
  /* Suche */
  #suche .odd{
    height:80px;
  }
  
  #suche .even{
    height:80px;
  }
  
  #suche a:link, #suche a:visited{
    color:#ff6f00;
    text-decoration:none;  
  }

  #suche a:hover, #suche a:active{
    color:#ff6f00;
    text-decoration:none;  
  }
  /* ENDE Suche */
/* ENDE Main */


/* Pagination */
.pagination{
	font-family:tahoma;
	height:10px;
	margin:30px 0 20px 20px;
	text-align:center;
}

.pagination ul li{
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	margin:2px 6px 2px 0;
}

.pagination li a{
	border:1px solid #303030;
	color:#303030;
	display:block;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}

.pagination li a:hover, .pagination li a:active{
	border:1px solid #bbb;
}

.pagination li.aktuell{
	background-color: #303030;
	border:1px solid #303030;
	color:#fff;
	font-size:11px;
	padding:1px 5px 2px 5px;
}
/* ENDE Pagination */


/* Kontaktformular */
fieldset{
  border:none;
  font-size:1em;
}

fieldset .info{
  background:#efefef;
  border:solid 1px #dedede;
  color:#222;
  font:normal 0.7em/1.2em Arial, Helvetica, sans-serif;
  margin:0;
  padding:4px;
  text-align:center;
  width:372px;
}

fieldset legend{
  display:none;
}

fieldset label{
  color:#ff6f00;
  display:block;
  font:normal 0.7em/1.2em Arial, Helvetica, sans-serif;
  padding:6px 0 3px 0;
}

.label{
  color:#fefefe;
  font-size:1.2em;
  font-weight:normal;
  padding:6px 0 3px 0;
}

fieldset .textboxB{
  border:solid 1px #000;
  width:380px
}

fieldset .textboxM{
  border:solid 1px #000;
  width:200px
}

fieldset .textboxS{
  border:solid 1px #000;
  margin:0 5px 0 0;
  width:72px
}

.pflicht{
  color:#fefefe;
  font-size:1.1em;
  font-weight:normal;
}

.senden{
  margin:0 0 0 537px;  
}

fieldset span{
  font-size:1.3em;
  font-weight:bold;
}

.reg_info_red{
  background:#ff8787;
  border:solid 1px #f00;
  clear:both;
  color:#333;
  display:block;
  margin:0 0 9px 15px;
  padding:4px;
  text-align:center;
  width:200px;
}

fieldset a:link, fieldset a:visited{
  color:#fefefe;
  text-decoration:underline;
}

fieldset a:hover, fieldset a:active{
  color:#fefefe;
}
/* ENDE Kontaktformular */


/* Footer */
#footer{
  background:#202020;
  clear:both;
  color:#bebebe;
  font-size:1.1em;
  padding:5px 0;
  text-align:center;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
  color:#bebebe;
}
/* ENDE Footer */


/* Links */
a:link, a:visited{
  text-decoration:none;  
}

a:hover, a:active{
  text-decoration:none;  
}
/* ENDE Links */