html {
background: url(../Ink.jpg);
font-family:Verdana;
// min-width:1300px;
line-height: 150%;
font-size:80%;
}

body {
background-color: #CCC;
padding: 1%;
border-radius:10px;
}

header{
background-color: #DDD;
color:#326496;
padding-top: 0.5%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

footer{
clear:both;
height: 5%;
width:auto;
position:relative; 
line-height: 1.0em; 
top:0.5%;
text-align:center;
background-color: #DDD;
margin-top:0.5%;
padding-top: 1%;
padding-left:23%;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}

footer a{
color: #326496;
display: block;
text-decoration:none;
}

img{
border-radius:10px;
border:1%;
max-width:95%;
max-height:95%;
margin-top:1%;}

figure{
position:relative; 
top:25%;
width:100%;
}

video{
 margin-top:1%;
 width: 100%;
 //width: 320px;
 //height: 180px;

}

.zoom{
}

#divcontainer
{
width:auto;
margin-top: 0.5%;
position:relative;
min-height:30%;
height:auto !important;
height: 30%;
//background-color:#123;
}

#divcontainer img
{
height:20%;
}
#divfoot
{
width:auto;
margin-top: 0.5%;
position:relative;
height: 6.5%;
//background-color:#123;
}

#divlinks
{
min-height:30%;
height:auto !important;
height: 30%;
position:relative;  
top:1%; 
float:left;
width:24%;
text-align:center;
margin-left: 10%;
//background-color: #321;
}

#divmitte
{
position:relative;  
top:1%;
float:left;
width:24%;
text-align:center;
margin-left: 4.3%;
min-height:30%;
height:auto !important;
height: 30%;
//background-color: #321;
}

#divrechts
{
position:relative;  
top:1%;
float:right;
width:24%;
text-align:center;
margin-right: 10%;
min-height:30%;
height:auto !important;
height: 30%;
//background-color: #321;
}

#contentBig{
position:relative;  
top:1%; 
float:left;
width:74%;
height:95%;
text-align:left;
margin-left: 1%;
background-color: #321;
}
#contentSmall{
position:relative;  
top:1%; 
float:left;
width:24%;
min-height:90%;
height:auto !important;
height: 90%;
text-align:left;
margin-right: 1%;
//background-color: #123;
}

#menu{
text-align: center;
height: 15%;
}

#main{
width:auto;
top:0.5%;
position:relative;  
min-height:85%;
height:auto !important;
height: 85%;
color: white;
border-top: solid 0.5%; 
border-color: #DDD;
background-color:#DDD;
}

#main a{
color: #FFF;
text-decoration:none;
font-weight:bold;
}


#contentLeft{
min-height:100%;
height:auto !important;
height: 100%;
float:left;
width:13%; 
padding-left:1%;
padding-right: 1%;
margin-right: 0.2%;
background-color: #555;
}


#contentRight{
min-height:100%;
height:auto !important;
height: 100%;
width:13%;
float:left;
padding-left:1%;
padding-right: 1%;
margin-left: 0.2%; 
background-color: #555;
}

#contentRight figure{
float:right;
}

#contentMid{
min-height:100%;
height:auto !important;
height: 100%;
width:67.6%;
padding-left: 1%;
padding-right: 1%;
float:left;
background-color: #444;
text-align:center;
}

#helperDiv{
min-height:100%;
height:auto !important;
height: 100%;
width:0.1%;
float:left;
}

#divGame{
padding-left: 25%;
padding-top: 1%;
width: 50%;
height: auto !important;
}

#divGame object{
	width: 100%;
	height: 45%;
}

#contentMid iframe{
min-height:100%;
//height:auto !important;
height: 100%;
min-width:100%;
width:auto !important;
width: 100%;
}

#contentMid object{
	width:80%;
	height:80%;
	}

#footerTab{
float:left;
width:23.2%;
text-align:center;
}

div.clear
{
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}