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

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

	homepage

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

/*   layout   */
#hp-visual { width: 970px; height: 200px; margin: 0 0 5px 0; background: url(/img/hp-visual-bg.png) 0 0 repeat-x; position: relative; }
#blocks { float: left; width: 720px; }
#hp-news { float: left; width: 250px; }

/*   visual   */
#hp-visual img { display: block; }
#hp-visual h1 { position: absolute; top: 15px; left: 20px; font: 40px Arial, Helvetica, sans-serif; color: #ec008b; letter-spacing: -1px; }
#hp-visual h1 span { font-size: 28px; color: #fff; margin: 0 0 0 90px; display: block; }
#hp-visual p { position: absolute; bottom: 20px; left: 20px; font: bold 13px Arial, Helvetica, sans-serif; color: #333; width: 300px; line-height: 1.5; }

/*   blocks   */
#box-upper .box { float: left; margin: 0 5px 5px 0; width: 331px; height: 110px; padding: 10px 12px; background: #ccc url(/img/hp-box-upper-bg.png) left bottom repeat-x; }
#box-upper .box h2 { font-size: 17px; text-transform: uppercase; color: #333; margin: 0 0 5px 0; letter-spacing: -1px; }
#box-upper .box h2 a { text-decoration: none; }
#box-upper .box img { float: left; }
#box-upper .box p { font-size: 12px; margin: 0 0 0 125px; }
#box-upper .box a { font-weight: bold; }

#box-lower .box { float: left; margin: 0 5px 0 0; width: 225px; height: 170px; padding: 5px; background: #ccc url(/img/hp-box-lower-bg.png) left bottom repeat-x; }
#box-lower .box img { display: block; height: 90px; width: 225px; background: #eee; margin: 0 0 4px 0; }
#box-lower .box h2 { font-size: 12px; text-transform: uppercase; color: #333; }
#box-lower .box h2 a { text-decoration: none; }
#box-lower .box p { font-size: 11px; padding: 2px 0 0 2px; }
#box-lower .box a { font-weight: bold; }
#box-lower h2 span { background: #ec008b; padding: 1px 2px; color: #fff; }

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

#hp-news .news.fixed { padding-bottom: 0px; height: 90px; overflow: hidden; }
#hp-news .news.fixed .more { padding-top: 3px; }