html,
button,
input,
select,
textarea{color:#5A5A5A;}

body{font-size:12px;font-family:arial;color:#1A1A1A;}

::-moz-selection{background:#b3d4fc;text-shadow:none;}

::selection{background:#b3d4fc;text-shadow:none;}

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

img{vertical-align:middle;}

fieldset{border:0;margin:0;padding:0;}

textarea{resize:vertical;}

/* Style */

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

	ol li {
		list-style:decimal;
		padding-left:5px;
		margin-left:5px;
	}

p.left {
	text-align:left;
}

p.right {
	text-align:right;
}

p.center {
	text-align:center;
}

p.indent {
	margin-left: 20px;
}

p.block {
	text-align: justify;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

th {
	font-weight:bold;
}

div#record_reached {position:fixed;width:100%;height:100%;overflow:hidden;z-index:99;background-color:#000;
filter: alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
div#fireworks {float:left;position:absolute;height:100%;width:100%;}
img#default_firework {border:0!important;width:100%!important;margin:200px auto auto;display:block;}
img#load_firework {margin:370px auto auto!important;width:50px!important;height:50px!important;display:block;}
div#close_fireworks {position:absolute;color:#fff;z-index:150;width:100%;}
div#close_fireworks div {cursor:pointer;width:54px;height:15px;background:url(../style/hg-bu-skip.png);margin:auto;color:#fff;font-size:16px;padding:10px 20px;line-height:17px;}
span#event_close {font-size:16px;float:right;line-height:16px;}
div#box_counter {width:120px;margin:100px auto 0;}

#header_hg {width:100%;position:fixed;top:0;left:0;z-index:3;}
img {border:none!important;}
#logo, #flashContent {height:190px;position:fixed;top:10px;left:20px;z-index:5;}
#flashContent {width:334px;}

/* Navigation */
#navigation{font-family:'Open Sans Condensed', sans-serif;position:fixed;top:130px;left:20px;z-index:5;padding:5px 3px 5px 0;}
#navigation ul{margin:0;padding:0;}
#navigation ul li{list-style:none!important;padding-left:0!important;}
#navigation ul li a{float:right;clear:right;border-bottom:1px solid #5A5A5A;font-size:17px;padding:4px 15px;color:#1A1A1A;text-decoration:none;background:url(../style/hg-navigation-white.png);text-transform:lowercase;}
#navigation ul li ul{float:right;}
#navigation ul li ul li{position:absolute;z-index:8;clear:none;display:none;overflow:hidden;}
#navigation ul li ul li a{border-right:1px solid #5A5A5A;font-size:14px;padding:3px 10px;margin-top:3px;white-space:nowrap;}
#navigation li a:hover,
#navigation li a.active
	{color:#ffcc00;background:url(../style/hg-navigation-black.png);}

#home img {float:left;margin-right:5px;width:18px;}

a#redbull_widget {background: transparent; display: block; float:left;}
a#redbull_widget img {height: 25px; width: 25px;}
#DCSIMG {position:absolute;}/*Google Chrome*/

#social {float:right;clear:right;margin-top:10px;}
a.social {float:left;margin-left:5px;}
a.social img {width:25px!important;height:25px!important;}

div#hide_navi{position:fixed;width:5px;left:150px;border-left:2px solid #FFCC00;z-index:4;top:130px;cursor:pointer;height:248px;}
div#show_navi{position:fixed;width:5px;left:0px;border-left:2px solid #FFCC00;z-index:4;top:130px;cursor:pointer;height:248px;display:none;}
div#hide_navi img{margin-top:100px;border-width:10px 4px 9px 7px!important;border-style:solid!important;border-color:#FFCC00!important;background-color:#FFCC00;}
div#show_navi img{margin-top:69px;border-width:38px 4px 37px 7px!important;border-style:solid!important;border-color:#FFCC00!important;background-color:#FFCC00;}

/* Content */
#content_show {position:fixed;right:0;top:0;height:100%;border-right:2px solid #FFCC00;z-index:6;cursor:pointer;display:none;}
#content_hide {width:32px;position:fixed;right:226px;top:0;height:100%;border-right:2px solid #FFCC00;z-index:4;cursor:pointer;}
#content_hide.timeline {right:257px;}
#content_hide.picture {right:213px;}
#content_hide.video {right:227px;}
#content_show img{border-width:41px 7px 39px 4px!important;border-style:solid!important;border-color:#FFCC00!important;background-color:#FFCC00;}
#content_hide img{float:left;border-width:11px 6px 9px 3px!important;border-style:solid!important;border-color:#FFCC00!important;background-color:#FFCC00;}
#content {width:222px;right:0;position:absolute;top:10px;z-index:4;}
#content.picture {width:211px;right:0!important;z-index:6;}
#content.video {width:224px;right:0!important;z-index:6;}
#content.result {right:0!important;}
#content article {float:left;width:100%;margin-bottom:10px;background:url(../style/hg-navigation-white.png);}
#content article p {margin:0;padding:0;}
#content article.half {width:109px;margin-left:1px;}
div.half_text {padding:5px 10px;}
div.half_text img {width:88px;}
#content > article > header {letter-spacing:-1px;font-family:'Open Sans Condensed', sans-serif;padding:5px 10px;color:#ffcc00;background:url(../style/hg-navigation-black.png);}
#content article header h2 {font-size:20px;margin:0;font-weight:normal;}

div#space {height:150px;width:100%;float:left;}


/* Timeline*/
div#timeline_header {margin-bottom:42px;background:#ffffff;position:fixed;width:234px;height:53px;text-transform:uppercase;z-index:6;overflow:hidden;}
span.timeline_header {padding:20px 8px 9px;display:block;float:left;cursor:pointer;position:relative;z-index:6;}
span.timeline_header.last {padding-right:18px;}
span.timeline_header:hover, span.timeline_header.active {color:#FFCC00;background:url(../style/hg-timline-timehead-black.png);}
span.pfeil_first, span.pfeil_last {position:absolute;color:#767678;margin-top:33px;z-index:5;}
span.pfeil_first {left:16px;}
span.pfeil_last {left:190px;}
#content.timeline {padding-right:30px;padding-top:10px;top:0;right:0!important;overflow-y:auto;overflow-x:hidden;height:98%;}
div#birth_to_now {width:180px;float:left;overflow:hidden;}
div#scroll_bereich {width:3000px;position:relative;}

hr.timeline_line {position:absolute;margin:0;width:159px;border:0px;border-bottom:1px dashed #767678;left:30px;margin-top:42px;z-index:5;}
div#vertical_line {display:none;}
article.timeline_left,article.timeline_right {clear:left!important;margin-bottom:-9px!important;background:none!important;}
article.timeline_left, article.timeline_right {width:234px!important;}
article.timeline_left.first_element{margin-top:65px;}
article.timeline_left.open, article.timeline_right.open {margin-bottom:16px!important;width:222px;}
/*article.timeline_right.open {margin-top:10px!important;}*/
article.timeline_right.open div.dreieck_right{margin-left:322px;}
article.timeline_right.open div.line_marker_right{margin-left:314px;}
img#timeline_go_left, img#timeline_go_right {cursor:pointer;margin-top:17px;}
img#timeline_go_right {float:right;}
img#timeline_go_left {float:left;}

header.timeline {margin-top:15px;background:url(../style/hg-navigation-black.png)!important;width:187px;float:left;letter-spacing:-2px!important;height:27px;padding:6px 24px 7px!important;color:#FFCC00;}
div.dreieck_left, div.dreieck_right {display:none;position:absolute;width:0;height:0;opacity:0.50;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
div.dreieck_left {margin-left:279px;border-left:31px solid #000000;border-top:28px solid transparent;border-bottom:28px solid transparent;}
div.dreieck_right {margin-left:-33px;border-right:31px solid #000000;border-top:28px solid transparent;border-bottom:28px solid transparent;}
div.line_marker_left, div.line_marker_right {display:none;position:absolute;width:8px;height:8px;background:#ffCC00;margin-top:23px;}
div.line_marker_left {margin-left:314px;}
div.line_marker_right {margin-left:-42px;}
header.timeline h2 {margin:0;font-size:28px;}
div.timeline_teaser{float:left;padding:13px 22px 16px;width:190px;background-image:url(../style/hg-navigation-white.png);}
span.timeline_teaser_detail, span.timeline_teaser_up{line-height:21px;font-weight:bold;color:#000000;cursor:pointer;}
span.timeline_teaser_detail:before, span.timeline_teaser_up:before{margin-left:-5px;display:block;float:left;content:" ";background:url(../style/ic-arrow-contentlink.png) no-repeat center top;width:13px;height:21px; margin-right:2px;}
span.timeline_teaser_detail.open:before, span.more_infos.open:before{background-image:url(../style/ic-arrow-up.png);width:22px;margin-left:-14px!important;}
span.more_infos.open:before{width:25px;}
div.detail_text {display:none;margin-top:1px;}
br.clear_left{clear:both;}

/* Picture */
article.picture_uebersicht{float:left;width:196px!important;margin-right:1px;margin-bottom:20px;position:relative;}
article.picture_uebersicht.charity{width:109px!important;}
article.picture_uebersicht img{border:3px solid #ffffff!important;}
article.picture_uebersicht.charity img{height:103px;}
div.picture_uebersicht{padding:5px 10px 0;position:relative;height:50px;}
div.picture_uebersicht.charity{padding:5px 10px 0;position:relative;height:80px;}
a.more_picture{float:left;text-decoration:none;height:33px!important;display:block;font-weight:bold;}
a.more_picture.charity{height:31px!important;}
a.more_picture:before{height:21px;display:block;float:left;content:" ";background:url(../style/ic-arrow-contentlink.png) no-repeat center top;width:13px;margin-right:2px;}
a.more_picture.charity:before{height:45px;}
div.img_box{position:relative;width:196px;height:196px;}
div.img_box.charity{width:109px;height:109px;}
img.teaser_pic_middle, img.teaser_pic_right {display:none;position:relative;}
img.teaser_pic_left{position:absolute;z-index:30;margin-top:0;margin-left:0;}
img.teaser_pic_right{position:absolute;z-index:10;}
img.teaser_pic_middle{position:absolute;z-index:15;}
body.bildergalerie {background-color:#000!important;-webkit-background-size: auto 100%!important;-moz-background-size: auto 100%!important;-o-background-size: auto 100%!important;background-size: auto 100%!important;}
img#bg_galerie {height:100%;position:fixed;top: 0;left: 20%;}
div#loading_black {position:absolute;background:#000 url(../style/loader-bg-black.gif) no-repeat center center; width:100%; height:100%; }

/**** Videos *****/
article.box_video {background:none!important;float:left;width:224px!important;overflow:hidden;}
header.box_video {background-color:#000000;color:#FFCC00;width:203px;height:38px;}
header.box_video h2{font-size:20px;line-height:20px;margin:8px 0!important;font-weight:normal;}
div.box_video_content {position:relative;background-color:#FFF;width:224px;}
img.video{opacity:1;border:3px solid #ffffff!important;width:200px;margin:7px 12px 11px 13px;}
img.play{position:absolute;right:95px;top:55px;width:25px}

/********* Home **********/
article.home{width:233px;background:none!important;}
header.home{float:left;height:27px;width:201px;}
header.facebook {float:left;width:203px!important;padding-right:9px!important}
article.home h2 {float:left;}
span.datum {font-style:italic;font-size:12px;color:#676767;}
article.content_home_news {margin:0!important;width:201px!important;padding:5px 10px;url(../style/hg-navigation-white.png)!important;border-bottom:1px dotted #000000;}
article.content_home_news p {padding:0!important;}
article.content_home_news.last {border:none;}
span.more_infos, a.more_infos, a.season_index {font-weight:bold!important;line-height:21px;cursor:pointer;}
a.more_infos {overflow:hidden;text-decoration:none;height:42px!important;display:block;}
a.season_index {line-height:22px;text-decoration:none;color:#000;display:block;}
span.more_infos:before, a.more_infos:before, a.season_index:before{display:block;float:left;content:" ";background:url(../style/ic-arrow-contentlink.png) no-repeat center top;width:13px;height:22px; margin:0 2px 0 -2px;}
div.detail_text {display:none;}
div.facebook_blaettern {cursor:pointer;float:right;margin:4px 0 0 1px;font-size:14px;text-align:center;color:#000000;background-color:#FFCC00;width:13px;height:16px;border:1px solid #FFCC00;}
div.facebook_blaettern.active {color:#d2c9a8;border-color:#d2c9a8;background-color:#000000;}
div.home_facebook_text, div.world_cup_victories, div.season_index {padding:5px 10px;}
div.home_facebook_text{float:left;display:none;width:201px;}
div.home_facebook_text.aktuell{display:block;}
div.home_facebook_text img{border:3px solid #fff!important;float:right;width:100px;margin-left:5px;}
article.world_cup_victories, article.half{background:none!important;}
header.world_cup_victories, header.half{background:url(../style/hg-navigation-black.png)!important;}
div.world_cup_victories {width:201px;}
div.home_facebook_text, div.world_cup_victories, div.half_text{background:url(../style/hg-navigation-white.png);}
header.world_cup_victories p {padding:0!important;color:#ffe581;}
header.world_cup_victories h2 {float:left;}
header.world_cup_victories img {float:right;width:40px;margin-top:10px;}
img.half_box {border:3px solid #fff!important;width:88px;height:88px;}
article#rolex{display:none;}

/**** hightlights ****/
article.world_cup, article.sport_events {border-bottom:1px dotted #000000;padding:5px 10px;width:202px!important;}
article.world_cup.last, article.sport_events.last{border:none;}
article.sport_events header{font-size:14px;font-weight:bold;margin-bottom:3px;}

/***** Standings******/
article.overall_worldcup {margin-bottom:0!important;}
table.season {margin-top:5px;border-bottom:1px dotted #000000;}
table.overall_worldcup tr {border-bottom:1px dotted #000000;}
table.overall_worldcup tr.last, table.season tr.last {border:none;}
table.overall_worldcup td {padding:5px 0;}
table.overall_worldcup td:first-child, table.season td:first-child {padding-left:10px;}
table.overall_worldcup td:last-child, table.season td:last-child{padding-right:10px;}
table.overall_worldcup tr.active{color:#7b0e11;}

/******** Facebook ********/
.facebook-beitrag {padding:5px 10px;width:197px !important;}

/* Footer */
#footer_bg{overflow:hidden;width:100%;position:fixed;bottom:0;left:0;z-index:13;background:url(../style/overlay-loop-footer.png);}
#footer_bg.gallery{height:47px;}
#sponsors {width:100%;margin-left:10px;}
aside#footer {font-size:10px;width:480px;margin:-6px auto 3px;text-decoration:uppercase;color:#4b4b4b;z-index:13;text-transform:uppercase;}
aside#footer span  {float:left;}
nav.footer ul {margin:0;}
nav.footer  li  {float:left;list-style:none;}
aside#footer a  {float:left;text-transform:uppercase;color:#4b4b4b;text-decoration:none;margin-left:13px;letter-spacing:0.01;}
aside#footer a:before  {content:' ';display:block;float:left;background:url('../style/ic-arrow-footer.png') center 4px no-repeat;width:5px;height:14px;margin-right:2px;}
aside#footer p  {margin:0;}
#footer_hg {width:100%;position:fixed;left:0;bottom:79px;z-index:3;}
#footer_hg.gallery {z-index:-1;bottom:47px;}
#grid {background:url('../style/overlay-grid.png');width:100%;height:100%;position:fixed;top:0;left:0;z-index:2;}
.mobile #grid { display:none; }
div#bild_info{font-size:6px;width:100%;height:20px;padding-top:28px;color:#000000!important;position:relative;z-index:30;}
span#copy{position:absolute;margin-top:0;margin-left:0;margin-left:5px;width:18%;}
span#bildinfo{ position:absolute;margin-left:20%; margin-top:0;text-align:center;width:60%;overflow:hidden;height:15px;display:block;}
a#close_fullscreen{margin-top:-2px;line-height:22px;text-transform:uppercase;float:right;position:relative;z-index:31;margin-right:5px;color:#000000;text-decoration:none;}
a#close_fullscreen:before{content:' ';display:block;float:left;background:url(../style/ic-close.png) center no-repeat;width:22px;height:22px;}
img#pfeil_left, img#pfeil_right {position:absolute;top:50%;cursor:pointer;z-index:99;}
img#pfeil_right{right:0;}


/* Hintergrundbild Animation*/
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../style/loader-bg-white.gif) no-repeat center center;}
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../style/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
#progress-back{background:url("../style/progress-back.png") repeat-x scroll 0 0 transparent;top:0;height:8px;left:0;position:absolute;width:100%;z-index:1;}
#progress-bar{background:url("../style/progress-bar.png") repeat-x scroll 0 0 transparent;height:8px;position:relative;width:100%;}


/**** Kalender *****/
article#calendar {position:relative;padding:5px 10px;width:201px;}
div#month_days div {width:28px;height:14px;padding:7px 0;}
a.day_termin {padding:7px 0;}
div.day_termin {height:28px!important;}
div.day_termin a {padding:7px 0;}
span.weekdays {width:28px;}
div#month_days{min-height:130px;width:203px;}
img.info_text_ecke {margin-left:-9px;margin-top:-4px;position:absolute;width:10px;}
article.month article {width:201px!important;}

/*** Domindex ****/
.teaser,.domindex_artikel {padding:5px 10px;width:201px!important;}
.teaser_domindex_bild img{width:80px;}
.teaser_domindex_bild {margin-left:5px;}

/* Charity */
.charity .artikel {padding:0;width:221px!important;}
.charity .artikel_text {padding:5px 10px;}
.charity .artikel_head {padding:5px 10px!important;}
.charity .social_media_container {width:173px;overflow:hidden;}
.artikel_text {width:201px;overflow:hidden;}


#canvas {overflow:hidden;position:fixed;z-index:3;}

/*Desktop*/
@media only screen and (min-height:600px) {
	#logo, #flashContent {height:180px;}
	#flashContent {width:317x;}
	#navigation{top:200px;}
	#navigation ul li a{font-size:24px;padding:7px 23px;}
	#navigation ul li ul li a{font-size:18px;padding:6px 15px;margin-top:5px;}
	#home img {width:22px;}
	a.social img {width:30px;}
	a#redbull_widget img {height: 30px; width: 30px;}

	#hide_navi{top:201px!important;left:214px!important;height:350px!important;}
	#show_navi{top:201px!important;left:0!important;border-left:2px solid #FFCC00!important;height:350px!important;}
	div#show_navi img{margin-top:120px;}
	div#hide_navi img{margin-top:151px;}

}

@media only screen and (max-height:725px) {
	#logo, #flashContent {height:120px!important;}
	#flashContent {width:211x;}
}

@media only screen and (min-height: 800px) {
	#logo, #flashContent {height:240px;}
	#flashContent {width:422x;}
	#navigation{top:260px;}
	#navigation ul li a{font-size:26px;padding:9px 23px;}
	#navigation ul li ul li a{font-size:19px;padding:7px 12px;margin-top:6px;}
	#home img {width:24px;}
	a.social img {width:35px;}
	a#redbull_widget img {height: 35px; width: 35px;}
	#hide_navi{top:260px!important;left:221px!important;border-left:2px solid #FFCC00!important;height:412px!important;}
	#show_navi{top:260px!important;left:0!important;border-left:2px solid #FFCC00!important;height:412px!important;}
	div#show_navi img{margin-top:151px;}
	div#hide_navi img{margin-top:182px;}
	.results div.world_cup_victories {width: 349px!important;}
}

@media screen and (min-height: 950px) {
	#logo, #flashContent {height:250px;}
	#flashContent {width:440x;}
	#navigation{top:260px;}
	#navigation ul li a{font-size:28px;padding:9px 23px;}
	#navigation ul li ul li a{font-size:20px;padding:8px 12px;margin-top:5px;}
	#home img {width:25px;margin-top:3px;}
	a.social img {width:41px;}
	a#redbull_widget img {height: 41px; width: 41px;}
	#hide_navi{top:260px!important;left:235px!important;height:425px!important;}
	#show_navi{top:260px!important;left:0!important;border-left:2px solid #FFCC00!important;height:425px!important;}
	div#show_navi img{margin-top:158px;}
	div#hide_navi img{margin-top:188px;}
}


@media only screen and (min-width:480px) {
	#sponsors img {width:40px;}
	#content {font-size:13px;}
	#content article header h2{font-size:20px;}
	#logo, #flashContent {height:150px;}
	#flashContent {width:264x;}
	header.world_cup_victories p {font-size:12px;}
	#footer_hg{bottom:50px;}
	#footer_bg{height:50px;}
	.highlights article.artikel {
		width:212px!important;
		padding:10px 5px;
	}

	.highlights .artikel_head h2 {
		line-height:15px;
		font-size:13px!important;
	}

	article.month article {padding:19px 22px 16px !important;}
}

@media only screen and (min-width:600px) {
	#sponsors img {width:50px;}
	#content {font-size:12px;}
	#content article header h2{font-size:22px;}
	div#bild_info{font-size:10px;}
	aside#footer {width:600px;}
	.highlights .artikel_head h2 {
		line-height:15px;
		font-size:13px!important;
	}
}

@media only screen and (max-width:600px) {
	#logo, #flashContent {height:80px;}
	#flashContent {width:141x;}
	#navigation {top:130px;}
	#navigation ul li a{font-size:17px;padding:4px 15px;}
	#navigation ul li ul li a {font-size:14px;padding:3px 10px;margin-top:3px;}
	#home img {width:22px;}
	a.social img {width:30px;}
	a#redbull_widget img {height: 30px; width: 30px;}
	div#hide_navi{top:130px!important;left:148px!important;height:248px!important;}
}

@media only screen and (min-width:768px) {
	#content > article > header {min-height:34px;padding:12px 22px 10px;}
	#content_hide.timeline {right:343px!important;}
	#content_hide {right:409px}
	#content_hide.home {right:409px}
	#content_hide.video {right:312px;}
	#content {width:394px;font-size:14px;right:11px;}
	#content article.half {width:194px!important;}
	#content.home {width:393px;}
	#content.results, #content.kalender {padding-right: 13px;}
	#content article header h2 {font-size:24px;}
	article.box_video {width:297px!important;margin-right:3px;}
	header.box_video {width:278px;height:56px;}
	div.box_video_content {width:297px;}
	#content.video{width:297px;right:11px!important;}
	#content.timeline, div#timeline_header, article.timeline_left, article.timeline_right{width:308px!important;}
	div.timeline_teaser{width:264px;}
	img.video {width:249px;margin:17px 22px;}
	img.play{right:133px;top:77px;width:35px;}
	header.box_video h2{margin:18px 0!important;}
	header.home{width:373px;}
	header.facebook{width:375px;}
	div.facebook_blaettern{margin-top:8px;}
	article.half header{height:30px;}
	article.content_home_news, article.world_cup, article.sport_events{width:349px!important;}
	header.world_cup_victories p {font-size:16px;}
	header.world_cup_victories img, {width:105px;margin-top:5px;}
	header.timeline{width:260px;}
	header.world_cup_victories {height:89px;}
	header.world_cup_victories h2 {margin-top:5px!important;}
	header.world_cup_victories img {width:105px;}
	header.home{width:349px;}
	article.half img {width:144px;}
	div.world_cup_victories,
	div.season_index,
	article.world_cup,
	article.sport_events,
	article.content_home_news,
	div.home_facebook_text,
	.half_text {padding:19px 22px 16px!important;}
	div.home_facebook_text, div.world_cup_victories {width:347px;}
	table.overall_worldcup {margin-top:4px;}
	table.season {margin-top:15px;padding-bottom:10px!important;}
	table.overall_worldcup td:first-child, table.season td:first-child{padding-left:22px;}
	table.overall_worldcup td:last-child, table.season td:last-child{padding-right:22px;}
	table.season tr:last-child td{padding-bottom:16px;}
	table.overall_worldcup td {padding:10px 0;}
	div.picture_uebersicht {height:64px;padding:12px 23px 0;}
	#content_hide.picture {right:398px;}
	#content.picture {width:394px;right:11px;}
	div#birth_to_now {width:266px;}
	span.timeline_header {padding:20px 11px 9px;}
	hr.timeline_line {width:246px;}
	span.pfeil_last {left:278px;}
	header.facebook{width:362px!important;}
	div#bild_info{font-size:12px;}
	aside#footer {width:768px;}
	img.half_box {width:125px;height:125px;}
	.facebook-beitrag {max-width:inherit;padding:24px 22px 22px 23px;width:348px!important;}
	article.month article{width:332px!important;}
	article#calendar{padding:17px 26px 14px 27px;width:323px;}
	div#month_days div {width:45px;height:11px;padding:17px 0;}
	div.day_termin a {padding:15px 0 13px;}
	div.day_termin {height:45px!important;}
	span.weekdays {width:46px;}
	div#month_days{min-height:230px;width:100%;}
	img.info_text_ecke {margin-left:-21px;margin-top:-18px;width:23px;}
	article.month article {width:332px!important;}
	a.more_picture{height:34px!important;}
	.teaser,.domindex_artikel {padding:18px 22px;width:349px!important;}
	.teaser_domindex_bild img{width:inherit;}
	.charity .artikel {width:393px!important;}
	.charity .artikel_text {padding:18px 24px;}
	.charity .artikel_head {padding: 12px 22px 10px!important;}
	article.picture_uebersicht{width:196px!important;}
	div.picture_uebersicht{height:50px;}
	a.more_picture:before{height:21px;}
	div.img_box{position:relative;width:196px;height:196px;}
	.charity .social_media_container {width:345px;}
	article.picture_uebersicht img {width:190px;}
	.artikel_text {width:345px;}
	article.picture_uebersicht.charity{width:196px!important;}
	div.picture_uebersicht.charity {height:55px;}
	div.img_box.charity, div.img_box.charity img {width:190px!important;height:190px!important;}

	.highlights article.artikel {
		width:349px!important;
		padding:22px;
	}

	.highlights .artikel_head h2 {
		line-height:18px;
		font-size:15px!important;
	}
	article#rolex{display:block;}
}

@media only screen and (min-width:1024px) {
	#sponsors img {width:80px;}
	#content_hide.timeline {right:666px!important;}
	#content_hide.video {right:614px!important;}
	#content_hide.standings {right:408px!important;}
	#content_hide.kalender {right:405px!important;}
	#content {width:394px;font-size:15px;}
	#content article.half {width:169px;}
	#content article header h2 {font-size:26px;}
	#content.timeline {width:631px!important;right:11px;position:fixed;z-index:10;float:left;background:url(/style/transparent.gif);}
	#content.video{width:599px;right:11px;}
	article.month header {width:333px}
	#content.kalender{width:389px;right:11px;}
	div#vertical_line{display:block;margin-left:317px;border-right: 2px dashed #FFCC00;height:100%;width:0px;position:absolute;margin-top:53px;z-index:-1;}
	div#timeline_header {width:650px!important;}
	article.timeline_left,article.timeline_right {clear:left;}
	article.timeline_left{clear:both;width:275px!important;}
	article.timeline_right{float:right!important;width:275px!important;}
	article.timeline_right.open .timeline{margin-left:355px;}
	article.open div.timeline_teaser {width:586px;}
	div.timeline_teaser{width:231px;clear:both;margin-top:56px;padding:22px 22px 16px;}
	.dreieck_left, .dreieck_right, .line_marker_left, .line_marker_right {display:block!important;}
	header.timeline{position:absolute!important;width:227px;height:43px;padding:13px 24px 0 !important;margin-top:0;}
	article.box_video {width:298px!important;}
	header.box_video {width:278px;}
	article.box_video.no_margin {margin-right:0;}
	div.box_video_content {width:300px;}
	img.play{position:absolute;}
	#content article.half {width:195px;}
	span.datum{font-size:14px;}
	div.facebook_blaettern{margin-top:17px;}
	article.timeline_left.open, article.timeline_right.open {width:631px!important;}
	article.timeline_left.first_element{margin-top:95px;}
	header.world_cup_victories img {margin-right:-10px;}
	article.world_cup, article.sport_events{width:349px!important;margin-bottom:0!important;}
	article.sport_events header{font-size:16px;font-weight:bold;margin-bottom:8px;}
	div.picture_uebersicht {height:64px;padding:12px 23px 0;}
	#content_hide.picture {right:605px;}
	#content.picture {width:590px;right:11px!important;}
	article.picture_uebersicht.zeile_last_element{margin-right:0!important;}
	div#all_timeline_articles{width:631px;}
	span.timeline_header {padding:20px 14px 9px 17px;}

	div#birth_to_now {width:589px;}
	_:-ms-fullscreen, :root div#birth_to_now { width:530px;}
	hr.timeline_line {margin-top:43px;width:571px;}
	span.pfeil_last {left:603px;}
	#footer_hg{bottom:57px;}
	#footer_bg{height:57px;}
	aside#footer {font-size:12px;width:950px;margin-top:0;}
	.highlights .artikel_head h2 {
		line-height:18px;
		font-size:15px!important;
	}
    img#default_firework {width:1100px!important;}
    img#load_firework {width:50px!important;}

}
@media only screen and (min-width:1126px) {
	#logo, #flashContent {height:190px;}
	#flashContent {width:334x;}
}

@media only screen and (min-width:1300px) {
	#sponsors img {width:110px;}
	#content_hide {right:408px;}
	#content {width:393px;font-size:15px;}
	#content article.half {width:169px;}
	#content article header {font-size:28px;}
	#footer_hg{bottom:67px;}
	#footer_bg{height:67px;}
	.highlights article.artikel {
		width:296px!important;
		padding:22px;
		font-size: 14px;
	}
	article.artikel {
		width:352px!important;
	}
}

/*Mobil hochformat*/
@media only screen and (max-device-width: 480px) and (orientation:portrait) {
	#logo, #flashContent {height:200px;}
	#flashContent {width:352x;}
	#navigation{top:220px;}
	#navigation ul li a{font-size:28px;padding:9px 23px;}
	#navigation ul li ul li a{font-size:20px;padding:8px 15px;margin-top:5px;}
	#home img {width:25px;margin-top:3px;}
	a.social img {width:41px;}
	a#redbull_widget img {height: 41px; width: 41px;}
	#navigation{border-right:2px solid #FFCC00;}

}

/*Mobil querformat*/
@media only screen and (max-device-width: 480px) and (orientation:landscape) {
	#logo, #flashContent {height:100px;}
	#flashContent {width:176x;}
	#navigation{top:110px;}
	#navigation ul li a{font-size:17px;padding:4px 15px;}
	#navigation ul li ul li a{font-size:14px;padding:3px 10px;margin-top:3px;}
	#home img {width:18px;margin-top:3px;}
	a.social img {width:41px;}
	a#redbull_widget img {height: 41px; width: 41px;}
	#navigation{border-right:2px solid #FFCC00;}
}

/* Für IE kleiner 9 */
html.lt-ie9 #logo, html.lt-ie9 #flashContent {height:180px;}
html.lt-ie9 #flashContent {width:317x;}
html.lt-ie9 #navigation{top:200px;}
html.lt-ie9 #navigation ul li a{font-size:24px;padding:7px 23px;}
html.lt-ie9 #navigation ul li ul li a{font-size:18px;padding:6px 15px;margin-top:5px;}
html.lt-ie9 #home img {width:22px;}
html.lt-ie9 a.social img {width:30px;}
html.lt-ie9 a#redbull_widget img {height: 30px; width: 30px;}
html.lt-ie9 #hide_navi{top:201px!important;left:214px!important;border-left:2px solid #FFCC00!important;height:350px!important;}
html.lt-ie9 #show_navi{top:201px!important;left:0!important;border-left:2px solid #FFCC00!important;height:350px!important;}
html.lt-ie9 div#show_navi img{margin-top:120px;}
html.lt-ie9 div#hide_navi img{margin-top:151px;}

/*
@media only screen and (max-device-width: 480px) and (orientation:landscape) {
	body.bildergalerie{height:856px!important;position:relative;}
	#footer_hg{position:absolute;}

}*/

.ir{background-color:transparent;border:0;overflow:hidden;/* IE 6/7 fallback */
 *text-indent:-9999px;}

.ir:before{content:"";display:block;width:0;height:100%;}

.hidden{display:none !important;visibility:hidden;}

.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}

.invisible{visibility:hidden;}

.clearfix:before,
.clearfix:after{content:" ";/* 1 */
display:table;/* 2 */}

.clearfix:after{clear:both;}

.clearfix{*zoom:1;}

@media print{

	*{background:transparent !important;color:#000 !important;/* Black prints faster:h5bp.com/s */

	box-shadow:none !important;text-shadow:none !important;}

	a,
	a:visited
		{text-decoration:underline;}
	a[href]:after{content:" (" attr(href) ")";}

	abbr[title]:after{content:" (" attr(title) ")";}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after
		{content:"";}

	pre,
	blockquote
		{border:1px solid #999;page-break-inside:avoid;}

	thead{display:table-header-group;/* h5bp.com/t */}

	tr,
	img
		{page-break-inside:avoid;}

	img{max-width:100% !important;}

	@page{margin:0.5cm;}

	p,
	h2,
	h3
		{orphans:3;widows:3;}

	h2,
	h3
		{page-break-after:avoid;}

}

/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
 * jQuery UI Resizable 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*!
 * jQuery UI Selectable 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*!
 * jQuery UI Slider 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*!
 * jQuery UI Datepicker 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
	position: absolute; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	top: -4px; /*must have*/
	left: -4px; /*must have*/
	width: 200px; /*must have*/
	height: 200px; /*must have*/
}

/* UI Overrides*/
body.bildergalerie, html.bildergalerie, div.demo {height:100%;}


div.wrapper {
	height: 100%;
	width: 100%; /*600*/
/*	padding: 10px;*/
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

#coverflow {
	display: inline-block;
	height: 127px;
	width: 20000px;
	position: absolute;
	bottom: 30px;
	left: 0px;
	z-index:14;
}

#coverflow img {
	width: 124px;
	height: 124px;
	float: left;
	position: relative;
	margin: -17px;
	-webkit-box-shadow: 0px 0px 15px 3px #000000;
	box-shadow: 0px 0px 15px 3px #000000;
	cursor:pointer;
}

#demo-frame {
	overflow: hidden;
}

#slider {
	margin-top:20px;

}

#sortable {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#sortable li {
	margin: 0 3px 3px 3px;
	padding: 0.4em;
	padding-left: 1.5em;
	font-size: 1.4em;
	height: 18px;
	border:none;
}

#sortable li span {
	position: absolute;
	margin-left: -1.3em;
}

.ui-selected {

	color: white;
	background: #EDA32D; /* old browsers */
	background: -moz-linear-gradient(top, #EDA32D 0%, #F9731E 99%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDA32D), color-stop(99%,#F9731E)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDA32D', endColorstr='#F9731E',GradientType=0 ); /* ie */
	border:none;


}

.pageWrapper {
	margin: 0 auto;
	width: 960px
}

#imageCaption {
	margin:10px auto 0;
	width: 400px;
	color: white;
	font-family: Arial;
	display: block;
	font-size: 12px;
	text-align: center;

}

/* css for scrollbar*/

#scroll-pane {
	float: left;
	overflow: auto;
	width: 620px;
	height: 176px;
	position: relative;
	margin-left: 50px;
	margin-bottom: 25px;
	display: inline
}

#sortable {
	position: absolute;
	top: 0;
	left: 0
}

.scroll-content-item {
	background-color: #fcfcfc;
	color: #003366;
	width: 100px;
	height: 100px;
	float: left;
	margin: 10px;
	font-size: 3em;
	line-height: 96px;
	text-align: center;
	border: 1px solid gray;
	display: inline;
}

#slider-wrap {
	float: left;
	height: 172px;
	width: 20px;
	border-left: none;
}

#slider-vertical {
	margin-left: 5px;
	position: relative;
	height: 100%
}

.ui-slider-handle {
	width: 20px;
	height: 10px;
	margin-left: 5px;
	background-color: darkgray;
	display: block;
	position: absolute
}

.listholder {
	width: 750px;
	margin: 0 auto;
}

.pageInfo{
margin:0 auto;
width:700px;
clear:both;
color:white;
font-size:12px;
text-align:center;
}

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
HTML5 display definitions
========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
	display: none;
}

/* ==========================================================================
Base
========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
	margin: 0;
}

/* ==========================================================================
Links
========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/* ==========================================================================
Typography
========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
	margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
	quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
	content: '';
	content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ==========================================================================
Lists
========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
	padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

/* ==========================================================================
Embedded content
========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
Figures
========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
	margin: 0;
}

/* ==========================================================================
Forms
========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
	margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
	border: 0; /* 1 */
	padding: 0;
	white-space: normal; /* 2 */
	*margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	*vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
	line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
	*overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
	cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
	*width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/* ==========================================================================
Tables
========================================================================== */

/*
 * Remove most spacing between table cells.
 */

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



#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../style/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../style/shadowbox/close.png);}
#sb-nav-next{background-image:url(../style/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../style/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../style/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../style/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}