@charset "utf-8";
/* CSS Document */

/******************************

	homepage

******************************/
.clear { line-height: 0; height: 0px; font-size: 0px; }

/*   layout   */
#blocks { float: left; width: 720px; }
#hp-news { float: left; width: 250px; }


/*   blocks   */
#blocks {}
#blocks .box { width: 225px; height: 160px; padding: 5px; margin-right: 5px; background: #F0F0F0 url(/img/hp-box-bg.gif) repeat-x left bottom; float: left; }
#blocks .box.last { margin-right: 0px; }
#blocks .box img { width: 225px; height: 90px; overflow: hidden; }
#blocks .box h2 { font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 5px 0px 0px 4px; }
#blocks .box h2 a { text-decoration: none; }
#blocks .box p { font-size: 11px; padding: 0px 15px 0px 4px; line-height: 16px; }

#blocks .box p.vetsi { font-size: 11px; padding: 0px 0px 0px 4px; }

#blocks .box.wide { width: 345px; height: 100px; margin-bottom: 5px; }
#blocks .box.wide img { width: 115px; height: 85px; float: left; margin: 0px; }
#blocks .box.wide h2 { font-size: 16px; letter-spacing: -1px; padding: 0px 0px 5px 129px; }
#blocks .box.wide p { padding-left: 129px; font-size: 12px; line-height: 15px; }

/*   news   */
#hp-news h2 { font-size: 12px; color: #fff; background: #009bda url(/img/hp-news-bg.png) left bottom no-repeat; padding: 8px 10px 12px 10px; text-align: right; }
#hp-news .news { padding: 10px 5px 0 5px; }
#hp-news .news .date { font-size: 12px; font-weight: bold; color: #009bda; display: block; }
#hp-news .news h3 { font-size: 12px; color: #333; padding: 2px 0; }
#hp-news .news p { line-height: 1.3; padding: 2px 0; }
#dalsi-aktuality { padding: 10px 0 0 5px; }

/***************/
/*  slideshow  */
/***************/
#slideshow { width: 960px; height: 190px; padding: 5px; margin: 0 0 8px 0; background: url(/img/hp-visual-bg.png) repeat-x 0px 0px; position: relative; }
#slideshow-content { width: 960px; height: 190px; background-color: #FFFFFF; position: relative; z-index: 0; overflow: hidden; }
#togglers { width: 257px; padding: 0px; margin: 0px; position: absolute; top: 13px; right: 9px; }
#togglers li { list-style: none; padding: 0px 0px 5px 6px; line-height: 18px; }
#togglers li.active { background: url(/img/toggler-active.gif) no-repeat left top; }
#togglers li a { display: block; padding: 8px 8px 8px 58px; background-repeat: no-repeat; text-decoration: none; }
#togglers li.active a { background-color: #F0F0F0;  }
#togglers li strong { display: block; }

#slideshow .slide { width: 690px; height: 190px; overflow: hidden; position: absolute; top: 0px; left: 0px; background-color: #FFFFFF; background-position: right top; background-repeat: no-repeat; }

#slideshow h1 { font-size: 24px; color: #666666; font-weight: normal; line-height: 24px; padding: 14px 0px 12px 21px; }
#slideshow h1 strong { font-size: 30px; color: #009BDA; font-weight: normal; display: block; }
#slideshow h1 span { display: block; padding-top: 9px; padding-left: 74px; }
#slideshow p { font-size: 15px; margin: 0px; color: #666666; line-height: 19px; padding: 0px 330px 15px 21px; }
#slideshow .more { font-size: 12px; color: #666666; }
#slideshow a { color: #666666; background: url(/img/arrow-blue.gif) no-repeat left 4px; padding-left: 12px; text-decoration: underline; }
#slideshow a:hover { color: #009BDA; }

/* customization */
#togglers .t01 a { background-image: url(/img/toggler-microprotect.gif); background-position: 12px 8px; }
#togglers .t02 a { background-image: url(/img/toggler-02.gif); background-position: 10px 6px; }
#togglers .t03 a { background-image: url(/img/toggler-03.gif); background-position: 17px 4px; }

#slideshow .slide02 { background-image: url(/img/toggler-bg-01.jpg); }
#slideshow .slide03 { background-image: url(/img/toggler-bg-02-microprotect.jpg); background-position: right 3px;  }
#slideshow .slide01 { background: url(/img/toggler-bg-03-soutez.jpg) 0 0 no-repeat; }

#slideshow .slide01 p { padding-right: 370px;}
#slideshow .slide02 p { padding-right: 295px; }
#slideshow .slide03 p { padding-right: 360px; }

/* soutez microprotect */
#slideshow .slide01 .soutez { position: absolute; top: 15px; right: 0; width: 170px; color: #c00; }
#slideshow .slide01 .soutez h2 a { width: 84px; height: 30px; background-color: #c00; color: #fff; background: none; }
#slideshow .slide01 .soutez h2 a span { background-image: url(/img/hp-soutez-microprotect-title.png); width: 84px; height: 30px; }
#slideshow .slide01 .soutez p { padding: 0; margin: 0.5em 0; color: #c00; font-size: 12px; }
#slideshow .slide01 .soutez .more { font-size: 11px; line-height: 17px; }
#slideshow .slide01 .soutez .more a { background: url(/img/hp-soutez-microprotect-more-arrow.png) 0 2px no-repeat; color: #c00; padding: 3px 0 3px 22px; }

#slideshow .slide.green { }
#slideshow .slide.green h1 span { padding-left: 0; }
#slideshow .slide.green h1 { margin: 10px 0 30px 110px; }
#slideshow .slide.green h1,
#slideshow .slide.green h1 strong { color: #018150; }
#slideshow .slide.green a { background: url(/img/arrow-green.gif) no-repeat left 4px; margin-left: 110px; }
#slideshow .slide.green a:hover { color: #018150; }

.boxshow { width: 235px; height: 180px; padding: 0px; margin: 0px 5px 0px 0px; position: relative; overflow: hidden; float: left; }
.boxshow .box { position: absolute; top: 0px; left: 0px; float: none; }

/* HP VISUAL */
#hp-visual { padding: 5px 0px 5px 5px; height: 190px; background: url(/img/hp-visual-bg.png) 0 0 repeat-x; margin-bottom: 5px; }

/* MS 2010 */
#ms-2010 { background: #FFFFFF url(/img/ms-2010-bg.jpg) no-repeat left top; width: 531px; height: 190px; padding: 0px 0px 0px 25px; float: left; position: relative; font-size: 13px; font-weight: bold; color: #000000; }
#visual-part-top { width: 206px; height: 23px; background: url(/img/ms-2010-top.png) no-repeat left top; position: absolute; top: 122px; left: 619px; z-index: 99; }
#visual-part-bottom { width: 86px; height: 51px; background: url(/img/ms-2010-bottom.png) no-repeat left top; position: absolute; top: 335px; left: 730px; }
#ms-2010 h2 { height: 50px; width: 172px; text-indent: -2000px; overflow: hidden; background: url(/img/ms-2010-logo.png) no-repeat left top; margin: 10px 0px 14px 0px; }
#ms-2010 p { width: 195px; line-height: 20px; }
#ms-2010 p.more { font-weight: normal; }
#ms-2010 p.more strong { font-weight: normal; text-decoration: underline; }
#ms-2010 a { text-decoration: underline; }

/* VISUAL CONTENT */
#visual-content { width: 404px; height: 190px; background: #FFFFFF url(/img/visual-content-bg.jpg) no-repeat right 50px; float: left; overflow: hidden; }
#visual-content h1 { font-size: 24px; color: #666666; font-weight: normal; line-height: 24px; padding: 14px 0px 12px 21px; }
#visual-content h1 strong { font-size: 30px; color: #009BDA; font-weight: normal; display: block; }
#visual-content h1 span { display: block; padding-top: 9px; padding-left: 74px; }
#visual-content p { font-size: 15px; margin: 0px; color: #666666; line-height: 19px; padding: 0px 160px 15px 21px; }
#visual-content .more { font-size: 12px; color: #666666; }
#visual-content a { color: #666666; background: url(/img/arrow-blue.gif) no-repeat left 4px; padding-left: 12px; text-decoration: underline; }
#visual-content a:hover { color: #009BDA; }