html,body{font-family: 'Titillium Web', sans-serif; font-size:1.2em;line-height:1.5; background-color: #0076BD;padding:0;margin:0}
html{overflow-x:hidden}

a {text-decoration: none;color:inherit}
a:hover {border-bottom-color:#0076BD;border-bottom-style:dotted;border-bottom-width:1px;}

header {background-color:white;height:55px;padding:0.3em;margin:0}
header ul {list-style-type:none;padding:0;margin:0;line-height:1.9}
header li {float:left;color:#0076BD;margin-left:2em}

#langbubble ul {list-style-type:none;}
#langbubble li {color:#0076BD}
#adminbubble ul {list-style-type:none;}
#adminbubble li {color:#0076BD}

.leftdevice {color: #0076BD;}
.rightdevice {color: #FF0000;}

.admintable {border: 1px solid #0076BD;text-align:left}
.admintable tr:nth-child(even) {background-color: #0076BD;} 
.admintable tr:nth-child(odd)  {background-color: #D4E1F2;} 
.admintable tr td {padding:3px;}

.testbuttonwhite {background-color:#D4E1F2;color:#0076BD;padding:0.4em;border:none;width:25%}
.testbuttonred {background-color:#FF0000;color:white;padding:0.4em;border:none;width:25%;}
.testbuttonnavi {background-color:#fff;color:#0076BD;padding:0.4em;border:none;width:25%}


.test {background-image:url(kopfsilhouette_empty.png); background-repeat: no-repeat;background-size:100% auto;height:740px}

#main {background-color:#D4E1F2;  margin-left:auto;  margin-right:auto; width:640px; text-align:center;padding:1em;}
h1 {font-size:2em;font-weight: bold;color:#0076BD;margin:0;padding:0.3em}
h2 {font-size:1.2em;font-weight: bold;margin:0;padding:0.3em}
input {width:65%;color:#0076BD;padding:0.4em;border:none}
#controls {margin-left:auto;  margin-right:auto; width:640px;padding:1em;margin-top:1em;text-align:center}
#controls input.right {background-color:#D4E1F2;color:#0076BD;padding:0.4em;margin-right:-1.5em;float:right;border:none;width:initial}
#controls input.left {background-color:#D4E1F2;color:#0076BD;padding:0.4em;margin-left:-1.5em;float:left;border:none;width:initial}
.infotext {margin-top:-1.5em;color:#FFF}

.error {background-color:#F00;color:#D4E1F2}

.speech-bubble { position: absolute; background: #D4E1F2; width:8em; border-radius: .2em;left:2px } 
.speech-bubble:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 1.313em solid transparent; border-bottom-color: #D4E1F2; border-top: 0; margin-left: -1.312em; margin-top: -1.312em; }


.admin-bubble { position: absolute; background: #D4E1F2; width:10em; border-right:solid 1px #0076BD; border-bottom:solid 1px #0076BD; border-radius: .2em;left:6.2em } 
.admin-bubble:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 1.313em solid transparent; border-bottom-color: #D4E1F2; border-top: 0; margin-left: -1.312em; margin-top: -1.312em; }