@import url(caroussel.css);


/*******************************************************************************
 *
 * 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;
}
 
/* Safari
@media screen and (-webkit-min-device-pixel-ratio:0)
{}

*Opera*
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body }
*/



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

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

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

.floatR { float:right;display:inline; }

br.clear {clear:both; line-height:0;height:0;}
.pointer {cursor: pointer;}

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

h1 a {color: #333333;}

.printLogo {display: none;}

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

body {/*background: #fff url(../images/background/bg_navigation.png) top left repeat-x;*/padding: 0 0 23px 0;margin:0;}

#SiteContainer, #Header, #Content, #Footer {width: 984px;overflow:hidden;margin-top: 22px;}
#SiteContainer { margin-top:0px; }

/* Header */
#Header { width:100%;overflow:hidden;color: #ffffff;font-size:17px;padding: 1px 0 0 0;height: 96px;letter-spacing:-0.01em;
	display:none;}
#Header span {float:right;margin: -36px 0 0 -29px;padding: 0 29px 0 0;}

/* Navigation */
#Content {padding: /*62px*/ 40px 0 0 0;background: #fff url(../images/background/);}

#Navigation {position:absolute; width:984px;overflow:hidden;/*height:62px;*/height:40px;margin: 0;font-size:14px;background: #fff url(../images/background/bg_navigation.gif) top left repeat-x;margin: 0 0 0 0;}/* changed 220609*/

#Navigation .wrapper { background: #fff;background: #fff url(../images/background/bg_navigation.gif) top left repeat-x; }

#Navigation #Search {float:right;height:24px;width:230px;background: url(../images/background/bg_search_box.gif) top left no-repeat;margin: 10px 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:40px;*/height:27px;padding: 12px 30px 0 30px;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) right -1px no-repeat;color: #ffffff;}
* html #Navigation li a.active,
* html #Navigation li a:hover {background-position-y: 1px;}

#Navigation .naviLst {width: 4px;height:40px;background: url(../images/background/bg_navigation_lst.gif) top left no-repeat;float:right;}

.navShadow {background: url(../images/background/navi_shadow.png) top left repeat-x;height:5px;position:fixed;top:96px;width:984px;z-index:101;}

#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: 12px 0 0 12px;width:984px;overflow:hidden;font-size:11px;font-weight:bold;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{#Footer {margin: 13px 0 0 22px;}}

#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_navi {margin:0;overflow:hidden;width:100%;}
#Footer .footer_navi a{padding:0 0 0 15px;margin: 0 15px 0 0; background:url(../images/icon/ico_footer_navi.gif) left 1px no-repeat;font-weight:bold;font-size:11px;color:#666666;}
#Footer .footer_navi .navi_last {background:url(../images/icon/ico_footer_navi_arrow.gif) left 5px no-repeat;padding:0 15px 0 10px;}
#Footer .footer_navi li {float:left;}

#trackVideo {display:none;}
/*******************************************************************************
 *
 * News-Abo
 *
 */

#NewsFrame {margin-left: 22px;background-color:transparent !important;}

/*******************************************************************************
 *
 * ERROR 404
 *
 */
 
#Content #Stage.topFrame .error404 {margin:32px 0 100px 30px;}
* html #Content #Stage.topFrame .error404 {margin:73px 0 100px 30px;}
#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;}



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

#Content {width: 980px; margin: 0 4px 0 0;padding-top: 162px 0 0 0;background: url(../images/background/bg_content_inner.gif) left 40px repeat-x; }

.shadow {width:515px; background: #fff;height: 5px;margin-bottom: -5px;}
.shadow .inner {background: url(../images/background/player_shadow.png) repeat-x scroll left top;height:5px;position:absolute;top:0;width:516px;margin-top: 40px;z-index:99;}
* html .shadow, * html .shadow .inner {display: none;}
/* -- Raster Startseite ----------------------------------------------------- */
.start #Content .topFrame {/*border-bottom: 1px solid #e0e0e0;*/width:100%;overflow:hidden;background:url(../images/background/bg_content_inner.gif) repeat-x 0px 0px; }
.start #Content .topFrame .leftCol, #Content .topFrame .rightCol {float:left;}
.start #Content .topFrame .leftCol {width:735px;margin:0;position: relative;}

* html .start #videoPlayer {margin-top: 1px;}

* html .start #Content .topFrame {margin-top:39px;}

.start #Content .topFrame .rightCol {position: relative;height: 414px;}
.start #Content .topFrame .rightCol h1 {font-size: 14px; color: #333;margin: 15px 0 0 11px;}
* html .start #Content .topFrame .rightCol h1 {margin: 16px 0 0 11px;}
*+html .start #Content .topFrame .rightCol h1 {margin: 16px 0 0 11px;}

.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 9px;}
*+html .start #Content .bottomFrame .leftCol {width:735px;margin:10px 0 11px;}

.start #Content .bottomFrame .rightCol {/*border-left: 1px solid #e0e0e0;*/padding: 0 0 0 11px;height:100%;margin:11px 0;}

* html .start #Content .bottomFrame .rightCol {border-left: none;}


/* -- Raster Archiv -------------------------------------------------------- */
#Sidebar, #Archive {float:left;}
.archive #Content {padding: 62px 0 0 0;}
body.archive #Content .leftCol { width:180px; float:left;padding:6px 12px 0 18px; }

@media screen and (-webkit-min-device-pixel-ratio:0)
{body.archive #Content .leftCol { width:180px; float:left;padding:7px 12px 0 18px; }}

.archive #Content .leftCol .container { padding-bottom: 40px; }
.archive #Content .leftCol .container h1 {font-size: 11px; color: #333333;margin: 0 11px 15px;padding: 0 0 1px 1px;}

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

.archive #Content #Archive .topFrame {margin: 2px 0 0 0;}
*+html .archive #Content #Archive .topFrame {margin: 2px 0 -4px 0;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{.archive #Content #Archive .topFrame {margin: 2px 0 -15px 0;}}

.archive #Content #Archive .bottomFrame { height:65px;padding-top:4px; margin-top: 6px;}
*+html .archive #Content #Archive .bottomFrame {padding-top:12px; margin-top: 5px;height:56px}
* html .archive #Content #Archive .bottomFrame { height:60px;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{.archive #Content #Archive .bottomFrame { padding-top:5px;height:64px !important;}}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .archive #Content #Archive .bottomFrame { height:65px !important;}}

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

@media screen and (-webkit-min-device-pixel-ratio:0)
{.archive .teaserS a.fade {margin-bottom:9px;}}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .archive .teaserS a.fade {margin-bottom:9px;}}

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


.archive .leftCol .cElement .radio {padding: 0 0 7px 0;}
.archive .leftCol .cElement #cathegory input {margin: -3px 4996px 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 4px 0;}
.archive .leftCol .cElement .content .checkbox input {/*margin: -3px 0 0 -99999px;*/position:absolute; left:-99999px; }
.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 .content .checkbox label {padding: 0 0 0px 20px;height:13px;}

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



*+html .archive .leftCol .cElement .content .checkbox label {background: url(../images/icon/select.gif) 0 2px no-repeat;margin: -3px 0 -3px 20px;padding-top: 3px;}
*+html .archive .leftCol .cElement .content .checkbox label.active {background: url(../images/icon/select_act.gif) 0 2px no-repeat;}

* html .archive .leftCol .cElement .content .checkbox label {background: url(../images/icon/select.gif) 0 3px no-repeat;margin: 0 0 0 20px;}
* html .archive .leftCol .cElement .content .checkbox label.active {background: url(../images/icon/select_act.gif) 0 3px no-repeat;}


/* -- Raster Magazin -------------------------------------------------------- */
* html body.mag #Content { padding-top:62px; }

body.mag #Content .leftCol { width:162px; float:left;padding:28px 9px 0 49px;font-size:11px; font-size: 11px;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{body.mag #Content .leftCol { padding:29px 9px 0 49px;}}

body.mag #Content .leftCol h1 { padding-bottom:24px;color:#333333; }
body.mag #Content .leftCol ul.navi li { padding-bottom:5px;color:#000099;  }
body.mag #Content .leftCol ul.navi li a { color:#333333; font-weight:normal; font-size: 11px;}
body.mag #Content .leftCol ul.navi li a.active { color:#000099;font-weight: bold;font-size: 11px;}
body.mag #Content .leftCol ul.navi li a:hover { color:#000099;font-size: 11px;}

body.mag #Content .middleCol { width:476px;padding:0 39px 40px 0; float:left;border-right: 1px solid #e0e0e0;color:#333333;/*overflow:hidden;*/ }
body.mag #Content .middleCol .article { padding-top:28px; }

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body body.mag #Content .middleCol .article { padding-top:29px; }}

@media screen and (-webkit-min-device-pixel-ratio:0)
{body.mag #Content .middleCol .article { padding-top:29px; }}

.middleCol h1 { font-size:25px;padding-bottom:30px; color: #333333;}
*+html .middleCol h1 { padding-bottom:29px;}
* html .middleCol h1 { padding-bottom:29px;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{.middleCol h1 {padding-bottom:29px;}}

body.mag #Content .middleCol #MainPic { margin:0 -40px 7px 0;position:relative;z-index:1;margin-left: 1px;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{body.mag #Content .middleCol #MainPic { margin:0 -40px -6px 0;}}
body.mag #Content .middleCol #MainPic img { display:block; }

.middleCol p { padding-bottom:11px; }
.mag .middleCol p { font-size:11px; }

body.mag #Content .middleCol .grayBox { background-color:#e9e9e9; padding: 19px 10px 21px; margin-top:16px; margin-bottom:23px;font-size: 10px; }
*+html body.mag #Content .middleCol .grayBox { margin-top:5px;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{body.mag #Content .middleCol .grayBox { margin-top:4px;}}
body.mag #Content .middleCol .grayBox p {font-size: 10px;margin-bottom: 0;padding-bottom: 0;}

body.mag #Content .rightCol { border-left: 1px solid #e0e0e0;padding: 14px 0 44px 10px;margin:0 0 0 -1px;height:100%;width:234px;float:left;position:relative; }
*+html body.mag #Content .rightCol { padding: 16px 0 45px 10px;}

body.mag #Content .rightCol .teaserA h1 {margin-bottom: 10px;}

* html body.mag #Content .leftCol { padding-top:5px; }
* html body.mag #Content .middleCol { margin-top:-22px; }
* html body.mag #Content .rightCol { margin-top:-20px;margin-right:-5px; }

body.mag #Content .rightCol .jcContainer { border-right:0;margin-right:10px;margin-left:-10px;width:234px; margin-top: 2px;}
*+html body.mag #Content .rightCol .jcContainer {margin-top: 3px;}
* html body.mag #Content .rightCol .jcContainer {margin-top: 3px;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{body.mag #Content .rightCol #news { margin-top: 1px;}}

body.mag #Content .rightCol .jcContainer .jcarousel-next {background: url(../images/icon/arrow_right_bg.gif) no-repeat;cursor:pointer;	display:block;height:11px;position:absolute;right:0px;top:-21px;width:11px;}

body.mag #Content .rightCol .jcContainer .jcarousel-next:hover { background-position: -11px 0; }

body.mag #Content .rightCol .jcContainer .jcarousel-prev {background: url(../images/icon/arrow_left_bg.gif) no-repeat;cursor:pointer;display:block;height:11px;left:185px;position:absolute;top:-21px;width:11px;}

*+html body.mag #Content .rightCol #news  .jcarousel-prev, *+html body.mag #Content .rightCol #news .jcarousel-next {top: -21px;}  

body.mag #Content .rightCol .jcContainer .jcarousel-prev:hover { background-position: -11px 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 .teaserA { height:auto;width:auto;margin:0 12px 7px 0; }
.rightCol .teaserA h5 {color:#333333;font-size:14px; }
*+html .rightCol .teaserA h5 {color:#333333;font-size:14px; margin-top: -1px;}
.rightCol #videos .jcarousel-list li, .rightCol #videos .jcarousel-item { height: auto; }
.rightCol #events h5 {padding-top: 3px;}
*+html .rightCol #events h5 {padding-top: 4px;}
.rightCol .pageCounter { right: 15px; }

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


/* -- Startseite.de / Teaser Container -------------------------------------- */
.tripleContainer { width: 100%; overflow:hidden;margin: 0 0 0 1px;padding: 4px 0 2px 0;}


.tripleContainer .teaserS {margin: 0;}


/* -- Select section (Recently added/Recommended/Most viewed) --------------- */
.selectSection {font-weight:bold;overflow:hidden;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;}

.leftCol .singleButton { margin:3px 0 0 8px;width:147px;background:url("../images/background/bg_button_147x22.gif") no-repeat }
.leftCol .singleButton a {color: #414141;display:block;text-align:center;font-size:11px;line-height:22px;height:22px; }
.leftCol .singleButton a:hover {color: #020299;}


.start #Content .bottomFrame .leftCol .selectSection {margin: 5px 0 6px 20px;}
.archive #Content #Archive .topFrame .selectSection {margin: 1px 0 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 {padding-top:3px;float:right; }
.paging li {float:left;padding: 0 6px;font-size:11px;font-weight: bold;}
.paging li a:hover {color: #009;}
.paging .prev {background: url(../images/icon/arrow_right.gif) 0 50% no-repeat;width: 8px;padding:0;margin: 0 5px 0 0;}
.paging .next {background: url(../images/icon/arrow_left.gif) 0 50% no-repeat;width: 8px;padding:0;margin: 0 0 0 3px;}
.paging .current {color: #000099;font-weight:bold;}

.paging .prev a, .paging .next a {display: block;}

.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;margin-left: 2px;}
.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;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.leftCol .container .cElement #cathegory {margin-bottom: -6px;}
.leftCol .container .cElement #cathegory label {margin: 0 0 2px;}
}
.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;margin-left: 3px;}

.leftCol .container .cElement .toggleFilter a.toggle {color: #333333;background: url(../images/icon/arrow_left.gif) 4px 50% no-repeat; padding: 0 0 0 20px;}
*+html .leftCol .container .cElement .toggleFilter .content {margin-top: 3px;}
.leftCol .container .cElement .toggleFilter a.active {color: #333333;background: url(../images/icon/arrow_down.gif) 4px 50% no-repeat;}

.leftCol .container .cElement .toggleFilter .content { margin: 0;top: 7px;position:relative;width:100%; font-weight:normal; }
*+html .leftCol .container .cElement .toggleFilter .content {top: 4px;}
* html .leftCol .container .cElement .toggleFilter .content {top: 4px;}

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

.leftCol .container .cElement label {margin: 0 0 0 21px;width: 135px;display: block;padding: 0 0 7px 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 A -------------------------------------------------------------- */

/* Startseite */
.start .tripleContainer .teaserA {float:left;width:224px;height:213px;overflow: hidden;border-right: 1px solid #d4d4d4;padding: 0 10px;}
.teaserA h1 { font-size: 14px;color: #333;margin: 3px 0 1px;}
.teaserA .image { margin: 0 0 4px 0;height: 127px;}
.teaserA .info {color: #4e4e4e;font-size: 11px;padding: 0 0 0 1px;line-height: 15px;margin-bottom: 4px;}
.teaserA .info h2 {color: #333;font-size: 11px;}
.teaserA .info .time {width: 164px;float:left;}
.teaserA .info .rating {float:left;width: 20px;}

.start #configurator h1 {margin-bottom: 8px;}
*+html .start .tripleContainer #configurator h1 {padding-top: 1px;}
*+html .start .tripleContainer #configurator .image {margin-bottom: 7px;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{.teaserA .image { margin: 0 0 1px 0;}}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .teaserA .image { margin: 0 0 1px 0;}}

@media screen and (-webkit-min-device-pixel-ratio:0)
{.teaserA .info { padding: 0;}}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .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;}

.start .teaserA .image { margin: 0 0 8px 0;overflow: hidden;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{.start .teaserA .image { margin: 0 0 9px 0;}}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .start .teaserA .image { margin: 0 0 9px 0;}}

* html .start .teaserA .image { margin: 0 0 5px 0;}

.start .teaserA .arrowLink { margin-top: 5px;}

/* Carousel */
.jcContainer {position:relative;width: 244px; overflow: hidden;float:left;display:inline;border-right:1px solid #D4D4D4;height: 213px;}
.mag .jcContainer {height: auto}
.jcContainer h1 { font-size: 14px;color: #333;margin: 3px 0 10px 12px;}
*+html .jcContainer h1 { padding-top: 2px;}
* html .jcContainer h1 { font-size: 14px;color: #333;margin: 3px 0 9px 12px;}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .jcContainer h1 { font-size: 14px;color: #333;margin: 3px 0 10px 12px;}}
@media screen and (-webkit-min-device-pixel-ratio:0)
{.jcContainer h1 { font-size: 14px;color: #333;margin: 3px 0 10px 12px;}}

@media screen and (-webkit-min-device-pixel-ratio:0)
{.jcContainer .image { padding-bottom: 1px;}}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .jcContainer .image { padding-bottom: 1px;}}

@media screen and (-webkit-min-device-pixel-ratio:0)
{.jcContainer .info { padding: 0;margin-left: -1px;}}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .jcContainer .info { padding: 0;margin-left: -1px;}}

*+html .jcContainer h1 { margin: 1px 0 9px 10px;}
.pageCounter {position: absolute; top: 4px; right: 25px;font-size: 10px;color: #666666; z-index:4;font-weight: bold; }
.pageCounter span {font-weight: bold; }
*+html .pageCounter {position: absolute; top: 3px;}
* html .pageCounter {position: absolute; top: 3px;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{.pageCounter {padding-top: 1px;}}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .pageCounter {padding-top: 1px;}}

.mag #videos .info {padding-bottom: 15px;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{.mag #videos .info {padding-bottom: 14px;}}
*+html .mag #videos .info {padding-bottom: 1px;}

.mag #news {height: 225px;}
*+html .mag #news {height: 210px;}
* html .mag #news {height: 210px;}
* html .mag #videos {height: 203px;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{.mag #news {height: 226px;}}
.mag #news .info {padding-bottom: 15px;}


.mag #videos h1 {margin-top: 1px;margin-left: 11px;}
.mag #news h1 {margin-top: 1px;}
*+html .mag #news h1 {margin-top: -1px;}

*+html .mag #videos h1 {margin-top: -1px;}

.mag #videos .pageCounter {top: 2px;}
*+html .mag #videos .pageCounter {top: 1px;}
* html .mag #videos .pageCounter {top: 1px;}
.mag #news .pageCounter {top: 2px;}
*+html .mag #news .pageCounter {top: 1px;}
* html .mag #news .pageCounter {top: 1px;}
body.mag #Content .rightCol #videos .jcarousel-prev, body.mag #Content .rightCol #videos .jcarousel-next {top: -21px;}
/* -- Artikelseite ---------------------------------------------------------------- */

#PicDisplay { margin-top:16px;position:relative; }
#PicDisplay img { display:block;margin-bottom:6px; }
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#PicDisplay { margin-top:15px;}
#PicDisplay img { display:block;margin-bottom:7px; }
}

#PicDisplay a.startLayerButton {background:url(../images/button/btn_startlayer.png) no-repeat; position:absolute; top:228px;right:10px;height:32px;width:32px;}

#ThumbControl { border:0; width:416px;position:relative;padding:4px 32px; background:url(../images/background/bg_article_sushibar.gif) no-repeat; height:45px; margin-bottom:27px; }
#ThumbControl .teaserS { float:left; }
#ThumbControl p.caption { display:none; }


#ThumbControl .image { display:block; cursor:pointer; }
#ThumbControl .image img { width:80px; height:45px; }
#ThumbControl .active { cursor:default; }
#ThumbControl .active, #ThumbControl .image:hover { width:76px; height:41px; overflow:hidden; border:solid 2px #FFFFFF; }
#ThumbControl .active img,  #ThumbControl .image:hover img {display:block; margin:-2px;position:relative; z-index:-1; }

#ThumbControl .jcarousel-list li, #ThumbControl .jcarousel-item {float:left;height:45px;width:84px;}
#ThumbControl .jcarousel-prev {	background:url(../images/icon/sushibar_arrow_left.gif) no-repeat;width:9px; height:13px;cursor:pointer;position:absolute; top:17px;left:-19px;}
#ThumbControl .jcarousel-next {	background:url(../images/icon/sushibar_arrow_right.gif) no-repeat;width:9px; height:13px;cursor:pointer;position:absolute; top:17px;right:-19px;display:none;z-index:3;}

#ThumbControl .jcarousel-prev:hover,
#ThumbControl .jcarousel-prev:active {background:url(../images/icon/sushibar_arrow_left_act.gif) no-repeat;}

#ThumbControl .jcarousel-next:hover,
#ThumbControl .jcarousel-next:active {background:url(../images/icon/sushibar_arrow_right_act.gif) no-repeat;}

#ThumbControl .jcarousel-list li a {overflow: hidden !important;}

* html #ThumbControl .jcarousel-next { left:426px; }


/* -- Header (Magazin) ------------------------------------------------------------ */

.middleCol .header { font-size:11px;padding-bottom:21px; margin-left: 1px;}

.middleCol .header h1 { padding-bottom:20px; }
*+html .middleCol .header h1 { padding-bottom:19px; padding-top:1px;}
* html .middleCol .header h1 { padding-bottom:19px; }
@media screen and (-webkit-min-device-pixel-ratio:0)
{.middleCol .header h1 { padding-bottom:19px; }}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .middleCol .header h1 { padding-bottom:21px; }}

.middleCol .header p { padding-bottom:6px; }
@media screen and (-webkit-min-device-pixel-ratio:0)
{.middleCol .header p { padding-bottom:5px; }}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .middleCol .header p { padding-bottom:5px; }}

.middleCol p.dateline { padding-bottom:35px; }
*+html .middleCol p.dateline { padding-bottom:36px; }
* html .middleCol p.dateline { padding-bottom:36px; }

.middleCol .header p.dateline { padding-bottom:20px; }
@media screen and (-webkit-min-device-pixel-ratio:0)
{ .middleCol .header p.dateline { padding-bottom:19px !important; }}

.middleCol .header p.link { margin-top:-1px; }
@media screen and (-webkit-min-device-pixel-ratio:0)
{ .middleCol .header p.link { margin-top:0; }}

/* -- Teaser A (Magazin) ------------------------------------------------------------ */

.middleCol .teaserA { padding:20px 0 21px;min-height:125px; border-top:solid 1px #d7d7d7;clear:both;margin-right:-30px;overflow:hidden; width: 506px;}
*+html .middleCol .teaserA { padding:20px 0 22px;}


@media screen and (-webkit-min-device-pixel-ratio:0)
{.middleCol .teaserA { padding-bottom:20px;}}


.middleCol .teaserA .image { float:left;width:244px;margin: 0px 0 -2px; }
*+html .middleCol .teaserA .image { margin-bottom: -6px; }
* html .middleCol .teaserA .image { margin-bottom: -6px; }

.middleCol .teaserA .info { padding-right:30px; color:#333333; float:left; width:231px; margin-bottom: 1px;}
.middleCol .teaserA h3 { font-size:14px;padding-bottom:5px; margin:4px 0 1px; }
.middleCol .teaserA h2 {font-size:16px;margin:9px 0 1px;padding-bottom:5px;}
.middleCol .eventTeaser h2 {font-size:16px;font-weight: normal;padding-bottom: 6px;}
*+html .middleCol .eventTeaser h2 {padding-bottom: 5px;padding-top: 6px;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{.middleCol .teaserA h2 {font-size:16px;margin:9px 0 2px;padding-bottom:5px;}}
*+html .middleCol .teaserA h2 {margin:8px 0 1px;}

.middleCol .eventTeaser .link {margin-top: 4px;}

*+html .middleCol .teaserA h3 { padding-bottom:4px; }
* html .middleCol .teaserA h3 { padding-bottom:4px; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .middleCol .teaserA h3 { padding-bottom:6px;} }
@media screen and (-webkit-min-device-pixel-ratio:0)
{.middleCol .teaserA h3 { padding-bottom:6px;}}

.middleCol .teaserA p, .rightCol p { padding-bottom:5px; }

.middleCol .teaserA p.dateline  {line-height: 11px;padding-bottom: 6px;padding-top: 2px;}

*+html .middleCol .teaserA p.dateline { line-height: 12px; }
* html .middleCol .teaserA p.dateline { line-height: 12px; }

.middleCol p.dateline { word-spacing:.3em;color:#666666; }
.middleCol p.dateline span { font-weight:bold;color:#333333; }

.rightCol .teaserA .image { margin:2px 0 7px; }

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .rightCol .teaserA .image { margin:2px 0 8px; } }
@media screen and (-webkit-min-device-pixel-ratio:0)
{.rightCol .teaserA .image { margin:2px 0 8px; }}

*+html .rightCol .teaserA .image { margin:2px 0 6px; }

.teaserA h5 { margin: 1px 0 11px;}

p a.arrow { color:#333333;padding-left:8px; background: url(../images/icon/arrow_left_sm.gif) 0 5px no-repeat;font-weight:bold; }
p a.arrow:hover { color:#000099; background: url(../images/icon/arrow_left_sm_act.gif) 0 5px no-repeat;}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body p a.arrow { color:#333333;padding-left:8px; background: url(../images/icon/arrow_left_sm.gif) 0 4px no-repeat;font-weight:bold; } }
@media screen and (-webkit-min-device-pixel-ratio:0)
{p a.arrow { color:#333333;padding-left:8px; background: url(../images/icon/arrow_left_sm.gif) 0 4px no-repeat;font-weight:bold; }}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body p a.arrow:hover { color:#000099; background: url(../images/icon/arrow_left_sm_act.gif) 0 4px no-repeat;}}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
p a.arrow:hover { color:#000099; background: url(../images/icon/arrow_left_sm_act.gif) 0 4px no-repeat;}
.rightCol #configurator p.arrowLink, .rightCol #configurator  p.arrowLink:hover {padding-bottom: 4px;}
.rightCol #news p.arrowLink, .rightCol  #news p.arrowLink:hover {padding-bottom: 6px;}

}

p.arrowLink { color:#333333;padding-left:9px; background: url(../images/icon/arrow_left_sm.gif) 0px 6px no-repeat;font-weight:bold; }
p.arrowLink:hover { color:#000099; background: url(../images/icon/arrow_left_sm_act.gif) 0px 6px no-repeat;}

.rightCol p.arrowLink, .rightCol p.arrowLink:hover  { background-position:-1px 6px; }
*+html .rightCol p.arrowLink, *+html .rightCol p.arrowLink:hover  { background-position:0px 6px; }

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body p.arrowLink { color:#333333;padding-left:8px; background: url(../images/icon/arrow_left_sm.gif) 0 5px no-repeat;font-weight:bold; }}
@media screen and (-webkit-min-device-pixel-ratio:0)
{p.arrowLink { color:#333333;padding-left:8px; background: url(../images/icon/arrow_left_sm.gif) 0 5px no-repeat;font-weight:bold; }}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body p.arrowLink:hover { color:#000099; background: url(../images/icon/arrow_left_sm_act.gif) 0 5px no-repeat;}}
@media screen and (-webkit-min-device-pixel-ratio:0)
{p.arrowLink:hover { color:#000099; background: url(../images/icon/arrow_left_sm_act.gif) 0 5px no-repeat;}}



/* -- Teaser S (Archiv) ------------------------------------------------------------ */
.teaserContainer { width:760px; overflow:hidden;margin: 27px 0 0 0;}
.teaserS {float: left;width: 136px;height: 153px;font-size:11px;margin: 0 12px 7px 0;}

#Archive .teaserS { height: 171px;margin: 0 32px 7px 0;width: 120px;overflow: hidden; }


.teaserS img {margin:0 0 8px 0;}
.teaserS div.headline {margin: 0 8px 4px 0;color: #333333;line-height:15px;font-weight:bold;}
#Archive .teaserS div.headline {height: 30px;min-height: 30px !important; height: auto;}
* html #Archive .teaserS div.headline {height: 30px;}
.teaserS div.headline a {color: #333333;}

.teaserS ul {margin: 0;}
.teaserS li {float:left;width:58px;height:auto;}

li.date, li.article, li.views { float:none;width:auto; }

* html li.date, li.rating {marign-top: -1px;}

li.article, li.time, li.rating { margin-top:5px; }

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

#Archive .teaserS li {float:left;}
#Archive .teaserS li.views {text-align: right;}
#Archive .teaserS li.time {width:30px;}
#Archive .teaserS li.article {width:33px;margin:1px 0 0 0;}

/* -- Teaser Image (Startseite) ---------------------------------------------------- */
.imageTeaser {/*margin: 0 8px 8px 11px;*/ position: absolute; bottom: 7px; left: 11px; }
@media screen and (-webkit-min-device-pixel-ratio:0)
{.imageTeaser {bottom: 10px;}}
*+html .imageTeaser {/*margin: 16px auto 8px 11px;*/position: absolute; bottom: 7px; left: 11px;}
* html .imageTeaser {/*margin: 16px 0px 7px 9px;*/position: absolute; bottom: 6px; left: 10px;}

/* -- horiz. Linkliste mit Pfeilen ------------------------------------------------- */
.arrowLinklist {font-size:11px; }
.arrowLinklist li { float:left;padding: 0 15px 17px 0; }
.arrowLinklist a { padding-left:11px; background: no-repeat url(../images/icon/arrow_left.gif) 0 4px; color:#333; }
.arrowLinklist a:hover { color:#000099; }

/* -- Rating ----------------------------------------------------------------------- */
.rating {background: url(../images/icon/star_bg_w.gif) 0 2px repeat-x;height:13px;margin-top:2px;}
.rating .rated {background: url(../images/icon/star_rated_w.gif) 0 2px repeat-x;height:13px;}

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


/* -- Eventkalender ---------------------------------------------------------------- */
.calendar { padding-top:39px;padding-bottom:5px;margin-right:-60px;overflow:hidden; }
@media screen and (-webkit-min-device-pixel-ratio:0)
{.calendar { padding-bottom:0px;height: 202px;}}
*+html .calendar { padding-bottom:0; margin-bottom: -1px;}

.calendar .referenceDate { float:left;width:230px; }
.calendar .referenceDate .day { font-size:15px; }
.calendar .referenceDate .date { font-size:175px;height:150px;line-height:150px;padding-top:32px; }
.calendar .month { float:left;width:px;}
.calendar .sheet { table-layout:fixed; border-collapse:collapse;margin-top: -1px;}

.calendar .sheet thead td div { text-align:right;}
.calendar .sheet thead td:first-child div { text-align:center;}

* html .eventTeaser {overflow: hidden;display: none;}

.calendar .sheet thead td { height:49px;padding-top:5px;}
.calendar .sheet thead th { text-align:center;height:49px;}
*+html .calendar .sheet thead td, *+html .calendar .sheet thead th { height:44px;}
* html .calendar .sheet thead td, * html .calendar .sheet thead th { height:44px;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{.calendar .sheet thead td, .calendar .sheet thead th { height:44px;}}

.calendar .sheet td, .calendar .sheet th { text-align:left; line-height:19px;padding:0;height:20px;vertical-align:top;font-size: 11px;}
.calendar .sheet col, .calendar .sheet tbody td, .calendar .sheet tbody th { width:38px;text-align:left; line-height:19px;}
.calendar .sheet td div, .calendar .sheet th div { width:17px;height:19px;padding-right:5px;text-align:right;}
.calendar .sheet td.event div { background:url(../images/background/bg_calendar_event.gif) no-repeat;}
.calendar .sheet td.event div a { color:#10109f;text-decoaration:none; }
.calendar .sheet td.notThisMonth, .calendar .sheet td.notThisMonth a { color:#999999; }

/* -- Eventfilter ------------------------------------------------------------ */
.mag .leftCol .eventFilter {margin: 18px 0 0 3px;}
.mag .leftCol .eventFilter h2 {margin: 0 0 17px 0;}
.mag .leftCol .eventFilter h2 a {color: #333333;}
.mag .leftCol .eventFilter .cElement label {margin: 0;font-weight: normal;}
.mag .leftCol .eventFilter .cElement a {color: #333; font-weight:normal;}

.mag .leftCol .eventFilter .cElement .radio {padding: 0 0 7px 0;}
.mag .leftCol .eventFilter .cElement .radio a {background: url(../images/icon/radio.gif) top left no-repeat;padding: 0 0 2px 20px;height:14px;}
.mag .leftCol .eventFilter .cElement .radio a.active {background: url(../images/icon/radio_act.gif) top left no-repeat;height:14px;}

.mag .leftCol .eventFilter .cElement .checkbox {padding: 0 0 7px 0;}
.mag .leftCol .eventFilter .cElement .checkbox input {margin: 0 0 0 -99999px;}
.mag .leftCol .eventFilter .cElement .checkbox a {background: url(../images/icon/select.gif) top left no-repeat;padding: 0 0 2px 20px;height:14px;}
.mag .leftCol .eventFilter .cElement .checkbox a.active {background: url(../images/icon/select_act.gif) top left no-repeat;height:14px;}


.mag .leftCol h2 {margin: 0 0 15px -18px;font-size: 11px;}
.mag .leftCol h2 a {color: #333333;font-size: 11px;padding: 0 0 0 18px;background: url(../images/icon/arrow_left.gif) left 4px no-repeat;}
.mag .leftCol h2 a.active {background: url(../images/icon/arrow_down.gif) left 4px no-repeat;}
.mag .leftCol ul.navi {margin-bottom: 10px;}

/* -- Tag Cloud -------------------------------------------------------------- */
#TagCloud {width:216px;}
.start #TagCloud {height:210px;}
.mag #TagCloud .cloud {height:auto;padding-bottom: 3px;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{.mag #TagCloud .cloud {height:auto;padding-bottom: 0;}}
*+html .mag #TagCloud .cloud {padding-bottom: 1px;}

#TagCloud h1 {color: #333333; font-size: 14px;margin: 1px 0 4px 0;padding-top:5px;}
.mag #TagCloud h1 {margin: 0 0 15px 0;padding-top: 3px;}
*+html .mag #TagCloud h1 {margin: 0 0 17px 0;}
* html .mag #TagCloud h1 {margin: 0 0 17px 0;}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .mag #TagCloud h1 {margin: 0 0 19px 0;}}
@media screen and (-webkit-min-device-pixel-ratio:0)
{.mag #TagCloud h1 {margin: 0 0 19px 0;}}

*+html #TagCloud h1 {margin: 1px 0 5px 0;}
* html #TagCloud h1 {margin: 1px 0 5px 0;}

#TagCloud .cloud {line-height: 20px;font-size:8px;height: 182px; overflow: hidden;}
*+html #TagCloud .cloud {line-height: 24px;}
* html #TagCloud .cloud {line-height: 24px;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body  #TagCloud .cloud {line-height: 25px;}}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ #TagCloud .cloud {line-height: 24px;} }


#TagCloud .cloud a:hover {color: #009;}

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

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



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

/* IE6 */
* html #Content {padding: 0;background: #fff;}
* html #Navigation {height: 40px;}
* html #Navigation .wrapper {margin-top: 0;}

* html #Navigation ul {margin-left: 0px;}

* html #Navigation li a {display:inline;position:relative;top: 12px;padding: 13px 30px 12px 31px;}
* html #Navigation #Search {margin: 10px 5px 0 0; }
* html #Navigation #Search input.button {margin: 5px 0 0 5px;}

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

* html .jcarousel-item h2 {margin: 0 8px 5px;}
* html .navShadow {display:none;}



/* IE7 */
*+html #Navigation #Search input.button {margin: 5px 0 0 5px;}
*+html #Navigation li a {padding: 12px 31px 0 30px;}
*+html #Content .bottomFrame .rightCol {margin-bottom: 0;}
*+html #Content .bottomFrame {margin-bottom: 9px;}

*+html .jcarousel-item h2 {margin: 0 8px 5px;}

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

/* Safari/Opera */
@media screen and (-webkit-min-device-pixel-ratio:0)
{#Navigation li a {padding: 12px 31px 12px;}}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body #Navigation li a {padding: 12px 31px 12px;}}
 
@media screen and (-webkit-min-device-pixel-ratio:0)
{.teaser img {margin:0 0 9px 0;}}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .teaser img {margin:0 0 9px 0;}}

@media screen and (-webkit-min-device-pixel-ratio:0)
{.archive #Content #Archive .bottomFrame {height:70px; }}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body .archive #Content #Archive .bottomFrame {height:70px; }}

@media screen and (-webkit-min-device-pixel-ratio:0)
{#TagCloud {width:221px;}}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body #TagCloud {width:221px;}}
    
@media screen and (-webkit-min-device-pixel-ratio:0)
{#TagCloud h1{margin: 0 0 6px 0;}}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body #TagCloud h1{margin: 0 0 6px 0;}}    
    
/*******************************************************************************
 * Loading... 
 */
 
#Archive .loader {height: 300px;margin-top:250px;left:335px;overflow:visible;}    

/*******************************************************************************
 * Send Article
 */
.fadeOut {width: 100%; height: 100%; background: #fff; position: fixed; z-index: 99;top:0; left: 0; opacity:.93;display: none;}

*+html .fadeOut {
	position:absolute;
	top:expression($(document).scrollTop() + 'px');
	left:expression($(document).scrollLeft() + 'px');		
	height:expression($(window).height() + 'px'); 
	filter:Alpha(opacity=93, finishopacity=93, style=0);
	hurz: expression(window.onresize = this.style.width = document.documentElement.clientWidth + 'px'); }
	
* html .fadeOut {
	position:absolute;
	top:expression($(document).scrollTop() + 'px');
	left:expression($(document).scrollLeft() + 'px');		
	height:expression($(window).height() + 'px'); 
	filter:Alpha(opacity=93, finishopacity=93, style=0);
	hurz: expression(window.onresize = this.style.width = document.documentElement.clientWidth + 'px'); }	

.container {width: 100%; overflow: hidden;}

.articleContainer {height:300px; width: 390px;position: fixed;top: 50%;left: 50%;margin: -150px auto auto -207px;z-index:1000;overflow: hidden;display:none;}
* html .articleContainer {position: absolute;}
* html .contentContainer {position: absolute;border: 1px solid red;}
.articleContainer .tellAFriend {position: relative;color: #333;font-size: 11px;}
.articleContainer .tellAFriend h1 {margin: 0 0 17px 0;}
.articleContainer .tellAFriend a {color: #000099;}
.articleContainer .tellAFriend .inputContainer {width: 181px; overflow:hidden;margin: 0 10px 11px 0;float:left;}
.articleContainer .tellAFriend input {background:transparent url(../images/background/bg_input_181.gif) no-repeat scroll 0 0;border:0 none;color:#666666;display:inline;font-size:11px;height:20px;padding:5px 0 0 5px;width:181px;opacity:1;}
.articleContainer .tellAFriend input[type="hidden"] {padding:0;}
.articleContainer .tellAFriend input.error,
.articleContainer .tellAFriend textarea.error,
.articleContainer .tellAFriend label.error {color:#ff0000;}

.articleContainer .tellAFriend .comment {background: url(../images/background/bg_textarea_373x70.gif) top left no-repeat;width: 363px; height: 60px;border: 0;padding: 5px;margin: 0 0 10px 0;font-size: 11px;font-family: arial, helvatica, sans-serif; color: #666666;}
*+html .articleContainer .tellAFriend .comment {margin-top: 11px;}
.articleContainer .tellAFriend .close {background: url(../images/button/btn_close_layer.png) top left no-repeat;height:17px; width:17px; position: absolute; top:1px; right:2px;cursor: pointer;}
.articleContainer .tellAFriend .submit {width: 102px; height: 22px;background: none;float:right;margin: 0 7px 0 0;}

.articleContainer .tellAFriend .terms {display: none;}
.articleContainer .tellAFriend .gfxCheckbox {background: url(../images/background/bg_checkbox.gif) top left no-repeat; height: 17px; width: 17px;display: block;float:left;margin: 0 10px 0 0;}
.articleContainer .tellAFriend .container .active {background: url(../images/background/bg_checkbox_checked.gif) top left no-repeat !important;}
.articleContainer .tellAFriend .text {margin: 0 3px 15px 0;display:block;}

.articleContainer .tellAFriendTnb {position: relative;color: #333;font-size: 11px;display:none;}
.articleContainer .tellAFriendTnb h1 {margin: 0 0 17px 0;}

.articleContainer .tellAFriendTnb .close {background: url(../images/button/btn_close_layer.png) top left no-repeat;height:17px; width:17px; position: absolute; top:1px; right:2px;cursor: pointer;}

/*******************************************************************************
 * Gallery Layer
 */

.galleryContainer {height:530px; width: 736px;position: absolute;top: -10000px;left: -10000px;z-index:1000;overflow: hidden; display:block;}

#GalleryContainer {height:530px; width: 736px;position: absolute;top: -10000px;left: -10000px;z-index:1000;overflow: hidden; display:block;}
#GalleryContainer.active {margin-left:-368px;margin-top:-265px;top: 50%;left: 50%;}


#GalleryPicDisplay { margin-top:16px;position:relative; }
#GalleryPicDisplay img { display:block;margin-bottom:8px; }
#GalleryPicDisplay a.startLayerButton { background:url(../images/button/btn_startlayer.png) no-repeat; position:absolute; top:228px;right:10px;height:32px;width:32px; }


#GalleryThumbControl { border:0; width:416px;position:relative;padding:4px 32px; background:url(../images/background/bg_article_sushibar.gif) no-repeat; height:45px; margin:18px 132px 27px 128px; }
#GalleryThumbControl .teaserS { float:left; }


#GalleryThumbControl .image { display:block; cursor:pointer; }
#GalleryThumbControl .active { cursor:default; }
#GalleryThumbControl .active, #ThumbControl .image:hover { width:76px; height:41px; overflow:hidden; border:solid 2px #FFFFFF; }
#GalleryThumbControl .active img,  #ThumbControl .image:hover img { display:block; margin:-2px;position:relative; z-index:-1; }

#GalleryThumbControl .jcarousel-list li, #GalleryThumbControl .jcarousel-item {
	float:left;
	height:45px;
	width:84px;
}

#GalleryThumbControl .jcarousel-prev {
	background:url(../images/icon/sushibar_arrow_left.gif) no-repeat;
	width:9px; height:13px;cursor:pointer;position:absolute; top:17px;
	left:-19px;
}
#GalleryThumbControl .jcarousel-next {
	background:url(../images/icon/sushibar_arrow_right.gif) no-repeat;
	width:9px; height:13px;cursor:pointer;position:absolute; top:17px;
	right:-19px;
	display:none;
	z-index:100;
}

#GalleryThumbControl .jcarousel-prev:hover,
#GalleryThumbControl .jcarousel-prev:active {
	background:url(../images/icon/sushibar_arrow_left_act.gif) no-repeat;
}

#GalleryThumbControl .jcarousel-next:hover,
#GalleryThumbControl .jcarousel-next:active {
	background:url(../images/icon/sushibar_arrow_right_act.gif) no-repeat;
}

* html #GalleryThumbControl .jcarousel-next { left:426px; }


#GalleryPicDisplay a.arrow { padding-left:11px; background: no-repeat url(../images/icon/arrow_left.gif) 0 4px; color:#333; font-size:11px;}
#GalleryPicDisplay p.caption { font-size:11px; }

#PicDisplay .displayFullscreen { position:absolute;top:228px;left:438px;z-index:2;width:32px;height:32px; }
#GalleryPicDisplay .closeLayer {position:absolute;top:5px;left:703px;z-index:2;width:28px;height:28px;}