/*Edited 15-04-2010*/
html {
	padding: 0;
	margin: 0;
	font-size: 62.5%;
}

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	background: #FFF url('../img/bg_gradient.png') repeat-x;
	overflow-x: hidden;
	color: #222;
}

img {
	border: 0;
}

/*links*/

a:link, 
a:visited {
	text-decoration: none;
}
a:hover, 
a:focus, 
a:active {
	text-decoration: underline;
}

/* Headlines */
h1 {
	margin: 0 0 .5em;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: 0.05em;
	color: #000;
}

h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 1em 0 .5em;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	color: #000;
	margin: 0 0 .5em;
}

p {
	margin: 0 0 .8em;
	color: #000;
}

 p.manchet {
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: normal;
	padding-bottom: .5em;
	margin-bottom: .8em;
	border-bottom: 1px solid #ccc
}



/*lists*/
 ul {
	list-style-type: disc; 
	padding: 0; 
	margin:0 0 .8em 25px
	}
	 ul li {
		padding: 0; 
		margin: 0 0 .4em 0; 
		background: none;
		}
		ul ul {
			list-style-type: circle;
			}
			ul ul ul {
				list-style-type: square; 
				}
 ol {
	list-style-type: decimal; 
	padding: 0;
	margin: 0 0 .8em 29px
	}
	ol li {
		padding: 0; 
		margin: 0 0 .4em 0; 
		background: none;
		}
		ol ol {
			list-style-type: lower-alpha;
			}
			ol ol ol {
				list-style-type: lower-roman;
				}

li, dd, blockquote {
        margin-left: 1em;
}

/*Tables*/

table {
	margin-bottom: 10px;
	width: 100%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-spacing: 0;
}

caption {text-align: left; padding: 5px;}

th, caption {
	font-weight: bold;
}

th, 
td {
	padding: 5px;
	margin: 0;
	text-align: left;
	border-right: 2px solid #FFFFFF;
}

/*Forms*/

input, textarea {
	display: block;
	float: left;
	margin: 0;
	border: 0;
	font-size: 0.9em;
}

textarea {
	padding: 5px;
	font-family: Arial, Verdana, sans-serif;
}

input.text {
	padding: 5px;
	height: 17px;
}

.contentarea .panel input.text, 
.contentarea .panel select, 
.contentarea .panel textarea
{
	border:1px solid #DDDDDD;
	float: none;
}
.contentarea .panel input.text

{
	width:200px;
}

.contentarea .panel select {
	padding:5px;
	width:200px;
}

.contentarea .send {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
cursor: pointer;
font-size:0.8em;
margin-top:5px;
padding:5px;
text-transform:uppercase;
}

.contentarea .panel form p.checkbox {clear: both; overflow: auto}

.swformcheck {margin-right: 5px}
.checklabel {float: left;width:95%}


.teaserarea .panel input.text {
	width: 138px;
	height: 15px;
	border: 1px solid #DDD;
}

#search input#sw_searchstring {
	width: 148px;
}

label {
	display: block;
	margin-bottom: 2px;
	font-size: 0.9em;
}


/* Accessibility elements */

div#skip {
	position:absolute;
	left:-999em;
	top:0;
	}
    
	span.accesskey {
    	text-decoration:none;
    }
    
	.accessibility {
    	position: absolute;
    	top: -999em;
    	left: -999em;
    }
	
.margin0{
	margin: 0 !important;
}

.clear {
	clear: both;
}

.debug {
	visibility: hidden; 
	display: none;
}

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

.blockdiv {
	margin: 0 auto;
	width: 956px;
}

/* TOPAREA START */

#topbannerarea {
	position: relative;
	top: 50px;
	width: 956px;
	height: 220px;
	}

	#Photo{
		position: absolute;
		
	}

	#Elements {
		position: relative;
		width: 100%;
		height: 100%;
		}

		#Elements * {
			position: absolute;
			}

			img#spaghetti {
				top: -50px;
				left: 0;
				z-index: 1;
			}

			img#shading {
				top: 0;
				left: 0;
				z-index: 2;
			}
			img#dropshadow {
				top: 20px;
				left: 956px;
				z-index: 2;
			}
	
	#Branding {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99;
		}
		#Branding #site_logo {
			position: absolute;
			top: 0;
			left: 0;
		}
		#Branding #parent_logo {
			position: absolute;
			top: 131px;
			left: 818px;
			z-index: 99;
		}

#search {
	position: absolute;
	top: 17px;
	left: 757px;
	z-index: 3;
	}



#AboutBar {
	position: absolute;
	top: 24px;
	right: 214px;
	font-size: 0.8em;
	z-index:3;
	color: #CCC;
	}
	#AboutBar ul, 
	#MediaBar ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
		#AboutBar ul li {
			display: inline;
			padding: 0 10px 0 10px;
			border-right: 1px solid #CCC;
			}
			#AboutBar ul li:last-child {
				border-right: none;
				padding-right: 0;
			}
			#AboutBar a {
				color: #CCC;
				}
				#AboutBar a:hover, 
				#AboutBar a:focus, 
				#AboutBar a:active, 
				#AboutBar a.selected {
					text-decoration: underline;
				}
#MediaBar {
	position: absolute;
	top: 65px;
	right: 0px;
	font-size: 0.9em;
	z-index: 3;
	/*width: 340px;*/
	}
	#MediaBar ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
		#MediaBar ul li {
			margin: 0 8px 0 0px;
			float: left;
			}
			#MediaBar a {
				font-size: 0.9em;
				color: #CCC;
				}
				#MediaBar a:hover {
					color: #FFF;
					text-decoration: none;
				}
				#MediaBar a span {
					text-decoration: underline;
					vertical-align: 3px;
				}
			#MediaBar img {
				position: relative;
				top: 4px;
				margin-right: 5px;
			}
			#MediaBar #lang-dk, 
			#MediaBar #lang-en {
				position: relative;
				top: 3px;
			}
			#MediaBar #lang-dk img, 
			#MediaBar #lang-en img {
				top: 2px;
			}
			#MediaBar #lang-dk.lang-on img, 
			#MediaBar #lang-en.lang-on img {
				top: 6px;
				padding-bottom: 2px;
				border-bottom: 2px solid #FFF;
			}
			#MediaBar #lang-dk.lang-on, 
			#MediaBar #lang-en.lang-on {
				top: 0px;
			}

	.taskpanearea {
		padding: 25px 10px 20px 10px;
		background-color: #FFF;
		}
		#uppertaskpane {
			width: 100%;
			height: 35px;
			}
			#uppertaskpane ul {
				list-style:none;
				position:relative;
				z-index:99;
				height: 28px;
				width: 100%;
				padding: 0;
				margin: 0;
				}
				#uppertaskpane li {
					float:left;
					}
					#uppertaskpane li a {
						display: block;
						padding: 6px 22px 0 22px;
						height: 21px;
						color: #FFF;
						float:left;
						white-space:nowrap;
						}
						#uppertaskpane li a:hover, 
						#uppertaskpane li a:focus, 
						#uppertaskpane li a:active, 
						#uppertaskpane li a.selected {
							text-decoration: none;
							border-bottom-width: 5px;
							border-bottom-style: solid;
							background: #FFF url('../img/gradient_grey.jpg');
							color: #222;
						}

				#breadcrumb {
					position: relative;
					z-index: 99;
					padding: 0 0 10px 189px;
					margin-top: 5px;
					color: #000;
					background: #FFF url('../img/ruler.top.gif') no-repeat left bottom;
					text-transform: uppercase;
					font-size: 0.9em;
					}
					#breadcrumb a, 
					/* #breadcrumb span {
						margin-right: 5px;
						color: #666;
						}*/
						#breadcrumb a:hover, 
						#breadcrumb a:focus, 
						#breadcrumb a:active {
							color: #000;
						}

#container {
	/*position: relative;z-index: 98;width: 936px;*/
	float: left;
	padding: 0px 10px 20px 10px;
	background: #FFF;
	min-height: 300px;
	}

	#leftmenuarea {
		width: 179px;
		float: left;
		background-color:#fff;
		margin-right: 10px;
	}

	#leftmenuarea #pagename{
		font-size:0.9em;
		font-weight: bold;
		}
		#leftmenuarea #pagename a { 
			color: #222;
		}
	#leftmenuarea ul {
		padding: 0;
		margin: 0 10px 10px 0;
		list-style-type:none; 
		list-style-image: none;
		}
		#leftmenuarea ul li {
			margin-bottom: 5px;
			color: #222;
			padding-left: 12px;
			}
			#leftmenuarea ul ul {
				margin: 5px 0 0 5px;
				}
				#leftmenuarea ul li ul li {
					padding-left: 12px;
					}
					#leftmenuarea ul ul ul {

						}
						#leftmenuarea ul li ul li ul li {

						}	
	#leftmenuarea ul li a {
		font-size: 0.9em;
		color: #222;
		}
		#leftmenuarea ul li a:hover, 
		#leftmenuarea ul li a:focus, 
		#leftmenuarea ul li a:active {
			text-decoration: underline;
		}
		#leftmenuarea a.selected {
			font-weight: normal;
			text-decoration: underline;
		}

.contentarea {
	float: left;
	width: 556px;
	color: #000;
}

.contentarea .panel {
	clear: both;
	margin: 0 7px;
}

.contentarea .withline {
	padding-top: .8em;
	border-top: 1px solid #ccc ;
}



.contentarea .panel.notebox {
	padding: 1em .5em;
	margin-bottom: .8em;
	}
.contentarea .publication {padding-bottom: .8em}

.contentarea .publication .image {
	float: left;
	width: 86px;
	padding-right: 5px;
	}
	.contentarea .publication .image img{
		/*max-width: 86px;*/
		border: 1px solid #ccc;
		}


.contentarea .publication .publicationinfo {
	float: left; 
	width: 444px;
	padding-left: 5px;
	}
	.contentarea .publication .publicationinfo h2 {
		margin-top: 0;
	}


.contentarea .leftcolumn {
	float: left;
}

.contentarea .rightcolumn {
	float: left;
}

.contentarea .columns_1x2 {
	overflow: hidden;
	}
	.contentarea .columns_1x2 .leftcolumn {
		width: 170px;
		padding-right: 5px;
		}
		.columns_1x2 .leftcolumn img {
			max-width: 170px;
			padding-bottom: .8em;
		}
	.contentarea .columns_1x2 .rightcolumn {
		width: 362px;
		padding-left: 5px;
		}
		.columns_1x2 .rightcolumn img {
			max-width: 362px;
			padding-bottom: .8em;
		}
.contentarea .columns_2x1 {
		overflow: hidden;
}
	.contentarea .columns_2x1 .leftcolumn {
		width: 362px;
		padding-right: 5px;
	}
	.columns_2x1 .leftcolumn img {
			max-width: 362px;
			padding-bottom: .8em;
		}	
		.contentarea .columns_2x1 .rightcolumn {
			width: 170px;
			padding-left: 5px;
			}
			.columns_2x1 .rightcolumn img {
				max-width: 170px;
				padding-bottom: .8em;
			}




.contentarea .panel.columns_2x2 {
	position: relative;
	float: left;
	clear: both;
	margin: 0;
	width: 747px;
	z-index: 500;
	padding: 0;
	margin-bottom: 20px;
}

.contentarea .panel.columns_2x2 .panel {
	clear: none;
	padding: 10px;
	margin: 0;
	width: 348px;
	height: 160px;
	text-align: right;
	border-top: 5px solid #D6D6D6;
	
}

.contentarea .panel.columns_2x2 .panel.blue {
	background: #267d9e url('../img/newsbg_blue_portal.png');
}

.contentarea .panel.columns_2x2 .panel.orange {
	background: #cc5d13 url('../img/newsbg_orange_portal.png');
}

.contentarea .panel.columns_2x2 .panel.grey {
	background: #666 url('../img/newsbg_grey_portal.png');
}

.contentarea .panel.columns_2x2 .panel.brown {
	background: #675443 url('../img/newsbg_brown_portal.png');
}

.contentarea .panel.columns_2x2 .panel.first {
	margin-right: 11px;
	background: #989898 url('../img/newsbg_first_portal.png');
}

.contentarea .panel.columns_2x2 .panel h1 {
	display: block;
	margin-bottom: 10px;
	font-size: 1.4em;
	color: #FFF;
}

.contentarea .panel.columns_2x2 .panel div.text {
	height: 140px;
	overflow: hidden;
}

.contentarea .panel.columns_2x2 .panel div.text p {margin-bottom: 0}

.contentarea .panel.columns_2x2 .panel p {
	color: #FFF;
}

.contentarea .panel.columns_2x2 .panel a.read_more {
	color: #FFF;
}

ul.linklist {
	list-style-type:none; 
	list-style-image: none;
	padding: 0; 
	margin:0 0 .8em 0;
}

.contentarea ul ul.dynamiclist li{
	background: none;
}

	ul.linklist li{
		padding: 0 0 0 12px; 
		margin: 0 0 .4em 0; 
		background: url('../img/bullet_portal_external.gif') no-repeat  0 5px;
	}

	ul.linklist li li{
		padding: 0 0 0 2px; 
		margin: 0 0 .1em 0; 
		background: none;
	}

	ul.linklist ul li{
		background: none;
	}

.imagecaption {
	margin-top: -10px;
	font-size: .8em;
}

img.left {
	float: left;
	margin: 7px 7px 7px 0;
}

img.right {
	float: right;
	margin: 7px 0 7px 7px;
}

.read_more {
	font-size: 0.8em;
	text-transform: uppercase;
	text-decoration: underline;
}

.read_more:hover,
.read_more:focus {
	text-decoration: none;
}

.news .read_more {
	color: #CCC;
}

.contentarea .faneblade {
	position: relative;
	clear: both;
	width: 747px;
	height: 283px;
	z-index: 500;
	overflow: hidden;
}

.contentarea .faneblade .read_more {
	padding: 3px;
	float: right;
}

.contentarea .faneblade .read_more:hover {
	text-decoration: none;
}

.contentarea .faneblade h1 {
	font-size: 1.5em;
	color: #000;
}

.contentarea .faneblade table {
	border-collapse: collapse;
	margin: -1px;
}

.contentarea .faneblade ul.wrapper {
	background: transparent;
	padding: 0;
	margin: 0;
	list-style: none;
}

.contentarea .faneblade ul.wrapper li.page {
	display: inline;
}

.contentarea .faneblade ul.wrapper li.page a.menuitem {
	text-decoration: none;
	display: block;
}

.contentarea .faneblade ul.wrapper li.page em {
	position: absolute;
	display: block;
	top: 0px;
	padding-top: 7px;
	width: 148px;
	height: 21px;
	cursor: pointer;
	z-index: 100;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-style: normal;
	font-size: 0.9em;
	color: #FFF;
}

.contentarea .faneblade ul.wrapper li.p1 em {
	left: 0px;
	width: 151px;
}

.contentarea .faneblade ul.wrapper li.p2 em {
	left: 152px;
}

.contentarea .faneblade ul.wrapper li.p2.active em.adjust {
	left: 150px;
}

.contentarea .faneblade ul.wrapper li.p3 em {
	left: 301px;
}

.contentarea .faneblade ul.wrapper li.p3.active em.adjust {
	left: 299px;
}

.contentarea .faneblade ul.wrapper li.p4 em {
	left: 450px;
}

.contentarea .faneblade ul.wrapper li.p4.active em.adjust {
	left: 448px;
}

.contentarea .faneblade ul.wrapper li.p5 em {
	left: 599px;
}

.contentarea .faneblade ul.wrapper li.p5.active em.adjust {
	left: 597px;
}

.contentarea .faneblade ul.wrapper li div.content {
	display: block;
	float: left;
	margin-top: 28px;
	width: 727px;
	height: 230px;
	padding: 10px 10px 10px 10px;
	font-weight: normal;
	text-align: right;
	border-top: 5px solid #858585;
	background: #E2E2E2;
}

.contentarea .faneblade ul.wrapper li.page div.content a:hover {
	text-decoration: none;
}

.contentarea .faneblade ul.wrapper li.page a:hover {
	white-space: normal;
}

.contentarea .faneblade ul.wrapper :hover div.content, .faneblade ul.wrapper li.page.active div.content {
	position: absolute;
	left: 0;
	top: 0;
}

.contentarea .faneblade ul.wrapper li.page.actived a em {
	background: #FFF;
	border-right: 1px solid #CCC;
	color: #000;
}

.contentarea .faneblade ul.wrapper li.page a:hover em {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	background: #FFF url('../img/gradient_grey.jpg');
	color: #000;
}

.contentarea .faneblade ul.wrapper li.page.active a em, 
.contentarea .faneblade ul.wrapper li.page.active a:hover em {
	height: 26px;
	border-right: 1px solid #E2E2E2;
	border-bottom: none;
	background: #E2E2E2;
	color: #222;
}

.contentarea .faneblade ul.wrapper li.page.active a em.adjust {
	width: 150px;
}

.contentarea .faneblade ul.wrapper li.page.active.p1 a em.adjust {
	width: 151px;
}

.contentarea .faneblade img {
	float: right;
	margin-left: 10px;
}

.contentarea .faneblade div.text {
	margin: 0;
	padding: 0;
	height: 175px;
	overflow: auto;
}

.contentarea .faneblade .read_more {
	color: #000;
}

.contentarea .newslist .panel {
	margin-bottom: .8em;
	border-bottom: 1px solid #ccc;
}

.teaserarea {
	float: left;
	width: 179px;
	margin-left: 10px;
}

.teaserarea .panel {
	clear: both;
	color: #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-top-width: 5px;
	border-top-style: solid;
	text-align: left;
}

.teaserarea .panel h2, 
.teaserarea .panel h1 {
	display: block;
	padding: 4px 0 0 9px;
	margin: 0 0 10px 0;
	height: 19px;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: normal;
	background: #DFDFDF url('../img/sidebox_bg.png') no-repeat 0 -6px;
}

	.teaserarea p {font-size: 0.9em;}

	.teaserarea ul {
		padding: 0;
		margin: 0;
		}
		.teaserarea ul li {
			margin-bottom: 5px;
			color: #222;
		}
		.teaserarea ul a {
			font-size: 0.9em;
		}
		.teaserarea ul li a {
			color: #222;
		}
		 .teaserarea ul ul {
			margin: 5px 0 0 10px;
		}


#footer {
	clear: both;
	padding: 10px 0 0 0;
	/*margin: 20px 0 20px 0;width: 100%;*/
	border-top: 1px solid #DBDBDB;
	font-size: 0.8em;
	color: #666;
	margin:20px auto;
	width:956px;
}

#footer span {
	margin: 0 10px 0 0;
}

#footer img {
	margin-right: 40px;
	vertical-align: middle;
}

#uppertaskpane a {
	border-color: #B60033;
}

div.divider {
	margin: 10px 0 10px 0;
	border-top: 1px dotted #CCC;
}

.subtitle {
	font-size: 1.2em;
	color: #666;
}

/* Hide AddThis footer */
#at16pf {
	display: none;
}

/*Lightbox script*/
.lightbox { cursor: pointer}
.lightbox.small {width: 170px}
.lightbox.medium {width: 362px}
.lightbox.large {width: 542px}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url('/graphics/Samfundsansvar.dk/Design/img/overlay.png'); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/graphics/Samfundsansvar.dk/Design/img/overlay.png", sizingMethod="scale");
	}