﻿.foo {} /* ## OPBYGNING ## */

body
{   
    margin: 0px;
    padding: 0px;
    background: url(billeder/bg.png) repeat;
}
form
{
	display: inline;
}
#TopBar
{
    background: url(billeder/topbar_bg.png) repeat-x;
    height: 102px;
}
#Content
{ 
    background: #ffffff url(billeder/orange.png) repeat-x;
    min-height: 300px;
    padding-bottom: 30px;
}
#IndholdsDel
{
    width: 510px;
    float: left;
    min-height: 200px;
    padding-top: 65px;
}
#IndholdsDel_Blog
{
    width: 510px;
    float: left;
    min-height: 200px;
    background: url(billeder/blog_bg.png) no-repeat 205px 20px;
    padding-top: 65px;
}
#IndholdsDel_Om
{
    width: 510px;
    float: left;
    min-height: 200px;
    background: url(billeder/om_bg.png) no-repeat 264px 20px;
    padding-top: 65px;
}
#IndholdsDel_Admin
{
    width: 510px;
    float: left;
    min-height: 200px;
    background: url(billeder/adm_bg.png) no-repeat 179px 20px;
    padding-top: 65px;
}
#IndholdsDel_Forum
{
    width: 510px;
    float: left;
    min-height: 200px;
    background: url(billeder/forum_bg.png) no-repeat 145px 20px;
    padding-top: 65px;
}
#IndholdsDel_Filer
{
    width: 510px;
    float: left;
    min-height: 200px;
    background: url(billeder/filer_bg.png) no-repeat 205px 20px;
    padding-top: 65px;
}
#MenuDel
{
    width: 230px;
    float: right;
}
.CenterPlacement /* Se også #TopMenu */
{
    margin: auto;
    width: 760px;
    min-height: 12px;
}
.Dato
{
    color: #cccccc;
    font-family: Calibri, Verdana;
    font-size: 15pt;
    font-weight: bold;
    padding-left: 5px;
    position: relative;
    bottom: -6px;
}
.Indlæg_box
{
    border: solid 2px #cccccc;
    background: url(billeder/gennemsigtig.png) repeat;
}
.Indlæg
{
    background: url(billeder/gradiant_bg.png) repeat-x left bottom;
    padding: 8px;
    min-height: 135px;
}
.Kommentar
{
    border: solid 2px #cccccc;
}
.Kommentar .Indlæg
{
    min-height: 123px;
}
.MenuHead
{
    font-family: Candara, Calibri, Verdana;
    font-size: 12pt;
    text-align: center;
    border: solid 2px #f38d1e;
    margin-top: 30px;
    margin-bottom: 5px;
}
.MenuHead:first-child
{
    margin-top: 61px;
}
.Menu
{
    border: solid 2px #cccccc;
}
#Bund
{
    background: url(billeder/gradiant_bund.png) repeat-x;
    min-height: 125px;
    border-top: solid 3px #f38d1e;
}
table
{
    border-spacing: 1px;
    border-collapse: separate;
    empty-cells: show;
    table-layout: auto;
    padding: 0px;
}
td
{
    padding: 1px;
}
.Vis tr
{
    height: 28px;
}
th
{
    background: #D9ECFB;
    border: solid 1px #1980D3;
    font: 12pt Candara, Calibri, Verdana;
    text-align: center;
}
tbody.tbody
{
    text-align: center;
}
tbody.tbody tr
{
    font: 12pt Calibri, Verdana;
    cursor: pointer;
    background-color: #f8f8f8;
}
tbody.tbody tr td:first-child
{
    padding-left: 22px;    
}

tbody.tbody tr:nth-child(even)
{
    background-color: #f1f1f1;
}
tbody.tbody tr td:first-child
{
    background-image: url(billeder/Ikoner/emne.png);
    background-repeat: no-repeat;
    background-position: left center;
}
tbody.tbody tr:hover td:first-child
{
    background-image: url(billeder/Ikoner/emne_hover.png) no-repeat left center;
}
tbody.tbody tr:hover
{
    background-color: #D9ECFB;
}

hr
{
    border: solid 1px white; 
    border-top: solid 1px #f38d1e;
    margin-left: 10px;
    margin-right: 10px;
}

/* ## OPBYGNING end ## */

/* ## TEKSTFORMATERING ## */

h1
{
    font: bold 16pt Candara, "Trebuchet MS", Corbel, Verdana;
    text-shadow: 2px 2px 2px #C9C9C9; /* CSS 3.0 */
}
h2
{
    font: bold 14pt Candara, "Trebuchet MS", Corbel, Verdana;
}
h3
{
    font: bold 12pt Candara, Calibri, Verdana;
    color: #1980D3;
}
p, .Tekst, label
{
    font: 12pt Calibri, Verdana;
    overflow: hidden;
    -o-text-overflow: ellipsis; /* CSS 3.0 til Opera */
    word-wrap: break-word; /* CSS 3.0 til IE */
    
}
ul
{
    list-style-image: url(billeder/pil.png);
    font-family: Calibri, Verdana;
    font-size: 12pt;
}
ol
{
    font-family: Calibri, Verdana;
    font-size: 12pt;
}
.highlight
{
    color: #1980D3;
}
div.Kode
{
    overflow: auto;
    width: 464px;
    white-space: pre;
    font: 10pt "Courier New";
    border: dashed 1px #000000;
    background-color: #f5f5f5;
    padding: 10px;
}  
img
{
    border: 0px;
}
a:link
{
    color: #f38d1e;
    text-decoration: none;
}
a:visited
{
    color: #AAA;
    text-decoration: underline;
}
a:hover
{
    color: #1980D3;
    text-decoration: underline;
}
a:active
{
    color: #1980D3;
    text-decoration: none;
}
.Link:link
{
    border-bottom: solid 1px #CCC;
    text-decoration: none;
    
}
.Link:visited
{
    border-bottom: solid 1px #777;
    text-decoration: none;
}
.Link:hover
{
    border-bottom: solid 1px #000;
    text-decoration: none;
}
.Link:active
{
    border-bottom: solid 1px #CCC;
    text-decoration: none;
}
#Arkiv a:link
{
    color: #f38d1e;
    text-decoration: none;
}
#Arkiv a:visited
{
    color: #f38d1e;
    text-decoration: none;
}
#Arkiv a:hover
{
    color: #1980D3;
    text-decoration: underline;
}
#Arkiv a:active
{
    color: #1980D3;
    text-decoration: none;
}
#Arkiv > a:first-child /* For at fjerne mellemrun over TreeView (BlogArkiv) i andre browsere end IE*/
{
    display: none;
}
div.q
{
	margin: 8px 0 2px 10px;
	padding: 4px 0 3px 30px;
	background: transparent url(billeder/quote.png) 0px 7px no-repeat;
	font: italic 12pt Calibri, Verdana;
}
.InfoTekst
{
    font: 10pt Calibri, Verdana;
    color: #888888;
}
textarea
{
	overflow: scroll;
	border: solid 1px #f38d1e;
	font-family: Calibri, Verdana;
    font-size: 12pt;
    background-color: Transparent;
    padding: 2px;
}
textarea:hover, textarea:focus
{
	border: solid 1px #1980D3;
}
input[type="text"], input[type="password"], input[type="url"], input[type="date"], select
{
	border: solid 1px #f38d1e;
	font-family: Calibri, Verdana;
    font-size: 12pt;
    background-color: Transparent;
}
input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, .Popupmenu:hover, input[type="url"]:focus, input[type="date"]:focus, input[type="url"]:hover, input[type="date"]:hover, select:focus, select:hover
{
	border: solid 1px #1980D3;
}
input[type="checkbox"], input[type="radio"]
{
    background-color: Transparent;
}
input.Done
{
	border: solid 1px #888888;
	font: 10pt "Segoe UI", Calibri, Verdana;
    background: #f6f6f6;
    color: #888888;
    padding: 1px 5px 1px 5px;
    margin: 0px;
}
input.Done:hover, input.Done:focus
{
    background: #D9ECFB;
    border: #1980D3 solid 1px;
    color: #000;
}

input.Button, input.Button_menu
{
    border: solid 1px #888;
    color: #888;
    background-color: #fff;
    padding: 0px 5px 0px 5px;
    overflow: visible;
    font: 9pt "Segoe UI", Calibri, Verdana;
}
input.Button:hover, input.Button:focus, input.Button_menu:hover, input.Button_menu:focus
{
    border: solid 1px #000;
    color: #000;
    background-color: #fff;
}

input.Button_menu
{
    background-image: url(billeder/formatering/menu.gif);
    background-repeat:no-repeat;
    background-position:right;
    padding-right: 15px;
}
input.Button_menu:hover
{
    background-image: url(billeder/formatering/menu_hover.gif);
    background-repeat:no-repeat;
    background-position:right;
    padding-right: 15px;
}

.center
{
    display: block;
    margin: auto
}

/* ## TEKSTFORMATERING end ## */

/* ## TOP_MENU ## */

#TopMenu
{
    margin: auto;
    width: 760px;
}
#TopMenu a.Link:link
{
    width: 150px;
    border: solid 1px #cccccc;
    float: left;
    display: block;
    color: #cccccc;
    font-family: Calibri, Verdana;
    font-size: 12pt;
    text-align: center;
    margin: 1px;
    margin-top: 3px;
    text-decoration: none;
} 
#TopMenu a.Link:visited
{
    width: 150px;
    border: solid 1px #cccccc;
    float: left;
    display: block;
    color: #cccccc;
    font-family: Calibri, Verdana;
    font-size: 12pt;
    text-align: center;
    margin: 1px;
    margin-top: 3px;
    text-decoration: none;
}
#TopMenu a.Link:hover
{
    width: 150px;
    border: solid 1px #333333;
    float: left;
    display: block;
    color: #000000;
    font-family: Calibri, Verdana;
    font-size: 12pt;
    text-align: center;
    margin: 1px;
    margin-top: 3px;
    text-decoration: none;
}
#TopMenu a.Link:active
{
    width: 150px;
    border: solid 1px #cccccc;
    float: left;
    display: block;
    color: #000000;
    font-family: Calibri, Verdana;
    font-size: 12pt;
    text-align: center;
    margin: 1px;
    margin-top: 3px;
    text-decoration: none;
}
#TopMenu a.Selected
{
    width: 150px;
    border: solid 2px #f38d1e;
    border-top: 0px;
    background: #ffffff;
    float: left;
    display: block;
    color: #000000;
    font-family: Calibri, Verdana;
    font-size: 12pt;
    padding-top: 3px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    margin: 1px;
    margin-top: 0px;
    text-decoration: none;
} 

/* ## TOP_MENU end ## */

/* ## MENULINK ## */

.MenuLink:link
{
    display: block;
    color: #666666;
	text-decoration: none;
	border: solid 1px #FFFFFF;
	font: 12pt Calibri, Verdana;
	padding: 1px;
    margin: 2px;
	background-color: Transparent;
}
.MenuLink:visited
{
    display: block;
    color: #666666;
	text-decoration: none;
	border: solid 1px #FFFFFF;
	font: 12pt Calibri, Verdana;
	padding: 1px;
    margin: 2px;
}
.MenuLink:hover
{
    display: block;
    color: #000000;
	text-decoration: none;
	border: solid 1px #1980D3;
	font: 12pt Calibri, Verdana;
	padding: 1px;
    margin: 2px;
	background: #D9ECFB;
}
#ctl00_CPH_Menu_brugermenu1_LoginView_UC_LoginStatus_UC.MenuLink:hover
{
    display: block;
    color: #000000;
	text-decoration: none;
	border: solid 1px #f13131;
	font: 12pt Calibri, Verdana;
	padding: 1px;
    margin: 2px;
	background: #ffcccc;
}
.MenuLink:active
{
    display: block;
    color: #000000;
	text-decoration: none;
	border: solid 1px #1980D3;
	font: 12pt Calibri, Verdana;
	padding: 1px;
    margin: 2px;
	background: #D9ECFB;
}

/* ## MENULINK end ## */

/* ## BoxLINK ## */

.Indlæg > .BoxLink:first-child
{
    margin-top: 0px;
}
.BoxLink h1
{
    line-height: 0px;
}
.BoxLink:link
{
    display: block;
    color: #000;
	text-decoration: none;
	border: solid 1px #CCCCCC;
	font: 12pt Calibri, Verdana;
	padding: 5px;
	padding-left: 88px;
    margin-top: 10px;
    background: url(billeder/Ikoner/forum.png) no-repeat left center;
}
.BoxLink:visited
{
    display: block;
    color: #000;
	text-decoration: none;
	border: solid 1px #EEEEEE;
	font: 12pt Calibri, Verdana;
	padding: 5px;
	padding-left: 88px;
    margin-top: 10px;
    background: url(billeder/Ikoner/forum.png) no-repeat left center;
}
.BoxLink:hover h1
{
    text-decoration: underline;
}
.BoxLink:hover
{
    display: block;
    color: #000;
	text-decoration: none;
	border: solid 1px #1980D3;
	font: 12pt Calibri, Verdana;
	padding: 5px;
	padding-left: 88px;
    margin-top: 10px;
    background: #D9ECFB url(billeder/Ikoner/forum.png) no-repeat left center;
}
.BoxLink:active
{
    display: block;
    color: #000;
	text-decoration: none;
	border: solid 1px #1980D3;
	font: 12pt Calibri, Verdana;
	padding: 5px;
	padding-left: 88px;
    margin-top: 10px;
	background: #D9ECFB url(billeder/Ikoner/forum.png) no-repeat left center;
}

/* ## BoxLINK end ## */

/* ## PopupMENU start ## */

ul.AspNet-Menu
{
    margin: 0px;
    padding: 0px;
    display: block;    
}
ul.AspNet-Menu ul
{
    margin: 0px;
    padding: 2px;
    background: #ffffff;
    border: solid 1px #888;
    display: block;
}
ul.AspNet-Menu ul:hover
{
    border: solid 1px #000;
}
ul.AspNet-Menu li
{
    list-style: none;
    list-style-image: none;
    float: left;
    margin: 0px 4px 0px 0px;
}
ul.AspNet-Menu ul li
{
    list-style: none;
    list-style-image: none;
    display: block;
    float:none;
    margin: 3px;
}

ul.AspNet-Menu li a:link,
ul.AspNet-Menu li span
{
    display: block;
    color: #888;
    text-decoration: none;
}
ul.AspNet-Menu li a:hover
{
    color: #000;
}

ul.AspNet-Menu ul
{
    position: absolute;
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible;
}
/* ## PopupMENU end ## */

/* ## Kodeformatering start ## */

ol.kode
{
    padding: 10px;
    border: dashed 1px #000000;
    font: 9pt Consolas, "Courier New", Courier, Monospace;
    width: 464px;
    color: #2b91af;
    overflow: auto;
    margin: 0px;
    clear: both;
}

ol.kode pre
{
    margin: 0em;
    padding: 1px 5px;
    border-left: dotted 1px #2b91af;
    font: 10pt Consolas, "Courier New", Courier, Monospace;
    color: #000;
}

ol.kode li
{
    margin: 0em 0em 0em 30px;
}
span.kodeoverskrift
{
    color: #000;
    font: 10pt Consolas, "Courier New", Courier, Monospace;
    font-weight: bold;
    margin-left: 5px;
    position: relative;
    bottom: -6px;
    background-color: White;
}
/* ## Kodeformatering end ## */