﻿/*  TojSkabelon.css
    Gennemgående skabelon for siders inddeling

	Lys baggrundsfarve : #EFEFF5     gl: #9FE374
	MMørk :	#E3E4EC					
    Tyk border-color : #333
*/

html, body { padding: 0; margin: 0; background-color: #FFF }

/* Klasser med standard kolonnebredder */
.wid1 { width: 150px }
.wid2 { width: 660px }
.wid2_L { width: 342px }
.wid2_R { width: 318px }
.wid3 { width: 188px }

table#outmost { width: 1000px; background-color: #FFF }

td#topleft { vertical-align: bottom; border-top: 1px solid #000; border-bottom: 2px solid #333; background-color: #EFEFF5 }
td#topmid { vertical-align: top; border-top: 1px solid #000; border-bottom: 2px solid #333; background-color: #EFEFF5 }
div#logoDiv { margin: 0 84px 6px 84px }
td#topright { vertical-align: bottom; border-top: 1px solid #000; border-right: 2px solid #333; border-bottom: 2px solid #333; background-color: #EFEFF5 }

td#top2left { background-color: #FFF; border-bottom: 1px solid #FFF }
td#top2mid { padding-top: 7px; padding-bottom: 2px; background-color: #E3E4EC; border-left: 1px solid #000; border-right: 1px solid #000 }
td#top2right { background-color: #FFF; border-bottom: 1px solid #FFF; border-right: 2px solid #333 }

/* Midt : Venstre side */
td#midt1front { vertical-align: top; width: 100%; background-color: #E3E4EC; border-bottom: 2px solid #333 }
td#midt1 { vertical-align: top; background-color: #FFF; border-bottom: 2px solid #333 }
/* Midt - midt 1 */
td#midt2 { background-color: #FFF; vertical-align: top; border-bottom: 2px solid #333; border-left: 1px solid #000; border-right: 1px solid #000 }
td#midt2top { background-color: #FFF; margin: 0; padding: 0; vertical-align: top; border-left: 1px solid #000; border-right: 1px solid #000 }
td#midt2_Left { background-color: #E3E4EC; vertical-align: top; padding-left: 0px; border-bottom: 2px solid #333; border-left: 1px solid #000 }
td#midt2_Right { background-color: #E3E4EC; vertical-align: top; padding-left: 0px; border-right: 1px solid #000; border-bottom: 2px solid #333 }
/* Midt - midt 2 (Mere siden) */
td#midt2_1 { vertical-align: top; background-color: #FFF; border-bottom: 2px solid #333 }
td#midt2_2 { background-color: #E3E4EC; vertical-align: top; border-bottom: 2px solid #333; border-left: 1px solid #000; border-right: 1px solid #000 }
td#midt2_3 { background-color: #FFF; vertical-align: top; padding-left: 0px; border-bottom: 2px solid #333; border-right: 2px solid #333 }
/* Midt - højre kolonne */
td#midt3front { background-color: #E3E4EC; vertical-align: top; padding-left: 0px; border-bottom: 2px solid #333; border-right: 2px solid #333 }
td#midt3 { background-color: #FFF; vertical-align: top; padding-left: 0px; border-bottom: 2px solid #333; border-right: 2px solid #333 }
/* Midt - midt 1 uden bottom border */
td#midt1_1 { vertical-align: top; background-color: #FFF }
td#midt2_1_Left { background-color: #E3E4EC; vertical-align: top; padding-left: 0px; border-left: 1px solid #000 }
td#midt2_1_Right { background-color: #E3E4EC; vertical-align: top; padding-left: 0px; border-right: 1px solid #000 }
td#midt3_1 { background-color: #FFF; vertical-align: top; padding-left: 0px; border-right: 2px solid #333 }
/* Varebillede højre kolonne */
.rightarticle { margin: 30px 35px 2px 35px }
.imgRightSide { width: 116px; margin-right: 2px; margin-bottom: 10px; border-width: 1px; border-style: outset; border-color: #777 }

td#bund { height: 37px; vertical-align: top; padding-left: 291px; border-bottom: 1px solid #000; border-right: 2px solid #333; background-color: #EFEFF5 }
.logoBund { width: 136;  padding-left: 22px; padding-right: 22px; background-color: #000 }
.textBund { width: 162; padding-left: 3px; margin-left: 100px; margin-right: 419px; padding-bottom: 4px; color: #CCC; font-family: Verdana, Arial; font-size: 9px; font-weight: bold; background-color: #000 }
.textBund2 { width: 152; margin-left: 424px; margin-right: 424px; margin-top: 4px; padding-bottom: 4px; color: #CCC; font-family: Verdana, Arial; font-size: 9px; font-weight: bold; background-color: #000 }
.leftsquareimg { width: 116px; border: 1px solid #ECF1F8 }
.divleftCol { width: 80%; margin-top: 24px; margin-left: 15px }

.kurvFirkant { width: 175px; margin: 0px 1px 0px 12px }

table#KurvTable { width: 90%; margin-top: 14px }

.messagebox { width: 190 }
.inMessage1box { width: 179; padding: 0 2px 8px 8px; background-color: #FCF400 }
.inMessage2box { width: 179; padding: 0 2px 8px 8px; background-color: #FFF }

.frontImgL { width: 318px; margin: 8px 2px 15px 8px }
.frontImgR { width: 318px; margin: 8px 8px 15px 2px }
.frontTextImg { width: 310px; padding: 2px 4px 0 4px }
.imgLeft { float: left }
.imgRight { float: right }

.logohome { margin-left: 7px; border: none; height: 18px; width: 136px  }
.Alogohome { margin-left: 7px; border: none; height: 17px; width: 136px  }
.aForside { margin-left: 7px; margin-right: 7px; padding-left: 7px; color: #CCC; background-color: #000; font-family: verdana, arial; font-size: 9px; font-weight: bold }

/*
div#textImgL { width: 319px; margin: 12px 3px 8px 5px; background-color: #EFEFF5; border: solid 1px #000 }
div#textImgR { width: 319px; margin: 12px 5px 8px 3px; background-color: #EFEFF5; border: solid 1px #000 }
*/
div#textImgL { width: 319px; margin-left: 2px; padding-left: 4px; margin-right: 2px; margin-top: 12px; background-color: #FEFD00; border: solid 1px #000 }
div#textImgR { width: 319px; margin-right: 2px; padding-right: 4px; margin-left: 2px;  margin-top: 12px; background-color: #FEFD00; border: solid 1px #000 }

.messageH3_1 { margin: 0; padding-top: 15px; padding-bottom: 4px; background-color: #E3E4EC; color: #000; font-family: verdana, arial; font-size: 20px; font-weight: bolder }
.messageH3_2 { margin: 0; padding-top: 24px; padding-bottom: 4px; background-color: #E3E4EC; color: #000; font-family: verdana, arial; font-size: 16px; font-weight: bold }
.messageH4_1 { margin: 0; padding: 10px 0 4px 0; color: #000; font-family: verdana, arial; font-size: 12px; font-weight: normal; line-height: 14px }
.messageH4_2 { margin: 0; padding: 6px 0 4px 0; color: #000; font-family: verdana, arial; font-size: 12px; font-weight: normal; line-height: 14px }

.leftPad1 { padding-left: 24px }
.leftPad4 { padding-left: 8px }
.leftPad5 { padding-left: 5px }

/* Maks.aspx */
/* Når stort billede vises */
td#top21spc { background-color: #FFF; border-right: 2px solid #111 }
td#top23spc { background-color: #FFF; border-right: 1px solid #111 }
td#top22spc { background-color: #FFF; border-right: 2px solid #403837; border-bottom: 1px solid #114A68   }
td#mid1spc { background-color: #FFF; vertical-align: top; border-right: 2px solid #111 }
td#top23 { background-color: #FFF ; border-right: 2px solid #111 }
/* ----- Bestemmer baggrund i midt midter kolonne ---- */
td#top24 { background-color: #FFF; border-right: 1px solid #403837 }
/* ----- Bestemmer baggrund i midt højre kolonne ---- */
td#top24x { background-color: #FFF; border-right: 2px solid #114A68 }


