* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: verdana, arial, geneva, helvetica, sans-serif;
  z-index: 5;
  background-color: #cccccc;
}

/* STRUTUR */
.center {
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
}

#wrapper {
  background-color: #ffffff;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem 2.5% 3%;
  position: relative;
  max-width: 1100px;
}

#codename-generator {
  background-color: #eeeeee; /* #f1f4ff; */
  border-radius: 2px;
  float: right;
  font-size: 9px;
  margin-bottom: 3em;
  max-width: 72%;
  min-width: 320px;
  width: 100%;
}

#savelist {
  color: black;
  font-size: 12px;
  float: left;
  line-height: 18px;
  margin-bottom: 25px;
  max-width: 25%;
  min-width: 170px;
}

#savelist h2 {
  display: none;
}

#articles {
  float: right;
  max-width: 71%;
}

h1 {
  font-size: 44px;
  letter-spacing: -3px;
}

h2 {
  font-family: georgia, times, serif;
  font-size: 16px;
  margin-top: 3px;
}

h3 {
  font-family: georgia, times, serif;
  color: #333333;
}

p {
  margin-bottom: 15px;
}

td {
  padding-right: 10px;
}

em {
  color: #ff0000;
  font-weight: bold;
}

a img {
  border: 0px;
}

img.floatRight {
  float: right;
}

img.floatLeft {
  float: left;
}

.quote {
  font-style: italic;
}

#header {
  background: #222222;
  height: 100px;
}

#header h1 {
  color: #ffffff;
  float: left;
  margin: 7px 20px 0 0;
}

#header p {
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  padding: 30px 20px 0 0;
}

/*  MENU   */
#menu {
  left: 0px;
  position: absolute;
  top: 70px;
  width: 100%;
  z-index: 100;
}

#menu ul {
  font-size: 15px;
}

/* ARROWS IN MENUES https://css-tricks.com/snippets/css/css-triangle/ */
.arrow-down {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
  height: 0;
  left: 8px;
  opacity: 0.65;
  position: relative;
  top: 12px;
  width: 0;
}

#menu li {
  background-color: #3366bb;
  border-radius: 1px 1px 0 0;
  float: left;
  font-weight: bold;
  list-style-type: none;
  margin: 0 1% 0 0;
  padding: 0;
}

.menuHead {
  color: white !important;
  text-decoration: none !important;
}

#menu li a {
  box-sizing: border-box;
  color: white;
  display: block;
  max-height: 30px;
  padding: 5px 15px 7px 7px;
  text-decoration: none;
}

#menu li a#onli:hover {
  /* Forsidefane aktiv*/
  color: white;
}

#menu li#on:hover {
  /* Forsidefane aktiv*/
  background: #666666;
}

#menu li a#onli.active {
  /* Forsidefane aktiv*/
  color: #000000;
}

#menu li#on.active {
  /* Forsidefane aktiv*/
  background: #ffffff;
}

#menu ul ul {
  display: none;
}

#menu ul ul li {
  background-color: white;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-radius: 0;
  color: white;
  float: none;
  font-size: 12px;
  margin: 0;
  padding: 0px;
}

#menu ul ul li:last-child {
  border-bottom: 1px solid #999;
}

#menu ul ul li a {
  color: #222222;
  display: block;
  padding: 0.6em 1em;
}

#menu ul ul li:hover {
  background-color: #222222;
  box-sizing: border-box;
}

#menu ul ul li:hover a {
  color: white;
}

/* GENERATOR FELT */
#codename-generator p {
  color: #999;
  margin: 0 0.5em 0.4em;
}

#knap {
  background-color: #008800;
  background-image: none;
  border: 0px;
  border-bottom: 2px solid #006600;
  border-right: 2px solid #006600;
  border-radius: 2px;
  color: white;
  cursor: pointer;
  display: block;
  font-size: 20px;
  margin: 0px auto 25px;
  padding: 0.25em 3% 0.25em;
}

#knap:hover {
  background-color: #006600;
}

#knap:active {
  background-color: #004400;
}

#codename-generator input::-moz-focus-inner {
  /*Remove button padding in FF*/
  border: 0;
  padding: 0;
}

#resultBox {
  font-size: 16px;
  margin-top: 40px;
}

#result {
  font-size: 32px;
  font-weight: bold;
  margin-top: 40px;
  text-align: center;
}

#codename {
  color: black;
}

form {
  margin: 30px 0 0 0px;
}

/* SAVE  LIST*/
#savelist h2 {
  color: black;
  font-size: 18px;
  letter-spacing: -1px;
  margin: 0 0px 4px -2px;
}

#savelist p {
  margin: 0px;
}

#savepoint {
  padding-bottom: 10px;
}

#thelist {
  background-color: #eeeeee;
  border-bottom: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  min-height: 113px;
  padding: 5px 0px 10px 8px;
}

.clickNameInfo {
  font-size: 10px;
  margin: -2px 0 10px 0px;
}

#clickGodaddy {
  color: #dd0000;
}

.domainCheck .namelistName {
  cursor: pointer;
}

.domainCheck .namelistName:hover {
  color: #009900;
  text-decoration: underline;
}

#thelist.domainCheck {
  min-height: 120px;
}

#remember {
  background-color: #eeeeee;
  border-top: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #666;
  cursor: pointer;
  font-size: 10px;
  line-height: 14px;
  padding: 0.4em 0.2em 0.2em 0.5em;
}

#googlebanner {
  margin: 0 auto;
  width: 100%;
}

.googlebanner_save_bund {
  clear: left;
}

/*   BOOKMARK BOX  */
#bookmarkAddContainer {
  float: right;
  width: 72%;
}

#bookmarkBox {
  display: none;
  margin: 2em 0 0.8em 0;
  width: 100%;
}

/* Text*/

#left {
  float: left;
  padding-top: 0px;
  width: 275px;
}

#right {
  margin: 0px 0 0 310px;
}

.headarticle {
  line-height: 18px;
  font-size: 12px;
  margin: 35px 0 40px 0px;
}

.headarticle h1 {
  font-size: 20px;
  margin: 30px 0 15px 0;
  letter-spacing: -1px;
}

.headarticle h2 {
  font-size: 16px;
  margin-bottom: 3px;
  margin-top: 15px;
}

.headarticle h3 {
  font-family: arial, verdana, sans serif;
  margin-bottom: 2px;
  margin-top: 15px;
}

.headarticle p {
  margin-bottom: 10px;
}

.headarticle ul {
  padding-left: 20px;
}

.article {
  line-height: 21px;
  margin-bottom: 50px;
}

.article h1 {
  font-size: 20px;
}

.article h2 {
  margin: 0px 0 0px 0;
  padding-top: 15px;
}

.article h3 {
  font-size: 12px;
  margin: 15px 0 0px 0;
}

.article p,
.article ul {
  font-size: 11px;
}

.article ul {
  padding: 0 0 20px 20px;
}

#mailform {
  margin: 10px 0 15px 0;
}

#mailform td.descrip {
  text-align: right;
  padding-right: 4px;
}

#mailform td {
  padding: 3px 0 6px 0;
}

#footer {
  border-top: 1px solid #ddd;
  padding: 5px 0;
  font-style: italic;
  clear: both;
  text-align: center;
  font-size: 9px;
}

#footer p {
  margin-bottom: 5px;
}

/* Cookie consent */
.cc-bottom {
  background: black;
  bottom: 0;
  box-sizing: border-box;
  color: white;
  font-size: 90%;
  opacity: 0.75;
  padding: 10px;
  position: fixed;
  right: 0;
  z-index: 500;
}

.cc-bottom a {
  color: white;
  text-decoration: underline;
}

.cc-compliance {
  float: right;
}

.cc-bottom a.cc-btn {
  border: 1px solid #666666;
  border-radius: 2px;
  cursor: pointer;
  margin-left: 0.8em;
  padding: 3px 8px;
  text-decoration: none;
}

.cc-invisible {
  display: none;
}

/*Affiliate styles*/
#goDaddyForm {
  display: none;
}

/*Special frontpage styles*/
.frontpa #header {
  text-align: left;
}

#frontmenu ul {
  padding: 6px 0 0px 24px;
}

#frontmenu li {
  font-size: 15px;
  font-weight: bold;
  list-style-type: disc;
}

#frontmenu li a {
  color: #000000;
  display: block;
  padding: 5px 5px 5px 0px;
  text-decoration: none;
}

#frontmenu li a:hover {
  color: #0033aa;
  text-decoration: underline;
}

#frontmenu h2 {
  font-family: inherit;
  font-size: 24px;
  letter-spacing: -1px;
  margin: 0 0 0 6px;
}

.box {
  background-color: #eeeeee; /* #f1f4ff; */
  border-radius: 2px;
  padding: 5px 5px 5px 12px;
  float: left;
  margin: 0 2% 2% 0;
  padding: 12px 8px 8px 15px;
  min-width: 250px;
  width: 28.5%;
}

/* Forskellige farver på forside bokse eksperiment */

#frontpage_project {
  background-color: #ddeeff;
}

#frontpage_nick {
  background-color: #eeeeee;
}

#frontpage_fantasy {
  background-color: #ddeeee;
}
/**/

#fontpage_ads {
  clear: both;
  margin: 0 auto;
  max-width: 728px;
}

.frontpa #main {
  float: left;
}

.frontpa #articles {
  clear: none;
  float: left;
}

#news {
  background: #eeeeee;
  float: right;
  font-size: 11px;
  line-height: 16px;
  margin-top: 2.5em;
  padding: 0 0px 20px 0px;
  width: 26%;
}

#news h2 {
  font-family: verdana, arial, geneva, helvetica, sans-serif;
  font-size: 18px;
  margin: 0 0 -10px 0;
  padding: 13px 0 0px 8px;
}

#news h3 {
  font-size: 16px;
  padding: 5px 2px 5px 10px;
  margin-top: 25px;
}

#news p {
  padding: 0 10px;
}

.breakingnews {
  color: #ff7200;
}

.marketing {
  float: left;
  width: 71%;
}

.marketing h1 {
  color: #222222;
  font-size: 18px !important;
  letter-spacing: 0px;
  margin: 20px 0 4px;
}

.marketing h2 {
  color: #222222;
  font-size: 18px !important;
  letter-spacing: 0px;
  margin: 20px 0 4px;
}

.marketing h3 {
  color: #222222;
  font-family: arial, verdana, sans serif;
  font-size: 14px !important;
  margin-bottom: 2px;
}

.marketing p,
.marketing ul {
  font-size: 12px;
}

.marketing ul {
  margin: 15px 0 20px 0;
  padding-left: 20px;
}

.marketing li {
  list-style-type: circle;
}

/* Media query styles */

@media screen and (max-width: 1100px) {
  #header h1 {
    margin-left: 1rem;
  }
}

@media screen and (min-width: 730px) and (max-width: 880px) {
  .menuName,
  #header p {
    display: none;
  }
}

@media screen and (max-width: 730px) {
  #wrapper {
    padding: 0;
  }

  #header {
    height: 40px;
    overflow: hidden;
  }

  #menu {
    position: relative;
    top: 0px;
  }

  #menu li {
    border-radius: 0;
    border-bottom: 1px solid #eee;
    display: block;
    width: 100%;
  }

  #menu li:last-child {
    border-bottom: 0;
  }

  #menu li .arrow-down {
    float: right;
    left: 0;
    top: 8px;
  }

  #codename-generator,
  #frontmenu {
    float: left;
    margin-top: 10px;
    max-width: 100%;
    width: 100%;
  }

  #codename-generator {
    margin: 5% 5% 14px 5%;
    width: 90%;
  }

  #resultBox {
    margin-top: 20px;
  }

  #result {
    font-size: 24px;
  }

  form {
    margin-top: 20px;
  }

  #savelist {
    clear: both;
    font-size: 1em;
    max-width: 100%;
    margin-bottom: 0.8em;
    padding: 0 5%;
    width: 90%;
  }

  #thelist.domainCheck {
    min-height: 60px;
  }

  #remember {
    font-size: 0.8em;
    margin: -5px 5px 5px;
    padding: 0.2em 0;
  }

  #bookmarkAddContainer {
    float: left;
    padding: 0 5%;
    width: 90%;
  }

  #bookmarkBox {
    margin: 1.5em 0 0 0;
  }

  .frontpa #bookmarkBox {
    clear: both;
    float: left;
    margin: 0 0 3%;
    padding: 1.5%;
    width: 97%;
  }

  #frontpage_project,
  #frontpage_nick,
  #frontpage_fantasy {
    background-color: transparent;
  }

  .googlebanner_save_bund {
    display: none;
  }

  #articles {
    float: left;
    max-width: 100%;
    width: 96%;
    padding: 2%;
  }

  .box {
    border-bottom: 1px solid #999;
    box-sizing: border-box;
    padding: 1em 0 1em 1em;
    width: 100%;
  }

  .frontpa #main {
    padding: 2%;
  }

  #frontmenu li a:hover,
  #frontmenu li a:active {
    color: #ccff00;
    text-decoration: none;
  }

  #fontpage_ads {
    padding-left: 2%;
  }

  .marketing {
    width: 100%;
  }

  #news {
    clear: both;
    float: left;
    width: 100%;
  }

  #left {
    width: 100%;
  }

  #right {
    clear: both;
    margin: 0;
  }
}

@media screen and (max-width: 730px) {
  #wrapper,
  #codename-generator,
  #thelist,
  #remember,
  #bookmarkBox,
  #news,
  #faq {
    background-color: #222222;
    border: 0;
  }

  p,
  h2,
  h3,
  li,
  #codename,
  #codename-generator p,
  #savelist,
  #savelist h2,
  #frontmenu li a,
  .headarticle h1,
  .marketing h1,
  .marketing h2 {
    color: white;
  }

  #resultboxText,
  .frontpa #on,
  #aboutText,
  .marketing img,
  .newWindow {
    display: none;
  }

  h1 {
    letter-spacing: -1px;
  }

  #knap {
    background-color: #66aa00;
    border-bottom: 2px solid #227700;
    border-right: 2px solid #227700;
  }

  #knap:hover {
    background-color: #449900;
  }

  #knap:active {
    background-color: #227700;
  }

  a,
  .domainCheck .namelistName:hover {
    color: #ccff00;
  }

  #codename-generator,
  #thelist {
    background-color: #444444;
  }

  #header .center p {
    display: none;
  }

  #header .center h1 {
    font-size: 25px;
    margin: 0.2rem 0.2rem 0.2rem 0.5rem;
    text-shadow: none;
  }

  #thelist {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  #clickGodaddy {
    color: #ccff00;
  }

  #saveListName,
  .hideMobile {
    display: none;
  }

  /* Cookie consent */
  .cc-bottom {
    background: white;
    color: black;
    opacity: 0.95;
    width: 100%;
  }

  .cc-bottom a {
    color: black;
  }

  .cc-compliance {
    float: right;
  }

  .cc-bottom a.cc-btn {
    border: 1px solid #666666;
    padding: 3px 5px;
  }
}

/* Google responsive ads */

/* Grafisk banner under generator */
.responsiveundergeneratorgfx {
  width: 320px;
  height: 50px;
}
@media (min-width: 500px) {
  .responsiveundergeneratorgfx {
    width: 468px;
    height: 60px;
  }
}
@media (min-width: 1000px) {
  .responsiveundergeneratorgfx {
    width: 728px;
    height: 90px;
  }
}

/* Tekst banner under generator */
.responsiveundergenerator {
  width: 320px;
  height: 50px;
}
@media (min-width: 500px) {
  .responsiveundergenerator {
    width: 468px;
    height: 60px;
  }
}
@media (min-width: 1000px) {
  .responsiveundergenerator {
    width: 728px;
    height: 90px;
  }
}

/* Forside banner */
.responsivefrontpage {
  width: 320px;
  height: 50px;
}
@media (min-width: 500px) {
  .responsivefrontpage {
    width: 468px;
    height: 60px;
  }
}
@media (min-width: 800px) {
  .responsivefrontpage {
    width: 728px;
    height: 90px;
  }
}