﻿
body {
	font-family: verdana, arial, sans-serif;
    font-size: 11px;    
	color:#000;
	background-color:#283772;
	margin:0;
	padding:0;
}

.clear {clear:both;}
a img {border:none;}

.accessibility {
   	position: absolute;
   	top: -999em;
   	left: -999em;
}

h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
}
h1 {font-size:150%}
h2 {font-size:120%}
h3 {font-size:110%}
h4 {font-size:100%}

/*------------ Main structure Start -----------------*/

#MainContent {
	width:850px;
	margin:0 auto 5px auto;
    padding:0;
    position:relative;
    background-color:#fff;
}

#TopLogo {
    position:absolute;
    bottom:50px;
    left:10px;
}

#TopArea {
/*	height: 217px;*/
	height: 140px;
	/*overflow:hidden;*/
	background-color:white;
    margin:0;
    padding:0;
}
#TopFlash {
    position:absolute;
    top:36px;
    right:6px;
}
#TopArea .siteconfig {}


/* ------ Toolbar START ------- */

#Toolbar {margin-bottom:1em;font-weight:bold;font-size:9px;}
#Toolbar a {color:Black;text-decoration:none;}
#Toolbar a:hover {color:Black;text-decoration:underline;}

/*Læs op*/
#Toolbar #Tool1 {
    background-color:transparent;
    position:absolute;
    top:8px;
    right:360px;
    width:50px;
    text-align:center;
}
/*Print*/
#Toolbar #Tool2 {
    background-color:transparent;
    position:absolute;
    top:8px;
    right:310px;
    width:50px;
    text-align:center;
}
/*Abonner*/
#Toolbar #Tool3 {
    background-color:transparent;
    position:absolute;
    top:8px;
    right:260px;
    width:50px;
    text-align:center;
}
/*Indeks*/
#Toolbar #Tool4 {
    background-color:transparent;
    position:absolute;
    top:8px;
    right:210px;
    width:50px;
    text-align:center;
}
/*Sitemap*/
#Toolbar #Tool5 {
    background-color:transparent;
    position:absolute;
    top:8px;
    right:160px;
    width:50px;
    text-align:center;
}

#ToolEnglargeText {
    background-color:transparent;
    position:absolute;
    width:70px;
    top:8px;
    right:420px;
    text-align:center;
}

/* ------ Toolbar END ------- */

#SearchBar {
    position:absolute;
    top:6px;
    right:18px;
      border:1px solid #666;
background-color:#fff



}




#SearchBar .SearchBoxIndputField 
{
	  width:100px;
                                                                                     
                                                                                      border:0px;
                                                                                       height:14px;
                                                                                       float:left;                                       
                                                                                       padding:1px;
                                                                                       margin:0;
                                                                                       padding:0;
                                                                                       background:none;
                                                                                       font-size:10px;
                                                                                       line-height: 1.5;

	
}

#SearchBar .SearchBoxButton 
{
	 width:25px;
                                                                                       
                                                                                        border:0px;
                                                                                         border-left:1px solid #666;
                                                                                       margin:0;
                                                                                       padding:0;
                                                                                       background:none;
                                                                                       font-size:10px;
                                                                                       line-height: 1.5;
}

#TopNavigation {
    position:absolute;
/*    top:216px;*/
    top:139px;
    left:11px;
    background: transparent none repeat scroll 0%;
    width:828px;
}

#CategoryNavigation {
    position:absolute;
/*    top:236px;*/
    top:159px;
    left:11px;
}

#MainDisplayContent {
	clear:both;
	padding-top: 0px;
}

#Footer {
	clear:both;
	padding:2px 0 10px 0;
	text-align:center;
	color:#615F60;
	font-size:10px;
	margin-bottom:0;
}
#Footer a {color:#615F60;text-decoration:none;}
#Footer a:hover {color:#4D9CCA;text-decoration:underline;}

/*Leftcolumn*/
#DisplayLeftContent {
	width:160px;
    overflow:hidden;
	float:left;
	min-height:320px;
    margin:5px 0 0 0;
	 /*IE Hack for min-height */
	height:auto !important;
	height:320px;
	/* End hack */
}

/*Rightcolumn*/
#DisplayRightContent {

    width:180px;
	overflow:hidden;
    float:right;
	margin-top:25px;
}

/*Contentcolumn*/
#DisplayCenterContent {

	width:495px;
	overflow:hidden;
	float:left;
}

h1#welcomeText {
    margin:55px 0 0 12px;
    color:#283772;
}

.LeftTopContent {}

#CenterContent {
    margin-top:20px;
    padding-top:0;
    width:495px;
    float:left;
}

#CenterContent h1 {
}

#CenterContent p {
}

/*------------ Main structure end -----------------*/


/*------------ HorizontalNavigation Start -----------------*/

#TopNavigation ul, #CategoryNavigation ul{
	clear:both;
	list-style-type:none;
	margin:0;
	padding:0;
}
#TopNavigation ul {
    float:right;
}

#TopNavigation li {
	display:inline;
	float:left;
}

#TopNavigation li a {
    display:block;
    padding:0px 10px;
    line-height:20px;
    text-align:center;
    text-decoration:none;
    color:#fff;
    font-size:9px;
    font-weight:bold;
    background-color:transparent;}
#TopNavigation a:hover		{background-color:#009EFF;}
#TopNavigation a.HorizontalNavigationItem_Selected {background-color:#009EFF;}
#TopNavigation a.HorizontalNavigationLastItemAnchor {}


#CategoryNavigation ul {
    background:#283772;
    float:left;
    width:828px;
}
#CategoryNavigation li {
	display:inline;
	float:left;
}
#CategoryNavigation a {
    padding:0 10px;
    display:block;
    line-height:20px;
    text-align:center;
    text-decoration:none;
    color:#fff;
    font-size:10px;
    font-weight:bold;
    background-color:#283772;}
#CategoryNavigation a:hover		{background-color:#009EFF;}
#CategoryNavigation a.HorizontalNavigationItem_Selected {background-color:#009EFF;}
#CategoryNavigation a.HorizontalNavigationFirstItemAnchor {}
#CategoryNavigation a.HorizontalNavigationLastItemAnchor {}

/*------------ HorizontalNavigation Slut -----------------*/






/*------------ Document Start -----------------*/

#ContentDocument {}

/*------------ Document Slut -----------------*/


/*------------ ColumbDocument Start -----------------*/

/* Venstre kolonne */
#LeftButtomContent {margin-top:15px;}

#LeftButtomContent .ColumbDocumentContentClass {margin-left:12px;}

#LeftButtomContent .ColumbDocumentContentClass ul {
    list-style-type:none;
	margin:0;
    padding:5px 10px 10px 0;
    font-size:11px;
}

#LeftButtomContent .ColumbDocumentContentClass li {
	line-height: 15px;
    padding-left:10px;
    background:#fff url("http://www.langelandkommune.dk/img/arrow.right.blue.gif") no-repeat 0px 4px;
}

#LeftButtomContent .ColumbDocumentContentClass li a {color:#4D9CCA;}
#LeftButtomContent .ColumbDocumentContentClass li a:hover {text-decoration:underline;}
#LeftButtomContent h2, p {color:#4D9CCA;}
#LeftButtomContent a {color:#4D9CCA;text-decoration:none;}
#LeftButtomContent a:hover {color:#4D9CCA;text-decoration:underline;}

/* Højre kolonne */

.news {
    border-top:1px solid #A4A4A4;
    border-bottom:1px solid #A4A4A4;
    width:156px;
    padding:4px 2px;
    margin:0 6px 25px 6px;
}
.news h1 {background:#fff;margin:0;padding:1px 5px;color:#283771;font-size:11px;text-transform:uppercase;}
.news h3 {padding:0 3px;}
.news p {padding:0 3px;}

#RightContent, #RightTopContent, #RightButtomContent {
    margin:0;
    padding:0;
}
#RightContent .ColumbDocumentContentClass, #RightTopContent .ColumbDocumentContentClass, #RightButtomContent .ColumbDocumentContentClass {
    background-color:#fff;
    width:156px;
	overflow:hidden;
    padding:4px 2px;
    margin:0 6px 25px 6px;
    border-top:1px solid #A4A4A4;
    border-bottom:1px solid #A4A4A4;
    float:left;
    }
    #RightContent .ColumbDocumentContentClass h2, #RightTopContent .ColumbDocumentContentClass h2, #RightButtomContent .ColumbDocumentContentClass h2 {
        font-size:11px;
        margin:0px;
        padding:2px 0px;
        color:#283771;
        text-transform:uppercase;
    }
    #RightContent .ColumbDocumentContentClass a, #RightTopContent .ColumbDocumentContentClass a, #RightButtomContent .ColumbDocumentContentClass a {
        color:#5E5E5E;
    }
    #RightContent .ColumbDocumentContentClass a:hover, #RightTopContent .ColumbDocumentContentClass a:hover, #RightButtomContent .ColumbDocumentContentClass a:hover {
        color:#4D9CCA;
        text-decoration:underline;
}


#RightContent .ColumbFocusDocumentContentClass, #RightTopContent .ColumbFocusDocumentContentClass, #RightButtomContent .ColumbFocusDocumentContentClass {
    background:#fff url("http://www.langelandkommune.dk/img/back.focusdocument.right.gif") repeat-x bottom;
    width:156px;
	overflow:hidden;
    padding:4px 2px 8px 2px;
    margin:0 6px 25px 6px;
    border-top:1px solid #A4A4A4;
    border-bottom:1px solid #A4A4A4;
    float:left;
   	min-height:100px;
	 /*IE Hack for min-height */
	height:auto !important;
	height:100%;
	/* End hack */
    }
    #RightContent .ColumbFocusDocumentContentClass h2, #RightTopContent .ColumbFocusDocumentContentClass h2, #RightButtomContent .ColumbFocusDocumentContentClass h2 {
        font-size:11px;
        margin:0px;
        padding:2px 0px;
        color:#283771;
        text-transform:uppercase;
    }
    #RightContent .ColumbFocusDocumentContentClass a, #RightTopContent .ColumbFocusDocumentContentClass a, #RightButtomContent .ColumbFocusDocumentContentClass a {
        color:#5E5E5E;
    }
    #RightContent .ColumbFocusDocumentContentClass a:hover, #RightTopContent .ColumbFocusDocumentContentClass a:hover, #RightButtomContent .ColumbFocusDocumentContentClass a:hover {
        color:#4D9CCA;
        text-decoration:underline;
}

.ColumbFocusDocumentContentClass ul, .ColumbDocumentContentClass ul {
	list-style-type:square;
	margin:0;
	padding-left:20px;
	font-size:10px;
}
.ColumbFocusDocumentContentClass p, .ColumbDocumentContentClass p {
	margin:0;
	padding:2px 0px;
	font-size:10px;
	color:#5E5E5E;
}

.ColumbFocusDocumentContentClass li a, .ColumbDocumentContentClass li a, .ColumbFocusDocumentContentClass h2 a, .ColumbDocumentContentClass h2 a {
    color:#5F5F5F;
    text-decoration:none;
}
.ColumbFocusDocumentContentClass li a:hover, .ColumbDocumentContentClass li a:hover, .ColumbFocusDocumentContentClass h2 a:hover, .ColumbDocumentContentClass h2 a:hover {
    text-decoration:none;
    color:#1F3473;
}

/*------------ ColumbDocument Slut -----------------*/


/*------------ DIS Frontpage News -----------------*/

.disFrontpageNews {float:left;padding:0 0 30px 0;}

.disNewsItem {
    clear:both;
    float:left;
    width:500px;
    padding:10px 0;
    border-bottom:1px solid #A4A4A4;
}

.disNewsDate {font-size:10px;color:#000;}
.disNewsItem h2 {font-size:14px;font-weight:normal;margin:5px 0 0 0;}
.disNewsItem p {margin-top:5px;}
.disNewsItem .disNewsImage {width:220px;float:left;}
.disNewsItem .disNewsImage img {width:215px;height:100px;}

.disNewsItem a:link {color:#5D5D5F; background:transparent; text-decoration:none}     
.disNewsItem a:visited {color:#5D5D5F; background:transparent; text-decoration:none}     
.disNewsItem a:hover {color:#05533D; background:transparent; text-decoration:underline}     
.disNewsItem a:active {color:#5D5D5F; background:transparent; text-decoration:none}  


.disNewsReadMore {
}

/*------------ Classes for editor Start -----------------*/

.manchet {font-weight:bold;}
.faktaboks {padding:10px;background:#CAE4CB url("")}

/*------------ Classes for editor Slut -----------------*/


/* Style added */
.ColumbDocumentContentImageFieldClass {margin:0px -10px;padding:0;}

#CenterContent #Index  a:link		{font-weight:bold;color:#05533D;text-decoration: none;}
#CenterContent #Index  a:visited	{font-weight:bold;color:#05533D;text-decoration: none;}
#CenterContent #Index  a:active		{font-weight:bold;color:#05533D;text-decoration: none;}
#CenterContent #Index  a:hover		{font-weight:bold;color:#05533D;text-decoration: underline;}


