/***********************************************************
 * User Interface Design GmbH
 * Martin-Luther-Straße 57-59
 * 71636 Ludwigsburg
 * 
 * IE 8 specific
 **********************************************************/


/******  Website Header  **********************************/
.meta-navi {
 right:0;
 position: absolute;
 top: 12px;
}

header .container{
 display: block;
 /*float: left; */
}

/**********************************************************
 * Slider  
 *********************************************************/

.keyvisual, #slides, 
#slides .slidesjs-slide {
 height: 450px;
 position: relative;
}
#slides {
 display:block;
 overflow: hidden;
}

/******  Website Header  **********************************/
.content article,
.trial article {
 border: 10px solid #F7F7F7;
}

.trial article {
 border: 10px solid #FFCC00;
}

.faq {
 
}

/******  Website Content  **********************************/
.content article:before, .trial article:before, .faq:before,
.content article:after, .trial article:after, .faq:after {
 border: none !important;
}


div.action, .keyvisual .action {
 background: #F3F3F3;
}


/******  Website Buttons  **********************************/
a.btn {
 background: url(../i/rounded-btn-bg.png) 0 0 no-repeat; 
 padding: 12px 55px 14px 55px; 
 margin: 0;
 width: 150px;
}

a.btn:hover {
 background: url(../i/rounded-btn-bg.png) 0 -49px no-repeat; 
 color: #FFFFFF;
}

div.action {
 background: none;
 border: none; 
}

#slides .action a {
 background: url(../i/rounded-btn-keyvis-bg.png) 0 0 no-repeat;
 border: none;
 padding: 12px 45px 12px 45px;
}




/*****  Tab content  ****************************************/
.tab-content li {
 overflow: visible;
 position: relative;
}


/*****  Trial ***********************************************/
div.trial-wrapper {
 background: url(../i/trial-bg-top.png) top left repeat-x #FFCC00; 
 margin-top: 90px;
 padding-bottom: 80px;
}

div.trial-wrapper section {
 background: url(../i/trial-bg-bottom.png) bottom left repeat-x #FFCC00;  
}


.trial li {
 display: block;
 float: left;
 list-style:decimal;
 padding-left: 10px;
}

.trial li span {
 display: block;
 float: left;
}

/*****  faq *************************************************/
article.description .count,
div.faq .count {
 background: url(../i/count-circle-bg.png) 0 0 no-repeat;
}

div.faq .count.act {
 background: url(../i/count-circle-bg.png) 0 -82px no-repeat;
}

article.description:hover .count,
div h4:hover .count {
 background: url(../i/count-circle-bg.png) 0 -41px no-repeat;
}