/* StyleSheet - Hjemmesideskolen - Erik Ginnerskov */

/**************************************************************/
/* generelle body-definitioner                                */
/**************************************************************/

body {
background: #fff url(images/bg.gif) top left repeat-y;
color: black;
margin: 0px;
padding: 0px;
border: 0px;
font-family: verdana, arial, sans-serif;
font-size: 0.8em;
}

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

/**************************************************************/
/* topbar elementer                                           */
/**************************************************************/

#topbar {
position: absolute;
top: 0px;
left: 0px;
height: 80px;
width: 100%;
background: #fff url(images/top.gif) top left repeat-x;
color: #000;
}

#headline {
position: absolute;
top: 12px;
left: 178px;
font-size: 40px;
font-weight: bold;
}

#hl {
background-color: inherit;
background: url(images/headline.gif) no-repeat;
color: inherit;
}

/**************************************************************/
/* breadcrumbs                                                */
/**************************************************************/

#toptekst {
position: absolute;
width: 560px;
font-size: 0.8em;
top: 62px;
left: 180px;
}

#topend {
font-weight: 600;
}

a.bclink:link, a.bclink:active, a.bclink:visited {
color: #666;
background: inherit;
font-weight: 300;
}

a.bclink:hover, a.bclink:focus {
color: #000;
background: #ccf;
}

/**************************************************************/
/* ikoner i topbar                                            */
/**************************************************************/

#icons {
position: absolute;
top: 62px;
left: 10px;
z-index: 6;
}

#icons img {
margin-right: 5px;
}

#home {
position: absolute;
top: 62px;
left: 10px;
z-index: 6;
}

#mail {
position: absolute;
top: 62px;
left: 35px;
z-index: 6;
}

#postliste {
position: absolute;
top: 62px;
left: 60px;
z-index: 6;
}

#printer {
position: absolute;
top: 62px;
left: 95px;
z-index: 6;
}

#anb {
position: absolute;
top: 62px;
left: 120px;
z-index: 6;
}

#bookmark {
position: absolute;
top: 62px;
left: 150px;
z-index: 6;
}

#start {
position: absolute;
top: 40px;
left: 150px;
z-index: 6;
}

#xmllnk {
position: absolute;
top: 25px;
left: 640px;
z-index: 6;
}

/**************************************************************/
/* aktive brugere                                             */
/**************************************************************/

#brugere {
position: absolute;
top: 42px;
left: 7px;
font-size: 0.8em;
}

/**************************************************************/
/* freefind søgning                                           */
/**************************************************************/

#find {
position: absolute;
top: 4px;
left: 7px;
z-index: 6;
width: 160px;
}

#find a:link, #find a:visited, #find a:active {
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
color: #00c;
background: inherit;
}

#find a:hover, #find a:focus {
color: #000;
background: #ccf;
}

/**************************************************************/
/* menuens placering og links                                 */
/**************************************************************/

#menu {
position: absolute;
top: 0px;
left: 0px;
padding-top: 80px;
padding-left: 5px;
width: 180px;
font-family: verdana, arial, sans-serif;
z-index: 5;
}

.menu {
margin-top: 0px;
margin-left: 0;
padding-left: 0px;
}

.menu li {
list-style-type: none;
margin-bottom: 0;
}

#menublok a:link, #menublok a:visited, #menublok a:active {
font-family: verdana, arial, sans-serif;
color: #000080;
background: inherit;
display: block;
width: 165px;
text-decoration: none;
padding: 3px;
font-weight: 300;
border-bottom: 1px solid #d6d6ff;
}

#menublok a:hover, #menublok a:focus {
color: #000080;
background: #ccf;
}

/**************************************************************/
/* indholds placering                                         */
/**************************************************************/

#indhold, #searchindhold {
margin-top: 90px;
margin-left: 190px;
padding-right: 20px;
font-family: verdana, arial, sans-serif;
}

/**************************************************************/
/* definition af float og clear                               */
/**************************************************************/

.fl {
float: left;
margin-right: 15px;
margin-top: 0;
}

.fr {
float: right;
margin-left: 15px;
margin-top: 0;
}

.cb {
clear: both;
}

.cl {
clear: left;
}

.cr {
clear: right;
}

/**************************************************************/
/* hop-op links - hop-ned links                               */
/**************************************************************/

.hop{
width: 45%;
}

.downlinks { 
width: 47%;
float: left;
}

.downlinks ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
}

.downlinks li {
margin-bottom:0px;
list-style-type: none;
}

.downlinks a {
display: block;
padding: 1px;
width: 90%;
font-weight: 600;
}

.downlist a:link, .downlist a:visited .downlist a:active {
color: #00c;
background: #fff;
text-decoration: none;
}

.downlinks a:hover, .downlinks a:focus {
color: #000;
background: #ccf;
}

.fl45 {
float: left;
width: 45%;
margin-top: 0;
}

a.jlink:link, a.jlink:visited, a.jlink:active {
font-family: verdana, arial, sans-serif;
color: #00c;
display: block;
width: 95%;
text-decoration: none;
font-weight: 600;
padding: 1px;
background: #fff url(images/tom.gif);
}

a.jlink:hover,a.jlink:focus {
color: #000;
background: #ccf;
}

a.vlink:hover {
color: #000;
background: #ccf;
}

a.alfalink:link, a.alfalink:visited, a.alfalink:active {
font-family: verdana, arial, sans-serif;
color: #00c;
display: block;
width: 42%;
text-decoration: none;
font-weight: 600;
padding: 1px;
background: #fff url(images/tom.gif);
}

a.alfalink:hover, a.alfalink:focus {
color: #000;
background: #ccf;
}

.jumper, .alp {
width: 95%;
}

.alp { 
width: 22%;
float: left;
}

.alp ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
}

.alp li {
margin-bottom:0px;
}

.alp a {
display: block;
padding: 1px;
width: 90%;
font-weight: 600;
}

.alplinks a:link, .alplist a:visited .alplist a:active {
color: #00c;
background: #fff;
text-decoration: none;
}

.alplist a:hover, .alplist a:focus {
color: #000;
background: #ccf;
}

/**************************************************************/
/* margin-definitioner                                        */
/**************************************************************/

.mb10 {
margin-bottom: 10px;
}

.mt10 {
margin-top: 10px;
}

.mr15 {
margin-right: 15px;
}

.mb {
margin-bottom: 0;
}

.mt {
margin-top: 0;
}

.ma {
margin: auto;
}

/**************************************************************/
/* tekstlinks i #indhold                                      */
/**************************************************************/

a.tlink:link, a.tlink:visited, a.tlink:active {
font-family: verdana, arial, sans-serif;
color: #00c;
background: inherit;
text-decoration: none;
font-weight: 600;
display: inline;
}

a.tlink:hover, a.tlink:focus {
color: #000;
background: #ccf;
}

/**************************************************************/
/* tekstlinks i #indhold alfabetisk liste                     */
/**************************************************************/

a.alink:link, a.alink:visited, a.alink:active {
font-family: verdana, arial, sans-serif;
color: #00c;
background: inherit;
text-decoration: none;
font-weight: 600;
display: block;
width: 1.2em;
float:left;
}

a.alink:hover, a.alink:focus {
color: #000;
background: #ccf;
}

/**************************************************************/
/* generelle linkdefinitioner                                 */
/**************************************************************/

a:link, a:visited, a:active {
color: #00c;
background: inherit;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #00f;
background: #fff;
}

/**************************************************************/
/* copyright                                                  */
/**************************************************************/

h5 {
font-family: verdana, sans-serif;
font-size: 0.8em;
font-weight: 400;
color: #999;
background: #fff;
text-align: left;
clear: both;
}

h5 a:link, h5 a:active, h5 a:visited {
color: #999;
background: #fff;
}

h5 a:hover, h5 a:focus {
color: #000;
background: #ccf;
}

/**************************************************************/
/* layout på site-map                                         */
/**************************************************************/

.maplist {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

.maplist li {
padding-left: 0;
margin-left: 0;
margin-bottom: 3px;
}

.sublist {
list-style-image: url(images/vinkel4.gif);
margin-top: 3px;
margin-left: 15px;
padding-left: 0;
}

.sublist li {
padding-left: 0;
}

.sublist li.sidste {
list-style-image: url(images/vinkel5.gif);
}

.maplist li a:link, .maplist li a:visited, .maplist li a:active {
color: #00c;
background: inherit;
text-decoration: none;
font-weight: 600;
}

.maplist li a:hover {
color: #000;
background-color: #ccf;
}

.c17 {
width: 17px
}

.lod {
color: black;
background: #fff url(images/lod.gif)
}

.vandret{
color:black;
background: #fff url(images/vandret.gif)
}

.ds {
font-weight: bold;
color: #00c;
background: #fff;
}

.tipx {
font-size: 0.8em;
}

/**************************************************************/
/* layout på seneste nyt                                      */
/**************************************************************/

.tb{
border: 1px solid #999;
border-collapse: collapse;
}

table.tb td, table.tb th {
border: 1px solid #999;
padding: 5px;
}

table.tb th {
border: 1px solid #999;
background: #eef;
color: #000;
}

.c15 {
width:15%;
}

.c25 {
width: 25%;
}

.c45 {
width: 45%;
}

/**************************************************************/
/* baggrunde i imaginære sider                                */
/**************************************************************/

.mbd {
width: 93px;
padding: 4px;
font-size: 10px;
}

.tbd {
height: 41px;
text-align: center;
}

td.bbd {
text-align: center;
}

.cont {
padding: 10px;
}

/**************************************************************/
/* generel typografi i #indhold                               */
/**************************************************************/

h1, h2, h3, h4 {
font-family: arial, "ms sans serif", switzerland, swiss, helvetica, sans-serif;
color: black;
background-color: #fff;
text-align: center;
}

h1 {
font-size: 25px;
font-weight: 800;
}

h2 {
font-size: 22px;
font-weight: 800;
}

h3 {
font-size: 19px;
font-weight: 700;
}

h4 {
font-size: 16px;
font-weight: 700;
}

address {
padding: 3px;
border: 1px solid #bbb;
color: inherit;
background-color: #ddf;
font-size: inherit;
font-style: italic;
}

code {
font-size: 1.1em;
color: red;
background: #eee;
display: block;
margin-left: 0px;
margin-right: 10px;
margin-top: 12px;
margin-bottom: 12px;
padding: 15px;
border: solid 1px #999;
}

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

.citat {
font-family: verdana, sans-serif;
color: black;
background: #eef;
margin-left: 0px;
margin-right: 10px;
padding: 15px;
border: solid 1px #999;
}

blockquote {
font-family: verdana, arial, sans-serif;
color: black;
background: #fff;
padding: 0px;
}

tt {
color: #f00;
background: inherit;
font-size: 1.2em;
}

pre {
font-family: "courier new", courier, monospace;
color: #f00;
background: #eee;
font-size: 1em;
margin-left: 0px;
margin-right: 10px;
padding: 15px;
border: solid 1px #999;
}

.indt {
text-indent: 30px;
}

img {
border: none;
}

.db {
display: block;
}

.u {
text-decoration: underline;
}

.listemenu {
	width: 165px;
	}

.raamenu li {
	padding: 3px;
	}

.listemenu li, .raamenu li {
	margin-bottom: 0;
	}

.raamenu a:link, .raamenu a:visited, .raamenu a:active {
	color: #00e;
	background: inherit;
	text-decoration: underline;
	}

.raamenu a:hover {
	color: #551a8b;
	background: inherit;
	}

.vandretmenu li {
	display: inline;
	list-style-type: none;
	}
	
.left {
	margin-left: 0;
	padding-left: 0;
	}

.listevandretmenu a:link, .listevandretmenu a:visited, .listevandretmenu a:active {
	color: #000080;
	background: inherit;
	width: 95px;
	text-decoration: none;
	padding: 3px;
	float: left;
	}

.listevandretmenu a:hover {
	color: #000;
	background: #ccf;
	}

.listemenu a:link, .listemenu a:visited, .listemenu a:active {
	color: #000080;
	background: inherit;
	display: block;
	width: 160px;
	text-decoration: none;
	padding: 3px;
	}

.listemenu a:hover {
	color: #000;
	background: #ccf;
	}

/**************************************************************/
/* typografi lister                                           */
/**************************************************************/

li, dd {
margin-bottom: 10px
}

dt {
margin-bottom: 5px;
}

dd {
margin-left:40px;
}

.firk {
list-style: square;
}

.ring {
list-style: circle;
}

.dec {
list-style: decimal;
}

.a {
list-style: lower-alpha;
}

.r {
list-style: upper-roman;
}

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

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

/**************************************************************/
/* vandrette delelinjer                                       */
/**************************************************************/

.hr40 {
width: 40%;
text-align: center;
margin-top: 15px;
}

.hr100 {
width: 100%;
text-align: center;
margin-top: 15px;
}

/**************************************************************/
/* elementer i mail-formularer                                */
/**************************************************************/

fieldset {
border: 1px solid #d6d6ff;
width: 75%;
padding: 15px;
margin: 10px auto;
}

legend {
letter-spacing: 3px;
color: black;
background: #fff;
font-weight: bold;
padding: 6px;
}

label {
width: 100px;
color: black;
background: inherit;
float: left;
text-align: left;
}

#t1, #t2, #t3, #t4, #t5, #t11, #t13, #t15, #t16, #t18, #t19, #t20, .t11 {
border: 1px solid #d6d6ff;
width: 300px;
background: #fff;
color: #000;
margin-bottom: 5px;
}

#t4, #t13 {
height: 80px;
overflow: auto;	
}

#t12 {
border: 1px solid #d6d6ff;
background: #fff;
color: #000;
margin-bottom: 5px;
width: 60px;
}

input, textarea {
font-family: verdana, arial, "ms sans serif", sans-serif;
font-size: 0.8em;
font-weight: 400;
color: #000;
background: #fff;
}

.knapper {
font-family: verdana, sans-serif;
font-size: 0.8em;
font-weight: 300;
color: #000;
background: #d4d0c8;
}

.ikkese {
display: none;
}

/**************************************************************/
/* diverse tekstjusteringer                                   */
/**************************************************************/

.just {
text-align: justify;
}

.midt {
text-align: center;
}

.hoj {
text-align: right;
}

.ven {
text-align: left;
}

.ind {
text-align: center;
vertical-align: middle;
}

.ned {
vertical-align: bottom;
}

.w400 {
width: 400px;
margin-top: 15px;
}

/**************************************************************/
/* elementer i tabeller                                       */
/**************************************************************/

caption {
font-size: 1.2em;
font-weight: 700;
margin-left: auto;
margin-right: auto;
}

th {
font-family: verdana, arial, sans-serif;
font-size: 1.2em;
vertical-align: top;
color: black;
background: #ddf;
border: 1px solid #999;
padding: 5px;
}

td {
font-family: verdana, arial, sans-serif;
vertical-align: top;
}

.tlo {
table-layout: fixed;
}

.bdc, coll {
border-collapse:collapse;
}

.bdg {
border: 1px solid #eee;
}

.bdg td, .bdg th {
border: 1px solid #eee;
font-size: 0.9em;
}

.brsu td, .bdsu th {
border: 1px solid #eee;
font-size: 0.9em;
}

.tb {
border: 1px solid #999;
}

table.tb td {
border: 1px solid #999;
padding: 5px;
}

.t100 {
width: 100%;
}

.t100b {
border: 1px solid #999;
width: 100%;
}

.t100b td {
border: 1px solid #999;
}

.t100b3 {
border: outset 3px;
/*width: 100%;*/
}

table.t100b3 td {
border: 1px solid #999;
padding: 5px;
}

.t100c256 {
width: 100%;
}

table.t100c256 td {
font-family: "courier new", monospace;
}

.t225 {
width: 225px;
border: 3px outset #999;
color: black;
background: #eee;
}

.t400 {
width: 400px;
border: outset 4px gray;
color: black;
background: #fff url(scripts/dias/hessian.gif);
}

.t400 td {
border: 1px solid #999;
}

.t550 {
width: 550px;
border: outset 4px gray;
color: black;
background: #fff url(scripts/dias/hessian.gif);
}

.t550 td {
border: 1px solid #999;
}

.c3 {
width: 3%;
}

.c5 {
width: 5%;
}

.c9 {
width: 9%;
vertical-align: bottom;
}

.c10 {
width: 10%;
}

.c20 {
width: 20%;
}

.c25c {
width: 25%;
text-align: center;
}

.c30 {
width: 30%;
}

.c31 {
width: 31%;
}

.c40 {
width: 40%;
}

.c50 {
width: 50%;
}

.c50c {
width: 50%;
text-align: center;
}

.c60 {
width: 60%;
}

.c70 {
width: 70px;
}

.c70b {
width: 70px;
border: solid 1px black;
text-align: center;
}

.c70c {
width: 70px;
text-align: center;
}

.c76 {
width: 76px;
text-align: center;
vertical-align: middle;
}

.kant {
border: solid 1px blue;
}

.midt input {
width: 50px;
border: 1px solid #ccf;
}

.centlinje {
text-align: center;
margin-left: 25%;
margin-right: 25%;
}

.bred {
width: 40%;
height: 5px;
}

.groo {
border: 6px groove red;
}

.ridg {
border: 6px ridge red;
}

.inst {
border: 6px inset red;
}

.outs {
border: 6px outset red;
}

.sold {
border: 6px solid red;
}

.dobl {
border: 6px double red;
}

.das {
border: 3px dashed red;
}

.dot {
border: 3px dotted red;
}

.dif {
border-top: 6px solid red;
border-right: 6px dashed red;
border-bottom: 6px dotted green;
border-left: 6px double green;
}

.var {
border-style: solid;
border-color: red;
border-width: 1px 2px 4px 6px;
}

.gul {
color: black;
background: #ffb;
border: outset 3px #bb0;
}

table.gul td {
border: 1px solid #999;
padding: 5px;
}

.rod {
color: black;
background: #fff;
border: outset 5px #b00;
}

.ffffbb {
color: black;
background: #ffb;
}

.trans {
color: black;
background: inherit;
}

.finer {
color:black;
background: #fff url(html/images/finer.gif);
}

.hessian {
width: 50%;
color: black;
background: #fff url(html/images/hessian.gif);
}

.graa50 {
width: 50%;
color: black;
background: #eee;
}

.graa {
color: black;
background: #eee;
}

.cont1 {
position: relative;
top: 0;
left: 0;
height: 70px;
}

.cont2 {
position: relative;
top: 0;
left: 0;
height: 220px;
}

.et {
position: absolute;
top: 0;
left: 0;
font-family: verdana, sans-serif;
font-size: 55px;
font-weight: bold;
color: #000;
background: #fff;
}

.to {
position: absolute;
top: 8px;
left: 38px;
font-family: verdana,sans-serif;
font-size: 30px;
font-weight: bold;
color: #000;
background: #fff;
}

.tre {
position: absolute;
top: 35px;
left: 63px;
font-family: verdana, sans-serif;
font-size: 35px;
font-style: italic;
color: #000;
background: inherit;
}

.fire {
position: absolute;
top: 41px;
left: 80px;
font-family: verdana, sans-serif;
font-size: 20px;
font-style: italic;
color: #000;
background: #fff;
}

.fem {
position: absolute;
top: 155px;
left: 10px;
font-family: verdana, sans-serif;
font-size: 14px;
color: #fff;
background:inherit;
}

.seks {
position: absolute;
top: 0;
left: 310px;
width: auto;
z-index: 5;
font-family: verdana, arial, sans-serif;
font-size: 12px;
color: #000;
background: #fff;
}

.syv {
position: absolute;
top: 0;
left: 0;
}

#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: 140px;
}

.transitional {
color: #b66;
background: #f0f0f0;
}

dl.dlp dt {
color: #000;
background: #fff url(images/pil.gif) no-repeat;
padding-left: 15px;
}

.op {
height: 17px;
width: 46px;
}

.guest {
border: solid 2px #ccc;
padding: 5px;
}

.stor {
height: 265px;
text-align: center;
vertical-align: middle;
}

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

.gbs {
font-weight: bold;
}