﻿/* ---------------------------------------------------------------
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:#293339;
font-size:11px;
font-family:Verdana,Arial;
font-weight:normal;
}

a:link{color:#F58220;text-decoration:none;}
a:visited{color:#F58220;text-decoration:none;}
a:hover{color:#FBB980;text-decoration:none;}
a:active{color:#F58220;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:14px;}
h2{font-size:11px; font-weight:bold;}
h3{font-size:11px; text-decoration:underline;}

p{margin-bottom:11px; clear:both;}

div.clear{clear:both;}

div.line{
background-image:url('/graphics/dot_dark.gif');
background-repeat:repeat-x;
font-size:3px;
line-height:3px;
height:3px;
clear:both;
}

div.lightline{
background-image:url('/graphics/dot_light.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;}

/* ---------------------------------------------------------------
Classer til brug for visning af inputbokse
--------------------------------------------------------------- */
input.button{
background-color:#FFFFFF;
border:1px solid #293339;
padding:1px;
}

input.text{
background-color:#FFFFFF;
border:1px solid #293339;
padding:2px;
}

textarea{
background-color:#FFFFFF;
border:1px solid #293339;
padding:1px;
}

select{
background-color:#FFFFFF;
border:1px solid #293339;
padding:1px;
}

/* ---------------------------------------------------------------
Classer til brug for visning af billeder
--------------------------------------------------------------- */
img.border{border:solid 1px black;}

div.imageleft, div.imagecenter, div.imageright{
text-align:center;
color:#999999;
font-size:9px;
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;
}

/* ---------------------------------------------------------------
Classer til bestemmelse af det generelle layout for
hovedcontaineren
--------------------------------------------------------------- */
body{
margin:4px;
}

#globalcontainer{
width:930px;
text-align:left;
}

/* ---------------------------------------------------------------
Classer til vertical opdeling hovedcontaineren
--------------------------------------------------------------- */
#globaltop
{
background-image:url('/graphics/globaltop.gif');
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
height:125px;
}

#globaltop .lang-en{
position:relative;
top:87px;
left:890px;
}

#globaltop .lang-da{
position:relative;
top:88px;
left:890px;
}

#globalcontent{
background-image:url('/graphics/globalcontent.gif');
background-position:top left;
background-repeat:no-repeat;
background-color:#293339;
padding-top:4px;
padding-bottom:4px;
width:930px;
}

#globalbottom{
background-image:url('/graphics/globalbottom.gif');
background-position:top left;
background-repeat:no-repeat;
width:930px;
height:70px;
}

#globalbottom div{
float:left;
margin-left:5px;
margin-right:5px;
}

#globalfooter{
color:#999999;
text-align:center;
font-size:9px;
}

/* ---------------------------------------------------------------
Classer til tredelingen af content-området
--------------------------------------------------------------- */
#globalcontentleft, #globalcontentright, #globalcontentcenter{
float:left;
width:150px;
}

#globalcontentcenter{
background-color:white;
width:630px;
}

/* ---------------------------------------------------------------
Classer til visning af content-kassen
--------------------------------------------------------------- */
.contentbox{
margin-left:4px;
margin-right:4px;
margin-top:4px;
margin-bottom:4px;
min-height:300px;
}

.contentbox .headline{
background-image:url('/graphics/dot_dark.gif');
background-position:bottom left;
background-repeat:repeat-x;
padding-left:1px;
padding-right:1px;
padding-bottom:3px;
font-size:14px;
overflow:hidden;
}

.contentbox .content{
padding-left:1px;
padding-right:1px;
padding-top:1px;
}

/* ---------------------------------------------------------------
Classer til visning af de små kasser i venstre og højre side
--------------------------------------------------------------- */
.sidebox{
margin-left:4px;
margin-right:4px;
margin-top:4px;
margin-bottom:6px;
}

.sidebox .headline{
color:#F58220;
padding-left:1px;
padding-right:1px;
padding-bottom:1px;
border-bottom:none;
font-size:14px;
overflow:hidden;
}

.sidebox .content{
color:white;
padding-left:1px;
padding-right:1px;
padding-top:1px;
overflow:hidden;
}

/* ---------------------------------------------------------------
Classer til opdeling af content-kassen i spalter
--------------------------------------------------------------- */
.columns2_11, .columns2_21{
width:620px;
background-image:url('/graphics/dot_dark.gif');
background-repeat:repeat-y;
overflow:hidden;
}

.columns2_11{background-position:309px 0px;}
.columns2_21{background-position:413px 0px;}

.columns2_11 .col1{
width:306px;
float:left;
}

.columns2_11 .col2{
width:305px;
float:left;
margin-left:9px;
}

.columns2_21 .col1{
width:410px;
float:left;
}

.columns2_21 .col2{
width:201px;
float:left;
margin-left:9px;
}

/* ---------------------------------------------------------------
Classer til visning af menuen i venstre side
--------------------------------------------------------------- */
ul.menu li{
margin-left:10px;
margin-bottom:6px;
font-size:14px;
}

ul.menu li.line{
background-image:url('/graphics/dot_white.gif');
background-repeat:repeat-x;
font-size:3px;
line-height:3px;
height:3px;
}

ul.menu a:link{color:#FFFFFF;text-decoration:none;}
ul.menu a:visited{color:#FFFFFF;text-decoration:none;}
ul.menu a:hover{color:#F58220;text-decoration:none;}
ul.menu a:active{color:#FFFFFF;text-decoration:none;}
