@charset "utf-8";

/*******************************************************************************
 *
 * CSS reset
 *
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0; border: 0; outline: 0; font-size: 100%;	vertical-align: baseline;	background: transparent;}

ol, ul {list-style: none;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*******************************************************************************
 *
 * General styles
 *
 */

html, body {font-family: Arial, Verdana, sans-serif;font-size: 12px;line-height: 16px;color: #666666;}

a {text-decoration:none;color: #666666;}

.clearL { clear:left; }
br.clear {clear:both; line-height:0;}

div.hr { border-top:solid 1px #d7d7d7;clear:both; }
.rightCol div.hr { margin:0 10px 10px 0; }
div.hr hr { display:none; }


/*******************************************************************************
 *
 * Structure
 *
 */

body {background: #fff url(../images/background/bg_main.gif) top left repeat-x;}

#SiteContainer, #Header, #Content, #Footer {width: 984px;overflow:hidden;}

/* Header */
#Header { width:100%;overflow:hidden;color: #ffffff;font-size:17px;padding: 36px 0 0 31px;height: 60px;letter-spacing:-0.01em;font-weight:bold;}
#Header span {float:right;margin: -36px 0 0 -29px;padding: 0 38px 0 0;}

/* Navigation */
/*
#Navigation {width:100%;overflow:hidden;background: #fff url(../images/background/bg_navigation.gif) top left repeat-x;height:40px;margin: 0;font-size:14px;}
#Navigation .lst {height:40px; width: 4px; background: #fff url(../images/background/bg_navigation_lst.gif) top left no-repeat;float:right;}

#Navigation #Search {float:right;height:24px;width:224px;background: url(../images/background/bg_search_box.gif) top left no-repeat;margin: 9px 10px 0 0;vertical-align:middle;overflow:hidden; }
#Navigation #Search input.text {width:195px;border:none;background:none;margin: 5px 0 0 5px;font-size: 11px; font-weight:bold;color: #666666;float:left;}
#Navigation #Search input.button {margin: 5px 0 0 7px;float:left;}

#Navigation ul {height:40px;width:auto;}
#Navigation li {height:40px;float:left;background: url(../images/background/bg_nav_item.gif) top right no-repeat;overflow:hidden;}
#Navigation li a {height:27px;padding: 12px 29px 0;display:block;font-weight:bold;color:#333333;text-decoration: none;}
#Navigation li a.active,
#Navigation li a:hover {background: url(../images/background/bg_nav_item_hvr.gif) top right no-repeat;color: #ffffff;}
*/
#ContentContainer {background: #fff url(../images/background/bg_content.gif) top left repeat-y; font-size: 12px;}
#ContentContainer .bottom {height:6px; background: #fff url(../images/background/bg_content_btm.gif) top left no-repeat;}

/* Footer */
/*
#Footer {margin: 14px 0 0 22px;width:100%;overflow:hidden;font-size:11px;font-weight:bold;
	height:200px;}
#Footer .firstLevel li {float:left;margin: 0 15px 0 0;}
#Footer .firstLevel li.toggle span {padding: 0 0 0 9px; background: url(../images/icon/arrow_left_sm.gif) left 45% no-repeat;}
#Footer .firstLevel li.open span {padding: 0 0 0 9px; background: url(../images/icon/arrow_down_sm.gif) left 45% no-repeat;}

#Footer .firstLevel li.toggle ul {display:none;width:100%;overflow:hidden;}
#Footer .firstLevel li.open ul {display:block;}

#Footer .firstLevel ul li {clear:both;width:100%;}
#Footer .firstLevel ul li a {margin: 0 0 0 9px;}
*/
/* Footer */
#Footer .footerNavi{margin: 14px 0 22px 22px;width:100%;overflow:hidden;font-size:11px;font-weight:bold;
	height:100%;}
#Footer .firstLevel li {float:left;margin: 0 15px 0 0;}
#Footer .firstLevel li.toggle span {padding: 0 0 0 9px; background: url(../images/icon/arrow_left_sm.gif) left 45% no-repeat;}
#Footer .firstLevel li.toggle span.withoutArrow {background-image: none;}
#Footer .firstLevel li.open span {padding: 0 0 0 9px; color:#009;background-image:none;}
#Footer .firstLevel li.open span.withoutArrow {padding: 0 0 0 9px; color:#009;background-image:none;}
#Footer .firstLevel li.toggle ul {display:none;width:100%;overflow:hidden;}
/*#Footer .firstLevel li.open ul {display:block;}*/

#Footer .firstLevel ul li {clear:both;width:100%;}
#Footer .firstLevel ul li a {margin: 0 0 0 9px;}


/*neu*/
#Footer {font-size:11px;}
#Footer .AlertMe img {border:0;margin:0;padding:0;}
#Footer .AlertMe input {border:0;margin:0;padding:0;display:none;outline:none;}
#Footer .AlertMe label {padding:0 0 0 24px;}
#Footer .AlertMe {margin:0 0 0 28px;width:639px;}
#Footer .AlertMe p {margin:0 0 30px 0;font-size: 11px; font-weight: normal;}
#Footer .firstLine, #Footer .secondLine  {;margin:0 0 16px 0;width:100%;overflow:hidden;}
#Footer .firstLine div , #Footer .secondLine div{position:relative;width:121px; float:left;height:24px;}
#Footer .firstLine .lineLast, #Footer .secondLine .lineLast {width:258px;float:right;position:relative;}
#Footer .firstLine .lineLast label, #Footer .secondLine .lineLast label {padding:0 7px 0 0;text-align:left;}
#Footer .firstLine .lineLast input, #Footer .secondLine .lineLast input {font-size:11px;color:#666;display:inline;position:absolute;top:0;right:0;border:0;height:20px;padding:4px 0 0 5px;width:182px;background:url(../images/img_footer/footer_input.gif) no-repeat;}
#Footer .AlertMe .selectBottom {position:absolute;left:0;top:0;width:85px;height:24px;background-image:url(../images/img_footer/footer_btn_checkbox.gif);background-repeat:no-repeat;}
#Footer .AlertMe .selectBottomSelected{position:absolute;left:0;top:0;width:85px;height:24px;background-image:url(../images/img_footer/footer_btn_checkbox_checked.gif);background-repeat:no-repeat;}
#Footer .AlertMe .submitButton {height:22px;width:102px;padding-left:532px;}
#Footer .AlertMe .submitButton input {display:block;height:22px;width:102px;background:url(../images/img_footer/footer_btn_submit.gif) no-repeat;}
#Footer .AlertMe .submitButton :hover{cursor:pointer;}
#Footer .bookmarking {margin:0 0 0 30px;}
#Footer .bookmarking img { border:none; margin:0 19px 30px 0;}
#Footer .localSite {margin:0 0 0 30px;}
#Footer .localSite td {width:158px;}
#Footer .localSite td a:hover {color: #000099;}
#Footer .footerLayer {display:none;margin-bottom:50px;}
#Footer .termsOfUse, #Footer .imprint {font-size:12px;width:600px;padding:0 345px 0 37px;}
#Footer .termsOfUse p, #Footer .imprint p{margin:0 0 20px 0;line-height:21px;}
#Footer .termsOfUse h2, #Footer .imprint h2{font-size:16px;margin:0 0 13px 0;}
#Footer .termsOfUse h5, #Footer .imprint h5{margin:10px 0 2px 0;}
#Footer .termsOfUse p.firstParagraph {margin:0 0 12px 0;}


/*******************************************************************************
 *
 * Content
 *
 */

#Content {width: 980px; margin: 0 4px 0 0;}

/* -- Raster Startseite ----------------------------------------------------- */
.start #Content .topFrame {border-bottom: 1px solid #e0e0e0;width:100%;overflow:hidden;height: 414px;}

.start #Content .bottomFrame {background: url(../images/background/bg_frame_btm.gif) top left repeat-x;width:100%;overflow:hidden;}
.start #Content .bottomFrame .leftCol, #Content .bottomFrame .rightCol {float:left;}
.start #Content .bottomFrame .leftCol {width:735px;margin:10px 0;}
.start #Content .bottomFrame .rightCol {border-left: 1px solid #e0e0e0;padding: 0 0 0 10px;height:100%;margin:10px 0 12px;}

/* -- Raster Magazin -------------------------------------------------------- */

.mag #Content { margin:0;font-size:12px;line-height:1.65em;background: url(../images/background/bg_content_inner.gif) top left repeat-x;padding: 4px 0 0 0;}

.mag #Content .leftCol { width:600px;float:left;border-right: 1px solid #e0e0e0;padding:38px 100px 10px 35px;position:relative;z-index:1;color:#333333; }
.mag #Content .leftCol #MainPic { margin:-42px -101px 22px -35px; }
.mag #Content .leftCol #MainPic img, .mag #Content .leftCol #Label img { display:block;}
.mag #Content .leftCol #Label { margin:-42px 0 22px -35px; float:left;display:inline; }

.mag #Content .rightCol {border-left: 1px solid #e0e0e0;padding: 11px 0 11px 10px;height:100%;margin:0 0 0 -1px; width:234px;float:left; }


.mag #Content .leftCol h1 { font-size:30px;padding-bottom:.85em; }
.mag #Content p { padding-bottom:1.65em; }
.mag #Content p.intro { font-weight:bold; }

/* -- Raster Fallback -------------------------------------------------------- */

.fallback #Content { margin:0;font-size:12px;line-height:1.65em;background: url(../images/background/bg_content_inner.gif) top left repeat-x;padding: 4px 0 0 0;}

.fallback #Content .leftCol { width:600px;float:left;border-right: 0px solid #e0e0e0;padding:38px 100px 10px 35px;position:relative;z-index:1;color:#333333; }
.fallback #Content .leftCol #MainPic { margin:-42px -101px 22px -35px; }
.fallback #Content .leftCol #MainPic img, .mag #Content .leftCol #Label img { display:block;}
.fallback #Content .leftCol #Label { margin:-42px 0 22px -35px; float:left;display:inline; }

.fallback #Content .rightCol {border-left: 0px solid #e0e0e0;padding: 11px 0 11px 10px;height:100%;margin:0 0 0 -1px; width:234px;float:left; }


.fallback #Content .leftCol h1 { color:#333333;
font-size:16px;
margin:0 0 13px;
padding:30px 0 0;}
.fallback #Content p { padding-bottom:1.65em; }
.fallback #Content p.intro { font-weight:bold; }



/* -- Raster Archiv -------------------------------------------------------- */
.leftCol, #Archive {float:left;}
.archive #Content {background: url(../images/background/bg_content_inner.gif) top left repeat-x;padding: 25px 0 0 0;}

body.archive #Content .leftCol { width:180px; float:left;padding:5px 12px 0 18px; }

.leftCol .container {/*margin: 3px 10px 10px;width: 178px; */}
.leftCol .container h1 {font-size: 11px; color: #333333;margin: -2px 11px 5px;padding: 0 0 0 1px;}

.archive #Content #Archive {margin: 0 0 0 10px;width:728px;}
.archive #Content #Archive .topFrame,
.archive #Content #Archive .contentFrame,
.archive #Content #Archive .bottomFrame { width:100%; overflow:hidden;position:relative; }

.archive #Content #Archive .bottomFrame { height:65px;padding-top:12px; }

.archive .teaser a.fade { position:relative; }
.archive .teaser a.fade img { display:block; }
.archive .teaser a.fade .banderole { position:absolute;left:0;top:60px; font: bold 10px/1.3em Arial; color:#FFFFFF;padding:0 4px;width:112px;height:15px;display:block; background-color:#000000;  }
.archive .teaser a.fade .aqua { background-color:#3399cc; }
.archive .teaser a.fade .blue { background-color:#061081; }
.archive .teaser a.fade .red { background-color:#8c0000; }



.archive .leftCol .cElement label {margin: 0;font-weight: bold;}
.archive .leftCol a {color: #333; font-weight:bold;}


.archive .leftCol .cElement .radio {padding: 0 0 7px 0;}
.archive .leftCol .cElement #cathegory input {margin: -3px 5000px 5px -5000px;}
.archive .leftCol .cElement .radio a {background: url(../images/icon/radio.gif) top left no-repeat;padding: 0 0 2px 20px;height:14px;}
.archive .leftCol .cElement .radio a.active {background: url(../images/icon/radio_act.gif) top left no-repeat;height:14px;}

.archive .leftCol .cElement .content .checkbox {padding: 0 0 7px 0;}
.archive .leftCol .cElement .content .checkbox input {margin: -3px 4986px 0 -5000px;}
.archive .leftCol .cElement .content .checkbox label {background: url(../images/icon/select.gif) top left no-repeat;padding: 0 0 2px 20px;height:14px;margin: 0 0 0 20px;}
.archive .leftCol .cElement .content .checkbox label.active {background: url(../images/icon/select_act.gif) top left no-repeat;height:14px;}


* html .archive .leftCol .cElement #cathegory input {margin: -12px 4996px 5px -5000px;}
*+html .archive .leftCol .cElement #cathegory input {margin: -12px 4996px 5px -5000px;}


/*******************************************************************************
 *
 * Module
 *
 */

/* -- Select section (Recently added/Recommended/Most viewed) --------------- */
.selectSection { font-weight:bold; /*overflow:hidden;width:100%;*/font-size: 11px; }
.selectSection ul li {float:left;background: url(../images/background/bg_button_102x22.gif) top left no-repeat;width:102px;height:22px;text-align:center;padding: 3px 0 0;color: #020299;margin: 0 8px 0 0;}
.selectSection ul li a {color: #414141;}
.selectSection ul li a:hover {color: #020299;}

.start #Content .bottomFrame .leftCol .selectSection {margin: 5px 0 10px 36px; overflow:hidden;}
.archive #Content #Archive .topFrame .selectSection {margin: 0;}

/* -- Mediathek ---------------------------------------------------------------- */
.mediathek {font-weight:bold;padding-top:3px;float:right;background: url(../images/background/bg_button_102x22.gif) top left no-repeat;width:102px;height:22px;text-align:center;padding: 3px 0 0;color: #020299;font-size: 11px;}
.mediathek a {color: #414141;}
.mediathek a:hover {color: #020299;}

/* -- Paging ---------------------------------------------------------------- */
.paging {font-weight:bold;padding-top:3px;float:right; }
.paging li {float:left;padding: 0 6px;font-size:11px;}
.paging li a:hover {color: #009;}
.paging .prev {background: url(../images/icon/arrow_right.gif) 0 50% no-repeat;width: 5px;padding:0;margin: 0 5px 0 0;}
.paging .next {background: url(../images/icon/arrow_left.gif) 0 50% no-repeat;width: 6px;padding:0;margin: 0 0 0 3px;}
.paging .current {color: #000099;}

.archive #Content #Archive .topFrame .paging {/*position:absolute;right:0;top:21px;*/  }
.archive #Content #Archive .bottomFrame .paging { /*position:absolute;right:0;top:8px;*/ }

/* -- Sidebar toggle container ---------------------------------------------- */
.leftCol .container .cElement {margin: 0 11px 7px; padding-bottom: 10px; width: 156px; overflow:hidden;color: #333333; font-size: 11px;font-weight:bold;line-height: 13px;}
.leftCol .container .cElement #cathegory {width:100%; overflow:hidden;margin-bottom: -7px;}
.leftCol .container .cElement #cathegory label {display: block;line-height: 14px; padding: 0 0 0 12px; background: url(../images/icon/radio.gif) top left no-repeat;margin: 0 0 4px 0;}
.leftCol .container .cElement #cathegory label.active {background: url(../images/icon/radio_act.gif) top left no-repeat;color:#000099;}


.leftCol .container .cElement .toggleFilter {position:relative;}

.leftCol .container .cElement .toggleFilter a.toggle {color: #333333;background: url(../images/icon/arrow_left.gif) 4px 50% no-repeat; padding: 0 0 0 21px;}
.leftCol .container .cElement .toggleFilter a.active {color: #000099;background: url(../images/icon/arrow_down.gif) 4px 50% no-repeat;}

.leftCol .container .cElement .toggleFilter .content {display:none; margin: 0;top: 8px;position:relative;width:100%; font-weight:normal; }

.leftCol .container .cElement .toggleFilter a.active .content {display:block;}

.leftCol .container .cElement .toggleFilter label {margin: 0 0 0 21px;width: 135px;display: block;padding: 0 0 0 21px;background: url(../images/icon/select.gif) top left no-repeat;}


* html .leftCol .container .cElement #cathegory label {margin: 0 0 5px;padding: 0 0 0 4px;}
*+html .leftCol .container .cElement #cathegory label {margin: 0 0 5px;padding: 0 0 0 4px;}

/* -- Teaser ---------------------------------------------------------------- */
.teaserContainer { width:760px; overflow:hidden;margin: 26px 0 0 0; }
.teaser {float: left;width: 136px;height: 153px;font-size:11px;margin: 0 12px 7px 0;}
#Archive .teaser { height: 183px; }
#Archive .teaser { height: 183px;margin: 0 16px 7px 0; }
.teaser img {margin:0 0 5px 0;}
.teaser .headline {margin: 0 8px 4px 0;color: #333333;line-height:15px;font-weight:bold;}
.teaser .headline a {color: #333333;}

.teaser ul {margin: 0;}
.teaser li {float:left;width:58px;height:auto;}
.teaser li.rating {background: url(../images/icon/star_bg_w.gif) 0 2px repeat-x;height:13px;margin-top:2px;}
.teaser li.rating .rated {background: url(../images/icon/star_rated_w.gif) 0 2px repeat-x;height:13px;}

.teaser li.rating .Star1 {width: 12px;}
.teaser li.rating .Star2 {width: 24px;}
.teaser li.rating .Star3 {width: 36px;}
.teaser li.rating .Star4 {width: 48px;}
.teaser li.rating .Star5 {width: 58px;}


.teaser li.time {width:44px;float:left;margin-top:1px;}
.teaser li.views {width:78px;float:left;margin-top:1px;}
.teaser li.date {width:58px;float:left;margin-top:0px;}
.teaser li.rating {width:60px;position:relative;right:0;margin-top:0px;}


/* -- jCarousel ------------------------------------------------------------- */

/* Base styles */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}

.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}
.jcarousel-container {background: none;width:680px;padding: 0 28px;}
.jcarousel-clip {width:680px;height: 154px;}
.jcarousel-item {margin-right: 0;}
.jcarousel-item-placeholder {background: #fff;color: #000;}

/* Buttons */
.jcarousel-next {position: absolute;top: 37px;right: 9px;width: 12px;height: 15px;cursor: pointer;background: transparent url(../images/button/btn_next_15x12.gif) no-repeat -12px 0;display: block;}
.jcarousel-next:hover {background-position: 0 0;}
.jcarousel-next:active {background-position: 0 0;}

.jcarousel-next-disabled,
.jcarousel-next-disabled:hover,
.jcarousel-next-disabled:active {cursor: default;background-position: -96px 0;}

.jcarousel-prev {position: absolute;top: 37px;left: 9px;width: 12px;height: 15px;cursor: pointer;background: transparent url(../images/button/btn_prev_15x12.gif) no-repeat 0 0;display: block;}
.jcarousel-prev:hover {background-position: -12px 0;}
.jcarousel-prev:active {background-position: -12px 0;}

.jcarousel-prev-disabled,
.jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:active {cursor: default;background-position: -12px 0;}

/* Items */
.jcarousel-list li,
.jcarousel-item {float: left;list-style: none;width: 136px;height: 153px;font-size:11px;}

.jcarousel-item a.fade {line-height:auto; display: block; height: 75px; width: 120px; overflow: hidden;margin:7px 8px;position:relative;}
.jcarousel-item a.fade span {display:block;height: 75px;width:120px;position:absolute;}
.jcarousel-item .headline {margin: 0 8px 4px;color: #333333;line-height:15px;font-weight:bold;}
.jcarousel-item .headline a {color: #333333;}



.jcarousel-item ul {margin: 0 0 0 8px;}
.jcarousel-item li {float:left;width:58px;height:auto;}
.jcarousel-item li.rating {background: url(../images/icon/star_bg_w.gif) top left repeat-x;height:11px;margin-top:2px;}
.jcarousel-item li.rating .rated {background: url(../images/icon/star_rated_w.gif) top left repeat-x;height:11px;}

.jcarousel-item li.rating .Star1 {width: 12px;}
.jcarousel-item li.rating .Star2 {width: 24px;}
.jcarousel-item li.rating .Star3 {width: 36px;}
.jcarousel-item li.rating .Star4 {width: 48px;}
.jcarousel-item li.rating .Star5 {width: 58px;}

.jcarousel-list .active {background:#ebebeb;width:136px; overflow:hidden;height: 153px;}
.jcarousel-list .active li.rating {background: url(../images/icon/star_bg_g.gif) top left repeat-x;}
.jcarousel-list .active li.rating .rated {background: url(../images/icon/star_rated_g.gif) top left repeat-x;}

.jcarousel-list li:hover {background:#ebebeb;}
.jcarousel-list li:hover  li.rating {background: url(../images/icon/star_bg_g.gif) top left repeat-x; }
.jcarousel-list li:hover  li.rating .rated {background: url(../images/icon/star_rated_g.gif) top left repeat-x;}

.rightCol .jcarousel-clip {width:680px;width:auto;height: auto;}
.rightCol .jcarousel-list li:hover {background:transparent;}

.rightCol .jcarousel-container { padding:0;width:auto; }
.rightCol .jcContainer { border-right:0;margin:0 -10px; }
* html .rightCol .jcContainer { margin-bottom:-11px; }
*+html .rightCol .jcContainer { margin-bottom:-11px; }

.rightCol .jcContainer .jcarousel-next {position: absolute;top: -24px;right: 9px;width: 11px;height: 11px;cursor: pointer;background: transparent url(../images/icon/arrow_left.gif) no-repeat 0 0;display: block;}
.rightCol .jcContainer .jcarousel-next:hover {background-position: 0 0;}
.rightCol .jcContainer .jcarousel-next:active {background-position:0 0;}

.rightCol .jcContainer .jcarousel-next-disabled,
.rightCol .jcContainer .jcarousel-next-disabled:hover,
.rightCol .jcContainer .jcarousel-next-disabled:active {cursor: default;background-position: 0 0;}

.rightCol .jcContainer .jcarousel-prev {position: absolute;top: -24px;left:190px;width: 11px;height: 11px;cursor: pointer;background: transparent url(../images/icon/arrow_right.gif) no-repeat 0 0;display: block;}
.rightCol .jcContainer .jcarousel-prev:hover {background-position: 0 0;}
.rightCol .jcContainer .jcarousel-prev:active {background-position: 0 0;}

.rightCol .jcContainer .jcarousel-prev-disabled,
.rightCol .jcContainer .jcarousel-prev-disabled:hover,
.rightCol .jcContainer .jcarousel-prev-disabled:active {cursor: default;background-position: 0 0;}


.rightCol .jcContainer .jcarousel-list li,
.rightCol .jcContainer .jcarousel-item { float: left;list-style: none;width: 224px;height: 190px;font-size:11px;border-right: 0;padding: 0 10px; }

.rightCol #videos .jcarousel-list li, .rightCol #videos .jcarousel-item { height: 212px; }

.rightCol .jcContainer .jcarousel-item h5 { font-size: 14px;color: #333;margin: 0 0 6px;}

.rightCol .jcContainer .jcarousel-item .image { margin: 0 0 8px 0;}
.rightCol .jcContainer .jcarousel-item .image img { display:block;margin:0; }

.rightCol .jcContainer .jcarousel-item .info {color: #4e4e4e;font-size: 11px;line-height: 15px;padding: 0 0 0 2px;width:100%; overflow: hidden;}
.rightCol .jcContainer .jcarousel-item .info h6 {color: #333;font-size: 11px;}
.rightCol .jcContainer .jcarousel-item .info .time {width: 164px;float:left;}
.rightCol .jcContainer .jcarousel-item .info .rating {float:left;width: 20px;margin: 1px 0 0 -2px;}


/* -- Tag Cloud -------------------------------------------------------------- */
#TagCloud {width:216px;}

.start #TagCloud {height:210px;}

#TagCloud h1 {color: #333333; font-size: 14px;margin: 1px 0 10px 0;padding-top:3px;}
#TagCloud .cloud {line-height: 20px;font-size:8px;}
#TagCloud .cloud a:hover {color: #009;}

#TagCloud .cloud span.fs12 {font-size: 12px;}
#TagCloud .cloud span.fs13 {font-size: 13px;}
#TagCloud .cloud span.fs14 {font-size: 14px;}
#TagCloud .cloud span.fs15 {font-size: 15px;}
#TagCloud .cloud span.fs16 {font-size: 16px;}
#TagCloud .cloud span.fs17 {font-size: 17px;}
#TagCloud .cloud span.fs18 {font-size: 18px;}
#TagCloud .cloud span.fs19 {font-size: 19px;}
#TagCloud .cloud span.fs20 {font-size: 20px;}

#TagCloud .cloud span.nbsp {font-size: 8px;padding: 0 0 0 3px;}





/*******************************************************************************
 *
 * Workarounds
 *
 */

/* IE6 */
* html #Navigation li a {display:inline;position:relative;top: 13px;padding: 13px 22px 12px;}
* html #Navigation #Search {margin: 9px 7px 0 0; }
* html #Navigation #Search input.button {margin: 5px 0 0 5px;}

* html .start #Content .bottomFrame .leftCol {width:680px;}
* html .archive #Content .bottomFrame .leftCol {width:715px;}
* html #Content .bottomFrame .rightCol {margin-left:-1px;}
* html #Content .bottomFrame {margin-bottom: 13px;}

* html .jcarousel-item h3 {margin: 0 8px 5px;}
* html .jcarousel-item a img {margin:7px 8px 5px;}

* html #Footer {margin: 5px 0 0 22px;}



/* IE7 */
*+html #Navigation #Search input.button {margin: 5px 0 0 5px;}

*+html #Content .bottomFrame .rightCol {margin-bottom: 0;}
*+html #Content .bottomFrame {margin-bottom: 13px;}

*+html #TagCloud h3 {margin-bottom:12px;}

*+html .jcarousel-item a img {margin:7px 8px 5px;}

*+html .archive #Content #Archive .bottomFrame .paging {top: 15px;}

/* Safari/Opera */
@media not tty { .teaser img {
    margin:0 0 9px 0;
    }}

@media not tty { .jcarousel-item a img {
	margin-bottom:9px;}}

@media not tty { .archive #Content #Archive .bottomFrame {
    height:70px;
    }}

@media not tty {#TagCloud .cloud span.fs12 {font-size: 12px;}}
@media not tty {#TagCloud .cloud span.fs13 {font-size: 13px;}}
@media not tty {#TagCloud .cloud span.fs14 {font-size: 14px;}}
@media not tty {#TagCloud .cloud span.fs15 {font-size: 15px;}}
@media not tty {#TagCloud .cloud span.fs16 {font-size: 16px;}}
@media not tty {#TagCloud .cloud span.fs17 {font-size: 17px;}}
@media not tty {#TagCloud .cloud span.fs18 {font-size: 18px;}}
@media not tty {#TagCloud .cloud span.fs19 {font-size: 18px;}}
@media not tty {#TagCloud .cloud span.fs20 {font-size: 20px;}}


@media not tty {#TagCloud .cloud span.sfop_fix_6 {margin-left: 4px !important;}}
@media not tty {#TagCloud .cloud span.sfop_fix_5 {margin-left: 3px !important;}}


/* ################### TMP ################### */

/* -- /TMP/ Flash Teaser .com /TMP/ -------------------------------------------- */
#Stage .rightCol {padding: 18px 10px 0;color:#333333;background: url(../images/background/bg_right_teaser_col.gif) top left no-repeat;width:224px;}
#Stage .rightCol h1 {font-size:14px;padding:0 1px;margin: 0 0 11px 0;}
#Stage .rightCol .teaser {margin-bottom:10px;font-size:11px;position: relative;width:100%;overflow:hidden;height:auto;}
#Stage .rightCol .teaser h3 {margin: 4px 0 0 0;}
#Stage .rightCol .teaser p {width:224px;}
#Stage .rightCol .teaser a.more {position:absolute;bottom: 0px; right:10px;padding: 0 0 0 9px;background: url(../images/icon/arrow_left_sm.gif) left 50% no-repeat;color: #333333; font-weight:bold;}

#Stage .rightCol .teaser ul {margin: 0 0 0 0;}
#Stage .rightCol .teaser li {float:left;width:58px;height:auto;}
#Stage .rightCol .teaser li.time {width:156px;}
#Stage .rightCol .teaser li.rating {width:60px;background: url(../images/icon/star_bg_w.gif) top left repeat-x;height:11px;}
#Stage .rightCol .teaser li.rating .rated {background: url(../images/icon/star_rated_w.gif) top left repeat-x;height:11px;}

#Stage .rightCol .teaser li.rating .Star1 {width: 11px;}
#Stage .rightCol .teaser li.rating .Star2 {width: 22px;}
#Stage .rightCol .teaser li.rating .Star3 {width: 33px;}
#Stage .rightCol .teaser li.rating .Star4 {width: 44px;}
#Stage .rightCol .teaser li.rating .Star5 {width: 57px;}

* html #Stage .rightCol {width:224px;overflow:hidden;}

/* -- gfxButtons -------------------------------------------- */

button.gfx { background:transparent;border:0;padding:0;margin-right:1em;color:#FFFFFF;font-size:11px;overflow:hidden;text-align:left;*width:expression(firstChild.offsetWidth + 'px');*height:expression(firstChild.offsetHeight + 'px');cursor:pointer;vertical-align:middle; }
/* .textRight button.gfx { margin:0 0 0 1em; } */

button.gfx span { background:url(../images/button/btn_bg.gif) repeat-x;height:22px;line-height:22px;font-weight:bold;float:left; }
button.gfx span span { background:url(../images/button/btn_left_edge.gif) no-repeat;padding:0;white-space:nowrap;float:none;display:block; }
button.gfx span span span { background:url(../images/button/btn_right_edge.gif) no-repeat 100% 0;padding:0 10px; }

/* -- gfxSelectBox -------------------------------------------- */

form.gfxSelectBoxForm { margin:0;padding:0; }
div.gfxSelectBox { display:none;width:136px;position:relative;margin:0;padding:0; }
div.gfxSelectBox .gfxSelect { background:url(../images/button/dropdown_border.gif) no-repeat;height:24px;width:161px;padding:1px; position:absolute;top:0;left:0;z-index:1000; }
div.gfxSelectBox .gfxSelect .gfxText { height:24px;width:130px;background:url(../images/button/dropdown_text.png) no-repeat;float:left; }
div.gfxSelectBox .gfxSelect .gfxText span { display:block;font-size:11px;padding:3px 2px 3px 10px;;color:#4E4E4E; }
div.gfxSelectBox .holder { float: left;margin:0;padding:0;border:solid 1px #D5D5D5;position:absolute;top:26px;left:0;z-index:1001;visibility:hidden; }
div.gfxSelectBox .scroll-pane { width:160px;overflow: hidden;background:#FFFFFF;float:left;font-size:11px; }
div.gfxSelectBox .scroll-pane ul { margin:0;padding:0;list-style:none;}
div.gfxSelectBox .scroll-pane li a { display:block;color:#333333;text-decoration:none;margin:0 -5px 0 0;padding:2px 0 1px 10px; }
div.gfxSelectBox .scroll-pane li a:hover { background:#c6c6c6;color:#ffffff; }
div.gfxSelectBox .jScrollPaneContainer { position: relative;overflow: hidden;z-index: 1000; }
div.gfxSelectBox .jScrollPaneTrack { position: absolute;cursor: pointer;right: 0px;top: 0;height: 100%;padding:0 0 0 1px;width:28px;background: url(images/scroll/track.gif) repeat-y #d5d5d5;/*border-left:#d5d5d5;*/ }
div.gfxSelectBox .jScrollPaneDrag { position: absolute; cursor: pointer;overflow: hidden;/*border-left:1px solid #ffffff;*/background: url(images/scroll/drag_middle.gif) no-repeat 50% 50% #f0efef; }
div.gfxSelectBox .jScrollPaneDragTop { position: absolute;top: 0;left: 0;overflow: hidden;background: url(images/scroll/drag_top.gif) no-repeat;height: 1px; }
div.gfxSelectBox .jScrollPaneDragBottom { position: absolute;bottom: 0;left: -1px;overflow: hidden;background: url(images/scroll/drag_bottom.gif) no-repeat;height: 1px; }



/*.start .tripleContainer */.teaserA {float:left;width:224px;height:210px;overflow: hidden;border-right: 1px solid #d4d4d4;padding: 0 10px;}
.teaserA h5 { font-size: 14px;color: #333;margin: 1px 0 8px;}
.teaserA .image { margin: 0 0 4px 0;}
.teaserA .info {color: #4e4e4e;font-size: 11px;padding: 0 0 0 2px;line-height: 15px;}
.teaserA .info h6 {color: #333;font-size: 11px;}
.teaserA .info .time {width: 164px;float:left;}
.teaserA .info .rating {float:left;width: 20px;}

@media not tty { .teaserA .image { margin: 0 0 1px 0;}}
@media not tty { .teaserA .info { padding: 0;}}

*+html .teaserA .image { margin: 0 0 1px 0;}
*+html .teaserA .info {padding: 0;}
* html .teaserA .image { margin: 0 0 1px 0;}
* html .teaserA .info {padding: 0 0 0 1px;}

/* Carousel */
.jcContainer {position:relative;width: 244px; overflow: hidden;float:left;display:inline;border-right:1px solid #D4D4D4;}
.jcContainer h1 { font-size: 14px;color: #333;margin: 1px 0 9px 12px;}

@media not tty { .jcContainer h5 { margin: 1px 0 9px 11px;}}
@media not tty { .jcContainer .image { padding-bottom: 1px;}}
@media not tty { .jcContainer .info { padding: 0;margin-left: -1px;}}

*+html .jcContainer h5 { margin: 1px 0 9px 10px;}
.pageCounter {position: absolute; top: 1px; right: 25px;font-size: 10px;color: #666666;}
@media not tty { .pageCounter {padding-top: 1px;}}

@media not tty { #TagCloud {
    width:221px;
    }}



/* Error page */
body.error .errorContainer {margin: 27px 0 0 30px;}
body.error h1 {font-size: 14px; color: #333;margin-bottom:18px;}
body.error p {font-size: 11px; color: #333;margin-bottom:10px;width: 470px;}


#Content #Stage.topFrame .error404 {margin:33px 0 100px 32px;}
#Content #Stage.topFrame .error404 p {font-size:11px;line-height:15px;margin:0 0 15px 0;color:#333333;}
#Content #Stage.topFrame .error404 p a {color:#0a0a96;}