﻿/* ---------------------------------------------------------------
Diverse classer til tekst-layout.

Colors:
Normal linie - #607A86
Lys linie - #B0BDC3
Rød - #990000
Orange - #FF6600
Grøn - #009900
--------------------------------------------------------------- */
*{margin:0px;padding:0px;}

body,div,p,h1,h2,h3,h4,h5,h6,td,textarea,input,select{
color:#333333;
font-size:10px;
font-family:Verdana,Arial;
}

a:link{color:#990000;text-decoration:none;}
a:visited{color:#990000;text-decoration:none;}
a:hover{color:#FF6600;text-decoration:none;}
a:active{color:#990000;text-decoration:none;}

#globalcontentcenter a.cc:link{color:#009900;text-decoration:none;}
#globalcontentcenter a.cc:visited{color:#009900;text-decoration:none;}
#globalcontentcenter a.cc:hover{color:#FF6600;text-decoration:none;}
#globalcontentcenter a.cc:active{color:#009900;text-decoration:none;}

b{font-weight:bold;}
i{font-style:italic;}
u{text-decoration:underline;}

h1{font-size:16pt;}
h2{font-size:12pt;font-weight:bold;}
h3{font-size:9pt;font-weight:bold;}
h4{font-size:8pt;}
h5{font-size:8pt;}
h6{font-size:8pt;}

p{clear:both;}

div.boxleft{
width:200px;
float:left;
padding:2px;
border:1px solid black;
}

div.boxright{
width:200px;
float:right;
padding:2px;
border:1px solid #333333;
}

div.clear{clear:both;}

div.line{
background-image:url('/graphics/dot.gif');
background-repeat:repeat-x;
font-size:3px;
line-height:3px;
height:3px;
clear:both;
}

div.redline{
background-image:url('/graphics/reddot.gif');
background-repeat:repeat-x;
font-size:3px;
line-height:3px;
height:3px;
clear:both;
}

div.lightline{
background-image:url('/graphics/lightdot.gif');
background-repeat:repeat-x;
font-size:3px;
line-height:3px;
height:3px;
clear:both;
}

ol, ul{list-style-type:none;}
ol li, ul li{padding-left:4px;}

input.button{
background-color:#FFFFFF;
border:1px solid #B0BDC3;
height:18px;
margin:1px;
}

input.text{
background-color:#FFFFFF;
border:1px solid #B0BDC3;
height:14px;
margin:1px;
padding:1px;
}

textarea{
background-color:#FFFFFF;
border:1px solid #B0BDC3;
margin:1px;
padding:1px;
}

select{
background-color:#FFFFFF;
border:1px solid #B0BDC3;
margin:1px;
padding:1px;
}


/* ---------------------------------------------------------------
Classer til brug for visning af billeder
--------------------------------------------------------------- */
img.left{float:left;margin:1px 1px 1px 0px;border:1px solid black;}
img.right{float:right;margin:1px 0px 1px 1px;border:1px solid black;}
img.border{border:1px solid black;}

div.imageleft, div.imageright{
text-align:center;
color:#999999;
font-style:italic;
}

div.imageleft{
float:left;
margin-right:1px;
margin-top:1px;
margin-bottom:1px;
}

div.imageright{
float:right;
margin-left:1px;
margin-top:1px;
margin-bottom:1px;
}

div.imageleft img, div.imageright img{
border:1px solid #333333;
}

div.imageleftnone, div.imagerightnone{
text-align:center;
color:#999999;
font-style:italic;
}

div.imageleftnone{
float:left;
margin-right:1px;
margin-top:1px;
margin-bottom:1px;
}

div.imagerightnone{
float:right;
margin-left:1px;
margin-top:1px;
margin-bottom:1px;
}

/* ---------------------------------------------------------------
Classer til brug for afstemninger
--------------------------------------------------------------- */
.poll .question{
color:#990000;
font-size:11px;
}

.poll .answer{
margin-top:4px;
}

.poll .result{
width:100%;
border:1px solid #607A86;
margin-top:2px;
}

.poll .result div{
height:5px;
background-color:#B0BDC3;
}

/* ---------------------------------------------------------------
Classer til bestemmelse af det generelle layout for
hovedcontaineren
--------------------------------------------------------------- */
body{
text-align:center;
margin:4px;
}

#globalcontainer{
width:930px;
text-align:left;
}

/* ---------------------------------------------------------------
Classer til vertical opdeling hovedcontaineren
--------------------------------------------------------------- */
#globaltop{
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
height:80px;
}

#globaltop img{
border:1px solid #607A86;
margin-top:12px;
margin-right:9px;
margin-bottom:9px;
margin-left:449px;
}

#globalcontent{
padding-top:4px;
padding-bottom:4px;
width:930px;
}

#globalbottom{
width:930px;
height:10px;
text-align:center;
}

/* ---------------------------------------------------------------
Classer til tredelingen af content-området i hovedcontaineren
--------------------------------------------------------------- */
#globalcontentleft, #globalcontentright, #globalcontentcenter{
float:left;
width:150px;
}

#globalcontentcenter{
width:622px;
padding-right:4px;
padding-left:4px;
}

/* ---------------------------------------------------------------
Classer til visning af content-kassen
--------------------------------------------------------------- */
#globalcontentcentertop, #globalcontentcentercontent, #globalcontentcenterbottom{
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
width:622px;
}

#globalcontentcentertop, #globalcontentcentertoptext{
background-image:url('/graphics/boxes/box622_top.gif');
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
height:5px;
}

#globalcontentcentertoptext{height:20px;}

#globalcontentcentertoptext div{
margin-left:4px;
margin-right:4px;
margin-top:4px;
padding-left:1px;
padding-right:1px;
padding-bottom:1px;
padding-top:1px;
border-bottom:1px solid #607A86;
font-size:11px;
font-weight:bold;
}

#globalcontentcentercontent{
background-image:url('/graphics/boxes/box622_content.gif');
background-repeat:repeat-y;
}

#globalcontentcentercontent .spacing{
padding-left:5px;
padding-right:5px;
padding-top:2px;
}

#globalcontentcenterbottom{
background-image:url('/graphics/boxes/box622_bottom.gif');
height:5px;
}

/* ---------------------------------------------------------------
Classer til opdeling af content-kassen i spalter
--------------------------------------------------------------- */
.columns2_11, .columns2_21{
width:612px;
background-position:top left;
background-repeat:repeat-y;
overflow:hidden;
}

.columns2_11{background-image:url('/graphics/columns2_11.gif');}
.columns2_21{background-image:url('/graphics/columns2_21.gif');}

.columns2_11 .col1{
width:301px;
float:left;
}

.columns2_11 .col2{
width:301px;
float:left;
margin-left:9px;
}

.columns2_21 .col1{
width:404px;
float:left;
}

.columns2_21 .col2{
width:199px;
float:left;
margin-left:9px;
}

/* ---------------------------------------------------------------
Classer til visning af kasser i content-kassen (Ikke i brug!)
--------------------------------------------------------------- */
.box606, .box330, .box270{
text-align:left;
margin:3px;
}

.box606{width:606px;}
.box330{width:330px;}
.box270{width:270px;}

.box606 .top, .box606 .toptext, .box330 .top, .box330 .toptext, .box270 .top, .box270 .toptext{
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
height:5px;
}

.box606 .toptext, .box330 .toptext, .box270 .toptext{height:20px;}

.box606 .top, .box606 .toptext{width:606px;background-image:url('/graphics/boxes/box606_top.gif');}
.box330 .top, .box330 .toptext{width:330px;background-image:url('/graphics/boxes/box330_top.gif');}
.box270 .top, .box270 .toptext{width:270px;background-image:url('/graphics/boxes/box270_top.gif');}

.box606 .middle, .box330 .middle, .box270 .middle{
background-position:top left;
background-repeat:repeat-y;
overflow:hidden;
}

.box606 .middle{width:606px;background-image:url('/graphics/boxes/box606_content.gif');}
.box330 .middle{width:330px;background-image:url('/graphics/boxes/box330_content.gif');}
.box270 .middle{width:270px;background-image:url('/graphics/boxes/box270_content.gif');}

.box606 .bottom, .box330 .bottom, .box270 .bottom{
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
height:5px;
}

.box606 .bottom{width:606px;background-image:url('/graphics/boxes/box606_bottom.gif');}
.box330 .bottom{width:330px;background-image:url('/graphics/boxes/box330_bottom.gif');}
.box270 .bottom{width:270px;background-image:url('/graphics/boxes/box270_bottom.gif');}

.box606 .toptext div, .box330 .toptext div, .box270 .toptext div{
margin-left:4px;
margin-right:4px;
margin-top:4px;
padding-left:1px;
padding-right:1px;
padding-bottom:1px;
padding-top:1px;
border-bottom:1px solid #607A86;
font-size:11px;
font-weight:bold;
}

.contentspacing{
padding-left:5px;
padding-right:5px;
padding-top:2px;
}

/* ---------------------------------------------------------------
Classer til visning af de små kasser i venstre og hjre side
--------------------------------------------------------------- */
.sidebox{
width:150px;
margin-bottom:4px;
}

.sidebox .top, .sidebox .toptext{
background-image:url('/graphics/boxes/box150_top.gif');
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
height:5px;
}

.sidebox .topa, .sidebox .toptexta{
background-image:url('/graphics/boxes/box150_topa.gif');
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
height:5px;
}

.sidebox .topb, .sidebox .toptextb{
background-image:url('/graphics/boxes/box150_topb.gif');
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
height:5px;
}

.sidebox .toptext{height:20px;}
.sidebox .toptexta{height:20px;}
.sidebox .toptextb{height:20px;}

.sidebox .content{
background-image:url('/graphics/boxes/box150_content.gif');
background-position:top left;
background-repeat:repeat-y;
overflow:hidden;
}

.sidebox .contenta{
background-image:url('/graphics/boxes/box150_contenta.gif');
background-position:top left;
background-repeat:repeat-y;
overflow:hidden;
}

.sidebox .contentb{
background-image:url('/graphics/boxes/box150_contentb.gif');
background-position:top left;
background-repeat:repeat-y;
overflow:hidden;
}

.sidebox .bottom{
background-image:url('/graphics/boxes/box150_bottom.gif');
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
height:5px;
}

.sidebox .bottoma{
background-image:url('/graphics/boxes/box150_bottoma.gif');
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
height:5px;
}

.sidebox .bottomb{
background-image:url('/graphics/boxes/box150_bottomb.gif');
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
height:5px;
}

.sidebox .toptext div{
margin-left:4px;
margin-right:4px;
margin-top:4px;
padding-left:1px;
padding-right:1px;
padding-bottom:1px;
padding-top:1px;
border-bottom:1px solid #607A86;
font-size:11px;
font-weight:bold;
}

.sidebox .toptexta div{
margin-left:4px;
margin-right:4px;
margin-top:4px;
padding-left:1px;
padding-right:1px;
padding-bottom:1px;
padding-top:1px;
border-bottom:1px solid #B0BDC3;
font-size:11px;
font-weight:bold;
}

.sidebox .toptextb div{
margin-left:4px;
margin-right:4px;
margin-top:4px;
padding-left:1px;
padding-right:1px;
padding-bottom:1px;
padding-top:1px;
border-bottom:1px solid #B0BDC3;
font-size:11px;
font-weight:bold;
}

.sidebox li{
margin-left:4px;
margin-right:4px;
padding-left:1px;
padding-right:1px;
}

.sidebox .topmenu li{
font-size:11px;
font-weight:bold;
}

.sidebox li.line{
background-image:url('/graphics/dot.gif');
background-repeat:repeat-x;
font-size:3px;
line-height:3px;
height:3px;
}

/* ---------------------------------------------------------------
Tjooo...
--------------------------------------------------------------- */

