@import "extra.css";
<style type="text/css">
/** CSS Reset **/
a img  {border: 0; }
img { border:0; }
* {outline:none}
fieldset {border: 0; margin: 0; padding: 0;}
ul, li {margin: 0; padding: 0;}
table, th, tr, td {margin: 0; padding: 0;}
p {margin-bottom: 10px; margin-top: 10px; padding: 0; max-width: 600px;}

/** Template design **/
html,body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	min-height: 100%;
	width: 100%;
	text-align: center;
}
#wrapper{
	top: 0px;
	height: auto; 
	width: 960px; 
	margin: 0px auto 0px auto;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
#top {
	position: relative;
	height: 28px; 
	padding-top: 4px;
	width: 100%; 
	text-align: left;
	float: left;
	z-index: 1;
	background: #333;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
#logo {
	position: relative;
	height: auto;
	width: auto;
	text-align: left;
	float: left;
	z-index: 4;
	margin: 10px 0;
}
#logo-wrap {
	position: relative;
	height: auto;
	width: 960px;
	text-align: left;
	clear: both;
}
#cirkler {
	position: relative;
	float: right;
	text-align: right;
	width: auto;
	margin-top: 55px;
	}
#cirkler .menu {
	list-style-type: none;
	margin-top: 1px;
	margin-left: 10px;
	}
#cirkler ul li{
	display: inline;
}
#cirkler ul li a {
	color: #222;
	padding: 4px 10px;
	text-decoration: none;
	text-transform: none;
	height: 22px;
	line-height: 22px;
	width: auto;
	}
#cirkler li#current.active a, #cirkler a:hover {
	color: #000;
	}
/**Søgefunktion**/
#share {
	position: relative;
	height: 22px; 
	width: 200px; 
	text-align: left;
	float: left;
	margin-top: 0px;
	width: 960px;
	z-index: 1;	
	}
/**Menu**/
#menuBg {
	position: relative;
	float: left;
	width: 960px;
	height: 22px;
	background: url(../images/menu.png) no-repeat;
	margin-top: 11px;
	}
#menu {
	text-align: right;
	width: 960px;
	height: 26px;
	margin: 0 auto; 
	z-index: 10;
}
#menu .menu {
	list-style-type: none;
	margin-top: 1px;
	margin-left: 10px;
	}
#menu ul li{
	display: inline;
}
#menu ul li a {
	color: #ccc;
	padding: 4px 10px;
	text-decoration: none;
	text-transform: none;
	height: 22px;
	line-height: 22px;
	width: auto;
	}
#menu li#current.active a, #menu a:hover {
	color: #fff;
	}
#page {
	position: relative;
	height: auto;
	width: 960px;
	text-align: left;
	float: left;
	z-index: 6;
}
#left {
	position: relative;
	float: left;
	width: 479px;
	margin-top: 10px;
	}
#flash {
	position: relative;
	float: left;
	width: 960px;
	height: 208px;
	z-index: 7;
	padding-top: 0px;
	
}
#content {
	position: relative;
	float: left;
	width: 479px;
	min-height: 200px;
	z-index: 7;
	color: #222;
	padding-right: 20px;
	margin-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#content ul {
	list-style-type: disc;
	padding-left: 20px;
	}
#com-form-login ul {list-style-type: none; padding-left: 0;}
#com-form-login fieldset.input{ border: 0;}
#content fieldset {border: 1px solid #999;}
#content a {
	color: #000;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#right {
	position: relative;
	float: right;
	width: 467px;
	margin-left: 14px;
	margin-top: 3px;
	}
#right ul{
	list-style-type:  none;
	margin-left: 0;
	padding-left: 0;
	/*text-decoration: underline;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;	
	}
#right a.mostread {
	color: #000;
	}
.moduletable ul.mostread{ padding-bottom: 20px; }
#right1 {
	position: relative;	
	float: left;
	width: 222px;
	margin-left: 3px;
	margin-top: 17px;
	}
#right2 {
	position: relative;	
	float: right;
	width: 226px;
	margin-top: 17px;
	}
#right2 .moduletable.color {
	text-align: left;
	}
#right2 .moduletable.color h3{
	text-align: left;
	padding-top: 30px;
	}
/*Notes*/
.moduletable ul.latestnews a {
	color: #000;
	padding: 4px 0;
	font-size: 12px;
	line-height: 18px
	}
.moduletable ul.latestnews a:hover {
	color: #9631b3;
	padding: 4px 0;
	font-size: 12px;
	line-height: 18px
	}
.moduletableNote h3 {
	width: 204px;
	height: 19px;
	padding: 10px; 
	background: url('../images/noteTop.jpg') no-repeat bottom;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #222;
	font-size: 22px;
	line-height: 16px;
	margin-left: -10px;
	margin-top: 0px;
	text-shadow:0 1px 1px #ccc;
	}
.moduletableSupport {
	width: 204px;
	height: auto;
	background: url('../images/noteBottom.png') no-repeat bottom;
	color: #222;
	padding: 0px 10px 10px 10px;
	font-size: 12px;
	line-height: 18px;
	}
.moduletableSupport h3 {
	width: 174px;
	height: 29px;
	padding: 10px 10px 0 40px;
	background: url('../images/supportTop.jpg') no-repeat bottom;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #222;
	font-size: 22px;
	line-height: 16px;
	margin-top: 0px;
	margin-left: -10px;
	text-shadow:0 1px 1px #ccc;
	}
#infopane {
	position: relative;
	clear: both;
	width: 960px;
	}
#leftBottom {
	position: relative;
	float: left;
	width: 479px;
	height: 154px;
	font-size: 12px;
	}
#pinnedNote {
	position: relative;
	float: left;
	width: 212px;
	height: 134px;
	background: url('../images/pinnedNote.jpg') no-repeat;
	padding: 20px 10px 10px 10px;
	color: #222;
	}

#note {
	position: relative;
	float: left;
	width: 209px;
	height: 124px;
	background: url('../images/note.jpg') no-repeat;
	padding: 10px;
	color: #222;	
	margin-left: 18px;
	margin-top: 10px;
	}

#rightBottom {
	position: relative;
	float: left;
	width: 481px;
	height: 144px;
	font-size: 12px;
	}
#address {
	position: relative;
	float: right;
	width: 465px;
	height: 172px;
	font-size: 12px;
	background: url('../images/adresseBg.png') no-repeat;
	margin-top: 10px;

	}
#addressTable {
	padding: 0;
	margin: 0;
	border-spacing: 0;
	color: #999;
	line-height: 16px;
	margin-left: 143px;
	margin-top: 14px;
	}
#address .td1 {
	width: 134px;
	}
#address .td2 {
	width: 166px;
	}
#address .td1 img {
	padding-bottom: 8px;
	}
#address a {
	color: #fff;
	text-decoration: underline;
	}
.article_column {
	padding-top: 8px;
	}
.article_column .content_vote {
	display: none;
}
.article_column .stemme_area {
	display: none;
}
.white {color: #fff; }
.intro, form#com-form-login table.contentpane tr td div { font-size: 10px; color: #000; }

#referencer {
	position: relative;
	float: left;
	width: 100%;
	padding: 20px 0 ;
	}
	#referencer img{
	margin: 0 35px;
	}

/**Footer**/
#footer {
	position: relative;
	clear: both;
	width: 100%;
	min-height: 200px;
	display: block;
	background: #333;
}
#footerWrap {
	position: relative;
	clear: both;
	min-height: 300px;
	padding-bottom: 20px; 
	width: 960px; 
	margin: 0px auto 0px auto;
	padding-top: 15px;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
#footer a {
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
#footer1 {
	position: relative;
	float: left;
	height: auto; 
	width: 224px; 
	text-align: left;
	color: #888;
}
#footer2 {
	position: relative;
	float: left;
	height: auto; 
	width: 220px; 
	text-align: left;
	color: #888;
	margin-left: 20px;
}
#footer3 {
	position: relative;
	float: left;
	height: auto; 
	width: 220px; 
	text-align: left;
	color: #888;
	margin-left: 20px;
}
#footer4 {
	position: relative;
	float: right;
	height: auto; 
	width: 230px; 
	text-align: left;
	color: #888;
}
#copyrightWrap{
	position: relative;
	clear: both;
	height: auto; 
	width: 960px; 
	text-align: left;
	color: #888;
	border-top: 1px dotted #666;
	padding-top: 4px;
	margin-top: 10px;
}
/**Breadcrumb**/
#copyright { position: relative; float: left; width: 500px;}
#breadcrumb {position: relative; float: right; width: 460px; height: 10px; font-size: 12px; margin-top: 5px; color: #888; text-align: right;}
#breadcrumb a { color: #fff; font-size: 12px;}
/*Overskrifter ol.*/
#cirkler h1 {
	font-family:Helvetica, Arial, sans-serif;
	color: #333;
	text-shadow: none;
	}
.contentheading, .componentheading, div#content a.contentpagetitle, h1 {
	font-family:Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 22px;
	line-height: 22px;
	text-shadow:0 1px 1px #ccc;
	font-weight: normal;
	text-decoration: none;
	margin: 10px 0px 2px 0px;
	max-width: 600px;
	}
	
.contentheading, h1 {
	font-family:Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 30px;
	line-height: 30px;
	text-shadow:0 1px 1px #ccc;
	font-weight: normal;
	text-decoration: none;
	margin: 10px 0px 2px 0px;
	max-width: 600px;
	}
h2, h3, h4, h5, h6 {
	font-family:Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	max-width: 600px;
	}

h2, h4 { margin-bottom:2px; margin-top:5px; }
.contentpaneopen h2, .contentpaneopen_artikler h2 { color: #9631b3; text-transform: none; font-size: 30px; font-family: 'Yanone Kaffeesatz', arial, serif; line-height: 30px; }

.contentpaneopen h4, .contentpaneopen_artikler h4 { color: #9631b3; text-transform: none; font-size: 25px; font-family: 'Yanone Kaffeesatz', arial, serif; line-height: 25px; }

.blacklabel {
	color: #fff!important;
	background: #000!important;
	padding: 2px 4px!important;
	text-shadow: 0!important;
	text-transform: uppercase;
	min-width: 100px!important;
	clear: both;
	margin: 15px 0!important;
	text-decoration: none!important;
	font-size: 18px!important;
	}
a.blacklabel:hover {background: #9631B3!important;}

.lillalabel {
	color: #fff!important;
	background: #9631b3!important;
	padding: 2px 4px!important;
	text-shadow: 0!important;
	text-transform: uppercase;
	min-width: 100px!important;
	clear: both;
	margin: 15px 0!important;
	text-decoration: none!important;
	font-size: 18px!important;
	}
a.lillalabel:hover {background: #9631B3!important;}

.moduletable .lillalabel {
	color: #fff!important;
	background: #9631b3!important;
	padding: 2px 4px!important;
	text-shadow: 0!important;
	text-transform: uppercase;
	min-width: 100px!important;
	clear: both;

	text-decoration: none!important;
	font-size: 17px!important;
	line-height: 20px!important;
	}
a.lillalabel:hover {background: #9631B3!important;}


.moduletableNote a, .moduletableSupport a {
	color: #000;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	}
#pinnedNote h1, #note h1 {
	color: #000;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	text-shadow:0 1px 1px #ccc;
	margin-bottom: 4px;
	}
#pinnedNote a, #note a {
	color: #000;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	}
#footer h3 {
	font-family:Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	text-shadow:0 1px 1px #000;
	}
.moduletable h3 {
	font-family:Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 22px;
	line-height: 22px;
	text-shadow:0 1px 1px #ccc;
	font-weight: normal;
	text-decoration: none;
	margin: 10px 0px 2px 0px;
	border-bottom: 1px dotted #999;
	padding-bottom: 4px;
	}
.createdate {
	color: #444;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
span.colorBlue {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	}
span.colorPink {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	}
.readon, .readmore {
	color: #000;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 0 20px;
	background: url('../images/linkBg.png') no-repeat 0 -18px;
	}
.readon:hover, .readmore:hover {
	color: #9631b3!important;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 0 20px;
	background: url('../images/linkBg.png') no-repeat 0 0;
	}
/*Tilmeld nyhedsbrev*/

#footer .inputbox {
	background: url(../images/inputBg.png) no-repeat;
	border: 0;
	height: 16px;
	width: 222px;
	padding: 4px;
	color: #888;
	margin-bottom: 8px;
	}
#footer .button, #content .button {
	background: url(../images/button.png) no-repeat;
	border: 0!important;
	height: 26px;
	width: 71px;
	padding: 0px 4px 4px 4px;
	color: #fff;
	font-size: 16px;
	text-shadow:0 1px 1px #000;
	font: 12px/16px Arial, helvetica, sans;
	cursor: pointer;
	}
input#c_form_element15 {
	background: url(../images/button.png) no-repeat;
	border: 0!important;
	position: relative!important;
	height: 26px!important;
	width: 71px!important;
	padding: 0px 4px 4px 4px!important;
	font-size: 16px;
	text-shadow:0 1px 1px #000;
	font: 12px/16px Arial, helvetica, sans;
	cursor: pointer;
	}
/*POINTEN*/
.pointen {
	margin-left: -10px;
	margin-top: -5px;
	}
/*LOGIN*/
form#form-login ul{
	margin-top: 0;
	padding-top: 0;
}
form#form-login ul li {
	list-style-type: none;
	padding-left: 0;
	}
form#form-login a {
	color: #000;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
#form-login-remember {
	width: 80px;
	float: left;
	}
form#form-login input.button {
	background: url(../images/button.png) no-repeat;
	border: 0;
	height: 26px;
	float: right;
	width: 71px;
	padding: 0px 4px 4px 4px;
	color: #fff;
	margin-top: 2px;
	margin-right: 2px; 
	font-size: 16px;
	text-shadow:0 1px 1px #000;
	font: 12px/16px Arial, helvetica, sans;
	cursor: pointer;
	}
form#form-login a, form#com-form-login a{font-size: 10px; line-height: 10px;}
#form-login ul {margin-top: -10px;}
#modlgn_passwd, #modlgn_username, #username, #passwd{
	width: 216px;
	}
#form-login-remember {
	padding: 0;
	margin: 0;
	}
#form-login p, form#com-form-login p {margin: 0; padding: 0;}
label {
	color: #444;
	}
form#form-login fieldset.input {
	margin-left: -8px;
	margin-top: -10px;
	}
form#com-form-login fieldset.input {
	margin-left: -8px;
	margin-top: -20px;	
	}
/*Google Qualified*/
	.googleQualified { float: left; padding:10px 10px 10px 0;}
	.googleQualifiedText { padding: 0; color: #999; }
/*Referencer*/

.refBg { width: 271px; height: 301px; background: url(../images/refBg.png) no-repeat; float: left; margin-right: 40px;}
.refWrap { position: relative; padding: 10px 10px 0 11px;}
.refImage {border: 0;}
.refDesign {background: url(../images/refArrow.png) no-repeat; margin-top: 3px; padding: 0 0 2px 20px; border-bottom: 1px dotted #999; width: 228px;}
.refSystem {background: url(../images/refArrow.png) no-repeat; margin-top: 3px; padding: 0 0 2px 20px; border-bottom: 1px dotted #999; width: 228px;}
.refLink {background: url(../images/refArrow.png) no-repeat; margin-top: 3px; padding: 0 0 2px 20px; border-bottom: 1px dotted #999; width: 228px;}

/*Medarbejder CSS*/
td.cinfo { vertical-align: top; }
td.cinfo h3 { padding: 0px; margin: 0px; padding-left: 5px; border-bottom: 0px; }
td.cinfo p, td.cinfo a { padding-left: 5px; font-size: 11px; }
td.cinfo a { color:#000; margin-top: -5px; }
div.moduletable.medarbejder table { border-bottom: 1px dotted #999999; padding-bottom: 5px; width: 100%; margin-bottom: 5px; }
div.moduletable.medarbejder { margin-top:10px; } 
div.moduletable.medarbejder table td:first-child { width: 65px; height: 65px; }
td.image { width: 56px; vertical-align: top; }
td.image img { border:1px solid #cecece; }
td.cinfo p { margin-bottom: 5px; margin-top: 5px; }

/*LOGIN Page*/
form#com-form-login table.contentpane tr td div img { display: none; }
p#form-login-username, p#form-login-password, p#form-login-remember, p#com-form-login-username, p#com-form-login-password, p#com-form-login-remember{font-size: 10px; color: #666; }
p#com-form-login-remember {margin-top: 10px;}
#modlgn_remember { position: relative; float: left; margin: 2px 4px 0 0px; }
fieldset.input { padding: 8px 0 0 8px; }
input#remember { float: left; }
form#com-form-login { width: 216px}
form#com-form-login .button {	
	background: url(../images/button.png) no-repeat;
	border: 0;
	height: 26px;
	float: right;
	width: 71px;
	padding: 0px 4px 4px 4px;
	color: #fec2e3;
	margin-top: -14px;
	margin-right: 0px; 
	font-size: 16px;
	text-shadow:0 1px 1px #000;
	font: 12px/16px Arial, helvetica, sans;
	cursor: pointer;}
/*CONTENT stylet indhold af PN*/
.lightgrey {
background:#f6f6f6;
border: 1px solid #ddd;
padding: 5px 15px 5px 15px;
max-width: 600px;
 
}
.jwts_tabberlive {
	float: left;
	}
#jwts_tab h1 {
	font-size: 30px; font-family: 'Yanone Kaffeesatz', arial, serif; line-height: 30px; color: #9631B3;
	}
#jwts_tab a {
	text-decoration: none!important;
	}
#kontakt {
	position: relative;
	float: left;
	margin-top: 10px;
	}
#image {
	float: left;
	width: 56px;
	margin-right: 10px;
	border: 1px solid #ccc;
	}
	#medarbejder {
		position: relative;
		float: left;
		margin-bottom: 10px;
		}
	#info {
		float: left;
		margin-right: 10px;
		}
		#info p {
			margin: 5px 0;
			}
		#info a {
			color: #9631B3;
			background: url('../images/mail.png') no-repeat;
			padding-left: 25px;
			}
		#callMe {
			border: 0;
			font-size: 0!important;
			width: 160px;
			height: 32px;
			margin-top: 10px;
			margin-left: -5px;
			background: url('../images/ringMigOp.png') no-repeat;
			}
			.nivoSlider .nivo-controlNav {
				bottom: -15px!important;
			}
			
.vote_area {
	background-color: #eee;
	width: 600px;
	padding: 10px;
	
}
.article_column .vote_area {
	background-color: #fff;
	padding: 0px;
	width: 200px;
	
}

.stemme_area{
	margin-left: 14px;
	}
.blog_artikler .vote_area {
	display: none;
}
</style>