* { margin:0; padding: 0;}

img {
	border: 0;
}

html, body {
	/*height:100%;*/
	width:100%;
	background-attachment: fixed;
	background-position: top center;
}

body {
	font: 85%/1.5 Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, .huge_lead_word {
	font-family: Georgia, serif;
	font-weight: normal;
	line-height: 1.3;
}

p { margin: 1em 0; }

.link, a {
	color: #114299;
	color: #006df2;

	cursor: pointer;
	text-decoration: none;
}

ul, ol {
	padding-left: 1em;
	margin-left: 5px;
}

a:visited {
	color: #114299; 
	color: #006df2;
}

#overlay { background-image: url("images/overlay.png"); }

.right { float: right; }
.left {	float: left; }
.clear { clear: both; }
.hidden { display: none; }

.bold { font-weight: bold; }

#layout {
	margin: auto;
	width: 993px;
	background-color: #ffffff;
	position: relative;
}

#site-logo {
	float: left;
	height: 79px;
	width: 357px;
	padding-left: 5px;
	background: #FFFFFF url(images/logo-kd.png) no-repeat 5px; center;
}

#center_container {

	width: 100%;
	clear: left;
	border: 1px solid #c3c3c3;
	border-top: none;

}

.wide_banner {
	width: 930px;
	height: 180px;
	margin: auto;
	border: 1px solid #c3c3c3;
	margin-bottom: 15px;
}

.wide_banner.bottom {
	margin-top: 10px;
	margin-bottom: 10px;
}

.monster-banner
{
	width: 930px;
	margin: auto;
	padding-bottom: 5px;
}

#right_follow_ad {
	position: fixed;
	width: 160px;
	visibility: hidden;
}
#right_ad {
	left: 993px;
	position: absolute;
	width: 160px;
}
#left_ad {
	right: 993px;
	position: absolute;
	width: 160px;
}

#layout_center_outer {
	float: left;
	clear: left;
	width: 675px;
	border-right: 1px solid #c3c3c3;
}

#layout_center {
	padding-right: 10px;
	margin-left: 9px;
	clear: left;
}

#layout_right_outer > .rounded_box {
	margin-bottom: 10px;
}

#layout_right_outer {
	float: left;
	width: 309px;
}

#layout_right {
	padding-left: 9px;
	border-left: 1px solid #c3c3c3;
	margin-left: -1px;
}

.column_100 {
	width: 100%;
}

#layout_center .column_50 {
	width: 327px;
}

#layout_center .rounded_box .column_50 {
	width: 326px;
}

#layout_center .column_67 {
	width: 434px;
}

#layout_center .column_33 {
	width: 217px;
}

#layout_center .column_33.column_not_first {
	width: 220px;
}

#layout_center .rounded_box .column_33 {
	width: 217px;
}

#layout_center .column_75 {
	width: 481px;
}

#layout_center .column_25 {
	width: 163px;
}

#layout_right .column_50 {
	width: 146px;
}

#layout_center .rounded_box .column_50 .column_50,
#layout_center .column_50 .column_50 {
	width: 163px;
}

#layout_center .rounded_box .column_50 .column_50.column_not_first {
	width: 162px;
}

#layout_right .column_not_first {
	margin-left: 6px;
}

.article_column {
	float: left;
	margin-bottom: 10px;
}

.article_fb.flexblock:hover,
ul.linkcollection-list li:hover,
.latestnews li:hover {
	background-color:#D9D9D9;
}

#layout_center .column_not_last {
	border-right: 1px solid #c3c3c3;
}

#layout_center .article_fb.column_not_last {
	border-right: none;
}

#layout_center .rounded_box .article_fb.column_not_last {
	border-right: none;
}

#layout_center .column_not_first {
	border-left: 1px solid #c3c3c3;
	margin-left: -1px;
}

.first_column {
	clear: left;
}

.flexblock {
	position: relative;
	overflow: hidden;
}

.flexblock.column {
	float: left;
	overflow: visible;
}

#layout_center .flexblock.table .flexblock.cell {
	border-bottom: 0;
	margin-bottom: 0;
}

#layout_center .flexblock.table .flexblock.cell_not_last,
.underlined_block {
	border-bottom: 1px solid #c3c3c3;
}

#layout_center .flexblock.table .article_fb.flexblock.cell_not_last {
	border-bottom: none;
}

#layout_center .rounded_box .flexblock.table {
	border-bottom: none;
}

#layout_center .rounded_box .flexblock.cell,
#layout_center .rounded_box .flexblock.table {
	margin-bottom:0px;
}

#layout_center > .flexblock > .rounded_box,
#layout_center > .flexblock.underlined_block,
#layout_center > .flexblock.table-no-splitter,
#layout_center > .flexblock > .subsection,
#layout_center > .no_print > .flexblock > .rounded_box,
#layout_center > .no_print > .flexblock.underlined_block,
#layout_center > .no_print > .flexblock.table-no-splitter,
#layout_center .textads_container,
#layout_center > .no_print > .flexblock > .subsection {
	margin-bottom: 20px;
}

a.flexadmin.split {
	right: 60px;
}

a.flexadmin,
a.xphoto_crop_admin {
	position: absolute;
	z-index: 1000;
	background-color: white;
	padding: 2px;
	border: 1px solid black;
	text-decoration: none;
	color: inherit;
	display: block;
	font-size: 9px;
}

a.flexadmin {
	visibility: hidden;
	margin: 2px;
	right: 0px;
	top: 0px;
}

hr {
	display: block;
	border: 0;
	width: 100%;
	height: 1px;
	background-color: #c3c3c3;
	margin-top: 10px;
	margin-bottom: 10px;
}

#theme_top_left {
	width: 644px;
	margin: 10px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#layouter_center_outer > .rounded_box .top-button-search {
        border-left: 0;
}

#layout_center_outer > .rounded_box .keywords {
        border: 1px solid #c3c3c3;
        height: 20px;
        width: 151px;
}

#layout_center_outer > .rounded_box {
        margin-bottom: 10px;
        margin-left: 9px;
}

#layout_right_outer > .rounded_box ul.ubertree {
        margin-left: 5px;
}

.ad_top {
	margin-bottom: 5px;
}

.ad_top .ad_top_box {
	float: left;
	margin-right: 5px;
}

.ad_box_color {
	background-color: #c2d5fc;
	border-color: #9db9f0;
}

.ad_box_content {
	width: 11px;
	height: 11px;
}

#login {
	padding-left: 5px;
	color: #660000;
}

#login a,
#login a:visited {
	color: #660000;
}

#login-box {
        background-color: #FFFFFF;
        border: 1px solid grey;
        width: 370px;
}

.topmenu_link.login-box {
	background: url("images/topmenu_login.png") no-repeat left center;
	padding-left: 20px;
}
.login_header {
        background-color: #0D3781;
	font-size: 16px;
	font-weight: bold;
        padding: 7px;
        color: #FFFFFF;
}

#login_form {
	padding: 10px;
}

#login_form p {
	font-size: 14px;
	font-weight: bold;
}

#login_form span {
	font-weight: bold;
	color: #114299;
}

.x_close_window {
	float: right;
}

.x_close_window:hover {
	cursor: pointer;
}

.hover:hover,
.left_article_other_themes_item a:hover,
.left_article_column_flexblock .author_wrapper a:hover,
#article_contents .byline a:hover,
#article_pagenav a:hover,
.left_article_column_flexblock.flexblock_tags a:hover,
.article_text a:hover,
.left_article_column_flexblock a.theme_link:hover,
.quiz_list_container .quiz_list_text .quiz_list_header a:hover,
ul.foredrag_profiles a:hover {
	background:#114299 none;
	color:#FFFFFF;
}

#article_contents .article_text a {
	text-decoration:underline;
	color:#114299;
}

#article_contents .article_text a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#114299;
}

.flexblock .static-text {
	margin-left:9px;
}

.flexblock .static-text a {
	text-decoration:underline;
}

.flexblock .static-text a:hover {
	background-color:#114299;
	color:#FFFFFF;
	text-decoration:none;
}

.flexblock .frame-padding {
	padding:10px 15px;
}

#print2web_ad {
	display: none;
}

/* Send til en ven */

#sendtofriend {
	display: none;
}

#sendtofriend_header {
	padding: 0.5em 0px;
	font-size: 110%;
}

#sendtofriend input[type="text"], #sendtofriend textarea {
	border: 1px solid #666;
	width: 400px;
}

#sendtofriend .input {
	margin-top: 1em;
}

#sendtofriend .fillout {
	color: red;
}

#sendtofriend .noaccess {
	color: #cc0000;
	font-weight: bold;
}

#sendtofriend_spinner {
        visibility: hidden;
	position: absolute;
        width: 16px;
        height: 16px;
	margin-top: 2px;
	margin-left: 70px;
        background-image: url(images/ajax-loader.gif);
        background-repeat: none;
}

/* Fixing right side splitblock if the blue template is used */

#layout_right .box_with_triangle .column_50 {
	width: 149px;
}

#layout_right .box_with_triangle .column_not_first {
	border-left: 1px solid #c1c1c1;
	margin-left: -1px;
}

.plaza_threaded_view {
	border-top: 1px solid #C3C3C3;
}
.plaza_threaded_view table {
	width: 100%;
	border-spacing: 0;
}
.plaza_threaded_view table th{
	text-align: left;
	color: #114299;
	font-weight: normal;
}

.plaza_threaded_view table th {
	padding-bottom: 4px;
}
.plaza_threaded_view .spacer, .plaza_threaded_view .spacer {
	width: 25px;
}

.plaza_threaded_view table td {
	height: 21px;
}
.plaza_threaded_view table td div {
	background-color: white;
	position: absolute;
	height: 21px;
	left: -5px;
	z-index: 5;
}
.plaza_threaded_view table .plaza_threaded_post_odd  {
	background-color: #F2F2F2;
}
.plaza_threaded_view table .plaza_threaded_post_even {
	background-color: transparent;
}

.gray_background .white_container, .gray_background .white_container_first, .gray_background .white_container_last {
	border: 1px solid #D5D5D5;
	background-color: white;
	margin: 5px 10px;
	padding: 2px;
}
.gray_background .white_container_last {
	margin-bottom: 10px !important;
}
.gray_background .white_container_first {
	margin-top: 10px !important;
}
#layout_right .gray_background .text_container {
	float: left;
	width: 182px;
}
#layout_center .gray_background .text_container {
	float: left;
	width: 515px;
}
.gray_background .text_container h3 {
	margin-top: 5px;
}
.gray_background .image_container {
	float: left;
}
.gray_background .image_container img {
	margin: 5px;
}
.gray_background li {
	background-color: #E5E5E5;
	border: none !important;
	overflow: hidden !important;
}
.transparent70 {
	filter: alpha(opacity=70);
	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);*/
	-moz-opacity: 0.70;
	opacity:0.7;
}
.overlay_banner_survey_outer {
	display: none;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	z-index: 15;
}
.overlay_banner_survey_outer > div {
	position: relative;
	top: 30%;
}
.overlay_banner_survey_outer > div > div {
	position: relative;
	top: -70%;
}
.overlay_banner_survey_outer > div > div > object {
	width: 468px;
	height: 400px;
}
.overlay_banner_survey_background {
	display: none;
	background-color: black;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 14;
}

#subbar_right a { float: right; }

/* Coming from box */
#kd-comingfrom {
        margin: 0px 10px 10px 10px;
        padding: 5px 10px 15px 0px;
        background-color: #b00049;
        font-size: 1em;
        display: none;
        -moz-border-radius: 5px;
        border-radius: 5px;
}
#kd-comingfrom .close {
        cursor: pointer;
        float: right;
        padding-top: 5px;
}
#kd-comingfrom-paper {
        height: 140px;
        margin-left: 0px;
        margin-top: 8px;
        overflow: hidden;
        width: 150px;
}
#kd-comingfrom-paper img {
        margin-left: -47px;
}
#kd-comingfrom-4ug {
        color: #ffffff;
        margin-left: 150px;
        padding-top: 5px;
}
#kd-comingfrom-4ug h1 {
        font-size: 22px;
}
#kd-comingfrom-4ug .emphasize {
        font-weight: bold;
        text-decoration: underline;
}
#kd-comingfrom-4ug p {
        -moz-box-shadow: -10px 0px 10px -5px #b00049;
        -webkit-box-shadow: -10px 0px 10px -5px #b00049;
        box-shadow: -10px 0px 10px -5px #b00049;

        height: 110px;
        letter-spacing: -0.4px;
        margin-right: 10px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 5px;
        position: relative;
        width: 310px;
        z-index: 2;
}
#kd-comingfrom-4ug form {
        margin-top: 10px;
}
#kd-comingfrom-phone {
        color: #777777;
        font-size: 10px;
        height: 20px;
        padding-left: 5px;
        width: 140px;
}
#kd-comingfrom-submit {
        background: url("images/bestil-nu.png") no-repeat;
        border: none;
        cursor: pointer;
        height: 34px;
        margin-top: 10px;
        width: 153px;
}
/* End coming from box */




#login-form a {
	color: #114299;
	text-decoration: underline;
}
#profile-data a {
	color: #114299;
	text-decoration: none;
}
#profile-subscription table {
	table-layout: auto;
	width: 100%;
}

#profile-subscription table tr td {
	font-size: 0.8em;
	padding: 5px;
	vertical-align: top;
}
#profile-subscription .active {
	background-color: #c3c3c3;
}
#profile .error {
	border: 1px solid red;
	margin-right: 5px;
}
#profile .buy-subscription {
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#f2f2f2));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #c3c3c3, #f2f2f2);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c3c3c3, endColorstr=#f2f2f2);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c3c3c3, endColorstr=#f2f2f2)";

	background-color: #c3c3c3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	height: 60px;
	margin-right: 20px;
	padding-top: 10px;
	cursor: pointer;
	text-align: center;
	width: 125px;
}

/*=== Initiatives section ===*/
.initiatives a {
	color: black;
}
.initiatives h1 {
	text-shadow: 2px 2px 2px #999999;
	text-shadow: 2px 2px 2px hsl(0, 0%, 60%);
}
#initiative h1 {
	clear: left;
}

/* Single initiative */
#initiative .back {
	background-color: #984980;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	float: left; 
	height: 25px;
	margin: 0px 10px 10px 20px;
	padding: 2px 0px 0px 0px;
	position: relative;
	text-align: center;
	width: 120px;
}
/* an arrow :) */
#initiative .back:after{
	border-color: transparent #984980 transparent transparent;
	border-style: solid;
	border-width: 8px 20px 08px 0;
	content: "\00A0";
	display: block;
	height: 0;
	left: -20px;
	position: absolute;
	top: 5px;
	width: 0;
}
#initiative .back a {
	color: white;
}
#initiative .back a:hover {
	text-decoration: underline;
}
#initiative p a {
	color: #114299;
	color: hsl(218, 80%, 33%);
}
#initiative img {
	margin: 0px 0px 0px 0px;
}
#initiative h2 {
	clear: both;
}
#initiative .infobox {
	border: 1px solid #cccccc;
	padding: 0px 5px 0px 5px;
	margin-left: 10px;
}
#initiative #extra-data {
	float: right;
	margin: 1em 0;
	padding: 0 0 0 10px;
}
#initiative .poster {
	font-style: italic;
}
#initiative .offline {
	border: 2px solid green;
	clear: both;
	display: block;
	font-size: 1.2em;
	font-style: italic;
	padding: 10px 100px;
	text-align: center;
}
#initiative .a2a_kit {
	margin-bottom: 10px;
}
.initiative-vote {
	display: none;
}
#initiative-vote {
	background-color: #95B82F;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 5px 10px;
}
#initiative_votechart {
	float: right;
	width: 400px;
	height: 150px;
}

/* Initiative lists */
#initiatives {
	width: 98%;
}
#initiatives a {
	color: black;
}
#initiatives ul {
	list-style: none;
	margin: 10px 0px 10px 0px;
	padding: 0px;

}
#initiatives li {
	background-color: #eeeeee;
	background-color: hsla(0, 0%, 93%, 1);

	background-image: -moz-linear-gradient(hsla(0,0%,100%,0.7), hsla(0,0%,100%,0) 80%);
	background-image: -webkit-gradient(linear, 0 0, 0 80%, from(hsla(0,0%,100%,0.7)), to(hsla(0,0%,100%,0)));

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	-moz-box-shadow: 1px 1px 2px hsla(0,0%,0%,0.3);	
	-webit-box-shadow: 1px 1px 2px hsla(0,0%,0%,0.3);
	box-shadow: 1px 1px 2px hsla(0,0%,0%,0.3);

	margin: 0 0 10px 0;
	padding: 0px 10px 5px 10px;
	position: relative;
}
#initiatives li:hover {
	top: -2px;
	left: -2px;
	-moz-box-shadow: 3px 3px 2px hsla(0,0%,0%,0.3);
	-webkit-box-shadow: 3px 3px 2px hsla(0,0%,0%,0.3);
	box-shadow: 3px 3px 2px hsla(0,0%,0%,0.3);
}
/* IE8 fallback */
.ie8 #initiatives li:hover,
.ie7 #initiatives li:hover {
	background-color: #dddddd;
}
#initiatives h2 {
	display: block;
}
#initiatives p {
	display: inline;
	margin: 0px;
	word-wrap: break-word;
}
#initiatives p.block {
	display: block;
}
#initiatives img {
	float: left;
	padding: 5px 10px 5px 0px;
}

#initiatives a:target h2{
	margin-left: 20px;
}
#initiatives a:target:before {
	border-color: transparent transparent transparent #984980;
	border-style: solid;
	border-width: 4px 0px 4px 10px;
	content: "\00A0";
	display: block;
	height: 0;
	left: 15px;
	position: absolute;
	top: 10px;
	width: 0;
}

/* End initiatives */

/* HTML5 forms */
.html5form {
}

#add-images {
	background: none;
	background-color: #42C006;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
}
.html5form fieldset {
	background-color: #F2F2F2;
	border: 1px solid #C3C3C3;
	border-radius: 5px 5px 5px 5px;
	margin: 0 0 10px 0;
	padding: 5px;
}
.html5form.side-by-side fieldset {
	float: left;
	width: 46%;
	margin-left: 10px;
}
.html5form.side-by-side fieldset:first-of-type {
	margin-left: 0px;
}
.html5form fieldset legend {
	font-size: 1.1em;
	padding: 0 5px;
}

.html5form ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.html5form li {
	position: relative;
	margin-bottom: 5px;
}
.html5form li.posterform-text {
	overflow: auto;
}

.html5form fieldset label {
	display: inline-block;
	vertical-align: top;
	width: 100px;
}
.html5form.side-by-side label, .html5form span label {
	width: auto;
	display: inline;
}
.html5form .information {
	margin: 0;
	padding-left: 100px;
}
.html5form.side-by-side .information, .html5form.narrow .information {
	padding: 0;
}

.html5form.narrow label {
	display:block;
}

.html5form fieldset input, .html5form fieldset textarea, .html5form fieldset select {
	background: url("/themes/kd_theme_2010/images/ico_validation.png") no-repeat scroll 379px 84px #FFFFFF;
	border: 1px solid #999999;
	border-radius: 5px 5px 5px 5px;
	display: inline-block;
	padding: 3px 26px 3px 3px;
	margin-bottom: 5px;
	width: 500px;
}
.html5form .posterform-text span {
	display: inline-block;
	width: 500px;
}
.html5form fieldset input[type=checkbox] {
	width: auto;
}
.html5form .full { width: 500px; }
.html5form select { width: 532px; }

.html5form.narrow input, .html5form.narrow textarea, .html5form.narrow select, .html5form.narrow span {
	width: 238px;
}

.html5form.narrow select {
	width: 250px;
}

.html5form input[type=submit] {
	clear: left;
	display: block;
	width: 100px;
}

.html5form .half,
.html5form input[name=firstname],
.html5form input[name=lastname],
.html5form input[name=address],
.html5form input[name=zipcode],
.html5form input[name=city],
.html5form input[name=place] {
	width: 232px;
}
.html5form input[name=housenumber],
.html5form input[name=houseletter],
.html5form input[name=floor],
.html5form input[name=placement],
.html5form.narrow input[name=zipcode],
.html5form.narrow input[name=city],
.html5form.narrow input[name=place] {
	width: 98px;
}

.html5form .validation {
	background: none repeat scroll 0 0 red;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 4px #999999;
	color: #ffffff;
	display: none;
	font-size: 12px;
	outline: 0 none;
	padding: 3px;
	position: absolute;
	right: 10px;
	text-align: center;
	top: -10px;
	width: 150px;
	z-index: 1;
}
.html5form.narrow .validation { top: 10px; }

.html5form input:focus + .validation {
    display: block;
}
.html5form input:focus:required:invalid + .validation .valid, .html5form input.error:focus + .validation .valid, .html5form input.required:focus + .validation .valid, .html5form input:focus + .validation .valid {
    display: none;
}
.html5form input:focus:required:valid + .validation, .html5form input.valid:focus + .validation {
    background: none repeat scroll 0 0 green;
}
.html5form input:focus:required:valid + .validation .invalid, .html5form input.valid:focus + .validation .invalid {
    display: none;
}
.html5form input:focus:required:valid + .validation .valid, .html5form input.valid:focus + .validation .valid {
    display: block;
}
.html5form input:required:valid {
    background-color: #FFFFFF;
    background-position: 502px -61px;
}
.html5form input.error {
    background-color: pink;
    background-position: 502px 3px;
    outline: medium none;
}
.html5form input.required {
    background-color: #FFFFFF;
    background-position: 502px -29px;
}
.html5form input.valid {
    background-color: #FFFFFF;
    background-position: 502px -61px;
}
.html5form.narrow input {
	background-position: 234px;
}

/* Changing size, so we have to move the background around quite a bit */
.html5form .half.error,
.html5form input[name=firstname].error,
.html5form input[name=lastname].error,
.html5form input[name=address].error,
.html5form input[name=zipcode].error,
.html5form input[name=city].error,
.html5form input[name=place].error {
	background-position: 234px 3px;
}

.html5form .half.required,
.html5form input[name=firstname].required,
.html5form input[name=lastname].required,
.html5form input[name=address].required,
.html5form input[name=zipcode].required,
.html5form input[name=city].required,
.html5form input[name=place].required {
	background-position: 234px -29px;
}

.html5form .half.valid,
.html5form input[name=firstname].valid,
.html5form input[name=lastname].valid,
.html5form input[name=address].valid,
.html5form input[name=zipcode].valid,
.html5form input[name=city].valid,
.html5form input[name=place].valid {
	background-position: 234px -61px;
}

.html5form .half:required:valid,
.html5form input[name=firstname]:required:valid,
.html5form input[name=lastname]:required:valid,
.html5form input[name=address]:required:valid,
.html5form input[name=zipcode]:required:valid,
.html5form input[name=city]:required:valid,
.html5form input[name=place]:required:valid {
	background-position: 234px -61px;
}

.html5form input[name=housenumber].error,
.html5form input[name=houseletter].error,
.html5form input[name=floor].error,
.html5form input[name=placement].error,
.html5form.narrow input[name=zipcode].error,
.html5form.narrow input[name=city].error,
.html5form.narrow input[name=place].error {
	background-position: 100px 3px;
}

.html5form input[name=housenumber].required,
.html5form input[name=houseletter].required,
.html5form input[name=floor].required,
.html5form input[name=placement].required,
.html5form.narrow input[name=zipcode].required,
.html5form.narrow input[name=city].required,
.html5form.narrow input[name=place].required {
	background-position: 100px -29px;
}

.html5form input[name=housenumber].valid,
.html5form input[name=houseletter].valid,
.html5form input[name=floor].valid,
.html5form input[name=placement].valid,
.html5form.narrow input[name=zipcode].valid,
.html5form.narrow input[name=city].valid,
.html5form.narrow input[name=place].valid {
	background-position: 100px -61px;
}

.html5form input[name=housenumber]:required:valid,
.html5form input[name=houseletter]:required:valid,
.html5form input[name=floor]:required:valid,
.html5form input[name=placement]:required:valid,
.html5form.narrow input[name=zipcode]:required:valid,
.html5form.narrow input[name=city]:required:valid,
.html5form.narrow input[name=place]:required:valid {
	background-position: 100px -61px;
}

/* Have to reset since IE likes to style these */
.html5form input[type=radio] {
	background: none;
	border: none;
	border-radius: 5px 5px 5px 5px;
	display: inline-block;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	width: 10px;

}

.item-vote {
	background-color: #95B82F;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	float: right;
	font-size: 1.0em;
	margin: 5px 0 0  5px;
	padding: 5px 10px;
}
.item-vote.selected {
	background-color: red;
}
.item-vote .selected {
	display: none;
}
#syvatse-checkboxes input {
	margin-left: 10px;
}

.top-promotion {
	float: left;
	width: 210px;
	margin: 6px 5px 0 0;
}
.top-promotion .type2 h3:hover {
	color: #114299;
}


/* Unsubscribe stuff */

#profile-unsubscribe
{
	width: 200px;
}

#profile-unsubscribe label
{
	display: block;
	font-weight: bold;
}

#profile-unsubscribe input,
#profile-unsubscribe select,
#profile-unsubscribe textarea
{
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
}

#profile-unsubscribe textarea
{
	height: 100px;
	border: 1px solid #C3C3C3;
}

/* /Unsubscribe */


#quiz_description {
	padding: 5px 0 15px 0;
}
#quiz_point {
	border: 1px solid #cccccc;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px;
	width: 100px;
}
.quiz_description {
	cursor: pointer;
	text-decoration: underline;
}

/* Embedded quizzes */

.quiz-embedded
{
}

.quiz-embedded ol
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.quiz-embedded ol ol
{
	padding-bottom: 1em;
}

.quiz-embedded label
{
	padding-right: 20px;
}

.quiz-embedded input[type=submit]
{
	margin-bottom: 1em;
}

.quiz-embedded .correct
{
	color: #080;
	background: url('/modules/kdquiz/images/tick_active.png') top right no-repeat;
}

.quiz-embedded .answer
{
	color: #f00;
}

.quiz-embedded .user-answer
{
	color: #000;
	background: url('/modules/kdquiz/images/tick_inactive.png') top right no-repeat;
}

.quiz-embedded .description
{
	margin-top: 0;
}

/* /Embedded quizzes */


/* Modern boxes */

.triangle-box
{
	border: 1px solid #C3C3C3;
	border-radius: 3px;
	margin-bottom: 10px;
}

.triangle-box > *
{
	padding: 0 6px;
}

.triangle-box h2
{
	background: #F2F2F2;
	border-bottom: 1px solid #C3C3C3;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	line-height: 31px;
	height: 31px;
	font-size: 1.2em;
	position: relative;
}

.triangle-box h3
{
	font-size: 1em;
	font-weight: bold;
	font-family: inherit;
}

.triangle-box h2:before
{
	width: 0px;
	border: 7px solid;
	border-color: #c3c3c3 transparent transparent transparent;
	content: "";
	position: absolute;
	bottom: -14px;
	left: 10px;
}

.triangle-box h2:after
{
	width: 0px;
	border: 6px solid;
	border-color: #f2f2f2 transparent transparent transparent;
	content: "";
	position: absolute;
	bottom: -12px;
	left: 11px;
}

.triangle-box ol,
.triangle-box ul
{
	list-style-type: none;
	margin: 1em 0;
}

.triangle-box ul
{
}

.triangle-box ul li
{
	padding: 0 0 .5em 0;
}

.triangle-box ul li:last-child
{
	padding: 0;
}

/* /Modern boxes */


/* Employees, updated */
/* '.employee-column' and '.employee-archive-column' stuff is only used in browsers without support for CSS columns. */

h1.employees,
h1.underlined,
#employees-by-letter-lists h2,
.employee-column h2
{
	border-bottom: 1px solid #C3C3C3;
	margin-bottom: 10px;
}

h1.employees,
h1.underlined
{
	padding-bottom: 10px;
}

#employees-by-letter-lists
{
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}

#employees-by-letter-lists,
#employees-by-letter-lists ol,
.employee-column
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#employees-by-letter-lists h3,
.employee-column h3
{
	font-size: 1em;
	font-weight: normal;
	font-family: inherit;
}

#employees-by-letter-lists p,
.employee-column p
{
	font-size: .8em;
	margin: 0 0 10px 0;
}

.employee-column
{
	float: left;
	width: 205px;
	margin-right: 20px;
}

.employee-column-last
{
	margin-right: 0;
}

.employee .portrait
{
	float: left;
	margin: 0 10px 10px 0;
}

.employee .job-title,
.employee h2,
.employee .archive,
.employee-archive-column
{
	border-bottom: 1px solid #C3C3C3;
	padding-bottom: 10px;
}

.employee .next-to-portrait
{
	margin-left: 210px;
}

.employee h2
{
	clear: both;
	padding-top: 10px;
	margin-bottom: 10px;
}

.employee .archive,
.employee-archive-column
{
	list-style-type: none;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

.employee-archive-column
{
	width: 318px;
	padding-right: 20px;
	float: left;
}

.employee-archive-column-last
{
	padding-right: 0;
}

.employee .archive li,
.employee-archive-column li
{
	padding-bottom: 5px;
}

.employee .pagination
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	color: #114299;
}

.employee .pagination li
{
	display: inline;
}

.employee .pagination .next,
.employee .pagination .previous
{
	float: right;
	font-weight: bold;
}

.employee .pagination .next
{
	padding-left: 10px;
}

.employee .pagination .next a:after
{
	content: ' »';
}

.employee .pagination .previous a:before
{
	content: '« ';
}

.employee .pagination .page:before
{
	content: ' | ';
	font-weight: normal;
	color: #444;
}

.employee .pagination .page:first-child:before
{
	content: 'Side ';
}

.employee .pagination .current
{
	font-weight: bold;
}

/* /Employees */


/* New profile */

h2.new-section
{
	padding-top: .5em;
	border-top: 1px solid #C3C3C3;
}

form.new-form ol
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

form.new-form li
{
	margin: 0 0 10px 0;
}

form.new-form li.no-label-before
{
	padding-left: 215px;
}

form.new-form li label:after
{
	content: ':';
}

form.new-form li label
{
	display: inline-block;
	width: 200px;
	padding-right: 10px;
}

form.new-form li label.inline
{
	display: inline;
	width: auto;
	padding: 0;
}

form.new-form li label.inline:after
{
	content: '';
}

form.new-form li label.padded
{
	margin-left: 215px;
}

form.new-form li input[type=text],
form.new-form li input[type=email],
form.new-form li input[type=number],
form.new-form li input[type=password],
form.new-form li textarea,
form.new-form li select
{
	border: 1px solid #C3C3C3;
	font-size: inherit;
	font: inherit;
	padding: 2px;
	width: 200px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .05);
}

form.new-form li input[type=number]
{
	text-align: right;
}

form.new-form li input[type=submit]
{
}

form.new-form li input.phone
{
	width: 90px;
}

form.new-form li input.medium
{
	width: 50px;
}

form.new-form li input.small
{
	width: 25px;
}

form.new-form li select
{
	color: inherit;
	background: #fff;
}

form.new-form li textarea.small
{
	width: 300px;
	height: 100px;
}

p.buttons,
p.separated,
form.new-form li.buttons,
form.new-form li.separated
{
	border-top: 1px solid #C3C3C3;
	margin-top: 10px;
	padding-top: 10px;
}

p.buttons,
form.new-form li.buttons
{
	text-align: right;
}

form.new-form li.buttons a
{
	float: left;
}

table.online-subscriptions
{
	table-layout: auto;
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px 0;
	margin-bottom: .5em;
}

table.online-subscriptions th
{
	text-align: left;
	font-weight: bold;
}

table.online-subscriptions td
{
	border-top: 1px solid #e1e1e1;
}

table.online-subscriptions th.number,
table.online-subscriptions td.number
{
	text-align: right;
}

table.personal-info th,
table.personal-info td
{
	vertical-align: top;
	text-align: left;
	padding-right: 1em;
}

.notice
{
	background: #ffa;
	padding: .5em;
	border: 1px solid #cc7;
}

ol.buy-subscription
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	text-align: center;
}

ol.buy-subscription li
{
	cursor: pointer;
	border-radius: .25em;
	display: inline-block;
	margin: .5em;
	padding: .5em 0;
	line-height: 1.2em;
	width: 175px;
	background: #C3C3C3;
	background: -moz-linear-gradient(top, #C3C3C3, #F2F2F2);
	background: -webkit-linear-gradient(top, #C3C3C3, #F2F2F2);
	background: -o-linear-gradient(top, #C3C3C3, #F2F2F2);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .25);
	text-shadow: 0 0 .25em rgba(255, 255, 255, .5);
	font-size: 2em;
	font-weight: bold;
	-moz-transition-property: background, box-shadow;
	-moz-transition-duration: .5s;
	-webkit-transition-property: background, box-shadow;
	-webkit-transition-duration: .5s;
	-o-transition-property: background, box-shadow;
	-o-transition-duration: .5s;
}

.product-summary ol.buy-subscription li
{
	font-size: 1em;
	width: 75px;
}

ol.buy-subscription li.current-product
{
	border: .125em solid #444;
	box-shadow: 0 0 .5em rgba(0, 0, 0, .5);
}

p.current-product-description strong /* This is an ugly hack, to cover up the fact that smarty's lower filter doesn't have a clue about how to lowercase Danish letters ÆØÅ. */
{
	text-transform: lowercase;
}

ol.buy-subscription li:hover
{
	background: #e5e5e5;
	background: -moz-linear-gradient(top, #e5e5e5, #ffffff);
	background: -webkit-linear-gradient(top, #e5e5e5, #ffffff);
	background: -o-linear-gradient(top, #e5e5e5, #ffffff);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .1);
}

ol.buy-subscription li .price
{
	display: block;
}

.dim
{
	color: #888;
}

h4.progress
{
	display: inline-block;
	font-family: inherit;
	font-weight: normal;
	color: #444;
	line-height: 20px;
	padding-right: 5px;
}

ol.progress
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: inline;
	box-shadow: 0 0 10px rgba(0, 0, 0, .125);

}

.progress li
{
	margin: 0;
	padding: 0 5px 0 15px;
	display: inline-block;
	color: #444;
	background: #888;
	position: relative;
	line-height: 20px;
}

.progress li:first-child
{
	padding-left: 5px;
	border-radius: 2px 0 0 2px;
}

.progress li:before,
.progress li:after
{
	border: solid;
	border-color: transparent;
	border-color: rgba(255, 255, 255, 0);
	margin: 0;
	padding: 0;
	content: '';
	height: 0;
	width: 0;
	overflow: hidden;
	display: block;
	position: absolute;
}
.progress li:before
{
	border-width: 12px;
	border-left-color: #fff;
	top: -2px;
	right: -22px;
	z-index: 2;
}

.progress li:after
{
	border-width: 10px;
	border-left-color: #888;
	top: -0px;
	right: -18px;
	z-index: 3;
}

.progress li.done
{
	color: #fff;
}

.progress li.current
{
	color: #fff;
	background: #666;
	font-weight: bold;
}

.progress li.pending
{
	background: #ccc;
}

.progress li.pending:after
{
	border-left-color: #ccc;
}

.progress li.current:after
{
	border-left-color: #666;
}

.progress li:last-child:before
{
	border: none;
}

.progress li:last-child:after
{
		right: -20px;
}

/* /New profile */