﻿/*
Vallensbaek Kommune
Copyright: IntraNote 2007
Styles by: Iben Louise Birkkjaer and Morten Brunbjerg Bech
*/


body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
}

#wrapper {
  padding: 0;
  margin: 0 auto;
  width: 842px;
  height: 100%;
  text-align: left;
  border-left: 1px solid #005968;
  border-right: 1px solid #005968;
  border-bottom: 2px solid #6a1d44;
}   
#wrapper:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
#wrapper {display:inline-block;}
/* Hide from IE Mac \*/
#wrapper {display:block;}
/* End hide from IE Mac */

a {color: #005968;}
a:hover {color: #6a1d44;}
a:visited {color: #669ba4;}

p {margin: 0;}

/* TOP */

#top {
  float: left;
}
.blaa #top {
  background: #9cc;
}
.lilla #top {
  background: #636;
}
.roed #top {
  background: #c30;
}
.groen #top {
  background: #693;
}


#topLogo {
  padding: 15px 0 0 10px;
  height: 108px;
  width: 300px;
  float: left;
  overflow: hidden;
}

#topLogo img {
    border: 0px;
}

#date {
  color: #ed1c24
}

#topRight {
  margin: 13px 0 0 0;
  padding: 0 12px 0 0;
  width: 370px;
  float: right;
}

#topRight ul li a {
  padding: 0;
  margin: 0;
}

#topRight .M0 {
  padding: 0;
  margin: 0;
}

#toolsMenu {
  float: right;
  /*height: 20px;*/
}

#toolsMenu li {
  display: inline;
  margin-left: 12px;
}
.blaa #toolsMenu a,
.lilla #toolsMenu a,
.groen #toolsMenu a,
.roed #toolsMenu a {
  color: #FFF;
}
#toolsMenu a {
  color: #6a1d44;
  font-size: 10px;
  text-decoration: none;
}

#search {
  margin-top: 6px;
  float: right;
}

#search input {
  margin: 0;
  padding: 0;
}
input.searchBtn {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 19px;
}
input.searchField {
  border: 1px solid #4b4b4b;
  padding: 1px !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 14px;
}

h1 {color:#005968;}

/* GLOBAL MENU
----------------------------------------------------------------- */
.blaa #topMenuContainer,
.lilla #topMenuContainer,
.groen #topMenuContainer,
.roed #topMenuContainer {
  border-bottom: 2px solid #ECAE01 !important;
}
#topMenuContainer {
  width: 822px;
  height: 25px;
  margin: 0 0 0 0px;
  padding: 0 10px 0 10px;
  float: left;
  border-bottom: 2px solid #fcdea0;
}   
#topMenuContainer:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
#topMenuContainer {display:inline-block;}
/* Hide from IE Mac \*/
#topMenuContainer {display:block;}
/* End hide from IE Mac */

#forsideBtn {
  float: left;
}

#forsideBtn img {
  border: 0;
}

#topMenu {
  float: right;
  margin: 0;
  padding: 0;
}

#topMenu ul {
  margin: 0;
  padding: 0;
}

#topMenu li {
  display: inline;
}

.blaa #topMenu a,
.lilla #topMenu a,
.groen #topMenu a,
.roed #topMenu a {
  background: url('../Navigation/btnTopmenuActive_gul.gif') 0 0 no-repeat !important;
}
.blaa #topMenu a.active-path,
.lilla #topMenu a.active-path,
.groen #topMenu a.active-path,
.roed #topMenu a.active-path,
.blaa #topMenu a:hover,
.lilla #topMenu a:hover,
.groen #topMenu a:hover,
.roed #topMenu a:hover {
  background: url('../Navigation/btnTopmenuActive_gul.gif') 0 0 no-repeat !important;
  color: #005968 !important;
}
#topMenu a {
  margin: 0 2px 0 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  display: block;
  float: left;
  padding: 5px 10px 7px 10px;
  background: url('../Navigation/btnTopmenuInactive.gif') 0 0 no-repeat;
}

#topMenu li a.active-path,
#topMenu li a:hover  {
  background: url('../Navigation/btnTopmenuActive.gif') 0 0 no-repeat;
  color:#6a1d44;
  padding: 5px 10px 7px 10px;
}

/* LOCAL MENU
----------------------------------------------------------------- */

#leftMenuWrapper {
  background-image: url('../Navigation/leftMenuBg.gif');
  background-repeat: no-repeat;
  width: 200px;
  float: left;
  margin-right: 10px;
  overflow: hidden;
}  
  
#leftMenu {
  width: 200px;
  float: left;
}

#leftMenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#leftMenu ul.M0 {
  border-top: 1px solid #6a1d44;
}
#leftMenu ul.M2 {
  border-bottom: 1px solid #6a1d44
}
#leftMenu ul.M3 {
  border-bottom: 1px solid #CCC;
}


#leftMenu li {
  list-style-type: none;
  display: inline:
  float: left;
}
#leftMenu a {display: block;}

#leftMenu a.L2,
#leftMenu a.L2_Active {
  width: 195px;
  border-bottom: 1px solid #6a1d44;
  text-decoration: none;
  color: #4b4b4b;
  margin: 0;
  padding: 8px 0 8px 5px;
}
#leftMenu a.L2_Active {
  font-weight: bold;
}
#leftMenu a.L2:hover,
#leftMenu a.L2_Active:hover {
  color: #000;
  background: #F0F4F6;
}

#leftMenu a.L3,
#leftMenu a.L3_Active {
  width: 185px;
  border-bottom: 1px solid #CCC;
  text-decoration: none;
  color: #4b4b4b;
  margin: 0;
  padding: 4px 0 4px 15px;
  font-size: 10px;
}
#leftMenu a.L3_Active {
  font-weight: bold;
  text-decoration: none !important;
}
#leftMenu a.L3:hover,
#leftMenu a.L3_Active:hover {
  color: #000;
  background: #F0F4F6;
}

#leftMenu a.L4,
#leftMenu a.L4_Active {
  width: 175px;
  border-bottom: none;
  text-decoration: none;
  color: #4b4b4b;
  margin: 0;
  padding: 3px 0 3px 25px;
  font-size: 10px;
}
#leftMenu a.L4_Active {
  font-weight: bold;
  text-decoration: none !important;
}
#leftMenu a.L4:hover,
#leftMenu a.L4_Active:hover {
  color: #000;
  background: #F0F4F6;
}

#leftMenu a.L5,
#leftMenu a.L5_Active {
  width: 165px;
  border-bottom: none;
  text-decoration: underline;
  color: #666;
  margin: 0;
  padding: 3px 0 3px 35px;
  font-size: 10px;
}
#leftMenu a.L5_Active {
  font-weight: bold;
}
#leftMenu a.L5:hover,
#leftMenu a.L5_Active:hover {
  color: #000;
  background: #F0F4F6;
}

#leftMenu a.L6,
#leftMenu a.L6_Active {
  width: 155px;
  border-bottom: none;
  text-decoration: underline;
  color: #999;
  margin: 0;
  padding: 3px 0 3px 45px;
  font-size: 9px;
}
#leftMenu a.L6_Active {
  font-weight: bold;
}
#leftMenu a.L6:hover,
#leftMenu a.L6_Active:hover {
  color: #000;
  background: #F0F4F6;
}


/* INDHOLD
----------------------------------------------------------------- */

#breadcrumbs {
  width: 380px;
  padding: 10px 10px 10px 230px;
  float: left;
  line-height: 15px;
}
#breadcrumbs strong {
  font-size: 9px;
  color: #4b4b4b;
}
#breadcrumbs a {
  font-size: 9px;
  color: #4b4b4b;
  text-decoration: underline;
}

#cookies{float:right; padding: 10px 0 5px 0;}
#print {
  /*width: 178px;*/
  padding: 10px 12px 5px 10px;
  float: right;
  text-align: right;
}  

#print a {
  font-size: 9px;
  color: #4b4b4b;
  text-decoration: underline;
  padding: 5px 22px 5px 0;
  background: url('icon-print.gif') right no-repeat;
}

#footer {
  width: 200px;
  float: left;
  font-size: 9px;
  padding: 25px 0 15px 0;
}
#footer img {
  margin-top: 15px;
}
  
#contentWrapper {
  padding: 0 10px;
  width: 820px;
  background: url('contentBg.gif') top right no-repeat;
  float: left;
}

#content {
  width: 610px;
  height: 100%;
  float: left;
}

#mainContainer {
  width: 400px;
  float: left;
}

#rightContainer {
  width: 200px;
  float: right;
}


/* FORSIDE */

.frontpage .paragraphRight,
.frontpage #forsideParagraph01,
.frontpage #forsideTemabox,
.frontpage #forsideParagraph04 {
  height: 190px;
  overflow: hidden;
  margin-bottom: 10px;
}
.frontpage .paragraphRight,
.frontpage #forsideParagraph01,
.frontpage #forsideParagraph04 {
  border-top: 1px solid #005968;
  border-bottom: 2px solid #005968;
}

#forsideParagraph01 {
  width: 400px;
  height: 185px;
  margin-bottom: 5px;
}


.forsideNyhed {
  margin-bottom: 5px;
}   
.forsideNyhed:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.forsideNyhed {display:inline-block;}
/* Hide from IE Mac \*/
.forsideNyhed {display:block;}
/* End hide from IE Mac */

.datoForside {
  color: #669ba4;
}

.forsideNyhed .images img {
  float: left;
  margin: 5px 0 0 0;
  border: 1px solid #005968;
  padding: 2px;
}

#forsideNyhed1 {
  margin: 5px 5px 0 115px;
}

#forsideNyhed1 a {
  font-size: 14px;
  font-weight: bold;
  color: #005968;
  padding: 0;
}

#forsideNyhed1 p {
  margin: 0 0 10px 0;
  padding: 0;
}

.forsideNyhedN {
  margin: 0 5px 10px 0;
}
.forsideNyhedN .datoForside {
  display: block;
  width: 95px;
  padding-right: 10px;
  float: left;
  text-align: right;
}
/*
.forsideNyhedN .news-heading {
  display: block;
  float: left:
  padding-left: 115px;
}
*/
/* STH: 2010-11-10 */
.forsideNyhedN .news-heading {
display:block;
float:left;
margin:0 5px 10px 0;
width:270px;
}
.forsideNyhedN a {
  font-size: 11px;
  font-weight: bold;
  color: #005968;
}

#forsideFlereNyheder {
  text-align: right;
  font-size: 9px;
}

.frontpage h1.paragraphHeader {
  border-top: none;
}

#forsideTemabox {
  width: 193px;
  float: left;
  border-bottom: 2px solid #005968;
}

#forsideTemabox h1 {
  color: #6a1d44;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}

.forsideTemabox {
  width: 193px;
  height: 90px;
  margin: 0 0 5px 0;
  overflow: hidden;
  border-top: 1px solid #005968;
}

.forsideTemabox a {
  display: block;
  width: 193px;
  height: 90px;  
  overflow: hidden;
}

#forsideParagraph04 {
  width: 193px;
  min-height: 185px;
  margin: 0;
  float: right;
}

#forsideParagraph04 a {
  line-height: 20px;
}


/* SIDE INDHOLD */

h1.paragraphHeader {
  border-top: 1px solid #005968;
  background: #B2CDD1 url('h1bg.gif') left repeat-y;
  height: 17px;
  padding: 2px 0 0 10px;
  margin: 0;
  color: #005968;
  font-size: 12px;
}
.paragraphRight h1.paragraphHeader,
#forsideParagraph01 h1.paragraphHeader,
#forsideParagraph04 h1.paragraphHeader {
  margin-bottom: 0 !important;
}
#content h1.paragraphHeader {
  margin-bottom: 15px;
}


.paragraph {
}

.paragraph .txt-container {
  display: block;
  margin: 0 10px 10px 0px;
}
.paragraph .img-container .images img {
  margin: 0 0 15px 0;
}
.paragraph img {
  border-top: 1px solid #005968;
  border-bottom: 2px solid #005968;
}

.paragraph h1{
  font-size: 22px;
  font-weight: normal;
  margin: 5px 0 15px 0;
  line-height: 22px;
}

.paragraph h2 {
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 5px 0;
  line-height: 15px;
}

.paragraph h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 0px 0;
  line-height: 15px;
}

.paragraph h4 {
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  line-height: 15px;
}

.paragraph p {
  margin: 0;
  line-height: 15px;
}

.paragraph .txt-container table {
  width: 100%;
  border-top: 1px solid #005968;
  border-style: none;
  border-collapse: collapse;
  empty-cells: show;
}
.paragraph .txt-container table td {
  border-style: none;
  border-bottom: 0px solid #999;
  padding: 5px;
  vertical-align: top;
  padding-left: 0px;
}

.search-header {
  font-size: 12px;
  margin-bottom: 5px !important;
}
.search-summary {
  margin-bottom: 5px !important;
}
.search-update {
  color: #999;
  margin-bottom: 15px !important;
  padding-bottom: 15px;
  border-bottom: 1px solid #CCC;
}
.paragraph .txt-container .newseditalt {
  padding:0px;
}
.paragraph .txt-container .newseditalt td{
  padding:0px;
}
.paragraph .txt-container .newseditalt .newstext{
  display:none;
}
.paragraph img.xgifnoborder{
  border:0px;
}
.nyhed {
  border: none !important;
  margin-bottom: 25px;
}
.nyhed td {
  vertical-align: top;
  border: none !important;
  padding: 0 !important;
}
.img-nyhed {
}
.img-nyhed table {
}
.img-nyhed table td.images {
  padding: 0 !important;
}
.img-nyhed table td.images img {
  border-top: 1px solid #005968 !important;
  margin: 0 10px 0 0 !important;
}
.txt-nyhed h3 {
  margin-bottom: 5px !important;
}

.paragraphRight {
  width: 200px;
  margin-bottom: 10px;
  border-bottom: 2px solid #005968;
  float: right;
}

.kontakt #contentWrapper #content .paragraphContent,
.kontakt #contentWrapper #content .paragraphRight {
  width: 193px !mportant;
  padding-left: 10px !important;
  float: left !important;
  border-bottom: none !important;
}

.kontakt #contentWrapper #content hr.clear {
  clear: both;
  visibility: hidden;
}

.paragraphRight a {
  line-height: 20px;
}

.paragraphRightContent {
  padding: 5px 10px 10px 10px;
}

table.sitemap,
table.sitemap td,
table.sitemap table,
table.sitemap table td {
  border: 0 !important;
}
.sitemap a {color: #005968 !important; text-decoration:underline !important;}
.sitemap a:hover {color: #6a1d44 !important; text-decoration: none !important;}
.sitemap a:visited {color: #669ba4 !important; text-decoration:underline !important;}


/* DW BUGS */
a.pidlink {
  margin: 0;
  padding: 0;
  width: 0px;
}

#forsideParagraph04 a.pidlink {
  padding: 0;
}
#NyhedsbrevTable td {border:0px none;}
#NyhedsbrevTable2 td{border:0px none;}

/*  Nyhedsbrev v3.   */
legend{ color: #000000;}


/*
******************START News v2 setup + show *************************
#show-news-heading{
  color:#005968;
  font-size:22px;}
#show-news-date{
  color:#669BA4;}
#news-font-show-no-picture-date{
  font-size:11px;
   color:#005968;}  
#news-font-show-no-picture-heading{
  font-size:12px;
  color:#005968;  
  font-weight:bold;}


********************END   News v2 setup + show ************************
*/

#rssfeedicon img{
  border:0px;
  float:left;
  margin-right:25px;}
#rssfeedbeskrivelse{
  display:none;}
#rssfeedplaceholder{
  margin-bottom:30px;}
#rssfeedtext{}

#EventFormatBegivenhed{
  font-family:verdana,arial,sans-serif;}
#CalenderMonthName{
  color:#005968}
.paragraph .txt-container .tablekCalenderCreate{
  padding:1px;
  border:0px;
  margin:0px;
  padding:0px;}
  
#publikationer ul,  
#selvbetjeningslinks ul {
  margin: 0px;
  padding: 0px;
  margin-left: 16px;
}

.addressEmail a {
  display: block
}
