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

/* Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
b {font-weight:700;}
.clear {clear:both;}
body {
	font-family: 'Roboto', sans-serif;
	font-size:11pt;
	background-color:#eee;
	text-align:center;
	line-height:1.3em;
}

html, body {height: 100%;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}
.mb10 {margin-bottom:10px!important;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.ml20 {margin-left:20px!important;}
.mr20 {margin-right:20px!important;}
.p0	{padding:0!important;}
.smallh2 {font-size:12pt!important;}
.error {color:#a94442!important;}

.TopLogo {max-width:700px;margin:0 auto;padding:10px 20px 15px;text-align:left;position:relative;}

.wrapper {min-height: 100%;height:auto!important,height:100%;margin:0 auto -45px;}
.header {background-color:#fff;border-bottom:1px solid #ccc;padding:0 25px;}
.footer, .push {height:45px;}
.footer {background-color:#fff;border-top:1px solid #ccc;}
.footerinner {max-width:700px;margin:0 auto;color:#777;font-size:0.8em;text-align:left;padding:0 20px;line-height:44px;}
.footerinner a {text-decoration:none;color:#555;}
h1 {font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:30pt;line-height:40pt;padding-bottom:8px;color:#444;}

.mainContent {	max-width:700px;
				padding:0px 20px;
				margin:0 auto;
				text-align:left;}
.mainContent h2 {font-size:14pt;font-weight:300;padding-bottom:8px;}
.mainContent img {max-width:100%}
.mainContent p {padding-bottom:8px;color:#444;line-height:1.5em;}
.mainContent p a {text-decoration:none;color:#01747B;}
.mainContent p a:hover {text-decoration:none;color:#444;}
.mainContent p span {display:block;font-size:8pt;font-weight:700; text-transform:uppercase;color:#000;line-height:10pt;}


a.button, input.submit, input.submit:focus {	
			background-color:#01747B;
			-webkit-appearance: none;
			color:#fff!important;
			display:inline-block;
			cursor:pointer;
			line-height:1em;
			padding:14px 24px 15px;
			min-width:100px;
			text-align:center;
			font-weight:300;
			letter-spacing:0.05em;
			margin-top:15px;
			text-decoration:none;
			border:0px;
			border-radius:0px;
			font-size:11pt;
			-webkit-transition: .3s;transition: .3s;
			}

a.button:hover, input.submit:hover 	{-webkit-appearance: none;background-color:#014d52;color:#fff!important;}

input, select				{-webkit-appearance: none;padding:8px 10px;letter-spacing: 0.05em;font-family: 'Roboto', sans-serif;border: 1px solid #ccc; background-color:#fff;outline:none;}
input[type="text"]			{min-width:280px;}
select:hover				{cursor:pointer;}
input:focus, select:focus	{-webkit-appearance: none;outline:none;border-color:#01747B;border-width:1px;background-color:#fff;}

#dataform, #kandidat {padding:15px 25px 20px;}
#dataform label {display:block;margin-bottom:10px;}
#dataform label span {display: inline-block;
    font-size: 0.8em;
    text-transform: uppercase;
    color: #868686;
    width: 220px;
    text-align: right;
    padding-right: 15px;
}
#dataform label span.form-error {display:block;text-transform:none;color:rgb(185, 74, 72);padding:3px 0 0 203px;text-align:left;width:auto;}
#kandidat {padding:15px;}






@media only screen and (min-device-width:320px) and (max-device-width:480px) {
.TopLogo {}	
.TopLogo .TopTitle {font-size: 15pt;display:inline-block;padding:5px 0 0 10px;}	
}


@media only screen and (min-device-width:1200px) {
.mainContent {overflow:auto;}
.TopLogo, .mainContent, .footerinner {max-width:800px;}
h2 {clear:both}
}

.kandidat{clear:both;padding-top:25px;margin-left:20px;color:#444;}
.kandidat img {float:left;margin-right:10px;}
.kandidat div {padding-top:0px;}
.kandidat div span {display:block;margin-bottom:5px;font-weight:bold;font-size:1.2em;}