/* Webfont: ZurichBT */@font-face {
    font-family: 'ZurichL';
    src: url('/_fonts/zurchl.eot'); /* IE9 Compat Modes */
    src: url('/_fonts/zurchl.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/_fonts/zurchl.woff') format('woff'), /* Modern Browsers */
         url('/_fonts/zurchl.woff2') format('woff2'), /* Super Modern Browsers */
         url('/_fonts/zurchl.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/_fonts/zurchl.svg#ZurichL') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: ZurichB */@font-face {
    font-family: 'ZurichB';
    src: url('/_fonts/zurchb.eot'); /* IE9 Compat Modes */
    src: url('/_fonts/zurchb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/_fonts/zurchb.woff') format('woff'), /* Modern Browsers */
         url('/_fonts/zurchb.woff2') format('woff2'), /* Super Modern Browsers */
         url('/_fonts/zurchb.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/_fonts/zurchb.svg#ZurichB') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: ZurichLC */@font-face {
    font-family: 'ZurichLC';
    src: url('/_fonts/zurchlc.eot'); /* IE9 Compat Modes */
    src: url('/_fonts/zurchlc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/_fonts/zurchlc.woff') format('woff'), /* Modern Browsers */
         url('/_fonts/zurchlc.woff2') format('woff2'), /* Super Modern Browsers */
         url('/_fonts/zurchlc.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/_fonts/zurchlc.svg#ZurichLC') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; margin:0; padding:0; border-collapse:collapse; list-style-type:none; text-decoration:none; }
body { width:100%; background:url(/_images/basics/bg_schachfiguren.png) repeat #a3907c; font-size: 100%; font-family: "ZurichL", Arial, Helvetica; color:#7d695a; font-weight:normal; }
.noborder { border:0; text-decoration:none; }
.nobr { white-space:nowrap; }
.clear { clear:both; }
td { vertical-align:top; font-size:1.0em; }
.stabilo { background:#ff0; }
.left { float:left; }
.right { float:right; }
b { font-family: "ZurichB", Arial, Helvetica; }
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size:0.8em;
}
sub { 
  top: 0.3em; 
}
img.adapt
{ 
	max-width:100%;
	height:auto;
	width: auto; /* ie 8 */
}
.rounded 
{ 
	border:0 solid rgba(126, 108, 169, 1); 
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.rotate270 {
	position:relative;
	top:16px;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg); /* IE 9 */
}

.imgBox { display:block; line-height:0; border:1px solid #f08c28; position:relative; } 
.imgBox:hover { box-shadow: 0 0 8px 2px rgba(240, 140, 40, 1); opacity:0.5; }
.imgBox	div { margin:0; padding-top:8%; text-align:center; height:15%; position:absolute; bottom:0; width:100%; z-index:6000; background:rgba(240, 140, 40, 1); }
.imgBox a { color:white; }
/* Colors */
.bg-orange { background:#f08c28; }
.bg-brown-llll { background:#eeeae7; }
.bg-brown-lll { background:#e7e2dd; }
.bg-brown-ll { background:#bbad9e; }
.bg-brown-l { background:#ab9a87; }
.bg-brown-m { background:#a3907c; }
.bg-brown-d { background:#948372; }
.bg-brown-dd { background:#574f47; }
.bg-blue { background:#0074b1; }

.orange { color:#f08c28; }
.brown-ll { color:#bbad9e; }
.brown-l { color:#ab9a87; }
.brown-m { color:#a3907c; }
.brown-d { color:#948372; }
.brown-dd { color:#574f47; }
.blue { color:#0074b1; }

/* Widths */
.w-5 { width:5% }
.w-10 { width:10% }
.w-15 { width:15% }
.w-20 { width:20% }
.w-25 { width:25% }
.w-30 { width:30% }
.w-35 { width:35% }
.w-40 { width:40% }
.w-45 { width:45% }
.w-50 { width:50% }
.w-55 { width:55% }
.w-60 { width:60% }
.w-65 { width:65% }
.w-70 { width:70% }
.w-75 { width:75% }
.w-80 { width:80% }
.w-85 { width:85% }
.w-90 { width:90% }
.w-95 { width:95% }
.w-100 { width:100% }

#main { 
	width:100%; margin:0 auto; min-width:320px; max-width:1200px; padding-top:10px; padding-bottom:100px; background:#f5f2ed; 
}
#main .row { padding-top:5px; }

div.header { background:#f5f2ed; }
div.innerheader { width:100%; margin:0 auto; min-width:320px; max-width:1200px; }

div.innernavigation { width:100%; margin:0 auto; min-width:320px; max-width:1200px; }
.innerheader .col-10 { padding-top:0; }
.innernavigation .col-10 { }

div.keyvisual, div.slider { background:#f08c28; }
div.innerkeyvisual, div.innerslider { width:100%; margin:0 auto; padding-bottom:16px; min-width:320px; max-width:1200px; }
.innerkeyvisual .col-10, .innerslider .col-10 { padding-top:0; padding-bottom:0; }

div.contentbar { color:#f5f2ed; font-size: 0.9em; }
div.innercontentbar { width:100%; margin:0 auto; min-width:320px; max-width:1200px; text-align:center; }
.innercontentbar .col-10 { padding-top:5px; padding-bottom:5px; }

div.footer {  }
div.innerfooter { width:100%; margin:0 auto; min-width:320px; max-width:1200px; color:#f5f2ed; }

.sandborder { border:1px solid #f5f2ed; }
.lightbrown { color: #cebca5; }

#logoline, #logoline-mobile { 
	display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
    display: flex;
    justify-content: space-between;
}
#logo { padding-top:15px; display:inline; max-width:180px; }
#sponsor { font-size:0.7em; padding:24px 0 0 20px; }
#sponsor-mobile { font-size:0.7em; padding:15px 0 0 0px; width:100%; }
#soc { text-align:right; max-width:200px;  }

/* Social Icons */

table.social { float:right; !important }
table.social td { padding-left:8px; }
.showbox-out
{ 
	width: 24px;
	height: 72px;
	overflow:hidden;
}
			  
  .showbox {
	border: 0;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
  }
  .showbox.slideright:hover {
	-webkit-transform: translate(0,-48px);
	-moz-transform: translate(0,-48px);
	-o-transform: translate(0,-48px);
	-ms-transform: translate(0,-48px);
	transform: translate(0,-48px);
  }

.highlight {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}
.highlight:hover {
	zoom: 1;
	filter: alpha(opacity=800);
	opacity: 0.8;
}

.navigation { background:#f08c28; }

/* Screen Navi */
#main-menu .nav-bar { position:relative; top:0; }
#main-menu .nav-bar li { display:inline; line-height:244%; }
#main-menu .nav-bar li a { padding: 10px 16px 10px 48px; color: #f5f2ed; background-color:#f08c28; font-weight:bold; }
#main-menu .nav-bar li a:hover { background-color:#f1a04f; }
#main-menu .nav-bar li a.active { color:#444; }
.nav-bar .nav-button-home a { background:url(/_images/basics/home.png) no-repeat 10px 1px; }
.nav-bar .nav-button-portrait a { background:url(/_images/basics/portrait.png) no-repeat 10px 1px; }
.nav-bar .nav-button-palmares a { background:url(/_images/basics/palmares.png) no-repeat 10px 1px; }
.nav-bar .nav-button-agenda a { background:url(/_images/basics/agenda.png) no-repeat 10px 1px; }
.nav-bar .nav-button-media a { background:url(/_images/basics/archive.png) no-repeat 10px 1px; }
.nav-bar .nav-button-sponsoring a { background:url(/_images/basics/sponsors.png) no-repeat 10px 1px; }
.nav-bar .nav-button-contact a { background:url(/_images/basics/contact.png) no-repeat 10px 1px; }
.nav-bar .nav-button-qrcode a { background:url(/_images/basics/qrcode.png) no-repeat 10px 1px; }

/* Mobile Navi */

#accordion {
	width: 100%;
	list-style:none;
	margin:0; padding:0;
}
#accordion div {
    display: block;
	background: #f08c28 url(/_images/basics/navi.png) no-repeat 6px 1px;
	color:#f5f2ed;
    font-weight: bold;
    cursor: pointer;
    padding: 14px 0 8px 48px;
}
#accordion ul {
    list-style: none;
    padding: 0 0 0 0;
}
#accordion ul {
    display: none;
}
#accordion ul li {
    cursor: auto;
	background-color:#cebca5;
    padding: 0;
	font-size: 1em;
}
#accordion a, #accordion a:hover {
    text-decoration: none;
}
#accordion a.home, #accordion a.portrait, #accordion a.palmares, #accordion a.agenda, #accordion a.archive, #accordion a.sponsors, #accordion a.contact, #accordion a.qrcode  {
	padding:14px 8px 8px 48px;
	display:block;
	color: #7d695a;
	border-top:1px solid #f5f2ed;
	font-weight:bold;
}
#accordion a.home:hover, #accordion a.portrait:hover, #accordion a.palmares:hover, #accordion a.agenda:hover, #accordion a.archive:hover, #accordion a.sponsors:hover, #accordion a.qrcode:hover, #accordion a.contact:hover, #accordion a.sub:hover  {
	background-color:#f1a04f;
	color:#f5f2ed;
}
#accordion a.home { background:url(/_images/basics/home.png) no-repeat 6px 0; }
#accordion a.portrait { background:url(/_images/basics/portrait.png) no-repeat 6px 0; }
#accordion a.palmares { background:url(/_images/basics/palmares.png) no-repeat 6px 0; }
#accordion a.agenda { background:url(/_images/basics/agenda.png) no-repeat 6px 0; }
#accordion a.archive { background:url(/_images/basics/archive.png) no-repeat 6px 0; }
#accordion a.sponsors { background:url(/_images/basics/sponsors.png) no-repeat 6px 0; }
#accordion a.qrcode { background:url(/_images/basics/qrcode.png) no-repeat 6px 0; }
#accordion a.contact { background:url(/_images/basics/contact.png) no-repeat 6px 0; }

#accordion li a.sub
{
	padding:6px 8px 6px 48px;
	display:block;
	color: #7d695a;
	background-color:#dacdbc;
	border-top:1px solid #f5f2ed;
	font-size:0.9em;
	font-weight:bold;
}
#accordion li a:hover, #accordion li a.active
{ 
	background-color:#a3907c;
	color:#f5f2ed;
}

/* Subnavi */
.subnavi
{
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
	font-weight:bold;
}
#subnavicontent {
	float: left;
	position: relative; 
	left: 50%;
	margin: 0 auto;
	padding: 0; 
	list-style-type: none;
}

#subnavicontent li {
	float: left;
	position: relative;
	right: 50%;
}

#subnavicontent a {
	width: auto;
	display: block;
	padding:0 12px;
	line-height: 1.5em;
	color: #f5f2ed; 
	background: #a3907c; 
	text-decoration:none;
}

#subnavicontent a:hover {
	background: #f1a04f;
	color: #f5f2ed;
}
#subnavicontent a.active {
	background: #f08c28;
	color: #444;
}

/* Content */

#main a.std, #main h4 a, #main .hoverTable a
{
	color:#0074b1;
}
#main a.std:hover, #main h4 a
{
	border-bottom:1px solid rgba(240, 140, 40, 0.5); 
}
#main .hoverTable a
{
	border:0;
}
#main .hoverTable a:hover
{
	border:0;
	color:#f08c28;
}
#main li, main li.or
{
	display:block;
	padding-left:1.2em;
	margin-bottom:0.6em;
}
#main li
{
	background:url(/_images/basics/arrow-blue.gif) no-repeat 0 0.3em;
}
#main li.or
{
	background:url(/_images/basics/arrow-orange.gif) no-repeat 0 0.3em;
}

#main .infobox
{
	margin:5px 0 12px 0;
	border:1px solid #f08c28; 
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
#main .infobox h4
{
	font-family: "ZurichLC", Arial, Helvetica;
	color:#f5f2ed;
	text-align:center;
	text-transform:uppercase;
	padding:0.2em 0.4em 0.2em 0.4em;
	margin:0;
	font-weight:bold;
	font-size:1.4em;
	letter-spacing:0.16em;
	line-height:120%;
    background-color:#f08c28;
}
#main .infobox h5
{
	color:#f5f2ed;
	padding:0.2em 0.4em 0.2em 0.4em;
	margin:0;
	font-weight:bold;
	font-size:1.0em;
	line-height:120%;
    background-color:#ab9a87;
}

#main .infobox .horzbox { font-size: 90% }
#main .infobox .horzbox .horzboxleft { float:left; padding: 0.4em; border:1px solid #f5f2ed; }
#main .infobox .horzbox .horzboxright { float:right; padding: 0.4em; border:1px solid #f5f2ed; }

#main .infobox li
{
	background:none;
	padding-left:0;
	float:left;
	width:100%;
	margin:0;
}
#main .infobox li a
{
	color:#0074b1;
	background:url(/_images/basics/arrow-blue.gif) no-repeat 0.6em 0.5em;
    display: block;
	padding:4px 4px 4px 1.6em;

}
#main .infobox li.item 
{
	background:url(/_images/basics/arrow-orange.gif) no-repeat 0.6em 0.5em;
    display: block;
	padding:4px 4px 4px 1.6em;

}
#main .infobox li a:hover
{
    background-color:#f1a04f;
	color:#f5f2ed;
	border-bottom:0;
}
#main .infobox p
{
    padding-left:0.4em;
}

p 
{  
	font-size:1.0em;
	line-height:140%;
	margin:0.6em 0;
}
h1 /* Titel 1*/
{  
	font-family: "ZurichLC", Arial; 
	font-weight:normal;
	color:#f08c28;
	font-size:3.0em;
	margin:0 0 0.3em 0 ;
}
h1.sub /* SubTitel 1*/
{  
	font-size:1.6em;
	margin:1em 0 0.4em 0;
}
h2 /* Titel 2*/
{  
	font-family: "ZurichLC", Arial; 
	font-size:1.15em;
	margin:1em 0 0.5em 0;
}
h3 /* Titel 3*/
{  
	font-family: "ZurichLC", Arial; 
	font-size:1em;
	font-weight:normal;
	margin:0.4em 0;
}
h4 /* Lead Text */
{  
	font-size:1.2em;
	color:#0074b1;
	line-height:160%;
	font-weight:normal;
	margin:0.3em 0 0.7em 0;
}
h5 /* bullet list */
{  
	font-size:0.9em;
	padding-left:20px;
	color:#315965;
	font-weight:normal;
	margin:0.6em 0;
}
h6 /* Small Text */
{  
	font-size:0.8em;
	font-weight:normal;
	margin:0.45em 0;
}

.left
{
	text-align:left;
	margin-right:12px;
}
.right
{
	text-align:right;
	margin-left:12px;
}
hr { height:1px; border:none; color:#50727c; background-color:#50727c; margin:8px 0; }
hr.orange { height:1px; border:none; background-color:#f08c28; margin:8px 0; }

.leftsmall { padding-left:6px; }
.leftmiddle { padding-left:12px; }
.leftlarge { padding-left:18px; }

/* ELO-Chart */
div.elotitlewrap {
	background-color:#ab9a87;
	border-bottom:1px solid #f5f2ed;
}
div.elotitleleft {
	float:left;
	width:18%;
	text-align:right;
	padding:0.1em 0 0.1em 0.1em;
	margin-bottom:2px;
}
div.elotitleright {
	float:right;
	width:82%;
	padding:0.1em 0.2em 0.1em 0.2em;
	margin-bottom:2px;
}

div.elotitle {
	text-align:right;
	padding:0.1em 0.2em 0.1em 0.2em;
	margin-bottom:2px;
	font-size:0.7em;
	border-right:1px solid #50727c;
}
.first {
	border-left:1px solid #50727c;
}

div.elowrap {
	background-color:#eeeae7;
	border-bottom:1px solid #f5f2ed;
}
div.eloyear {
	float:left;
	width:18%;
	text-align:right;
	font-weight:bold;
	padding:0.7em 0.2em 0.1em 0.1em;
	font-size:0.8em;
	border-top:1px solid #f5f2ed;
	border-right:1px solid #f5f2ed;
	margin-bottom:2px;
}
div.elocontent {
	float:right;
	width:82%;
	padding:0.1em 0.2em 0.1em 0.2em;
	margin-bottom:2px;
}
div.eloch {
	background-color:#f08c28;
	padding:0.1em 0.2em 0.1em 0.2em;
	text-align:right;
	font-size:0.8em;
	font-weight:bold;
	border-bottom:1px solid #f5f2ed;
	color:#f5f2ed;
}
div.eloint {
	background-color:#0074b1;
	padding:0.1em;
	text-align:right;
	font-size:0.8em;
	font-weight:bold;
	color:#f5f2ed;
}

/* Werbeflächen Sponsoring */
.werbeflaechen {
	float:left;
	width:100%;
	margin-top:10px;
	padding-top:4px;
	border-top:1px solid #f08c28;
}
.werbeflaechen td.logo {
	width:64px;
}
.werbeflaechen h4 {
	margin-bottom:0.2em;
}
.werbeflaechen p {
	margin:0.2em 0;
	line-height:110%;
}


/* Flags */
div.flag
{ 
	width:32px;
	height:20px;
}
.flag img
{ 
	max-width:100%;
	height:auto;
	width: auto; /* ie 8 */
	border:0 solid rgba(126, 108, 169, 1); 
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}
span.smallflag img {
	width:16px; height:10px;
}
/* HoverTable */
.hoverTable td { padding:5px 3px; border:#f5f2ed 2px solid; }
.hoverTable td.flagimg { padding:2px 3px; }
.hoverTable td.title { background:#f08c28; color:#f5f2ed; }
.hoverTable td.subtitle { background:#dacdbc; color:#57534f; }
.hoverTable td.empty { background:#f5f2ed; padding:0; }
.hoverTable tr { background:#ede8e2; }
.hoverTable tr:hover { background:#e5ded6; color:#463629; }
.hoverTable a { display:block; }
.hoverTable a:hover { text-decoration:none; border:0; color:#f08c28; }

/* File Icons */
div.iconframe { margin-top:0.6em; width:24px; height:36px; }
div.iconframe a span { display:none; }
a.icon-video { width:100%; height:100%; display:block; background:url(/_images/icons/icon_video.png); background-size:24px 36px; background-repeat:no-repeat; }
a.icon-video:hover { background:url(/_images/icons/icon_video_hi.png); background-size:24px 36px; background-repeat:no-repeat; }
a.icon-audio { width:100%; height:100%; display:block; background:url(/_images/icons/icon_audio.png); background-size:24px 36px; background-repeat:no-repeat; }
a.icon-audio:hover { background:url(/_images/icons/icon_audio_hi.png); background-size:24px 36px; background-repeat:no-repeat; }
a.icon-html { width:100%; height:100%; display:block; background:url(/_images/icons/icon_html.png); background-size:24px 36px; background-repeat:no-repeat; }
a.icon-html:hover { background:url(/_images/icons/icon_html_hi.png); background-size:24px 36px; background-repeat:no-repeat; }
a.icon-pdf { width:100%; height:100%; display:block; background:url(/_images/icons/icon_pdf.png); background-size:24px 36px; background-repeat:no-repeat; }
a.icon-pdf:hover { background:url(/_images/icons/icon_pdf_hi.png); background-size:24px 36px; background-repeat:no-repeat; }


/* HTML5Lightbox */

.lightboxcontainer {
  width:100%;
  text-align:left;
}
.lightboxleft {
  width: 50%;
  float:left;
}
.lightboxright {
  width: 50%;
  float:left;
}
.lightboxfull {
  width: 100%;
}

.lightboxright iframe {
  min-height: 390px;
}
.divtext {
  margin: 36px;
}

/* Link Button */
.linkbutton {
    background-color: #f08c28; /* Green */
    border: none;
    color: white;
    padding: 8px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 120%;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border-radius:8px;
}

.linkbutton1 {
    background-color: #f08c28; 
    color: white; 
    border: 2px solid #f08c28;
}

.linkbutton1:hover {
    background-color: #f5f1ed;
    color: #7c695c;
}

/* Hover Images */

.boxgrid{
	width: 190px;
	height: 275px;
	margin:0px;
	float:left;
	background:#574f47;
	border: solid 1px #f5f2ed;
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 	}
 .captionfull .boxcaption {
 	top: 275;
 	left: 0;
 }
 .caption .boxcaption {
 	top: 220;
 	left: 0;
 }
table.cover {
	color:#f5f2ed;
}
table.cover h3 {
	font-size:1.2em;
	font-weight:bold;
	color:#f5f2ed;
}
table.cover h4 {
	font-size:0.95em;
	font-weight:bold;
	color:#f5f2ed;
}
table.cover p {
	line-height:120%;
	font-size:0.9em;
}
table.cover h6 {
	line-height:120%;
	margin-top:12px;
	font-size:0.8em;
}
table.cover li.or {
	line-height:120%;
	font-size:0.8em;
	margin-bottom:4px;
}

/* Clock */
.simpleclock {
	padding-top:5px;
	font-size:0.85em;
}

/* Responsive Youtube */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Forms */

div.formbox { 
	margin-right:5px;
	float:left;
}
div.fieldbox {
	width:280px;
	float:left;
	margin:5px 5px 5px 0;
}


.formval {
	color:red;
}
select, input, textarea, option { font-size:1em; background-color:#f5f2ed; color:#7d695a; }
.standard, .short, .datefield, .middle, .button { 
	padding:5px;
	border:1px solid #f08c28; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px; }
.standard { width:280px; }
.short { width:45px; }
.datefield { width:105px; }
.middle { width:172px; }
.button { height:30px; width:280px; background-color:#f08c28; color:#e8e7ed; font-weight:bold; }
textarea { font-family:Helvetica, Arial; }
select.day { width:39px; }
select.month { width:86px; }
select.year { width:55px; }

/* RESULTS */
.white, .black, .unkowncolor { display:block; text-align:center; }
.white { background-color:#fff; }
.black { background-color:#000; }
.white h6 { color:#000; }
.black h6 { color:#fff; }
.white { color:#000; }
.black { color:#fff; }

/* WEATHER */

#wxWrap { 
}
#wxIntro {
    display: inline-block;
    font: 14px/20px;
    vertical-align: top;
    padding-top: 9px;
}
#wxIcon {
    display: inline-block;
    width: 61px;
    height: 34px;
    margin: -3px 0 -1px 1px;
    overflow: hidden;
    background: url('http://l.yimg.com/a/lib/ywc/img/wicons.png') no-repeat 61px 0;
}
#wxIcon2 {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0 6px 0 8px;
    overflow: hidden;
}
#wxTemp {
    display: inline-block;
    font: 20px/28px "ZurichB",Arial,Verdana,sans-serif;
    vertical-align: top;
    margin-left: 0;
}   

/* RUBRIK */
.floatbox33
{
	float: left;
	width: 33%;
}
.floatbox40
{
	float: left;
	width: 40%;
}
.floatbox50
{
	float: left;
	width: 50%;
}
.floatbox60
{
	float: left;
	width: 60%;
}
.floatbox66
{
	float: left;
	width: 66%;
}


/* RUBRIK */

div.rubrik {
	width:100%;
}
div.rubrik div {
	float:left;
}

div.rubrik div a {
	height:6em;
	display:block;
	font-size: 1.5em;
	text-align:center;
	color:#0074b1;
	border:1px solid rgba(240, 140, 40, 1); 
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	padding:4.6em 0.25% 0.2em 0.25%;
    -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
    transition: background 1s;}
div.rubrik div a:hover {
	color:#574f47;
    text-shadow: 0 -1px #f08c28, 1px 0 #f08c28, 0 1px #f08c28, -1px 0 #f08c28;
}


div.rubrik div a.turniere { background:url(/_images/content/archiv/rubrik-turniere-off.png) no-repeat center center; }
div.rubrik div a.turniere:hover { background:url(/_images/content/archiv/rubrik-turniere-on.png) no-repeat center center #f08c28; }
div.rubrik div a.media { background:url(/_images/content/archiv/rubrik-media-off.png) no-repeat center center; }
div.rubrik div a.media:hover { background:url(/_images/content/archiv/rubrik-media-on.png) no-repeat center center #f08c28; }
div.rubrik div a.galerie { background:url(/_images/content/archiv/rubrik-galerie-off.png) no-repeat center center; }
div.rubrik div a.galerie:hover { background:url(/_images/content/archiv/rubrik-galerie-on.png) no-repeat center center #f08c28; }
div.rubrik div a.doku { background:url(/_images/content/archiv/rubrik-doku-off.png) no-repeat center center; }
div.rubrik div a.doku:hover { background:url(/_images/content/archiv/rubrik-doku-on.png) no-repeat center center #f08c28; }

td.formheader { fort-size: 6px; }

table.elo-entw {
	font-size:0.7em;
	height:342px;
	background:url(/_images/basics/bg_elo-entw.png) repeat-x;
}
table.elo-entw td td {
	padding:0 2px;
	vertical-align:bottom;
	height:20px;
}
td.elo-title {
	background-color:#dacdbd;
	font-weight:bold;
	vertical-align:bottom;
	border-bottom:1px solid #dacdbd;
	border-right:1px solid #7d695a;
}
td.chart {
	vertical-align:bottom;
	border-right:1px solid #dacdbd;
}
td.chart-last {
	vertical-align:bottom;
	border-right:1px solid #7d695a;
}
td.chart div div, td.chart-last div div {
	width:20px;
	color:#f5f2ed;
	position:relative;
	top:15px;
}
td.elo-month {
	text-align:center;
	background-color:#dacdbd;
	border-right:1px solid #f5f2ed;
}
td.elo-month-last {
	text-align:center;
	background-color:#dacdbd;
	border-right:1px solid #7d695a;
}
td.elo-year {
	text-align:center;
	background-color:#dacdbd;
	font-weight:bold;
	border-right:1px solid #7d695a;
}


div.elo-ch {
	background-color:rgba(240, 140, 40, 0.8);
}
div.elo-fide {
	background-color:rgba(0, 116, 177, 0.8);
}
div.elo-empty {
	background-color:rgba(255, 255, 255, 0.0);
}

.rotate {
	transform: rotate(-90deg);

  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}


/*  GRID-SYSTEM */

.row:after { content: ""; clear: both; display: block; }
[class*="col-"] { float: left; padding: 15px; }
.col-1 {width: 10%; }
.col-1a {width: 10%; background:#333; }
.col-1b {width: 10%; background:#222; }
.col-2 {width: 20%; }
.col-3 {width: 30%; }
.col-4 {width: 40%; }
.col-5 {width: 50%; }
.col-6 {width: 60%; }
.col-7 {width: 70%; }
.col-8 {width: 80%; }
.col-9 {width: 90%; }
.col-10 {width: 100%; }
@media screen and (max-width:600px){
	[class*="col-"] { width:100% !important; padding: 15px; }
	#main { 
		border:0 solid #f5f2ed; 
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-khtml-border-radius: 0;
		border-radius: 0;
	}
	#bignavi, .bigscreen, .mediumscreen, .smallscreen { display:none; }
	#smallnavi { display:inline; }
	#sponsor { display:none; }
	#sponsor-mobile { display:inline; }
	#logo { width:40%; }
	#soc { width:60%; }
	.horzbox { float:left; width:50%; }
	.lightboxleft { width: 100%; float:none; }
	.lightboxright { width: 100%; float:none; }
	div.rubrik div { width:49%; margin:1em 0.5%; }
	.elotoplevel { display:none; }
	.floatbox40, .floatbox60 { width: 100%; }
	.floatbox50 { width: 50%; }
	.floatbox33, .floatbox66 { width: 100%; }
}
@media screen and (min-width:601px) and (max-width:768px){
	[class*="col-"] { width:100% !important; padding: 15px; }
	#main { 
		border:0 solid #f5f2ed; 
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-khtml-border-radius: 0;
		border-radius: 0;
	}
	#bignavi, .bigscreen, .mediumscreen { display:none; }
	#smallnavi, .smallscreen { display:inline; }
	#sponsor { display:none; }
	#sponsor-mobile { display:inline; }
	#logo { width:30%; }
	#soc { width:70%; }
	.horzbox { float:left; width:50% }
	.lightboxleft { width: 100%; float:none; }
	.lightboxright { width: 100%; float:none; }
	div.rubrik div { width:49%; margin:1em 0.5%; }
	.elotoplevel { display:none; }
	.floatbox33 { width: 50%; }
	.floatbox40 { width: 45%; }
	.floatbox50 { width: 50%; }
	.floatbox60 { width: 55%; }
	.floatbox66 { width: 66%; }
}
@media screen and (min-width:769px){
	#main {
		border:0 solid #f5f2ed; 
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-khtml-border-radius: 0;
		border-radius: 0;
	}
	#bignavi, .smallscreen, .mediumscreen { display:inline; }
	#smallnavi, .bigscreen { display:none; }
	#sponsor { display:inline; }
	#sponsor-mobile { display:none; }
	#logo { width:25%; }
	#soc { width:75%; }
	.lightboxleft { width: 100%; }
	.lightboxright { width: 100%; }
	div.rubrik div { width:23%; margin:1em 0.75%; }
	.elolabel, .elorowend { display:none; }
	.floatbox33 { width: 33%; }
	.floatbox40 { width: 40%; }
	.floatbox50 { width: 50%; }
	.floatbox60 { width: 60%; }
	.floatbox66 { width: 66%; }
}
@media screen and (min-width:961px){
	#main { 
		border:0 solid #f5f2ed; 
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
	}
	#bignavi, .bigscreen, .mediumscreen, .smallscreen { display:inline; }
	#smallnavi { display:none; }
	#sponsor { display:inline; }
	#sponsor-mobile { display:none; }
	#logo {  }
	#soc {  }
	.lightboxleft { width: 50%; }
	.lightboxright { width: 50%; }
	div.rubrik div { width:23%; margin:1em 0.75%; }
	.elolabel, .elorowend { display:none; }
	.floatbox33 { width: 33%; }
	.floatbox40 { width: 40%; }
	.floatbox50 { width: 50%; }
	.floatbox60 { width: 60%; }
	.floatbox66 { width: 66%; }
}