@import url('https://www.lepanto.at/fonts/Ubuntu.css');
@import url('https://www.lepanto.at/fonts/Ubuntu+Mono.css');

body	{font:13pt Ubuntu,sans-serif; max-width:1000px;
	 padding-left:185px}
iframe	{position:fixed; left:0; top:0; width:185px; height:100%; box-shadow:inset 130px 0 170px -90px #FFFFBB;
	 padding:0 0 0 -185px}
h1,h2,h3,h4,i,em,th	{font-weight:bold; color:#603000}

h1	{font-size:2.2em; margin-top:0.4em; text-shadow:1px 1px #FFFFBB}
h2	{font-size:1.6em; margin-left:1em}
h3	{font-size:1.3em; margin-left:2em}
h4	{font-size:1.1em; margin-left:3em; margin-bottom:-0.9em}
em	{font-style:italic}
table	{empty-cells:hide}
th,td	{border:1px solid #bacbdf}
th	{font-style:italic; box-shadow:inset 0 0 8px 4px #FFF; background-color:#DDAA77; text-align:left; vertical-align:top; white-space:nowrap; border-top-left-radius:6px}
img	{border:0}
ul	{list-style-image:url(images/bullet.gif)}
dd	{margin-bottom:1em}
pre, code	{font-family:'Ubuntu Mono',monospace; line-height:1em}

a:link  	{color:#603000}
a:visited	{color:#666666}
a:focus 	{box-shadow:inset 0 0 8px 4px #FFF; animation:einblend .9s forwards}
a:hover 	{box-shadow:inset 0 0 8px 4px #FFF; animation:einblend .9s forwards}
a:active	{box-shadow:inset 0 0 8px 4px #FFF; animation:einblend .9s forwards}

input, textarea, select, fieldset, button		{border-top-left-radius:6px; margin:1px; border:1px solid #bacbdf}
button, input[type=button]				{text-align:left; box-shadow:inset 0 0 8px 4px #DDAA77; background-color:#FFddaa}
button:hover, input[type=button]:hover			{transform:scale(1.05)}
button:hover img, label:hover img			{animation:wackeln .9s 3 alternate}
input[type=checkbox],input[type=radio]			{border-width:0}
input:hover, textarea:hover, select:hover, button:hover {box-shadow:0 0 5px #FFddaa}
input:focus, textarea:focus, select:focus		{border-color:#FFddaa; box-shadow:inset 15em -7em 20em #FFFFDD}

/* Formatierung fuer Judge-Befehle. Z.B.: <span class="schieri"> */
.schieri	{font-family:'Ubuntu Mono',monospace; line-height:1em; box-shadow:inset 0 0 8px 4px #FFF; background-color:#FFFFBB}

/* Definitionen fuer Spieluebersicht */
.running	{white-space:nowrap; box-shadow:inset 0 0 8px 4px #FFF; background-color:#ffffff}
.cd     	{white-space:nowrap; box-shadow:inset 0 0 8px 4px #FFF; background-color:#FFddaa}
.waiting	{white-space:nowrap; box-shadow:inset 0 0 8px 4px #FFF; background-color:#FFFFBB}
.completed	{white-space:nowrap; box-shadow:inset 0 0 8px 4px #FFF; background-color:#DDDDDD}

@media print{
body	{font:12pt Times,serif; padding-left:12pt}
iframe	{display:none}
}

@media screen and (max-width:999px){
body	{padding-left:40px}
body:before	{content:url(images/logo.gif)}
iframe	{width:40px; box-shadow:inset 26px 0 34px -18px #FFFFBB}
}

@keyframes einblend{
from	{transform:scale(1.);   background-color:#FFF}
to	{transform:scale(1.05); background-color:#FFFFBB}
}

@keyframes wackeln{
from	{transform:rotate(7deg)}
to	{transform:rotate(-7deg)}
}