/* html-faq.dk - css */
/* Generelt for alle sider */
body{
font-family:verdana,arial,sans-serif;
background-color:white;
background-image:url(b/htmlfaqbg.gif); 
background-repeat:repeat-y;
color:black;
margin:0px;
padding:0px;
font-size:0.8em;
}

hr{
margin:0;
padding:0;
}

.kodeboks{
width:100%;
height:auto;
background:#ffe;
padding:5px;
}

#topbar{
position:absolute;
top:0px;
left:0px;
height:80px;
width:100%;
background:white url(b/htmlfaqtop9.gif);
color:black;
}

#brugere{
position:absolute;
top:62px;
left:200px;
font-size:12px;
}

#opdateret{
color:gray;
background:white;
}

#search{
position:absolute;
top:60px;
left:89px;
}

#bookmark{
position:absolute;
top:60px;
left:117px;
}

#printer{
position:absolute;
top:60px;
left:138px;
}

#home{
position:absolute;
top:60px;
left:159px;
}

#sfplace{
position:absolute;
top:59px;
left:3px;
}

#sfstyle{
font-family:verdana,arial,sans-serif;
font-size:10px;
width:80px;
background:#eeeeee;
color:black;
border:solid 1px navy;
}

.ops{
height:12px;
width:15px;
}

#op{
position:absolute;
top:0px;
left:0px;
height:1px;
width:1px;
}

#menublok{
position:absolute;
top:100px;
left:20px;
width:150px;
}

#menublok1{
width:150px;
margin:0;
padding:0;
}

#menublok1 ul{
padding:0px;
color:black;
border:solid 1px blue;
background:yellow;
margin:0 0 10px 0;
}

#menublok1 li{
list-style-type:none;
padding:0px;
display:inherit;
}

#menublok1 a{
color:blue;
background:inherit;
width:100%;
padding:5px;
display:block;

}
#menublok1 a:hover{
color:white;
background:blue;
}

#menublok2{
/* definitioner på selve blokken */
}

#menublok2 ul{
border:solid 1px red;
margin:0px;
list-style-type:none;
padding:0px;
}
#menublok2 li{
padding:0px;
}

#menublok2 a{
color:red;
background:inherit;
}
#menublok2 a:hover{
color:white;
background:red;
}

#copyscapefelt{
padding:3px;
font-size:1em;
border-top:solid 1px #999999;
text-align:center;
}
#copyscapefelt img{
border:none;
}
#copyscapefelt form{
margin:0px 0px 0px 0px;
}
#copyscapeinput{
font-family:verdana,arial,sans-serif;
font-size:0.8em;
padding:3px;
width:226px;
background:#eeeeee;
color:black;
border:solid 1px navy;
}
#copyscapeknap{
font-family:verdana,arial,sans-serif;
font-size:0.8em;
padding:2px;
color:white;
background-color:inherit;
background:url(b/striber.gif);
border:solid 1px navy;
cursor:pointer;
}

a{
color:navy;
background-color:inherit;
background:url(b/tom.gif);
text-decoration:none;
font-weight:bold;
}
a:hover{
color:#ff0000;
background-color:inherit;
background:url(b/tom.gif);
}

#nedlink a:hover{
color:white;
background-color:navy;
}

#linkgruppe{
width:200px;
border:dotted 2px #ccc;
}
#linkgruppe ul{
margin:0px;
padding:0px;
list-style-type:none;
}
#linkgruppe a{
display:block;
padding:3px;
width:180px;
color:navy;
background:inherit;
}
#linkgruppe a:hover{
color:navy;
background:yellow;
}

#stor_knap{
display:block;
width:150px;
height:50px;
border:solid 1px navy;
}

#tekstlink a{
display:block;
width:150px;
border:solid 2px navy;
padding:5px;
}

#tekstlink a:hover{
border:dotted 2px navy;
color:red;
background:yellow;
text-align:right;
}

#linkblok{
clear:both;
color:black;
background:white;
}
.ul-link{
list-style:url(b/dok.gif);
}
.ul-link a{
display:block;
margin-top:0px;
margin-bottom:0px;
padding:1px;
width:95%;
}
.ul-link a:hover{
color:white;
background:navy;
}

#htmlfaqgrafiklink img{
border:none;
height:31px;
width:88px;
float:left;
margin-right:10px;
}
#htmlfaqtekstlink a{
font-family:verdana,arial,sans-serif;
color:navy;
background:white;
text-decoration:none;
font-weight:bold;
}
#htmlfaqtekstlink a:hover{
color:red;
background:white;
}

#indhold{
padding-top:100px;
padding-left:200px;
padding-right:20px;
}

/* #indhold ul{
list-style-image:url(b/spiral.gif);
} */

h1{
margin-top:0px;
font-size:20px;
color:navy;
background:#ddd;
padding: 1px 1px 1px 5px;
border-bottom:solid 1px navy;
font-weight:normal;
}

h2{
font-size:16px;
color:#888;
background:inherit;
background-image:url(b/orange2.gif);
background-repeat:no-repeat;
background-position:0px 50%;
padding:0 0 2px 25px;
width:95%;
}

h3{
font-size:12px;
font-weight:bold;
color:navy;
background:#ddd;
padding:3px 3px 3px 5px;
border-bottom:solid 1px navy;
}

h4{
font-size:14px;
font-weight:bold;
color:#666;
background:inherit;
border-bottom:dotted 2px #ccc;
width:95%;
}


#hvem{
color:black;
background:#ddd;
border:solid 1px #999;
padding:3px;
}

td,th{
font-size:12px;
background:inherit;
color:black;
}

img{
border:none;
}

tt{
font-size:1.2em;
font-family:"courier new",monospace;
color:blue;
background:inherit;
}

h2 tt{
background:#fff;
color:blue;
}

.mark{
color:red;
background:white;
font-weight:bold;
}

code{
display:block;
font-size:14px;
font-family:"courier new",monospace;
color:blue;
background:#eeeeee;
margin-left:0px;
margin-right:10px;
margin-bottom:15px;
padding:15px;
border:solid 1px #999;
border-left:solid 10px #999;
}
/* /Generelt for alle sider */

/* 2006 - Avancerede tabeller med css */
.kode{
display:block;
font-size:14px;
font-family:"courier new",monospace;
color:blue;
background:#eeeeee;
margin-left:0px;
margin-right:10px;
margin-bottom:15px;
padding:15px;
border:solid 1px #999999;
}
/* /2006 - Avancerede tabeller med css */

/* 2018 - Er marquee og blink virkelig så skrækkeligt? */
marquee{
color:black;
background:white;
}
/* /2018 */

/* 2012 - Printervenlige sider */
#printervenlig,#thumbnail1,#thumbnail2,#aa{
float:left;
margin-right:10px;
}

#printervenlig{
width:200px;
height:139px;
}
/* /2012 - Printervenlige sider */

/* 3001 - Brug en toolbar når du udvikler! */
#toolbar-css{
float:right;
margin-left:10px;
}
#toolbarlogo{
color:black;
background:inherit;
background-image:url(b/toolbar2.gif);
background-repeat: no-repeat;
height:62px;
}
/* /3001 - Brug en toolbar når du udvikler! */

/* 3002 - Total Commander */
#tc-css{
float:left;
margin-right:10px;
}
/* /3002 - Total Commander */

/*******************************/
/* mail-formularer                                */
/*******************************/

#mailfelt,#navnefelt,#emnefelt{
width:80%;
font-family:verdana,arial,sans-serif;
font-size:12px;
border:solid 1px navy;
margin-bottom:3px;
padding:3px;
}

#beskedfelt{
font-family:verdana,arial,sans-serif;
font-size:12px;
width:80%;
height:100px;
border:solid 1px navy;
overflow:auto;
margin-bottom:3px;
padding:3px;
}

#sendknap{
font-family:verdana,arial,sans-serif;
font-weight:bold;
font-size:12px;
background-color:#000080;
color:white;
border:solid 1px navy;
width:100px;
cursor:pointer;
padding:3px;
}

fieldset{
width:95%;
border:none;
}

label{
width:7em;
color:black;
background:inherit;
float:left;
}
/*/mail-formular*/

#div2022bg1 tt{
background:yellow;
color:blue;
}

/* 2006 - Avancerede tabeller med css */
.tekst{
font-family:verdana,arial,sans-serif;
font-size:1em;
color:black;
background:white;
border:solid 1px #cccccc;
padding:3px;
margin:0px 0px 10px 0px;
}
/* /2006 - Avancerede tabeller med css */

/* 2004 - Preload af billeder med html */
#preload a img{
width:27px;
height:20px;
margin:1px;
padding:1px;
border:1px solid navy;
}
#preload a:hover img{
border:1px solid red;
}
#bil1 img,#bil2 img,#bil3 img,#bil4 img,#bil5 img,#bil6 img,#bil7 img,#bil8 img,#bil9 img,#bil10 img,#bil11 img,#bil12 img,#bil13 img,#bil14 img,#bil15 img,#bil16 img{
width:640px;
height:480px;
border:1px solid gray;
}
/* /2004 - Preload af billeder med html */

.gb{
border:solid 2px #cccccc;
padding:5px;
}

.pil{
list-style:url(b/pil.gif);
}

.dec{
list-style:decimal;
}

.cirk1{
position:absolute;
top:5px;
left:5px;
z-index:1
}

.cirk2{
position:absolute;
top:30px;
left:30px;
z-index:2
}

.cirk3{
position:absolute;
top:55px;
left:55px;
z-index:3
}

.cirk4{
position:absolute;
top:80px;
left:80px;
z-index:4
}

.cirktext{
margin-left:140px;
width:70%;
}

#poscontainer{
float:left;
position:relative;
width:120px;
height:120px;
}

.p50{
width:50%
}

dt{
font-weight:bold;
}

.fl {
float:left; 
width:112px; 
margin-top:0;
}

.bold{
font-weight:bold;
}

.redbold{
font-weight:bold;
color:red;
background:inherit;
}

.redtext{
color:red;
background:inherit;
}

.intxt{
font-family: verdana, arial, sans-serif;
color: black;
background: inherit;
}

.underline{
text-decoration:underline;
}

/* 2008 - Farve og baggrund på links */
.red{
color:red;
background:inherit;
text-decoration:underline;
}

.blue{
color:blue;
background:inherit;
text-decoration:underline;
}

.purple {
color:#800080;
background:inherit;
text-decoration:underline;
}
/* /2008 - Farve og baggrund på links */


/* 2010 - CSS - Hvad er det og hvordan bruges det? */
.intxt{
font-family:verdana,arial,sans-serif;
color:black;
background:inherit;
font-size:0.9em;
}

.intxtr{
font-family:verdana,arial,sans-serif;
color:red;
background:inherit;
font-size:0.9em;
}

.citat{ /* 2010+2015 */
font-family:verdana,arial,sans-serif;
color:black;
background:#eee;
border:solid 1px #999999;
padding:15px
}
/* /2010 - CSS - Hvad er det og hvordan bruges det? */


/******************************/
/* Listemenu                                    */
/******************************/

#navcontainer{
width:160px;
}

#navcontainer ul{
margin: 0;
padding-left: 0;
list-style-type: none;
}

#navcontainer a{
display:block;
padding:3px;
width:144px;
background-color:inherit;
background:url(b/tom.gif);
color:navy;
}

#navcontainer a:link, #navlist a:visited{
background-color:inherit;
background:url(b/tom.gif);
color:navy;
text-decoration:none;
}

#navcontainer a:hover{
background:navy;
color:white;
}
/* Slut på listemenu */

/**/
a.td:link, a.td:visited, a.td:active{
font-family:verdana,arial,sans-serif;
color:navy;
text-decoration:none;
font-size:12px;
padding:3px;
background:inherit;
font-weight:bold;
display:block;
width:150px;
}
a.td:hover{
background:navy;
color:white;
}

/**/

/* 1015 - Favicon */
.floatIllustration{
float:right;
padding:0.2em;
font-size:80%;
color:black;
background:#fcfcfc;
border:solid 1px #cccccc;
margin:0.6em;
}

.w132{
width:132px;
float:left;
}

.w140{
width:140px;
}

.w190{
width:190px;
}

.w374{
width:374px;
}
/* /1015 - Favicon */

#forsideboks{
float:left;
width:200px;
border:1px solid #999;
padding:5px;
background:#dddddd;
color:black;
margin-right:10px;
}
#forsideboks p{
background:#ddd;
color:black;
margin:10px 0 0 0;
}
#forsideboksoverskrift{
background:navy;
color:white;
padding:3px;
font-weight:bold;
}

.clr{
clear:both;
}

/* 2022 - Baggrundsbilleder og baggrundsfarver */

#div2022{
border:solid 1px red;
padding:10px;
width:60%;
background-color:inherit;
background:url(b/2022bg1.gif);
color:black;
}

#div2022whi{
border:solid 1px red;
padding:5px;
background:white;
color:black;
}

#div2022bg1{
border:solid 1px red;
padding:5px 5px 5px 15px;
background:yellow url(b/2022bg1.gif) repeat-y;
color:black;
}

.tabelkant{
border:solid 1px red;
border-collapse:separate;
border-spacing:10px;
}

.tdkant{
border:solid 1px red;
}

.bg-yellow{
background:yellow;
color:black;
}

.cap1{
font-weight:bold;
color:white;
background-color:inherit;
background:url(b/2022bg1.gif);
border-style:solid;
border-width:1px 1px 0px 1px;
border-color:navy;
padding:3px;
}

.pad3{
padding:3px;
}

.bg-pic1{
color:white;
background:blue url(b/2022bg1.gif);
}

.bg-pic2{
color:black;
background:blue url(b/2022bg1.gif);
}

.blatxt{
font-weight:bold;
}

.whitxt{
color:white;
background:inherit;
}

a.knap1:link, a.knap1:visited, a.knap1:active{
display:block;
padding:3px;
width:60px;
height:15px;
background-color:inherit;
background:url(b/2022bg1.gif);
color:yellow;
border:solid 1px navy;
text-align:center;
}

a.knap1:hover{
background:red;
color:white;
}

a.knapa1:link, a.knapa1:visited, a.knapa1:active{
display:block;
padding:3px;
width:60px;
height:15px;
background-color:inherit;
background:url(b/knapa1.gif);
color:yellow;
text-align:center;
}

a.knapa1:hover{
background-color:inherit;
background:url(b/knapa2.gif);
color:white;
}

#display-none{
/*Henter knap b/knapa2.gif for a.knapa1:hover*/
/*Henter knap b/hjerte1.gif for #li_link li a:hover*/
display:none;
}

#alm-input{
width:130px;
}

#alm-knap{
width:130px;
}

#and-input{
padding:3px;
width:130px;
border:solid 2px red;
background:#006699;
color:white;
}

#and-input:hover{
border:solid 2px green;
background:yellow;
color:blue;
}

#and-input:focus{
border:solid 2px green;
background:#fffff0;
color:black;
}

#and-knap{
height:24px;
width:130px;
border:none;
background-color:inherit;
background:url(b/2022knap1.gif);
color:white;
}

#select1{
width:200px;
}

#select2{
border:solid 3px red;
background:navy url(b/2022bg1.gif);
color:yellow;
width:200px;
}

.option2{
background-color:inherit;
background:url(b/2022bg1.gif);
color:yellow;
}

.option2:hover{
border:solid 1px white;
background:navy;
color:white;
font-weight:bold;
cursor:pointer;
}

#li-link{
margin:0px 10px 10px 0px;
padding:10px;
border:solid 3px red;
background:#eeeeee;
color:black;
width:100px;
float:left;
}

#li-link li{
list-style-type:none;
border-bottom:1px solid red;
padding:5px;
}

#li-link li a{
font-weight:bold;
color:navy;
background:url(b/hjerte0.gif) no-repeat 0px 50%;
background-color:inherit;
padding:0px 0px 0px 20px;
display:block;
width:90px;
}

#li-link li a:hover{
color:red;
background:url(b/hjerte1.gif) no-repeat 0px 50%;
background-color:inherit;
}
/* /2022 - Baggrundsbilleder og baggrundsfarver */


/* 2009 - Derfor er frames en dårlig ide */
.liste li{
margin-bottom: 10px;
}

.nodot{
list-style-type:none;
}

.mt10{
margin-top:10px;
}
/* /Derfor er frames en dårlig ide */

/* 2020 - Brug attributter */
#b1{
height:100px;
width:100px;
}

#boks1 {
height:100px;
padding-bottom:10px;
color:black;
background:white;
}

#cont1 {
float:left;
width:100px;
margin-right:15px;
}

.ffhelp{
height:86px;
width:185px;
}

.flickasize{
height:139px;
width:185px;
}

.ffhelpboks, .flickaboks{
float:left;
width:185px;
padding:0.2em;
font-size:80%;
color:black;
background:#fcfcfc;
border:solid 1px #cccccc;
margin:0px 2px 5px 0px;
}
/* /2020 - Brug attributter */

/* 1017 - Hvordan åbner man en side i et nyt vindue? */
#ierightclick{
float:left;
width:155px;
padding:0.2em;
font-size:80%;
color:black;
background:#fcfcfc;
border:solid 1px #cccccc;
margin:0px 2px 5px 0px;
}
#oprightclick{
float:left;
width:264px;
padding:0.2em;
font-size:80%;
color:black;
background:#fcfcfc;
border:solid 1px #cccccc;
margin:0px 2px 5px 0px;
}
#ffrightclick{
float:left;
width:153px;
padding:0.2em;
font-size:80%;
color:black;
background:#fcfcfc;
border:solid 1px #cccccc;
margin:0px 2px 5px 0px;
}
/* /1017 - Hvordan åbner man en side i et nyt vindue? */

/* 1012 - Hvordan skifter man et billede med css? */
#knappanel1012{
list-style:none;
margin:0px;
padding:0px 10px 10px 0px;
float:left;
}

#knappanel1012 li a{
width:160px;
height:20px;
display:block;
text-align:center;
margin-top:3px; /* Afstand mellem knapper */
color:white;
background-color:inherit;
background:url(b/knap01-1012.gif) no-repeat;
}

#knappanel1012 li a:hover{
color:white;
background-color:inherit;
background:url(b/knap11-1012.gif) no-repeat;
}

/* Definition List */ 

#knappanel1012dl{
background-color:inherit;
background:url(b/blomst1.jpg);
color:white;
width:160px;
border:solid 2px gray;
padding:0px;
margin:0px 10px 10px 0px;
float:left;
}

#knappanel1012dl dt{
padding:5px;
margin-bottom:3px;
text-align:center;
}

#knappanel1012dl dd{
margin:10px;
padding:0px;
}

#knappanel1012dl dd a{
display:block;
background-color:inherit;
background:url(b/trans.gif);
color:white;
border:solid 1px #cc6699;
font-size:18px;
height:33px;
padding-top:12px;
text-align:center;
}

#knappanel1012dl dd a:hover{
background-color:inherit;
background:url(b/tom.gif);
color:navy;
border:solid 1px navy;
}

#code1012{
margin-left:175px;
}

#normal-dl{
width:160px;
padding:3px;
margin:0px 6px 0px 6px;
border:solid 1px gray;
float:right;
}
/* /1012 - Hvordan skifter man et billede med css? */

/* 2005 - Tænd og sluk */
#aabn-sf,#luk-sf{
display:block;
border:1px solid navy;
padding:3px;
background:#eeeeee;
color:navy;
}

#aabn-sf:hover,#luk-sf:hover{
background:yellow;
color:red;
}

#googlesoegediv{
width:200px;
border:1px solid navy;
color: black;
background:#b8b8b8;
text-align: center;
padding: 3px;
float:left;
margin-right:10px;
}

#googlesoegediv h3{
font-size:1em;
padding:3px;
margin:0px;
border:none;
background:#b8b8b8; 
color:black;
}

#googlesoegediv p{
margin:3px;
padding:3px;
border:1px solid navy;
color:black;
background:white;
text-align:left;
font-size:0.8em;
}

#googlesoegefelt{
font-family: verdana,arial,sans-serif;
width: 90%;
border: 1px solid navy;
padding: 5px;
margin: 0px 3px 3px 3px;
}

#googlesoegeform{
margin:0;
}

#googlesoegeform a{
display: block;
text-decoration: none;
border: 3px ridge blue;
margin: 0px 3px 3px 3px;
padding: 3px 0px 3px 0px ;
color: navy;
background:#eeeeee;
text-align: center;
}
#googlesoegeform a:hover{
background:yellow;
color:red;
border: 3px ridge red;
}
/* /2005 - Tænd og sluk */

/* 1019 - Hvorfor virker dynamisk SSI ikke? */
#kant1019{
border:2px solid gray;
padding:10px;
color:black;
background:#eee;
width:50%;
}
/* /1019 - Hvorfor virker dynamisk SSI ikke? */

/*1020*/
#liste1{
border:1px solid #ccc;
margin:0px;
padding:0px;
}

#liste2{
border:1px solid #ccc;
margin:0px;
padding:0px;
}

#liste2 ul{
list-style-type:decimal;
}

#liste3{
border:1px solid #ccc;
margin:0px;
padding:0px;
}

#liste3 ul{
list-style-image:url(b/pil.gif);
}

#liste4{
border:1px solid #ccc;
margin:0px;
padding:0px;
}

#liste5{
border:1px solid #ccc;
margin:0px;
padding:0px;
}

#liste5 ul{
list-style-type:none;
margin:0px;
padding:0px;
}

#liste6{
margin:0px;
padding:0px;
}

#liste6 ul{
list-style-type:none;
margin:0px;
padding:0px;
}

#liste6 li{
margin:0 0 2px 0;
padding:0px;
}

#liste6 li a{
display:block; 
padding:0.3em;
text-decoration: none;
color:#fff;
background:#008;
border:ridge 2px #eee; 
width:16em;
}

#liste6 li a:hover{
color:#008;
background:#ff0;
}
/*1020*/

.li-br li{
margin-bottom:1em;
}

/*2028*/
#hr2028-1{
margin:0;
padding:0;
color:inherit;
background-color:orange;
height:10px;
border:dashed 1px blue;
}

#hr2028-2{
margin:0;
padding:0;
color:inherit;
background-image:url(b/orst.gif);
height:10px;
border:solid 0px white;
}

#hr2028-3{
margin:0;
padding:0;
color:inherit;
background-image:url(b/orst.gif);
height:10px;
border:solid 0px white;
font-size:1px;
}

/*2028*/
/*2032*/
.lipsumframe {
  width:200px;
  border:1px solid black;
  font-size:10px;
}
/*2032*/