/* Projekt    : MeinOnlineSpiel
   Komponente : Kundenwebsite
   Datei      : Bea/Customer.css
   Inhalt     : Stylesheet mit kundenspezifischen Anpassungen für "Bea"

     08.03.2014  Gernot Daum  Beginn der Implementierung
     04.08.2015  Gernot Daum  Andere Farben etc.
*/

/* Dimensionierung */
div#wrapper {max-width: 98em}
div#logoheader{display: inline-block; width:40%; float: left}
div#logo{width: 40%; margin-left: 3%}
div#logotext{margin-top: 0.5em; padding: 3%}
div#nav{margin-top: 1em}
div#maintext{width: 96%; margin 0; background: #FFFFFF}
div.Halbseite{width: 49%} 
@media screen and (max-width: 720px) {
	div.Halbseite {width: 98%}
}
div.Vollseite{width: 99%} 
form#JGame {
	width: 99%; margin-left: 0.5em;
	background: url("22_Images/Holz2.JPG")
}
div#GameArea {background: url("22_Images/Holz3.JPG")}
span.Preview{display: none}
img.Preview{width: 40%; margin-left: 2%; margin-top: 2%}
img.floatnoneuFill8 {width: 80%; margin-left: 10%}

/* Hintergrundfarben */
div#wrapper {background: #FFFFFF}
div#nav, div#footer, div#menu, div#pages, div#scrollitems, div#score
{background: url("22_Images/Holz1.JPG")}
/* div#maintext {background: #FFFFFF} */
div#nav a, button.btstyle1, div#maintext a 
{color:#000000; background: url("22_Images/Holz1.JPG")}
div#logotext, div#nav li.navS a {color:#000000; background: url("22_Images/Holz2.JPG")}
select.OptionBox {background: url("22_Images/Holz3.JPG")}

div.Holz1, div.Holz2, div.Holz3 {
	display: inline-block;
	background:  url("22_Images/Holz1.JPG");
}
div.Holz2 {background: url("22_Images/Holz2.JPG")}
div.Holz3 {background: url("22_Images/Holz3.JPG"); padding: 2em}

/* Ende Customer.css */