html {
height:100%;}
body {height:100%;
}


p  { 
font-family: Cambria, serif;
text-align:left;
margin-top:8px;
margin-bottom:9px;
font-size: 16px;
color: #1a1a1a;
 -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;
 } 

.main
{width: 769px;
height:auto;
margin:0px auto;
    background-color:#ffffff;

}
.gamesweplay
{
background-image:url(gamesweplay.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-size: 768px;
width: 768px;
height:181px;
margin-bottom:5px;}
.menue
{width:151px;
height:100%;
float:left;
background-color:#FFFF00;
padding:9px;

}
.hauptrahmen
{	
	float:right;
width:580px;
	border-right:2px solid #d5d5d5;
		border-left:2px solid #d5d5d5;
	padding: 4px 8px 0 8px;
	
    background-color:#ffffff;
}
   .google {
font-family: Cambria, serif;
text-align:left;
margin-top:3px;
margin-bottom:5px;
font-size: 12.5px;
line-height:18px;
}
.besprechung
{width: 620px;
margin:0 auto;

    background-color:#ffffff;
	
	
	}

.youtube
{width: 100%;
	}
	
	img.schachtel, img.schachtelhoch, img.schachtellaengst{
height:auto;
}

img.spiel{
border-radius: 3px;
border-style:solid;
border-width:1px;
border-color:#333333;	
box-shadow: 0px 1px 2px #cccccc; 
width: 99%;
 height: auto;  
}

img.lupe, img.lupehoch, img.lupequer{
border-radius: 3px;
border-style:solid;
border-width:1px;
border-color:#333333;	
box-shadow: 0px 1px 2px #cccccc; 
}


	@media (min-device-width: 601px){
	img.schachtel, img.schachtelhoch, img.schachtellaengst {
float:right;
margin-left:12px;

}
img.lupe, img.lupehoch, img.lupequer{
float:right;
margin-left:12px;
transition:transform 0.2s;
cursor: zoom-in;
}

img.lupe:active, img.lupehoch:active, img.lupequer:active  {
 transform: translate(100px, 100px) scale(1.5, 1.5);
 border-width:1.5px;
 border-color:#333333;
box-shadow: 0px 1.5px 3px #cccccc; 
border-radius: 4.5px;
border-style:solid;
  background-color:#ffffff;
}
.youtube
{height: 320px;
	}
	
}
	@media (max-device-width: 600px){
.main
{
display:table;
height:100%;
width:100%;
margin:0px auto;}

.gamesweplay
{
background-image:url(gamesweplay.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-size: 100%;
width: 100%;
height:130px;}
.menue
{
display:table-footer-group;
float:none;
background-color:#FFFF00;
}
.menue1
{
width:160px;
background-color:#FFFF00;
margin:20px auto;
}
.hauptrahmen
{
width:100%;
float:none;
	border-right:0;
		border-left:0;
	padding: 4px 0 0 0;
}
.besprechung
{width: 100%;
margin:0px auto;}

img.lupe {
transition:none;
width: 87%;
 height: auto;  
    margin-left: auto;
    margin-right: auto; 
}
img.lupehoch {
transition:none;
width: 75%;
 height: auto;  
    margin-left: auto;
    margin-right: auto; 
}
img.lupequer {
transition:none;
width: 99%;
 height: auto;  
    margin-left: 0;
    margin-right: 0; 
}

.youtube
{height: 100%;
	}

img.schachtel {
width: 75%;
    margin-left: auto;
    margin-right: auto; 
}
img.schachtelhoch {
width: 65%;
    margin-left: auto;
    margin-right: auto; 
}
img.schachtelquer {
width: 99%;
    margin-left: 0;
    margin-right: 0; 
}
}


 
td  { 
font-family: Cambria, serif;
text-align:left;
margin-top:8px;
margin-bottom:9px;
font-size: 16px;
 -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;

 } 


 
table
{
max-width: 100%;
}

table.haupt
{
max-width: 100%;
height: 100%
}

table.tabelle
{
border-right-width: 0px;
border-left-width: 0px;
border-collapse: collapse;
margin-bottom:20px;
}

table.tabelle td
{
border: 1px solid #d5d5d5;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: 1px;
border-top-width: 1px;
padding:0px 5px 2px 5px;
}

table.minitabelle td
{
border: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-top-width: 0px;
padding:000000;
}


a {
	text-decoration: none;
	color: #DF0101;

}
a:hover { 
  text-decoration: none; 
  background-color:#ffff00;
}


.klein {


margin-top:5px;
margin-bottom:7px;
font-size: 13px;
}

.kurzknapp{

text-align:center;
padding:30px 4px 2px 4px;
margin-top:30px;
font-size: 12.5px;
}


.jahre {
color:#C0C0C0;
font-weight: bold;
text-align:justify;
margin-top:24px;
margin-bottom:20px;
font-size: 12.1px;
}


.winzig {
text-align:left;
margin-top:0px;
margin-bottom:1px;
font-size: 9px;
}
a.winzig { 
	text-decoration: none;
}

.mittel {

text-align:left;
margin-top:7px;
margin-bottom:8px;
font-size: 14.5px;
}


.head {
font-family: Cambria,SERIF; text-align:left;
font-size: 48px;
margin-top: 0px;
}

.headleft {
width: 530px;
float:left;
font-family: Cambria,SERIF; text-align:left;
font-size: 48px;
margin-top: 0px;
}

.headright {
width: 90px;
float:right;
}

.headrightright {
width: 90px;
float:right;
text-align: right;
}

.headkurzundknapp {
font-family: Cambria,SERIF; text-align:center;
font-size: 48px;
margin-top: 0px;
font-style:italic
}

img {
margin-left:12px;
text-align:left;
max-width: 100%;
}
img.top {
text-align:center;
margin-left:0px;
margin-right:0px;
}
img.mini {
  background-color:transparent;
margin:2px 0 0 0;
width: 50px;
min-width:50px;
}
img.mini:hover {
opacity: 0.8;
-moz-opacity: 0.8;
  background-color:transparent;
  width: 50px;
min-width:50px;
}

img.socmed {
  background-color:transparent;
margin-right:10px; 
margin-left:0; 
}
img.socmed:hover {
opacity: 0.8;
-moz-opacity: 0.8;
  background-color:transparent;}


img.kids {
  background-color:transparent;
max-width:150px;
width:100%;
margin:0;
}
img.kids:hover {
opacity: 0.8;
-moz-opacity: 0.8;
  background-color:transparent;}
img.wuerfelmini {
text-align:center;
margin-left:0px;
margin-right:0px;
margin-top:2px
}
img.gameslogo {
margin:15px auto 15px auto;}

.nav {
font-family: Cambria, serif;
text-align:left;
margin-top:3px;
margin-bottom:5px;
font-size: 12.5px;
line-height:18px
}
a.nav:link, a.nav:visited, a.nav:active {
font-family: Cambria, serif;
	text-decoration: none;
	color: #DF0101;

}
a.nav:hover { 
  text-decoration: underline; 
}

.blog
{

text-align:center;
background-color: #FF0000;
padding-bottom:2px;
}
a.blog:link, a.blog:visited, a.blog:active {

line-height:1.2;
	font-weight: bold;
font-family: Cambria, serif;
	 font-size: 16px;
	text-decoration: none;
color: #FFFF00;


}
a.blog:hover { 

color: #FF0000;
}

.anmerkung
{

float: right;
margin-left:5px;
max-width: 60%;
font-weight: bold;
font-family: Cambria, serif;
color: #FFFFFF;
background-color: #FF0000;
padding:1px 3px 2px 3px;
font-size: 12.5px;
line-height:18px
}

a.suche:link, a.suche:visited, a.suche:active {
font-family: Cambria, serif;
	text-decoration: none;
	letter-spacing: 1px;
	color: #DF0101;
	font-weight: bold;
	background-color: #FFFF00;

}
a.suche:hover { 
  text-decoration: underline; 
font-weight: bold;
}




a.gelb:link, a.gelb:visited {
	background-color: #FFFF00;
}

.invers{
  text-decoration: none; 
 text-align: center; font-size: 12.5px; margin-top: 1px; margin-bottom: 1px
; color: #cccccc
}

a.invers:link, a.invers:visited{
  color: #CCCCCC;
background-color: #000066;

}

a.invers:hover,a.invers:active {
  color: #ffffff;
text-decoration: none; 
}


ul {
list-style-position:inside;
}


.headklein {  font-family: Cambria,SERIF; font-size: 36px; text-align: left}
.headkleinzent {  font-family: Cambria,SERIF; font-size: 36px; text-align: center;margin-top: 1px; margin-bottom: 1px} 
.navcenter { text-align:center; margin-top:1px; margin-bottom:1px; font-size: 12.5px; }

.headkleinweiss { font-family: Cambria,SERIF; font-size: 24px;  color: #FFFFFF; text-align: center; margin-top: 1px; margin-bottom: 1px}

.spielplatz {
	font-family: Cambria,SERIF; font-size: 24px;
	text-align:left;
	color: #FFFF00;
	margin-top: 1px;
	margin-bottom: 1px;
	letter-spacing: 0.08em;
}

.center {  text-align: center; margin-top: 1px; margin-bottom: 1px}
.links {  text-align: left}
.neu {
	font-family: Cambria,SERIF; font-size: 9px;
	color: #FFFF00;
	background-color: #FF0000;
	text-align: left;
	font-weight: bold;
	FILTER: Glow(color=grey);
	vertical-align: middle;
}
.headkleinst { font-family: Cambria,SERIF; font-size: 24px; text-align: left }
.spielenet {  color: #006666; margin-top: 1px; margin-bottom: 1px}
.datum {  font-family: Cambria,SERIF; font-size: 9px; color: #333333}
.topnewsheadline {
	font-family:Cambria, Corbel, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.amazon {font-family:Cambria, Corbel, Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
background-color:#ff9900;
	FILTER: Glow(color=grey);
	vertical-align: middle;
}


a.amazon:link, a.amazon:visited, a.amazon:active, a.amazon:hover{
color: #000000;
	FILTER: Glow(color=grey);
	vertical-align: middle;
background-color:#ff9900;
}

a.azde:link, a.azde:visited, a.azde:active{
background-color:#ff9900;
font-family: Cambria,SERIF; font-weight: bold;
}
a.azde:hover{
color: #ff9900;
background-color:#cc3300;
text-decoration: none; 

}

twitter-timeline
{
font-size: 13px;
		margin:0;
		font-family:Cambria, serif;


}
#twitter-widget{margin:0; solid #c0deed;background-color:#ffff00;font-family:Cambria, serif;}
#twitter_update_list{padding:0;margin:0;list-style-type:none;}
#twitter_update_list li {padding:0;margin:0;}
#twitter_update_list li span {font-size:13px;color:#000000;font-family:Cambria, serif;}
#twitter_update_list li span a {font-size:13px;color:#000066;}
#twitter_update_list li a {font-size:13px;color:#000066;font-family:Cambria, serif;}


.facebook1
{
margin-right:0;
width: 65px;
border-radius: 3px;
box-sizing: border-box;
height: 20px;
visibility: visible;
display: inline-block;
vertical-align: top;
white-space: nowrap;

cursor: pointer;
background-color:#45619d;}



a.facebook1:hover {
background-color:#0c7abf;}

.facebook2
{font: 11px "Helvetica Neue",Arial,sans-serif;
text-decoration: none;
box-sizing: border-box;
display: inline-block;
padding: 0 0 1px 0;
margin: 3px 0 0	 0;
color:#FFF;
letter-spacing: 0.05em;}

a.facebook2:link, a.facebook2:visited, a.facebook2:active, a.facebook2:hover
{   text-decoration: none;
background-color:transparent;
}
  
  .socmedia
  {float: right;
  }
  
  .illustration
  {color:#999999;
  }