@charset "UTF-8";
/* CSS Document */


#loginMenuWrapper {
    height: 20px;
    position: absolute;
    right: 27px;
    top: 3px;
}

#pageMenuLogoImg
{
	z-index:2;
}

#adminBGStretch{
    background-color: #00c3be;
    height: 22px;
    left: -480px;
    position: absolute;
    width: 1920px;
}

a.pageAdminMenu{
	color:#fff;
}

.formNew{
	position:relative;
	width:284px;
	float:left;
	margin-bottom:20px;
	}

.inputSpacer{
	width:20px;
	float:left;
	height:30px;
	display:block;
	}

.formNew .field{
	width:254px;
	border:2px solid #ccc;
	padding:10px 14px;
	font-size:14px;
	line-height:16px;
	}

.formNew .field:focus{
	border:2px solid #306b88;
	}

.formNew .field.error{
	border:2px solid #e74c3c;
	}

/*.formNew .field.error:focus{
	border:2px solid #306b88;
	}*/

.formNew .field.valid{
	border:2px solid #72a84a;
	}
	
label.error{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    color: #e74c3c;
    bottom: -22px;
    content: "";
	left:0;
    display: block;
	text-align:left;
    position: absolute;
    z-index: 99;
	width:100%;
	font-size: 14px;
	}
	
.btn-green{
	background-color: #72a84a;
	border: medium none;
    color: #fff;
    cursor: pointer;
    font: 12px "focobold";
    height: 32px;
    margin: 0;
    padding: 0 20px;
    text-decoration: none;
    text-transform: uppercase;
    min-width: 144px;
	position:relative;
	z-index:100;
	}
	
.btn-green:hover{
	background-color: #699647;
	}
	
.btn-blue{
	background-color: #6692a7;
	border: medium none;
    color: #fff;
    cursor: pointer;
    font: 12px "focobold";
    height: 32px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    width: 144px;
	}
	
.btn-blue:hover{
	background-color: #547e92;
	}
	
.btn-darkblue{
	background-color: #004062;
	border: medium none;
    color: #fff;
    cursor: pointer;
    font: 12px "focobold";
    height: 32px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    width: 144px;
	}
	
.btn-darkblue:hover{
	background-color: #024f78;
	}
	
.btn-gray{
	background-color: #cccfd0;
	border: medium none;
    color: #fff;
    cursor: pointer;
    font: 12px "focobold";
    height: 32px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    width: 144px;
	}
	
.btn-gray:hover{
	background-color: #c3c3c3;
	}
	
.float-right{
	float:right;
	}
	
.link-text{
	position:relative;
	padding-top:10px;
	}
	
.link-text a{
	text-decoration:underline;
	font-size:12px;
	color:#000;
	}
	
.float-left{
	float:left;
	}
	
.opretFormBox{
    float: left;
    margin: 14px 32px 0 6px;
    width: 590px;
	}
	
.opretFormBox label.field{
	margin-left:220px;
	}
	
.new-buttonBox{
	position:relative;
	margin-top:10px;
	margin-right: 38px;
	}
	
.final-buttonBox{
	position:relative;
	margin-top:10px;
	max-width:700px;
	}
	
.field .opretCheck{
	display: none;
	}

label.field p{
	display: inline-block;
    padding-left: 44px;
    position: relative;
    width: 500px;
	}
	
label span {
	height: 20px;
	width: 20px;
	border: 2px solid #ccc;
	display: inline-block;
	position: absolute;
	background-color:#fff;
	}
	
label span.thisChecked {
	border:2px solid #306b88;
	}

/*.opretCheck:checked + span:before {
	content: '\2714';
	position: absolute;
	top: -2px;
	left: 4px;
	font-size:25px;
	color:#306b88;
	}*/

.opretCheck:checked + span:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width:20px;
	height:20px;
	background: url(../img_new/checkbox.png) no-repeat 0 0;
	}         
	
.minloeb-kalender{
	position:relative;
	width:940px;
    height: auto;
    margin-top: 0;
    position: relative;
	}
	
.loeb-head{
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	position:relative;
	padding:3px 0;
	}
	
.loeb-body{
	border-bottom: 1px solid #e2e2e2;
	position:relative;
	padding:6px 0;
	}
	
.loeb-navn{
	display: table-cell;
    height: 50px;
    position: relative;
    vertical-align: middle;
	width:140px;
	border-right: 1px solid #e2e2e2;
	padding:0 10px;
	text-align: center;
	}

.loeb-arrangoer{
	display: table-cell;
    height: 50px;
    position: relative;
    vertical-align: middle;
	width:120px;
	border-right: 1px solid #e2e2e2;
	padding:0 10px;
	text-align: center;
	}
	
.loeb-dato{
	display: table-cell;
    height: 50px;
    position: relative;
    vertical-align: middle;
	width:120px;
	border-right: 1px solid #e2e2e2;
	padding:0 10px;
	text-align: center;
	}
	
.loeb-status{
	display: table-cell;
    height: 50px;
    position: relative;
    vertical-align: middle;
	width:180px;
	border-right: 1px solid #e2e2e2;
	padding:0 10px;
	text-align: center;
	}
	
.loeb-bedoemmelse{
	display: table-cell;
    height: 50px;
    position: relative;
    vertical-align: middle;
	width:130px;
	border-right: 1px solid #e2e2e2;
	padding:0 10px;
	text-align: center;
	}
	
.loeb-info{
	display: table-cell;
    height: 50px;
    position: relative;
    vertical-align: middle;
	width:120px;
	padding:0 10px;
	text-align: center;
	}
	
.loeb-navn a,
.loeb-arrangoer a,
.loeb-dato a,
.loeb-status a,
.loeb-bedoemmelse a,
.loeb-info a{
	font-size:16px;
	line-height:20px;
	font-family:'focoregular';
	color: #383838;
	text-decoration:underline;
	}
	
.loeb-navn p,
.loeb-arrangoer p,
.loeb-dato p,
.loeb-status p,
.loeb-bedoemmelse p,
.loeb-info p{
	font-size:16px;
	line-height:20px;
	font-family:'focoregular';
	color: #383838;
	}
	
.loeb-navn h5,
.loeb-arrangoer h5,
.loeb-dato h5,
.loeb-status h5,
.loeb-bedoemmelse h5,
.loeb-info h5{
	font-size:12px;
	line-height:20px;
	font-family:'focoregular';
	color: #828282;
	text-transform:uppercase;
	}

.subHeaderLogin{
	font: 24px/40px "focobold";
    margin: auto;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-top: 32px;
    position: relative;
    width: 960px;
	color: #383838;
	}
	
.loebFormBox{
	position:relative;
	width:552px;
	height:auto;
	}
	
.formLoeb{
	position:relative;
	clear:both;
	padding:10px 0;
	}
	
.labelLoeb{
	position:relative;
	float:left;
	width:200px;
	text-align:right;
	margin-right:20px;
	}
	
.labelLoeb p{
	color: #383838;
    font-family: "focoregular";
    font-size: 16px;
    line-height: 20px;
	margin-top:10px;
	}
	
.inputLoeb{
	position:relative;
	float:left;
	width:332px;
	text-align:left;
	}
	
.inputLoeb .field{
	border: 2px solid #ccc;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 14px;
    width: 300px;
	color:#306b88;
	font-family:'focoregular';
	}

.fileUpload{
	overflow: hidden;
	}
	
.inputLoeb textarea.field{
	border: 2px solid #ccc;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 14px;
    width: 300px;
	height:150px;
	resize:none;
	color:#306b88;
	font-family:'focoregular';
	}

.inputLoeb .field:focus{
	border:2px solid #306b88;
	}

/*.inputLoeb .field.error{
	border:2px solid #e74c3c;
	}

.inputLoeb .field.error:focus{
	border:2px solid #306b88;
	}*/

.inputLoeb .field.valid{
	border:2px solid #72a84a;
	}
	
.loebSelect{
    width:328px;
	border: 2px solid #ccc;
	overflow:hidden;
	}
	
.loebSelect select{
    color: #306b88;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 14px;
    width: 370px;
	border: 0px;
	background: url("../img/arrowBottom.png") no-repeat scroll 300px center;
	-moz-appearance: none;
	-webkit-appearance:none;
	appearance:none;
	outline:none;
	}
	
.inputLoebCheck{
	margin-top:10px;
	position:relative;
	float: left;
    width: 332px;
	}
	
.inputLoebCheck .checkField{
	/*width:50%;
	float:left;*/
	position: relative;
	margin-bottom: 10px;
	}

.buttonUpload{
	background-color: #004062;
    color: #fff;
    cursor: pointer;
    font: 16px "focobold";
    height: 18px;
    left: 0;
    margin-top: 4px;
    padding: 11px 18px;
    position: absolute;
    text-decoration: none;
    top: -4px;
    width: auto;
	}
	
.buttonUpload:hover{
	background-color: #024f78;
	}
	
.fileUpload span{
	display: block;
    height: 16px;
    margin-left: 80px;
    position: relative;
	overflow:hidden;
	}

.formLoeb label.error{
	bottom: auto;
    left: 360px;
    top: 10px;
	}

.pagination {
	position:relative;
	width:940px;
	margin:auto;
	}

.page {
    display: inline;
    font: 20px 'focoregular';
    border: 2px solid #6692a7;
    padding: 10px 18px;
    color: #666;
    margin-right: 10px;
	vertical-align:middle;
	}

.pageArrow{
    font: 40px/1em 'focoregular';
    margin-right: 10px;
    display: inline;
    color: #ccc;
	vertical-align:middle;
	}

.page.done {
    border: 2px solid #6692a7;
	background-color:#6692a7;
	color:#fff;
	}

.page.active {
    border: 2px solid #004062;
	background-color:#004062;
	color:#fff;
	}
	
.textUnderlined{
	color: #383838;
    display: block;
    font: 18px/20px "focobold";
	padding-top:16px;
	padding-bottom:12px;
	clear:both;
	}
	
.fullwidth{
	width:100% !important;
	float:none;
	clear:both;
	display:block;
	}
	
.tooltip{
	content: '';
	position:absolute;
	right:-24px;
	top:10px;
	width:20px;
	height:20px;
	background:url(../img_new/info_tip.png) no-repeat 0 0;
	overflow:visible;
	z-index:100;
	}
	
.tooltip p{
	width:0;
	opacity:0;
	display:none;
	background:#383838;
	color: #fff;
    padding: 4px 10px;
    position: absolute;
    right: -226px;
    top: -10px;
	font-size:14px;
	line-height:1.25em;
	font-family:'focoitalic';
	-webkit-transition:none;
    -moz-transition:none;
    transition:none;
	}
	
.arrowTool{
	background: url(../img_new/info_box_arrow.png) no-repeat 0 0;
	position:absolute;
	top:13px;
	left:-7px;
	display:block;
	height:14px;
	width:7px;
	}
	
.tooltip:hover p{
	opacity:1;
	display:block;
    width: 200px;
	-webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
	}

.checkField .tooltip{
	top:3px;
	}

.loebFormConfirm{
	position:relative;
	height:auto;
	width:940px;
	margin:auto;
	}
	
.loebWrap{
	padding:10px 0;
	position:relative;
	width:100%;
	clear:both;
	}
	
.leftLoeb{
	position:relative;
	width:210px;
	height:auto;
	float:left;
	color: #676767;
    font-family: "focobold";
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px;
	text-align:right;
	margin-right:14px;
	}
	
.rightLoeb{
	position:relative;
	width:500px;
	height:auto;
	float:left;
	color: #383838;
    font-family: "focoregular";
    font-size: 15px;
    line-height: 20px;
    margin-top: 10px;
	}
	
.udvalgNavn, .modNavn, .modNavn a, .sektionNavnBlue, .sektionNavnBlue a {
    color: #fff;
    text-decoration: none;
	}

.padLeft6{
	margin:0;
	padding:0;
	padding-left:6px;
	}
	
.width600{
	width:600px;
	}
	
.width800{
	width:800px;
	}
	
.noBorderRt{
	border-right:none;
	}
	
.marginTop0 p{
	margin-top:0;
	}
	
.margin-zero{
	margin:0;
	}

.fullWidthWrapper{
	width:auto;
	float:none;
	}

.nyConfirmWithImg{
	background: url("../img/confirmCheck.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #383838;
    font-size: 18px;
    line-height: 26px;
    margin-left: 8px;
    padding-left: 56px;
    padding-top: 6px;
    position: relative;
    width: 680px;
	}

.inputLoeb input, 
.formNew input,
.inputLoeb select, 
.inputLoeb textarea {
	text-transform:none;
	}

input:focus,
select:focus, 
textarea:focus {
	box-shadow:none;
	}

.rightLoeb span.checked{
	position:absolute;
	width:20px;
	height:20px;
	background:url("../img_new/checkbox.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	top:0;
	left:-26px;
	}
	
p.faded{
	text-decoration:line-through;
	color: #999;
	}
	
@media print {
    #pageMenu{
        background:none;
    	}
	
	#loginMenuWrapper,
	#pageTopMenuWrapper,
	.menuContainer,
	.paginate,
	#footerWrapper,
	.mdPageTag,
	.final-buttonBox,
	.eksperterLeftWrapper,
	.new-buttonBox{
		display:none;
		height:0;
		overflow:hidden;
		}
		
	.pageverticalWrapper,
	.pageSpaceWrapper2{
		height:10px;
		}
	
	.eksperterBody{
		margin-top:10px;
		}
	
	.subHeaderLogin{
		padding-top:10px;
		}
		
	.nydehsbrevBoxText{
		width:100%;
		max-width:100%;
		}
		
	.pageMainHead{
		width:100%;
		font:24px/1.5em 'focobold';
		}
		
	.subHeaderLogin{
		width:100%;
		font:20px/1.5em 'focobold';
		}
		
	.rightLoeb{
		width:700px;
		}
		
}


.inputLoeb::-moz-placeholder {
    text-transform: none;
}























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */