/*
Start with defining some general settings that apply to our pages:
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
*/
body {margin: 0px;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
  }
/*
Set corresponding body settings used in pages included via iframe.
*/
body#mainiframe {margin: 20px 0 5px 0;
    background-color: #FDFBEF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; border: 0px solid yellow;}
html>body#mainiframe {margin: 0; padding: 0; }


/*
Set color and font setting for a dato-class.
*/
/* a span.dato {color: #CCC; font-size: 9px;} */

/*
Set general font settings for td and th tags.
*/
td {font-family:  Arial, Helvetica, sans-serif; font-size: 12px;}
th {font-family:  Arial, Helvetica, sans-serif; font-size: 12px;}


/*
The "most outer" div has id=wrapper. The size and position is defined here.
There is also an id=wrapperL used for "large pages".
 page height      small         large
      topbanner    90            90
      content     425           585
      red strip    24            24    (defined as height=20 + padding=4)
      white strip  21            21    (defined as height=20 + bottom-border1 )
      -----------------------------
      total       560           720           

page width      small         large
      left border      1             1     (defined in #contentwrapper)
      col1 content  
      col1 r-border    1             1     (defined in .bdrright)
      col2 content   800          1000
      col2 r-border    1             1     (defined in .bdrright)
      col3 content  
      right border     1             1     (defined in #contentwrapper)
      -----------------------------
      total       804          1004          

*/
#wrapper {
/* margin-top: -280px; */
margin-top: -315px;
margin-left: -402px;
position: absolute;
top: 50%;
left: 50%;
/* height: 560px; */
height: 630px; 
width: 804px; 
visibility: visible;
border: 0px solid orange;
background: black;}
#wrapperL {
margin-top: -360px;
margin-left: -502px;
position: absolute;
top: 50%;
left: 50%;
height: 720px; 
width: 1004px; 
visibility: visible;
border: 0px solid orange;
background: black; }

/*
The page header layout. Defined by div id=topbanner/topbannerL.
Also id=toplinks is used for text-links that are contained within topbanner
*/
.pgheader {background: transparent url(../layout_gfx/topbg2.gif) left top no-repeat;
        float: left;
        margin: 0; padding: 0; height: 90px;  width: 804px;}
.pgheader h1  {color: #FFF;  font: Trebuchet MS; font-size: 22px; 
        padding: 32px 0 0 72px;  border: 0px solid yellow; margin: 0 0 17px 0;}
        
#toplinks {margin-left: 25px; text-align: center; border: 0px solid #fff; border: 0px solid yellow;}
#toplinks  a {font: Trebuchet MS; font-size: 12px; color: #FFF; padding: 0 15px; text-decoration: none; margin: 0;}

/*
The page main content layout. Defined by div id=contentwrapper/contentwrapperL.
*/
/*    height: 425px; width: 802px; */
.pgbody {margin: 0; padding: 0; float: left;
    border-left: 1px solid #C7C7C7; border-top: 0px solid #BE3300; 
    border-right: 1px solid #C7C7C7; border-bottom: 0px solid #BE3300;  
    background-color: #FDFBEF;
    height: 495px; width: 802px; 
    }

/* Page footer layout, consisting of a broad red strip and white strip. */
.pgfootredstrip {margin: 0px; background-color: #BE3300; color: #FFF; text-align: center; 
    float: left;
    height: 24px; width: 804px;  padding: 0 0 0 0; }
    
/* empty whitestrip bottom layout */
.pgfootwhitestrip { background-color: #FDFBEF; 
    float: left;
    border-left: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; 
    border-right: 1px solid #C7C7C7; 
    width: 804px; height: 21px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 802px; height: 20px;}
/* We are now finished defining classes and ids that make up the page */
/* ----------------------------------------------------------------------------- */
.container
{
position: relative;
}
.PosAbsTopL
{
position: absolute;
left: 0px; 
top: 0px;
}
/*
.contKat { width: 200px; background-color:red; text-align:right;}
*/
.PosAbsTopR
{
position: absolute;
right: 0px; 
top: 0px;
}
.PosAbsBotL
{
position: absolute;
left: 0px;
bottom: 0px;
}
.PosAbsBotR
{
position: absolute;
right: 0px;
bottom: 0px;
}



/* ----------------------------------------------------------------------------- */
/* Define width of table that fills the entire content area */
.pgtablew {width: 802px;}
.pgleftcolw {width:   180px;}
.pgcentercolw {width: 470px;}
.pgrightcolw {width:  150px;}
/*
.valigntop {vertical-align: top;}
.valignbot {vertical-align: bottom;}
*/
/*
.txtalignl {text-align:left;}
.txtalignc {text-align:center; vertical-align:text-bottom;}
.txtalignr {text-align:right; vertical-align:text-bottom;}
*/
td.pgtoprow {vertical-align: bottom; border-bottom: 1px solid #C7C7C7; }
/* td.bdrrightold {border-right: 1px solid black;} */
td.bdrright {border-right: 1px solid #C7C7C7;}
.pgtoprowh {height: 44px;}
/* .pgmidrowh {height: 380px;} */
.pgmidrowh {height: 450px;}
/* .pgiframeh {height: 350px;} */
.pgiframeh {height: 420px;} /* pgmidrowh - 5 20 */
/* div.pgtitlecontainer {margin: 0 0 2px 0px; padding: 0 0 0px 0px;} */
.pgr1c2title { font-family: 'Trebuchet MS'; font-size: 16px; color: #5F5F5F; font-weight: bold; 
    margin: 0 0 0 0; padding: 0 0 0px 0px;}
.pgr1c3title {color: #E4E4E4; 
    margin: 0 0 0 0; padding: 0 0 0px 0px; vertical-align: bottom;}
.pgr1c3title h1 {font-family:'Franklin Gothic Demi Cond'; 
    text-align: right; font-size: 24px; line-height: 26px; text-transform: uppercase; 
     margin: 0 0px 0px 0;}
/*
div.pgr1c1band {width: 179px; height:  43px; background: red;}
div.pgr2c1band {width: 179px; height: 379px; background: red;}
div.pgr1c2band {width: 469px; height:  43px; background: blue;}
div.pgr2c2band {width: 469px; height: 379px; background: blue;}
div.pgr1c3band {width: 149px; height:  43px; background: green;}
div.pgr2c3band {width: 149px; height: 379px; background: green;}
div.centercolband {width: 469px; background: blue;}
div.rightcolband {width:149px; background: green;}
*/

/*
#contenttable {width: 802px;}
html>body #contenttable { }
#contenttableL {width: 1002px;}
html>body #contenttableL { }
*/

/* ----------------------------------------------------------------------------- */
/* top row (where pagetitle and areaname are shown) layout */
/* Height is 45px = 42+2+1 (.tbltoprow height + bot-border + .pagetitle pad-bottom */
td.tbltoprow { vertical-align: bottom;
    border-bottom: 1px solid #C7C7C7; height: 44px; }
html>body td.tbltoprow { border-bottom: 1px solid #C7C7C7; height: 44px;}

/* breadcrumps (areaname text) layout */
/*
td.breadcrump {color: #E4E4E4; vertical-align: bottom; text-align: center; }
html>body td.breadcrump {}
td.breadcrump h1 {font-family:'Franklin Gothic Demi Cond'; 
    margin: 0 5px -3px 0; padding: 0 4px 2px 0; 
    text-align: right; line-height: 26px; font-size: 24px; text-transform: uppercase;}
html>body td.breadcrump h1 { line-height: 28px; font-family:'Franklin Gothic Demi Cond';
    margin: 0 5px -3px 0; padding: 0 4px 2px 0;}
*/
/*
td.lefttitle {font-family: 'Trebuchet MS'; font-size: 16px; color: #5F5F5F; font-weight: bold; 
    padding-bottom: 2px; margin: 0;}
html>body td.lefttitle {padding-bottom: 2px; margin: 0;}
td.pagetitle {font-family: 'Trebuchet MS'; font-size: 16px; color: #5F5F5F; 
    font-weight: bold; padding-left: 22px; padding-bottom: 2px; margin: 0;}
html>body td.pagetitle {font-family: 'Trebuchet MS'; font-size: 16px; color: #5F5F5F; 
    font-weight: bold; padding-left: 22px; padding-bottom: 2px; margin: 0;}
*/


/* ----------------------------------------------------------------------------- */
/* 2nd row (where left menu and main center content are located) layout */
/* Height is 45px = 42+2+1 (.tbltoprow height + bot-border + .pagetitle pad-bottom */
/* small page center column height = content-1st-row-heigth = 425-45 = 380 */
/* large page center column height = content-1st-row-heigth = 585-45 = 540 */
/*
.tbl2ndrow {border-bottom: 0px solid #C7C7C7; height: 380px; padding: 0 0 0 0;}
.tbl2ndrowL {border-bottom: 0px solid #C7C7C7; height: 540px;padding: 0 0 0 0;}
*/ 
/* ----------------------------------------------------------------------------- */



/*
td.left {width: 180px; }
html>body td.left {width: 180px;}
td.center {width: 467px; line-height: 13px;}
html>body td.center {width: 467px;}
td.right {width: 152px;}
html>body td.right {width: 152px;}

td.leftL   {width: 180px; padding: 0 0 0 0; }
html>body td.leftL {width: 180px;}
td.centerL {width: 675px; line-height: 13px;}
html>body td.centerL {width: 675px;}
td.rightL  {width: 150px; padding: 0 0 0 0;}
html>body td.rightL {width: 150px;}
*/

/* iframe floats left in center column */
iframe {float: left;  }

/* main center column layout */
/* small page center column height = content-1st-row-heigth = 425-45 = 380 */
/* large page center column height = content-1st-row-heigth = 585-45 = 540 */
/*
td.maincenter {height: 380px; vertical-align: top; text-align: left; padding: 0 0 0 0; }
html>body td.maincenter {height: 380px; vertical-align: top; text-align: left; padding: 0 0 0 0;  }
td.maincenterL {height: 540px; vertical-align: top; text-align: left; padding: 0 0 0 0;} 
html>body td.maincenterL {height: 540px; vertical-align: top; text-align: left; padding: 0 0 0 0;  }
*/

/* iframe body (body#mainiframe) is defined with margin top+bottom=20+5. */
/*  - small page iframe height is therfore 380-25=355 */
/*  - large page iframe height is therfore 540-25=515 */
/*
td.maincenter iframe {height: 355px;}
html>body td.maincenter iframe {height: 355px; border: 0px solid orange;}
td.maincenterL iframe {height: 515px;}
html>body td.maincenterL iframe {height: 515px; border: 0px solid orange;}
*/

/* sidstopdateret p layout i bunden af center column */
p.lastupdate { margin: 0; padding: 0; padding: 2px 0 2px 25px; clear: both; color: #808080; 
    font-family: 'Trebuchet MS';  font-size: 11px;
    vertical-align: bottom; }

/*sponsor pics td ul layout */
/*
#sponsor{ text-align:right; clear: both;}
#sponsortd ul { margin: 0 0 0 4px; padding: 0; list-style: none; border: 0px solid #000;}
td#sponsortd ul li { margin: -4px; padding: 0;}
td#sponsortd ul li img {}
ul#sponsorer { margin: 10px 2px 0 0;color: #5F5F5F; list-style: none; text-align:right;}
ul#sponsorer a {color: #5F5F5F; text-decoration:none;}
*/
/*
html>body td#sponsortd {width: 150px;  clear: right;}
html>body td#sponsortd ul {margin-right: 16px;}
*/


/* td leftmenu layout*/
/*
td#leftmenu {vertical-align:top; text-align: right;  }
html>body td#leftmenu { }
*/

/*afdelingens kategorier links i venstre topmenu layout*/
#kategori {margin: 0 2px 0 0; padding: 0 0 0 0; text-align:right; vertical-align: top; height:250px}
ul#afd_kategorier { margin: 10px 2px 0 0;color: #5F5F5F; list-style: none; text-align:right;}
ul#afd_kategorier a {color: #5F5F5F; text-decoration:none;}

/* div tilforside layout */
div#tilforside {color: #808080;text-align:right; text-decoration: none; 
        font-family: 'Trebuchet MS';  font-size: 11px;
         margin: 0px 2px 0 0; }
div#tilforside a {color: #808080; text-decoration: none; font-family: 'Trebuchet MS';  font-size: 11px;}
html>body div#tilforside{
    padding: 0 5px 0px 0; margin: 10px 0 0 0; width: 175px;  }

/* div aktuelt layout */
div#aktuelt {text-align: left; 
    background-color: rgb(215,215,215); color: #090; 
    height: 90px; 
    margin: 0 0 0px 10px; border: 0px solid rgb(215,215,215); padding: 5px 5px 0 0; width: 160px; }
div#aktuelt p {color: #BE3300; font-weight: bold;
    margin: 0 0 0 10px; padding: 0px;}
div#aktuelt ul { list-style: none; 
    margin: 3px 0 0 10px; padding: 0 0 5px 0; }
div#aktuelt ul li {font-size: 12px; padding-bottom: 2px;}
div#aktuelt ul li a {color: #090; text-decoration: none; }

html>body div#aktuelt { 
    height: 90px; 
    margin: 0 0 0px 10px; border: 0px solid rgb(215,215,215);  width: 165px;}
html>body div#aktuelt p {color: #BE3300; font-weight: bold;
    padding: 0px;}
html>body div#aktuelt ul {border: 0px solid blue; 
      padding: 0 0 5px 0; width: 155px;}


/*login for medlemmer layout */
p.loginlink { background-color: rgb(228, 228, 228); color: #666666; text-align: right;
    margin: 0 0px 0 10px; padding: 5px 5px 5px 0 ; width: 160px;}
p.loginlink a { text-decoration: none; color: #666666;}
html>body p.loginlink {margin: 0 0px 0 10px; width: 165px; }

/*log in form layout */
/*
form#login {margin: 0 0 0 20px; padding: 0; background-color: #C0C0C0; color: #5F5F5F;}
form#login p {color: #5F5F5F; font-weight: bold; text-align: left; margin: 0;padding: 5px 0 2px 24px;
     }
form#login label {display: block; text-align: left; padding-left: 23px;}
form#login #email, form#login #pswd {margin-right: 2px;}
#submit_btn {border: 1px solid #000; cursor: hand; margin: 2px; font-size: 10px;}
*/

/* Venstre menu faste links  i bunden layout*/
ul#faste_links { list-style: none; line-height: 14px;text-align:right;
    border: 0px solid red; padding: 0 0px 0px 0; margin: 5px 2px 0 0;  }
ul#faste_links li a {color: #C30;  text-decoration: none; font-weight: bold; font-size: 11px;
    padding: 0 0 0 0;}
html>body ul#faste_links{
    padding: 0 5px 5px 0; margin: 10px 0 0 0; width: 175px;  }




/* nyheder iframe layout */
ul#nyheder {list-style: none; margin: 0 0 0 18px;}
html>body ul#nyheder {margin: 0; padding: 20px 0 0 24px;}
ul#nyheder li {margin-left: 1px;}
html>body ul#nyheder li {margin-left: 0;}
ul#nyheder li.headline {font-size: 12px; font-weight: bold;}
li.newscontent { color: #5F5F5F; margin-bottom: 20px; font-size: 10px;}
li.newscontent a {color: #C30; text-decoration: none;}
p.headline {position: absolute; bottom: 15px; right: 20px; font-weight: bold; color: #5F5F5F;}
ul#nyhed_valgt {list-style: none; margin: 0 0 0 22px;}
html > body ul#nyhed_valgt {margin: 0; padding: 7px 0 0 24px; }
ul#nyhed_valgt li {margin-left: 0px;}

/* kalender layout i iframe */
ul#kalender {list-style: none; margin: 0 0 0 22px;}
html>body ul#kalender {margin: 0; padding: 20px 5px 0 24px;}
ul#kalender li.kalenderDato {font-weight: bold; clear: left;}
ul#kalender li.kalenderTekst {padding-bottom: 25px;}

/* artikel layout i iframe */
ul#artikel {list-style: none; margin: 10px 0 0 0px;}
html>body ul#artikel { margin: 0; padding: 10px 0 0 0px;}
ul#artikel li.artikel_overskrift {font-weight: bold;}
ul#artikel li.artikel_tekst {padding-bottom: 5px;}
ul#artikel li.artikel_tekst a {color: #C30; text-decoration: none;}

/* træner layout i iframe */
.nosmallpic {height: 60px; width: 80px; border: 1px solid #C7C7C7;}
#traenere {width: 340px;}
#traenere td {font-size: 12px;}
#traenere td.right{text-align: right; vertical-align: top; border: 0px solid silver;}
#traenere td.left{text-align: left; vertical-align: top;}
#traenere td a {text-decoration: none; color: gray;}

/* kalender page navigation */

#kalnav {
	position: absolute;
	bottom: 0;
	left: 250px;
  width: 220px;
  margin: 0;
	padding: 0;
	font-size: 11px;  border: 0px solid green; 
}
#kalnav div {float:left;}
#kalnav div.visertext {width: 130px; color: #808080; font-size: 11px;}
div.kalvisertext {width: 130px; color: #808080; font-size: 11px;}
html>body div.kalvisertext {width: 130px;}
#kalnav div.kalarrow {width: 18px;}
html>body div.kalarrow {width: 18px;}


body#mainiframe a.visalle  {font-family:'Trebuchet MS'; font-size: 11px; position: absolute; bottom: 0; left: 22px; color: #C30; text-decoration: none;}

#traenere a.personlink:link {color: #C30; text-decoration: none;}
#traenere a.personlink:visited {color: #C30; text-decoration: none;}
#traenere a.personlink:hover {color: #000; text-decoration: none;}

/*
#member {margin: 50px; border: 1px solid gray; line-height: 25px;}
*/

/*
input.btn {height: 23px; border: 1px solid gray; }
*/

/*
iframe.w326 {width: 326px;}
iframe.w470 {width: 470px;}
html>body iframe.w326 {width: 346px;}
html>body iframe.w470 {width: 455px;}
*/

div.divBilledsoejle { overflow:hidden; 
    margin: 0px 0px 0px 0px; padding: 0 0 0 0; border: 0px; }
img.billedsoejleImg { margin: 0px 0px 0px 0px;
    vertical-align:top; border: 0px; }
/*
html>body div.divBilledsoejle {width: 100px; padding: 0; margin: 0; border: 0}

html>body img.billedsoejleImg {margin: 0px; padding: 0px;}
*/