html  { background:#111 url(bg.gif) repeat left top; }
body  { width:100%; padding:0; margin:0; background:url(header_winter.jpg) no-repeat center top;  font-family: 'inderregular'; font-size:16px; color:#cacaca; line-height:20px; overflow-x:hidden; }


h1    { font-size:30px; color:#76d9ff; font-weight:normal; line-height:26px; }
h2    { font-size:19px; color:#76d9ff; font-weight:normal; line-height:19px; }
h3    { font-size:18px; background-color:#000000; width:100%; color:#ffffff; font-weight:normal; line-height:20px; margin-top:20px; padding:5px; }
p     { font-size:16px; color:#cacaca; line-height:20px; }
a     { color:#76d9ff; text-decoration:none; }
img   { padding:2px; margin:5px; background-color:#121212; border:1px solid #4a4a4a; }

table tr td { color:#cacaca; padding:4px; }
.leftTable tr { border-top:1px solid #474747; border-bottom:1px solid #474747; }

.outertable img { border:0; padding:0; }
.gamesTable img { border:0; padding:0; background-color:transparent; }
.clear  {clear:both;}

.responsiveimage { width:100%; max-width:951px; height:auto; }


.menubg         { background:url(menu.gif) repeat-x left top; height:47px; width:100%; position:absolute; top:138px; z-index:1; }
/*.contentHolder  { width:960px; height:100%; margin:0 auto; }*/
/*.logo           { float:left; padding-top:40px; padding-bottom:60px; }*/
.logo img       { background:none; border:none; }


.thumb2 {width:560px;}


/* CONTACT FORM 
input     { width:200px; height:30px; background-color:#111111; border:1px solid #474747; color:#ffffff; padding:0 10px;}
textarea  { background-color:#111111; border:1px solid #474747; color:#ffffff; padding:10px;}
select    { width:200px; height:30px; background-color:#111111; border:1px solid #474747; color:#ffffff; padding:0 10px; }*/



/* COGNITO FORM */
.cognito input     {width:200px; height:30px; background-color:#111111; border:1px solid #474747 !important; color:#ffffff; padding:0 10px;}
.cognito textarea  { background-color:#111111; border:1px solid #474747; color:#ffffff; padding:10px;}
.cognito .c-dropdown {border:1px solid #474747;}
.cognito select    { width:200px; height:30px; background-color:#111111 !important; color:#ffffff; padding:0 10px; }
.cognito html .cog-cognito.el-popper, :root:root:root:root:root .cog-cognito.el-popper { background-image:none !important; background-color:#000000; }



/* MENU */
.menu           { padding:4px 24px 29px 24px; position:relative; z-index:2; }
.menu ul li a   { font-size:16px; color:#b2b2b2; float:left; text-decoration:none; display:inline; padding-right:15px; padding-left:15px; border-left:1px solid #646464; line-height:10px; }
.menu ul li:first-child a  { border-left:none; padding-left:0; }
.menu ul li .selected  { color:#fff; }
.menu ul li a:hover { background-image:none; color:#fff; }                                             
.menuShadow     { background:url(menushadow.png) no-repeat center top; margin:0 auto; width:941px; height:18px; padding-top:14px; }


.loadfelt { height:100%; color:#ffffff; font-size:16pt; text-align:center; width:100%; }

 
/* MAIN CONTENT */
/*.mainContentWrapper { width:960px; }*/
/*.menuArea      { float:left; width:150px; margin-left:10px; }*/

.mainContentWrapper li a { color:#b2b2b2; }
.mainContentWrapper li.selected a,
.mainContentWrapper li a:hover  { color:#76d9ff; }


.mainContent       { width:100%; margin:0 auto 50px auto; }
/*.divLatest         { float:right; text-align:center; }*/
.divLatest img     { margin-top:20px; margin-bottom:5px; }
.divLatest h2      { color:#76d9ff; margin:0 auto; }
.skillelinje       { background:padding-top:20px; padding-bottom:30px; }
 

/* NEWS*/
.archive        { float:right; }
.archive img    { border:none; background:none;}



/* MENU BUTTON */
#mobilmenu { 
width:80px; 
padding:20px; 
background-color:#03aae1; 
border:3px solid #04546e; 
color:#ffffff; 
text-transform:uppercase; 
text-shadow:1px 2px 5px #04546e; 
text-align:center;
font-size:22px;
border-radius:8px;
margin:0 auto 30px auto;
}





/* RESPONSIVE AREA */  /* RESPONSIVE AREA */  /* RESPONSIVE AREA */  /* RESPONSIVE AREA */  /* RESPONSIVE AREA */  /* RESPONSIVE AREA */

/* SCREEN SIZE */

@media only screen and (min-width: 960px) {
  body { width:100%; }
  .contentHolder { width:100%; height:100%; }
  .mainContentWrapper  { width:100%; }
  #indholdsfelt { margin:0 25%; width:auto; }
  #menuArea { margin:0 0 50px 0; font-size:20px; text-align:center; }
  #menuArea ul li { display:inline; margin:0 auto; line-height:30px; }
  #menuArea li { padding:0 40px; }
  .divLatest { float:right; margin: 0 50px; text-align:center; }
  .logo { float:left; padding: 40px 0 0 40px; }
  #mobilmenu { display:none; }
}


@media only screen and (min-width: 200px) and (max-width: 959px) {
   body { width:100%; }
  .contentHolder { width:100%; height:100%; }
  .mainContentWrapper { width:100%; margin:0 auto; }
  #indholdsfelt { margin:0; width:80%; margin:0 10%; padding-bottom:100px; }
  .menuArea { display:none; }
  #menuArea { margin:0 0 50px 0; font-size:20px; text-align:center; }
  #menuArea ul li { display:block; background-color:rgb(0,0,0); margin:0 auto; line-height:30px; }
  #menuArea li { padding:20px 0; }
  .menushown { display:block; height:auto; text-transform:uppercase; margin:0 auto; /*z-index: 1000;*/ -moz-transition: height 0.5s ease; -webkit-transition: height 0.5s ease; transition: height 0.5s ease; }
  .divLatest { float:right; margin: 0 50px; text-align:center; }
  .logo { float:none; text-align:center; }
  .logo img { padding:0; margin:40px 0 10px 0; }
  #mobilmenu { display:block; cursor:pointer; }       
}