///////////////////////////////////////////////////////////////////////////
/* cssreset.com */
* {
  margin: 0;
  padding: 0;
}


/* Page body */
body { font-family: Arial, Helvetica, sans-serif; 
		color:green;
}


/* Definition lists */
dl { width: 100%; margin: 2em 0; padding: 0; clear: both; overflow: auto; }
dt { width: 30%; float: left; margin: 0; padding: 5px 9.9% 5px 0; border-top: 1px solid #DDDDB7; font-weight: bold; overflow: auto; clear: left; }
dd { width: 60%; float: left; margin: 0; padding: 6px 0 5px 0; border-top: 1px solid #DDDDB7; overflow: auto; }

/* Navigation list */
nav {clear:both;}

nav ul li {
  float:left;
  list-style-type:none;   
}
nav ul a, ul a:visited { 
  display:block; 
  background-color:#8cc;
  width:9em;
  float:left; 
  border:1px solid #808; 
  font-family:arial, verdana, sans-serif; /* ADDED */ 
  font-size:1.2em; 
  text-align:center; 
  text-decoration:none; 
  } 

.clear{clear:both;
position:relative;
}

/* Headings */
h1 { font-weight: bold; margin: 15px 0 14px; color: #666; font-size: 1.5em; }
h2 { font-weight: bold; margin: 30px 0 12px; color: #666; font-size: 1.3em; }
h3 { font-weight: normal; margin: 30px 0 12px; color: #666; font-size: 1.2em; }
h4 { font-weight: bold; margin: 25px 0 12px; color: #666; font-size: 1.0em; }
h5 { font-weight: bold; margin: 25px 0 12px; color: #666; font-size: 0.9em; }

#hoved img {
  height: 40px;
  margin: -5px;
  margin-right: 15px;
}

#hoved a {
  background-color: #fff;
}

/* Forms */
label { display: block; float: left; clear: both; text-align: right; margin: 0.6em 5px 0 0; width: 40%; }
input, select, textarea, .radiobox { float: right; margin: 1em 0 0 0; width: 57%; }
.radiobox input, .radiobox label, #huskmig { float:left; width:auto; clear: none;}
.radiobox input {margin-right: 3em;}
#huskmig {margin-left: 1.7em;}

input { border: 1px solid #666; }
input[type=radio], input[type=checkbox], input[type=submit], input[type=reset], input[type=button], input[type=image] { width: auto; }

input[type=checkbox] { float: left;}


/* Tables  */
 table {width:95%; border: 1px solid #666; border-spacing: 0px;}
 th { text-align: left; background-color: #bbd; }
 th, td { padding: 0.2em; }
 tr.alt td { background: #ddf; }
 #box { width:62%; 
    margin:auto; 
    position: relative;
    border:3px solid black; 
    padding:2% 2% 0.5% 2%; 
    overflow: hidden; 
    border-radius: 16px;}
 .error { background: #d33; color: white; padding: 0.2em; }

.conclusion {
  width:110px;
}

iframe{width:90%;
  height:900px;
}

.conclusion span {
  position: relative;
  width: 110px; 
  display: none;  
  }

.conclusion:hover span {
  display: inline; 
}


.voted {
  border:solid 1px black;
  border-radius: 6px;
}
.voted a {
  width:100%;
  display:block;
  text-decoration: none;
}
td {
  text-align: center;
}
td.txt, td.conclusion  {
  text-align: left;
}
#texts tr td {
  text-align: left;  
}


.copy {
  font-family:courier, monospace;
  float:right;
}


.button{
  border:solid 1px black;
  border-radius: 6px;
  padding:0.2em;
  padding-left:0.4em;
  padding-right:0.4em;
  text-decoration: none;
  display:inline-block;
}

h2 .button {
  margin-left:2em;
}

article {
  width:46%;
  float:left;
  background-color: #fff;
  border:1px solid black; 
  border-radius: 9px;}

}

article.alt {
  margin-left:6%;
}

article h2, article h4 {
  background-color: #8cc;
  padding:0.3em;
  margin:0px;
  border-radius: 9px;}
  
}
article h4 {
  background-color: #ccc;
  text-align: right;  
}
article p {
   padding:0.3em;
   font-size: 1.2em;
}
@media (max-width:980px) {
  #box {
    width:70%;
  }
}
@media (max-width:780px) {
  #box {
    width:80%;
  }
}
@media (max-width:680px) {
  #box {
    width:90%;
  }
}
@media (max-width:480px) {
  #box {
    width:99%;
  }
  article {
    width:99%;
    float:none;
  }
  article.alt {
    margin-left: 0em;
  }
  article.clear {
    clear:none;
  }

}
td span {
    -webkit-animation: myfirst 5s; /* Chrome, Safari, Opera */
    animation: myfirst 1s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {color: white;}
    to {color: green;}
}

/* Standard syntax */
@keyframes myfirst {
    from {color: white;}
    to {color: green;}
}
/* Chrome, Safari, Opera */

.nextdiv{
  width: 30em; margin: 20px; text-align: center;
}

#deleteButton,#resetbutton,#resetButton{
  margin-right: 10em;
}



/*/////////// ny forside ///////////////////////////////  */

#frontback {
  float:left;
  /*border:solid 5px cyan;*/
  position: absolute;
  top:0px;
  left:0px;  
  line-height: 0.1em;
  width: 40%;
}
#frontback img {
  opacity: 0.2;
  width: 300%;
}
/*
#overlay {
  float: left;
 position: relative;
  top:00px;
  left:0px;   
}
*/
.maxiButton {
 /*  width:40%;
   float: left;
  display:inline-block;
  padding:0.2em;
  padding-left:0.4em;
  padding-right:0.4em;
  text-decoration: none;
*/
  margin:1% ;
height:220px;
  border:solid 1px black;
  border-radius: 6px;
}