/*

red:#d05125
green:#b3ac2e
blue:#82b4cc
lightblue:#e0ecf2

/////////////////////////////////////////////////////////////// */
@import url("content.css");
#forside h2.sep + p {margin-top:0.5em;}
#forside {padding:0 10px;}

body,html {
    margin: 0; padding: 0;
}

body {
    background: #f7f2d9 repeat-x url(img/bodygradient.jpg) 0 100px; /*ece1a7*/
    background-position: fixed;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    font-family: "Trebuchet MS", sans-serif;
}

a {color: #d05125;}
a:visited {color: #905125;}
a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #d05125;
}


#wrap {
    text-align: left;
    background: repeat-y url(img/page.gif) 50% 0;
}

#page {
    min-height: 300px;
    margin: 0 auto;
    width: 810px;
    background:transparent no-repeat url(img/pagetop.gif) 50% 0;
}
#content {
    padding: 20px 25px 3em;
}

#headerwrap {
    min-height: 100px;
    background: #ece1a7;
}
#header {
    min-height: 100px;
    position: relative;
    padding: 0;
    margin: 0 auto;
    width: 810px;
	background:no-repeat url(img/go-home.gif) 50px 0px;
	}
	body.home #header {
		background:transparent;
	}

* html #headerwrap, * html #header {height:100px;}


#logo {
    margin: 0; padding: 0;
    position: absolute;
    left: 5px;
    bottom: 0px;
    width: 270px;
    height: 60px;
    background: no-repeat url(img/logo.gif) 0 0;
    }
    #logo a {
        display: block;
        width: 270px; height: 60px;
        text-indent: -5000px;
        overflow: hidden;
    }
	#logo a:hover {
		background-color: transparent;
		text-decoration: none;
	}
#description {
    background: no-repeat url(img/bubble.gif) 100% 100%;
    margin-left: 270px;
    padding-bottom: 15px;
    width: 517px;
    min-height: 75px;
	color: #666;
}
#description p {
    margin: 0 4px 0 31px;
    background: #fff;
    padding: 10px 20px 5px;
	font-size:14px;
}

#footerwrap {
    padding: 0;
    margin: 0 auto;
    width: 810px;
    text-align: left;
    background: repeat-y url(img/page.gif) 0 0;
	clear:both;
	}
#footer {
    background: #d9d09f;
    margin: 0 5px;
	color: #6c684f;

	}
	#footer p {
		font-size: 11px;
		margin: 0;
		padding:1em 20px 0;
		border-top: 2px solid #cfc592;
	}

	#credits {float:right;}
	#footer a, #footer a:visited {
		color:#6c684f;
	}
	#footer a:hover {
		color:#fff;
		background:#6c684f;
		text-decoration:none;
	}
	#credits a:hover {background:transparent;}

/*  Footer stick to bottom: 
	themaninblue.com/experiment/footerStickAlt 
*/
html,body {
	height:100%;
}

#wrap {
    position:relative;
    min-height:100%;
    margin-bottom:-4em;
    }
    * html #wrap {height:100%;}

#footerwrap, #footer {
	height: 4em;
    position:relative;
	}
	* html #footerwrap, * html #footer {height: 3.9em;}



/* end footer stick */

#main {
    width: 500px;
    float: left;
	padding-bottom:20px;
	position:relative;
}
#sidebar {
    width: 240px;
    float: right;
	padding-bottom:20px;

}

/*
= Rows and columns
------------------------------------------------------ */
.row {
    margin: 0 0 20px;
}
.row {display: inline-block;}
.row {display: block;}

.row:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
/* hide from mac IE \*/ 
* html .row {height:1%;} 
/* end hide */

.col {
    margin-left: 20px;
    float: left;
    display: inline;
}
.c13,.c1 {
    margin-left: 0;
}
.c13,.c23,.c33 {
    width: 240px;
    overflow: hidden;
}

p.banner, .banner {
    margin: 0;
}
.banner a:hover {background-color: transparent;}


/*
=Top nav
/////////////////////////////////////////////////////////////// */

#nav {
}

#topnav {
	margin: 0;
	padding: 0;
	height:50px;
	clear: both;
	position:absolute;
	left:315px;
	bottom:10px;
	}
		
#topnav li {
	margin: 0; padding: 0;
	list-style: none;
	height: 50px;
	float: left;
	background: no-repeat url(img/nav-plejebarn.gif) 0 0;
	}
	#topnav li a{
		margin: 0; padding: 0;
		height: 50px;
		display: block; 
		background: no-repeat url(img/nav-plejebarn.gif) 0 0;
		text-indent: -5000px; overflow: hidden;
		}
		#topnav li a:hover {
			background-position: 0 -100px;
		}

		li#nplejebarn, li#nplejebarn a, li#nplejebarn a:visited {
			width: 162px;
			background-image: url(img/nav-plejebarn.gif);
		}
		li#nbrevkassen, li#nbrevkassen a {
			width: 144px;
			background-image: url(img/nav-brevkassen.gif);
		}
		li#nmedbestemmelse, li#nmedbestemmelse a {
			width: 177px;
			background-image: url(img/nav-medbestemmelse.gif);
		}

/* set active states for the menus */
body.medbestemmelse li#nmedbestemmelse, body.medbestemmelse li#nmedbestemmelse a, 
body.brevkassen li#nbrevkassen, body.brevkassen li#nbrevkassen a,
body.plejebarn li#nplejebarn, body.plejebarn li#nplejebarn a
{
	background-position: 0 -100px;
}


#navbar {
	position: absolute;
	background: #cfc592;
	top: 0; right: 15px;
	padding: 0 8px 0 0;
	background: #cfc592 no-repeat url(img/navbar-right.gif) 100% 100%;
	font-size: 12px;
	}
	#navbar ul { 
		margin:0; padding:0;
		float: left;
		padding-left: 8px;
		background: #cfc592 no-repeat url(img/navbar-left.gif) 0 100%;
	}
	#navbar li {display: inline;}
	#navbar a {
		padding: 2px 8px;
		float: left;
		display: block;
		zoom: 1;
		text-decoration: none; 
		color: #333;
	}
	#navbar a:hover {color: #000; background-color: #b1a87d;}
	
	
body.om #nom a, body.netvaerk #nnetvaerk a, body.nyheder #nnyheder a,
body.spil #nspil a, body.kontakt #nkontakt a, body.tema #ntema a
{
	font-weight: bold;
	color: #000; background-color: #b1a87d;
}


/*
=
/////////////////////////////////////////////////////////////// */
p.intro {
	font-size:1.3em;

}

div.intro {
	margin: 0 11px 20px 0;
	padding: 10px 0 0;
	background: #e0ecf2 no-repeat url(img/bubble-top.gif) 0 0;
	position: relative;
	color: #3f5763;
	font-size:14px;
}
div.intro .pad {
	background: no-repeat url(img/bubble-bottom.gif) 0 100%;
	padding: 0 15px 20px;
	min-height: 60px;
	}
	* html div.intro .pad {height:60px;}

div.intro .extra {
	background: transparent no-repeat url(img/bubble-arrow.gif) 0 0;
	width: 30px;
	height: 30px;
	position: absolute;
	right: -30px;
	top: 30px;
	}
	* html div.intro .extra {
		right:-19px;
	}
div.intro p {margin-top:5px;}
/*
=misc
------------------------------------------------------ */
a img {border: none;}
.clear {clear: both; height: 0;}

h1,h2,h3,h4,h5,h6 {
    margin: 0 0 0.5em;
	line-height:1.1;
}

.more {white-space: nowrap;}

/*
=Front page
------------------------------------------------------ */
#tema h2 a, #tema h2 a:visited {text-decoration:none; bordern:none;}
#sections a:hover {
	background-color: transparent;
}
#tema h2 {position: relative; height: 40px;overflow: hidden; margin:0;}
#tema h2 span {display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0;
    background: no-repeat url(img/head-manadenstema.gif) 0 0;
}
#tema h3 {margin-top:0;}

#nyt {}

    #nyt h2 { margin: 0; }
    #nyt p, #nyt h3 {
        margin: 0 0 10px;
        padding: 0 10px;
        /*font-size: 12px;*/
    }
	#nyt h2 a:hover {background-color: transparent;}





/*
=news
------------------------------------------------------ */

.newsitem {
	border-bottom:1px solid #eee;
}
.newsitem h3 {
	margin:10px 0 0;
}
.newsitem .date {margin:0; font-size:11px;}

table {
	border-collapse:collapse;
}
td, th {
	vertical-align:top;
	border-top:1px solid #eee;
}
th {text-align:left;}



.pagenav {
	background:#f5f0d3;
	padding:2px;
	border-top:1px solid #f0e5b7;
	margin:0 0 20px;
}
.pagenav a {
	padding:4px 10px;
	line-height:1.8;
	color:#333;
	text-decoration:none;
	border-right:1px solid #f5f0d3;
	}
	.pagenav a:visited {
		color:#333;
	}
	.pagenav a:hover {
		background:#bbb69b;
	}

.navcurr {
	color:#fff;
	padding:4px 10px;
	background:#bbb69b;
	border-right:1px solid #f5f0d3;
}
.pagenav .navfirst, .pagenav .navprev,
.pagenav .navlast, .pagenav .navnext {
	font-weight:bold;
	padding:4px 4px;
}




#flash {
	border-top:1px solid #a2cc22;
	border-bottom:1px solid #a2cc22;
	background:#c2df68;
	padding:0 10px;
	margin-bottom:1em;
}


.top {text-align:right;}