*, div { margin : 0; padding: 0; }
img { border: 0; }
html { margin: 0;  height: 100.1%; padding: 0; width:100%; }
body { margin: 0;  padding: 0; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;  font-size: 62.5%;  background: #fff url(../billeder/topgradient.png) repeat-x 0px 0px; }
.clear { clear: both;}
a:link { color: #000; text-decoration: underline; }
a:visited { color: #666;  text-decoration: none;  }
a:hover { color: #666; text-decoration: underline; z-index: 12;}
a:active { color: #ddd; text-decoration: none; }
h1 { text-indent: -2232px;}
h1 a { z-index: 1; position: absolute; background: url(../billeder/danskdvorak.png) no-repeat 0px 0px; height: 75px; width: 186px; margin: 0; top: 17px; left: 28px; }

p { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 1.2em; margin: 1em 0 0.5em 0; }
h2, h3, h4, h5, h6 { font-size: 1.5em; margin: 1.2em 0 0.5em 0; color: #555; }

div#holder { z-index: 3; margin: 102px 0px 0 0px; width: 100%; max-width: 120em; min-width: 63em; }
div#bund {  margin: 0; clear:both; margin: -1px 0 0 0; margin-top: 34px; }
div#venstre { z-index: 3; padding: 0 0 38px 0px; margin: 0px 5% 24px 0; width: 37%; max-width: 81em; min-width: 16em; float: left; }
div#indhold { clear:both; z-index: 3; padding: 24px 0 0 0px; margin: 0px 20px 0 30px; min-width: 63em; }
div#hojre { z-index: 3; padding: 0px; margin: 12px 0 0 0; width: 34em; float: left; }
div#venstre2 {  z-index: 3; padding: 0 0 38px 0px; margin: 0px 3% 24px 0; width: 36em; float: left; }
div#hojre2 { z-index: 1; padding-left: 0px; padding-top: 0px; margin: 28px 0 30px 0; width: 180px; min-height: 180px; height: 100%; float: left; text-align: center;  background: url(../billeder/rightmidte.png) repeat-y 0px 0px;  }
object { margin-bottom: 1.5em;}
div#venstre h2, div#venstre2 h2 { color: #000; }
div#hojre2 h2 {background: url(../billeder/righttop.png) no-repeat 0px 0px; margin-top: 0px; padding: 36px 0 30px 0px; color: #000; }
div#hojre2 p.rightbund {  z-index: 1; margin: 1em 0 0 0; width: 140px; height: 90px; text-align: center;  background: url(../billeder/rightbund.png) no-repeat 0px 100%;  padding: 0px 20px 30px 20px; }
div#hojre2 p.righttop { margin-top: -20px; }
div#hojre2 p.rightbund a {  margin-top: 1em; font-size: 1.1em; }
div#hojre2 p { padding: 0px 20px; margin: 0 0 0.2em 0;  }
div#venstre2 p { padding-right: 20px;  }


div#hojre img { margin: 0px 0 24px 0; }
div#hojre p { padding: 0 6px 0 2px;   }
div#hojre h5 { padding: 0 15px; }
div#bund p { background: #fff url(../billeder/bund.png) no-repeat 100% 0;  padding: 15px 28px 10px 28px; clear:both; margin: 0px 0 0 0; font-size: 0.9em;  width: 76%; max-width: 100em; min-width: 55em; }
#entotre { margin: 0 0 -14px 0; padding: 0;}

div#venstre ul li, div#venstre ol li, div#hojre ul li { margin-top:1em; padding-right: 12px; }
div#venstre ul, div#venstre2 ul, div#hojre ul, div#hojre ol {  font-size: 1.2em; list-style: none; }
div#venstre ul ul li { padding-left: 12px; font-size: 0.8em; list-style: none;}



.driver {  font-size: 1.5em; padding: 10px 8px 10px 30px; text-align: center;  background: #ddd url(../billeder/driver.png) no-repeat 100% 0; margin: 0px 5% 0 -30px; } 
ul#drivere {padding: 10px 8px 20px 30px;   background: #ddd url(../billeder/driver.png) no-repeat 100% 0; margin: 0px 5% 0 -30px; }

ul#menu { padding: 0 0 0 14px; font-size: 1.2em; height: 2.6em; background: #ccc url(../billeder/menuhjorne.png) no-repeat 100% 100%; width: 76%; max-width: 100em; min-width: 49em; overflow: hidden; }
ul#menu li {  float: left; padding: 0.5em 0 0.4em 0;  font-size: 1.2em;  list-style: none; border-top: 1px solid #ccc; }
ul#menu li a {  clear: both; padding: 0.4em 1em 0.5em 1em; list-style: none; }
ul#menu li a:link { color: #000; text-decoration: none; }
ul#menu li a:visited { color: #000;  text-decoration: none;  }
ul#menu li a:hover {  text-decoration: underline; z-index: 12;  background: #ddd url(../billeder/menuhover.png) no-repeat 100% 0;}
ul#menu li a:active { color: #fff; text-decoration: underline; }
ul#menu li a#rssfeed { background: url(../billeder/rss.png) no-repeat 0px center; margin: 0 0 0 1em; padding-left:20px; color: #ccc; }
ul#menu li a#rssfeed:hover {  background: url(../billeder/rss.png) no-repeat -600px center; }

ul#menu2 { position: relative; top: 35px; left: 0px; margin-top: 12px; padding: 0.6em 0px 0.2em 30px; font-size: 1.1em; height: 1.4em; clear:both; background: #fff url(../billeder/bund.png) no-repeat 100% 0; width: 32em; }
ul#menu2 li {  float: left;  padding: 1px 24px 2px 0;  font-size: 1em;  list-style: none; }
ul#menu2 li a {  clear: both; list-style: none; }
ul#menu2 li a:link { color: #000; text-decoration: none; }
ul#menu2 li a:visited { color: #666;  text-decoration: none;  }
ul#menu2 li a:hover {  text-decoration: underline; z-index: 12;  color: #666; }
ul#menu2 li a:active { color: #fff; text-decoration: underline; }

body#flash { text-align: center; }
body#flash p {padding: 0 25px 0 25px;}
#CC {display: block; margin-top: 1.4em; text-align:center;}
body#index1 #menu a.aktiv, body#links1 #menu a.aktiv, body#download1 #menu a.aktiv, body#download2 #menu a.aktiv, body#video1 #menu a.aktiv, body#omdanskdvorak1 #menu a.aktiv, body#kontakt1 #menu a.aktiv,  body#omdanskdvorak1 #menu a.aktiv, body#faq1 #menu a.aktiv, body#promotion #menu a.aktiv   { background-color: #fff; border-top: 1px solid #ccc;  background: #fff url(../billeder/menuaktiv.png) no-repeat 100% 0; }
body#kontakt1 div#venstre2 { background: #ddd url(../billeder/bundhjorne.png) no-repeat 100% 0; padding: 0 0 50px 50px; margin: 0px 5% 0 -30px; }
body#links1 div#venstre, body#promotion div#venstre2 { background: #ddd url(../billeder/bundhjorne.png) no-repeat 100% 0; padding: 0 0 50px 50px; margin: 0px 5% 0 -30px; width: 36%; max-width: 81em; min-width: 20em; float: left;  }
body#download2 h2, body#download2 h3, body#download2 h4, body#download2 h5, body#download2 h6 { color: #000; }
body#faq1 h2, body#faq1 h3, body#faq1 h4, body#faq1 h5, body#faq1 h6  { color: #000; }
.et { background: url(../billeder/1.png) no-repeat left center; padding: 3px 0 3px 20px;  }
.to { background: url(../billeder/2.png) no-repeat left center; padding: 3px 0 3px 20px;  }
.tre { background: url(../billeder/3.png) no-repeat left center; padding: 3px 0 3px 20px;  }
.fire { background: url(../billeder/4.png) no-repeat left center; padding: 3px 0 3px 20px;  }
.fem { background: url(../billeder/5.png) no-repeat left center; padding: 3px 0 3px 20px;  }
.seks { background: url(../billeder/6.png) no-repeat left center; padding: 3px 0 3px 20px;  }
.syv { background: url(../billeder/7.png) no-repeat left center; padding: 3px 0 3px 20px;  }
.otte { background: url(../billeder/8.png) no-repeat left center; padding: 3px 0 3px 20px;  }
.ni { background: url(../billeder/9.png) no-repeat left center; padding: 3px 0 3px 20px;  }
.code {  padding: 10px 8px 10px 18px;  background: #ddd url(../billeder/driver.png) no-repeat 100% 0; margin: 0px 5% 0 0px;}
/*HVORFOR DVORAK*/
div#hvorfor a { width: 164px; height: 164px; position: absolute; right: 0; top: 0;  background: url(../billeder/hvorfordvorak.png) no-repeat 100% 0px; z-index: 1; }
div#hvorfor a:hover { width: 264px; height: 264px; position: absolute; right: 0; top: 0;  background: url(../billeder/hvorfordvorak.png) no-repeat 100% -410px;  z-index: 1; }
div#hvorfor p, p#LavetafDvorak { text-indent: -4222px; }
a#LavetafDvorak2 { position: absolute; top: 0; right:0; height: 176px; width: 176px; background: url(../promotion/LavetPaaDanskDvorak.png) no-repeat 0; z-index: 1001;}


#skipnavigation { height: 1px; text-indent: -2122px; font-size: 0.1em; }
.skaber { margin-top: 2em;}
.link {background: url(../billeder/link.png) no-repeat center left; padding-left: 14px; }
.ekstern {background: url(../billeder/ekstern.png) no-repeat center left; padding-left: 14px; }
.pdf {background: url(../billeder/pdf.png) no-repeat center left; padding-left: 20px; }
.listepunkt { background: url(../billeder/listepunkt.png) no-repeat left 0.16em; padding-left: 14px;}
.center { text-align: center; }
.flyder { float: left; margin-right: 5px; }
div#hojre .rss {line-height: 20px;   }
.rssimg {padding: 0px 8px 0px 0px;}
.citat { font-style: italic;}
.note { font-size: 1.1em;}
code {  font: 1.1em Courier, monospace; display:block; margin: 12px 0; }
.kode {  margin-left: -10px; padding: 10px 10px 10px 10px;  background-color: #fff; }
.notits { font-size: 0.9em;}
.ulli { text-indent: 1.4em; }
.ullili { text-indent: 2.8em; }
.fed { font-weight: bold}