html {
    background-image: url(sitebagg_repeat.jpg);
}

body {
    font-family:verdana,arial,sans-serif;
    margin: 2px;
    height: 100%;
}

p {
    font-size: 11px;
    color: #69747A;
}

strong {
    font-weight: bold;
    color: #58595b;
}

h1, h2, h3, h4, h5 {
    color: #69747A;
    padding-bottom: 5px;
    padding-top: 0px;
}

h1 {font-size: 17px;}
h2 {font-size: 16px;}
h3 {font-size: 15px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}


/* Layout stuff */
#page {
    width: 980px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-image: url(bg-with-shade.png);
    background-repeat: repeat-y;
}


#top {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

#link-to-root {
    margin-left: 30px;
    margin-top: 30px;    
    display: block;
    float: left;
    width: 270px;
    height: 25px;
    background-repeat: no-repeat;
}


#header {
    height: 100px;
    width: 950px;
    z-index: 500;
    background-color: white;
}


#header p {
    display: block;
    float: left;
    font-size: 10px;
    padding: 4px;
    color: #a7a9ac;
}

#shortcuts {
    height: 30px;
    float: right;
    margin-right: 20px;
}


#header-seperation {
    position: absolute;
    top: 102px;
    background-image: url(shade_950x6.png);
    height: 6px;
    width: 950px;
    z-index: 200;
}
    


#content {
    background-color: white;
}

#pagetype1-lower-content {
    width: 883px;
    min-height: 180px;
    font-size: 12px;
    padding-left: 43px;
    padding-right: 24px;
}


#pagetype1-lower-content ul {
    color: #69747A;
    font-size: 11px;
}


#pagetype1-lower-content a {
    text-decoration: none;
}

#pagetype1-lower-content ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#pagetype1-lower-content ul li {
    padding: 10px 0px 0px 58px;
    background-repeat: no-repeat;
    background-position: 43px 12px; 
}

#pagetype1-lower-content .csc-default  li {
    background-image: url(dash_graa.gif);
}

#lower-col1 .csc-default li, #lower-col2 .csc-default  li, #lower-col3 .csc-default li, #lower-col4 .csc-default li {
    background-image: url(pil_hvid.gif);
}

#pagetype1-lower-content .csc-menu li {
    float: left;
    width: 260px;
/*    background-image: url(pil_hvid.gif);*/
/*    background: url(pil_grey.png) no-repeat 5px 5px;*/
    background: transparent url(pil_grey.png) no-repeat scroll 50px 12px
}


#pagetype1-lower-content p {
/*     padding-left: 43px; */
/*     padding-right: 30px; */
    padding-bottom: 10px;

}

#pagetype1-lower-content h1, #pagetype1-lower-content h2, #pagetype1-lower-content h3, #pagetype1-lower-content h4, #pagetype1-lower-content h5 {
    color: #69747A;
/*     padding-left: 43px; */
}


#pagetype1-lower-content > div {
    padding-bottom: 25px;
}


#pagetype1-upper-content {
    overflow: hidden;
}

#pagetype1-lower-content > div:first-child {
    padding-top: 25px;
    position: relative;
    bottom: 0px;
}


#lower-shader {
    width: 950px;
    height: 18px;
    position: absolute;
    background-image: url(Stribe_grafik_950x18.png);
}


#page-bottom {
    width: 980px;
    height: 14px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(bg-with-shade-bottom.png);
}


/* Nede sideoverskrift. Ens for et helt domæne */
#pagetype1-lower-content .lower-page-header {
    padding-left: 15px;
    font-size: 15px;
    padding-top: 20px;
}



/* Nedre bokse - 4 ved siden af hinanden. Specielt design */
#the4cols div {
    float: left;
    width: 225px;
    height: 300px;
    background-repeat: no-repeat;
    vertical-align: middle;    
}

#the4cols .the4cols_hoverwrap {
	height: 60px;
}

#col1 {
    background: url(bottom_bg_1.png);
}

#col2 {
    background: url(bottom_bg_2.png);
}

#col3 {
    background: url(bottom_bg_3.png);
}

#col4 {
    background: url(bottom_bg_4.png);
}

#the4cols h2 {
    padding-top: 40px;
    padding-left: 24px;
}

#the4cols a, #the4cols p {
    font-size: 9px;
    text-decoration: none;
    color: #69747A;
}

#the4cols p, #the4cols img {
    float: left;
}

#the4cols p {
    background: url(pil_hvid.gif) no-repeat;
    background-position: left 22px;
    display: block;
    margin-bottom: 12px;
    padding-top: 22px;
    width: 100px;
    padding-right: 0px;
    padding-left: 15px;
}

#the4cols img {
	margin-top: 12px;
	margin-left: 15px;
}


/* Nedre bokse - 2 ved siden af hinanden */
#lower-left, #lower-right, #lower-middle {
    position: relative;
    float: left;
    margin-bottom: 40px;
}

#lower-left {
    width:589px;
    padding-right: 18px;
}

#lower-right {
    padding-left: 18px;
    width:255px;
    padding-bottom: 40px;    
}

#lower-middle {
    background: url(lodret-separator_fast.jpg) repeat-y;
    width: 1px;
}

#lower-middle-fill {
    background: url(lodret-separator.jpg) no-repeat;
    width: 1px;
    height: 175px;
    padding-bottom: 40px;
}

#lower-left p, #lower-right p {
}

#lower-left h1, #lower-right h1 {
}




/* Nedre bokse - 4 ved siden af hinanden */
#lower-col1, #lower-col2, #lower-col3, #lower-col4 {
    float: left;
    width: 190px;
    padding-left: 18px;
    padding-right: 18px;
}

#lower-col1 {
    padding-left: 0px;
}

#lower-col4 {
    padding-right: 0px;
}


#lower-col1 p, #lower-col2 p, #lower-col3 p, #lower-col4 p {
    padding: 0px;
    padding-bottom: 20px;
}

#lower-col1 h1, #lower-col2 h1, #lower-col3 h1, #lower-col4 h1 {
    padding: 0px;
}

#lower-col1 h1 a, #lower-col2 h1 a, #lower-col3 h1 a, #lower-col4 h1 a {
    color: #69747A;
}

#lower-col1 ul li, #lower-col2 ul li, #lower-col3 ul li, #lower-col4 ul li {
    background-position: 4px 12px;
    padding: 10px 0 0 20px;
}

.lower-col-seperator {
    float: left;
    background: url(lodret-separator.jpg) no-repeat;
    width: 1px;
    height: 175px;
}




/* Bund */
#bottom {
    width: 950px;
    height: 64px;
    background-color: white;
    background-image: url(btm.png);
    background-position: bottom;
    background-repeat: no-repeat;
    clear: both;
}

#bottom-bar {
    width: 930px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #69747A;
    clear: both;

}

#address-bar {
    color: white;
    padding-top: 8px;
    padding-left: 24px;
    font-size: 10px;
    height: 24px;
    width: 750px;
    float: left;
}

#address-bar p {
    color: #fff;
}

#lower-shortcuts {
    float: right;
    width: 140px;
}

#lower-shortcuts a, #lower-shortcuts span {
    font-size: 11px;
    color: white;
    text-decoration: none;
}


#footer {
    padding-top: 8px;
    padding-left: 24px;
    height: 24px;
    width: 950px;
    font-size: 10px;
    color: #a7a9ac;
}

#footer a {
    font-size: 11px;
}

#footer-split {
    background-color: #fff;
    width: 100%;
    height: 1px;
    position: relative;
    bottom: 40px;
}

/* Styling af selvbetjening */
#ngf-plugin  {
/*     float: right; */
/*     padding-top: 50px; */
    color: #69747A;
    font-size: 11px;
/*     width: 650px; */
}



#ngf-plugin select{
	min-width: 70px;
}


/* Særlig style for tabeller (se også ngf.js) */
#pagetype1-lower-content table {
    border: 1px solid #d3d3d3;
    margin: 1px;
    width: 590px;
    margin-bottom:10px;
/*     margin-left:43px; */
    margin-right:30px;
}

#pagetype1-lower-content table tr:first-child {
    border-top: 0;
}

#pagetype1-lower-content table tr {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}


#pagetype1-lower-content td, #pagetype1-lower-content th {
    color: #69747A;
    border-top: 1px solid #d3d3d3;    
    font-size: 10px;
    padding: 4px;
}

#pagetype1-lower-content td p {
    color:  #3c3c3c;
    padding: 0;
}



#pagetype1-lower-content .headerstyle,  #pagetype1-lower-content th {
    color: #fff;
    text-align: right;
    padding-right:8px;
    text-align: left;
    font-size: 11px;
}

#pagetype1-lower-content table p {
    padding: 0;
}

#pagetype1-lower-content .headerstyle p, #pagetype1-lower-content th p {
    color: #fff;
}



/* Style for søgeresultateter */
#pagetype1-lower-content .csc-searchResultInfo {
    border: 0px;
}

#pagetype1-lower-content .csc-searchResultInfo tr {
    border: 0px;
}

#pagetype1-lower-content .csc-searchResultInfo td, #pagetype1-lower-content .csc-searchResultInfo td p {
    background: none;
    border: 0px;
}



/* Særlige stil for billeder i lister */
#pagetype1-lower-content li.csc-textpic-image {
    background-image: none;
    margin: 0;
    padding: 0;
}



#pagetype1-lower-content #customer-menu {
    float: left;
    padding: 66px 0px 40px 0px;
    width: 270px;
}

#customer-menu li a, #lower-right .csc-menu li a {
    display: block;
    color: white;
    font-size: 12px;
    font-weight: bold;
    width: 190px;
}

/* Selve selvbetjeningen */
#customer-area {
    float: right;
    width: 607px;
    padding-top: 26px;
}

.hide {
    display: none;
}

.show {
    display: table-row;
}

.show-ie {
  display: block;
}

table.small {
    font-size: 8px;
}

.hideText {
  display: none;
}


.showText {
  display: table-row;
}


.showText-ie {
  display: block;
}

#ngf-plugin .column-number {
	text-align: right;
}

.nowrap {
	white-space: nowrap;
}

#ngf-plugin textarea {
    width: 250px;
    height: 100px;
	border: solid 1px grey;
	border-left: solid 3px grey; 
}

#ngf-plugin input, #ngf-plugin textarea {
	border: solid 1px black;
	background: #fff; 
	padding: 2px;
}




/* Særligt for supplyChange-delen */
.supply-change {
    border:1px solid #D3D3D3;
    margin:1px 30px 10px 1px;
    width: 590px;
}

.supply-change label, .supply-change div.input-wrap {
    padding: 4px;
    float: left;
    border:1px solid #D3D3D3;
    height: 22px;
}

.supply-change label {
    background-color: #AE2C25;
    width: 220px;
}

.supply-change div.input-wrap {
    background-color: #fff;
    width: 350px;
}

.supply-change div.submit {
    background-color: #AE2C25;
    margin:1px 30px 10px 1px;
    width: 590px;    
}



/* Loginformular */

#loginForm input  {
	border: none;
	border-left: solid 3px grey; 
	border-bottom: solid 1px grey;
	background: #f0f0f0; 
	padding: 2px;
}

#loginForm .submit  {
	background: #606060;
	border: solid 1px white;
	color: white;
}

.submit {
	background: black;
	font-weight: bold;
	text-transform: capitalize; 
}

/* TYPO3-specifikke styles (css-styled-content) */
#pagetype1-lower-content .csc-textpic {
/*     padding-left: 43px; */
}

#lower-col1 .csc-textpic, #lower-col2 .csc-textpic, #lower-col3 .csc-textpic, #lower-col4 .csc-textpic {
    padding-left: 0px;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

/* Dynamisk indsat loginboks */
#hiddel-elements {
    display: none;
}


#static-login-box {
    padding: 0px;
    background-color: #fff;
    color: #3c3c3c;
    font-size: 10px;
}

.tx-felogin-pi1 input {
    margin: 5px;
}

.tx-felogin-pi1 label {
    font-weight: bold;
}

.csc-default {
    color: #69747A;   
}




.tx-felogin-pi1 form {
/*     padding-left: 43px; */
}

.csc-mailform-field {
    width: 550px;
}

.csc-mailform-field label {
    display: block;
    float: left;
    width: 120px;
    height: 22px;
    font-size: 10px;
    padding-left: 13px;
}

#mailform {
/*     padding-left: 32px; */
}

#mailform input,textarea  {
	border: solid 1px black;
	background: #fff; 
	padding: 2px;
}

#mailform td {
    color: #69747A;
    text-align: right;
    padding-right:5px;
    text-align: left;
    font-size: 11px;
}


.news-list-category {
    padding-left: 30px;
}


/* Dynamisk boks. Se ngf.js */
.csc-mailform-field-input-wrapper {
    display: block;
    float: left;
    width: 370px;
    padding-bottom: 12px;
}


/* Skjulte elementer er, ja, skjulte */
#hidden-elements {
    display: none;
}


/* Søgeboksen */
#searchbox-hidden {
    float: right;
    height: 25px;
    width: 200px;
    margin-top: 10px;
    margin-left: 200px;
}

#searchbox-hidden input {
    height: 20px;
    font-size: 12px;
    border: 1px solid #fff;
    margin-right: 10px;
    float: left;
    display: block;
}

#searchbox-hidden #mailformsword {
   border:1px solid black;
}



/* Selvbetjeningssideloginstatusboks */
#login-status-bar {
    height: 42px;
    width: 620px;
}

#login-status-bar p {
    float: left;
    color: #A7A9AC;
    padding-bottom: 2px;
    margin-right: 20px;
}

#login-status-bar span {
    font-weight: bold;
}

#login-status-bar-hr {
    float: left;
    height: 1px;
    width: 620px;
    background-color: #69747A;
}



.logout-button {
    width: 620px;
    height: 30px;
}

.logout-button input {
    font-weight: bold;
    border: none;
    float: right;
    background-color: transparent;
}


#lower-right .csc-menu li {
    background-position: 0px 20px;
}

#lower-right .csc-menu li a {
    padding-left:23px;
}