/* get rid of those system borders being generated for A tags */
a:active { outline:none; }
a:focus  { outline:none; }









/* Tabs */

.tabbox {
  height:290px; padding: 10px 0 18px 0;
}

/* root element for tabs  */
ul.tabs {  
  margin:0 !important; 
  padding:0;
  height: 29px;
  border-bottom:1px solid #ccc; /* #d5d5aa */
}

/* single tab */
ul.tabs li {  
  float:left;   
  padding:0; 
  margin:0;  
  list-style-type:none;  
}

/* link inside the tab. uses a background image */
ul.tabs a { 
  float:left;
  font: bold 11px/21px Verdana, sans-serive;
  display:block;
  padding: 0 9px;
  text-decoration:none;
  border: 1px solid #ccc;
  height: 22px;
  background-color: #f7f7f7;
  color: #444;
  margin-right: 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  background: -moz-linear-gradient(top, #fefefe, #efefef);
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef));
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFfefefe,EndColorStr=#FFefefef)";
  position:relative;
  top:1px;
}

ul.tabs a:hover {
  background-color:#f5f5f5;
  color:#222;
  border:   1px solid #999;
  background: -moz-linear-gradient(top, #fff, #ebebeb);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFffffff,EndColorStr=#FFebebeb)";
  box-shadow: 0px 0px 2px #999;
  -moz-box-shadow: 0px 0px 2px #999;
  -webkit-box-shadow: 0px 0px 2px #999;
}

/* selected tab */
ul.tabs a.current {
  background-color:#fff;
  padding-bottom: 7px;
  color:#600;  
  cursor:default;
  border:        1px solid #ccc; /* #d5d5aa */
  border-bottom: 1px solid #fff;
  background: -moz-linear-gradient(top, #fff, #fff);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFffffff,EndColorStr=#FFffffff)";
}

ul.tabs a.current:hover {
  box-shadow:  0px 0px 0px #eed;
  -moz-box-shadow: 0px 0px 0px #eed;
  -webkit-box-shadow:  0px 0px 2px #eed;
}

/* tab pane */
.panes div.container {
  display:none;
  position:absolute;
  overflow:hidden;
  border:1px solid #ccc; /* #d5d5aa */
  border-width:0 1px 1px 1px;
  height:260px;
  width:568px;
  background-color:#fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  
}

.panes div.BGcontainer {
  position:absolute;
  overflow:hidden;
  border:1px solid #ccc; /* #d5d5aa */
  border-width:0 1px 1px 1px;
  height:260px;
  width:568px;
  background:#fff url(http://www.antennethueringen.de/at_www/images/standard/ajax/ajax-loader_indicator.gif) center no-repeat;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}






















/* container for slides */

.toptab{
  position:relative; 
  width:570px; 
  height:245px;
  margin: 0 0 10px 0; 
  overflow:hidden;
}

.images {
  background:#fff url(http://www.antennethueringen.de/at_www/images/standard/ajax/ajax-loader_indicator.gif) center no-repeat;
  position:relative;  
  height:245px;
  width:570px;
  float:left;  
  margin:0px;
  cursor:pointer;
  border-radius:5px;
  -moz-border-radius:5px;
  vertical-align:bottom;
}
.images a{
  text-decoration: none;
}



/* single slide */
.images div {
  display:none;
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:10px;
  height:225px;
  width:550px;
  border-radius:5px;
  -moz-border-radius:5px;
}

.images img{
  border:0;
}

.images span{
  display:inline-block;
  vertical-align: bottom;
  padding: 4px 8px;
  margin: 0 20px 0 0px;
  background: #990000;
  border-top:    1px solid #bb0000;
  border-right:  1px solid #770000;
  border-bottom: 1px solid #770000;
  border-left:   1px solid #bb0000;
  background: -moz-linear-gradient(top, #aa0000, #880000);
  background: -webkit-gradient(linear, left top, left bottom, from(#aa0000), to(#880000));
  border-radius:3px;
  -moz-border-radius:3px;
  opacity: 0.93;
  filter: alpha(opacity=93);
}
#vertical-verarsche {
  display:inline-block; height:225px; vertical-align:top; border:0; margin:0; padding:0; overflow:hidden;
}


.images h3 {
  font: bold x-large/normal Arial, sans-serif;
  margin:0; padding:0;
  color:#fff;

}
.images p {
  margin:0; padding: 0 0 4px 0;
  font: normal 11px/16px Verdana, sans-serif;
  color:#fff;
}

.images p b,
.images p strong {
  color:#fff;
}





.slidetabs {
  position:absolute;
  top:10px;
  right:10px;
  clear:both;
}

.slidetabs a {
  float:left;
  margin:0 0 0 5px;
  padding:3px 6px;
  color:#fff;
  border: 1px solid #fff;
  background:#990000;
  display:block;
  font-size:10px;
  text-decoration: none;
  opacity:0.2;
  filter: alpha(opacity=20);
  border-radius:3px;
  -moz-border-radius:3px;
  font: bold 9px/normal Verdana, sans-serif;
}

.slidetabs a:hover {
  background-position:0 -8px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.slidetabs a.current {
  background-position:0 -16px;
  opacity: 0.90;
  filter: alpha(opacity=90);
}

.flash {
  position:relative;
  height:245px;
  width:570px;
  margin:0px;
  cursor:pointer;
  border-radius:5px;
  -moz-border-radius:5px;
  vertical-align:bottom;
  background:#fff;
}












/********************/
/* GuMo Blog Styles */
/********************/


  #GuMoTab {
    padding: 18px 9px 9px 9px;
  }

  #GuMoTab .image {
    float:left;
    padding: 0 25px 250px 0;
    font: Bold Italic 18px/24px Georgia, serif;

  }

  #GuMoTab .headline {
    margin:0;
    padding: 6px 0px 6px 0px;
    font: Bold Italic 18px/24px Georgia, serif;
    color: #800000;
  }

  #GuMoTab .text {
    margin: 6px 15px 6px 0px;
    font: normal 12px/18px Verdana, sans serif;
  }

  #GuMoTab .text .readmore {
    font: Bold Italic 12px/18px Verdana, sans serif;
  }