/* cmsms stylesheet: amoe2 navigation modified: Thursday, June 20, 2024 5:33:53 PM */
/* style dependencies */



#menubutton{display:block;float:left;min-width:180px;}
nav.main-navigation {position:absolute; z-index:999;display:none;top:250px; width:100%;}

ul#main-menu{top:250px;background:#eeeeee;list-style:none; width:70%;float:left;}
#main-menu > li {
	border-bottom: 1px dotted ;
	position: relative;
    text-shadow: 1px 1px 1px #333333;
}

#main-menu > li:last-child {
	border-bottom: none;
    text-shadow: 1px 1px 1px #333333;
}

#main-menu > li > a,
#main-menu > li.sectionheader > span {
	color: #003399;
        font-variant:small-caps;
	text-decoration: none;
	font-size: 1.0625em; 	cursor: pointer;
	padding: 8px 0;
	display: block;
	position: relative;
}

#main-menu > li.current > a,
#main-menu > li.current.sectionheader > span,
#main-menu > li:hover > a,
#main-menu > li.sectionheader:hover > span {
	color: #003399;
}

#main-menu > li > ul,
#main-menu > li > ul > li > ul  {
	position: absolute;
	left: -999em;
                background:#eeeeee;
                list-style:none;padding:0;
}

#main-menu > li:hover > ul,
#main-menu > li.active > ul,
#main-menu > li > ul > li:hover > ul, #main-menu > li > ul > li.active > ul {
	position: relative;
	left: 0;
}

#main-menu > li > ul > li > a,
#main-menu > li > ul > li.sectionheader > span,
#main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {
	text-decoration: none;
	color: #003399;
	text-transform: uppercase;
	display: block;
	padding: 4px 0;
}

#main-menu > li > ul > li:hover > a,
#main-menu > li > ul > li.sectionheader:hover > span,
#main-menu > li > ul > li > ul > li:hover > a,
#main-menu > li > ul > li > ul > li.sectionheader:hover > span {
	color: #999;
}

#main-menu > li > ul > li > ul > li > a,
#main-menu > li > ul > li > ul > li.sectionheader > span {
	padding-left: 15px;
	font-size: .875em;
	text-transform: none;
}

#main-menu > li > a i,
#main-menu > li > ul > li > a i,
#main-menu > li.sectionheader > span i,
#main-menu > li > ul > li.sectionheader > span i {
	float: right;
	position: relative;
	padding-top: 6px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 250ms ease-out 0s;
	-moz-transition: -moz-transform 250ms ease-out 0s;
	-o-transition: -o-transform 250ms ease-out 0s;
	transition: transform 250ms ease-out 0s;
}

#main-menu > li:hover > a i,
#main-menu > li.active > a i,
#main-menu > li > ul > li:hover > a i,
#main-menu > li > ul > li.active > a i,
#main-menu > li.sectionheader:hover > span i,
#main-menu > li.active.sectionheader > span i,
#main-menu > li > ul > li.sectionheader:hover > span i,
#main-menu > li > ul > li.active.sectionheader > span i {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

@media screen and (max-width: 1200px) {
nav.main-navigation {top:210px; } }

@media screen and (max-width: 980px) {
nav.main-navigation {top:250px; } 
ul#main-menu{margin-top:0;}}

@media screen and (min-width: 1280px) {

	nav.main-navigation {height: 55px;line-height: 37px;display:block;}
        #menubutton {display:none;}
	ul#main-menu {padding:0;margin-top: 0;background:none;}

		#main-menu > li {
		display: inline-block;
		padding: 0;
		margin: 0 4px;
		border: none;
		position: relative;
	}
	
		#main-menu > li i {
		display: none;
	}
	
	.touch-device #main-menu > li i {
		display: inline-block;
		float: none;
	}
	
	.touch-device #main-menu > li li i {
		float: left;
		display: inline-block;
		margin-right: 8px;
		padding-top: 2px;
		text-align: left;
	}
	
	.touch-device #main-menu > li:first-child li i {
		float: right;
	}

	#main-menu > li:first-child, #main-menu > li.first {
		margin-left: 0;
	}

	#main-menu > li:last-child, #main-menu > li.last {
		margin-right: 0;
	}

	#main-menu > li > a, 
	#main-menu > li.sectionheader span {
		padding: 0 6px 0 10px;
		line-height: 37px;
		font-size: 1em;
	}

	#main-menu > li.parent:hover > a, 
	#main-menu > li.sectionheader.parent:hover > span,
	#main-menu > li.parent.active > a, 
	#main-menu > li.parent.active > span {
		color: #0099ff;

	}

		#main-menu > li > ul,
	#main-menu > li > ul > li > ul  {
		display: block;
		width: 260px; padding:0;      
	}

	#main-menu > li:hover > ul,
	#main-menu > li.active > ul,
	#main-menu > li > ul > li:hover > ul,
	#main-menu > li > ul > li.active > ul {
		height: auto;
		position: absolute;
		z-index: 9999;
		top: 37px;
		right: 0;
		left: auto;
		display: block;
		border-radius: 3px;
	}
	
	#main-menu > li:first-child:hover > ul,
	#main-menu > li:first-child.active > ul {
		right: auto;
		left: 0;
	}
	
	#main-menu > li > ul > li {
		position: relative;
		line-height: 1;
		margin: 0;
		padding-left: 10px;
	}
	
	#main-menu > li:first-child > ul > li {
		padding-right: 10px;
		padding-left: 0;
	}
	
	#main-menu > li > ul > li > a,
	#main-menu > li > ul > li.sectionheader > span,
	#main-menu > li > ul > li > ul > li > a,
	#main-menu > li > ul > li > ul > li.sectionheader > span {
		color: ;
		display: block;
		text-transform: none;
		line-height: 1.2;
		border-bottom: 1px dotted #858585;

		padding: 8px 12px;
		font-size: .875em; 		text-decoration: none;
	}
	
	#main-menu > li > ul > li.current > a, 
	#main-menu > li > ul > li.current.sectionheader > span,
	#main-menu > li > ul > li > ul > li.current > a, 
	#main-menu > li > ul > ul > li > li.current.sectionheader > span {
		color: ;
	}

		#main-menu > li > ul > li:hover > ul,
	#main-menu > li > ul > li.active > ul {
		width: 250px;
		height: auto;
		top: 0;
		right: auto;
		left: -250px;
	}
	
	#main-menu > li:first-child > ul > li:hover > ul,
	#main-menu > li:first-child > ul > li.active > ul {
		left: auto;
		right: -250px;
	}
	
	.lt-ie9 #main-menu > li > ul > li:hover > ul,
	.lt-ie9 #main-menu > li > ul > li.active > ul {
		left: -247px;
	}

	#main-menu > li > ul > li:hover > ul:after,
	#main-menu > li > ul > li.active > ul:after {
		content: ' ';
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 7px 0 7px 6px;
		border-color: transparent transparent transparent ;
		border-color: transparent transparent transparent rgba(85, 85, 85, .95);
		position: absolute;
		right: -6px;
		top: 12px;
	}
	
	.lt-ie9 #main-menu > li:first-child > ul > li:hover > ul,
	.lt-ie9 #main-menu > li:first-child > ul > li.active > ul {
		left: auto;
		right: -247px;
	}
	
	#main-menu > li:first-child > ul > li:hover > ul:after,
	#main-menu > li:first-child > ul > li.active > ul:after {
		left: -10px;
		right: auto;
	}

	#main-menu li ul li a:hover, 
	#main-menu li ul li span.sectionheader:hover {
		box-shadow: 0 0 5px rgba(85, 85, 85, .9);
		
	}

	#main-menu > ul > li:last-child > a,
	#main-menu > ul > li.sectionheader:last-child > span,
	#main-menu > ul > li > ul > li:last-child > a,
	#main-menu > ul > li > ul > li.sectionheader:last-child > span {
		border-bottom: none;
	}
}
/* cmsms stylesheet: amoe2 basic modified: Thursday, June 20, 2024 5:54:22 PM */
@charset "utf-8";
/* CSS Document */
/* style dependencies */




h1{ color: #003399;text-transform:uppercase;color:#003399;      }
h2{color: #6699cc;font-size:1em;text-transform:uppercase;}
h3{color: #6699cc;font-size:1em;margin:0;}
h4{color: #6699cc;font-size:1em;margin:0;padding:0;float:left;}
p{color:#000000;}
small{font-size:80%;font-weight:normal;}
aside{}
.headline h1{font-size:1.5em;color:#000000; margin-bottom:0.3em;}
.headline h2{font-weight:normal;font-size:2em;text-transform: none;color:#6699cc;margin:0.2em 0 0;font-variant: small-caps;
    text-shadow: 1px 1px 1px #333333;}
.headline p{margin:0;}
.headline {color:#000000;opacity:0.8;font-weight:bold;}

a{color:#003399;text-decoration:none;}
a:hover{color:#990000;}
table {width:100%;}
tr:nth-child(odd) {background: rgba(0,51,153,0.2)}
.content ul{list-style-image:url(__URL,,a230dd8ae403478d47316248106c8119__);margin:5px;}
pre{margin: 2% 5%;background:#dddddd;border-radius:25px;box-shadow:0 25px 25px 0;padding:20px; word-wrap: break-word;font-family:arial;}
sup{font-size:60%;}

blockquote,.infobox{padding:5% 7%;background:#eeeeee;margin:1%;border-radius:10%;}
.disclaimer{position:relative;x-index:100;top: -6em;font-size:70%;font-style:italic;}
blockquote.faktabox{padding:2%;}
.obsbox{width:33%;float:right;background:yellow;min-height:200px;border-radius:15px;padding:15px;}

.box{box-sizing: border-box;overflow:hidden;}
.hidden{display: none;}
.w3-show{display:block!important}

/*layouts */
.l20{width:20%; float:left; border:0;}
.l25{width:25%; float:left; border:0;}
.l50{width:50%; float:left; border:0;}
.l75{width:75%; float:left; border:0;}

/*  */
body{background:#eee url(__URL,,16a9e07c583ac8a4a45d5e8fa51914e5__) no-repeat;font-family:simplex, Arial, Helvetica, sans-serif;font-size:1em;line_height:1;;color:#000000; }
#wrapper {max-width:1200px;  margin: 0 auto;}
#wrapper-inner{ background:#fff;border-radius:50px;box-shadow:0 50px 50px 0;padding:20px;margin-right:5%;border:1px solid #fff;}
header, main, footer{width:100%;}
.aalogo{float:right; }
.download{height:50px;width:80px;border:2px solid #990000;border-radius:0 50% 50% 0; padding:10%;margin-top:50px;color:#990000;}
.headerbottom{width:100%;clear:both;overflow:hidden;}
.headertop{overflow:hidden;}
header{overflow:hidden; border-bottom:2px solid #dddddd;margin-bottom:5px; height:180px;}
.headline{float:right;width:70%;}
.headerimage img{margin-top:3em;margin-left:2em;}
.content-top{padding:1% 2% 1% 30%;}
.breadcrumb{font-size:90%;}
.ctalink button{float:left;padding:1% 5%;}
#main{overflow:hidden;min-height:400px;}
.fullwidth{width:100%;min-height:400px;margin:0 auto;}
.fuldbredplakat{width:80%;height:auto;}
aside{height:100%;min-width:250px;padding:0px 10px;}
.infoboder H2{margin-bottom:2px;}
.infoboder p{margin:5px auto;}
.tilmeld{padding:0em 1em 6em;min-width:150px;}
button{background:#990000;color:#eeeeee;font-size:90%; font-weight:bold;padding:0.5em;float:right;border-radius:25px;}
button:hover{background:#003399;color:#eeeeee;}
.info{border:1px solid #6699cc; background:rgba(0,51,153,0.2); border-radius:15%;margin:3px 0;padding:5px;font-size:85%;}
.contact{font-size:100%;}
.leftside, .rightside{display:none;}
.content-inner{min-height:100px;min-width:400px;padding:0 5%;}
.kompetencer{font-size:0.7em; color: #990000;width:100%;}
.logo img{width:100%;padding:5%;}
.downlaod, .aalogo{max-width:150px;}
.row {width:100%;overflow:hidden;}
.fb-page{background: transparent url(__URL,,71a9db4c085a26e84adc2d73eb9ac97c__) no-repeat center center;min-height:10em;}
iframe{width:100%; min-height:600px;overflow:hidden;border:none;}
#map{width:100%;min-width:20em;height:auto;min-height:15em;}
/* Style the tab */

.tab button{width:33%;padding:0 auto;float:left;}
div.tab {
    overflow: hidden;
    border: 0;
    background-color: #f1f1f1;
color:000;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color:#6699cc;
    float: left;
    border: 1 px solid #000000;
    outline: none;
    cursor: pointer;
    padding: 4px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color:#003399;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #003399;
}

/* Style the tab content 
.tabcontent {display: none;border-top: none;}*/
/* vis midterste content */
#tab1, #tab3{display:none;}
#main{display:block;}
.bottomlinks{overflow:hidden;width:100%;clear:both;padding:0 0 0 20%;}
.bottomlinks div{ float:left;margin:0px 20px 0 0;font: italic 12px/1.3 Georgia,Times New Roman,serif;}
footer{overflow:hidden;}

.footer-top{overflow:hidden;padding:0 0 3% 2%;border-bottom:1px solid #eee;background:#dddddd;}

.footer-left{padding:0 5% 0 0;}
.footer-center p{padding:5% 25%;}
.footer-right ul{padding:0;list-style:none;}
.footer-right ul ul{font-size:90%;padding-left:1em;}


.webdesign{float:right;color:#333;}
.copyright-info, .webdesign{font-size:0.8em;color:#666666;}
	 .social a i {display: inline-block;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);
		-webkit-transition: -webkit-transform 250ms ease-out 0s;
		-moz-transition: -moz-transform 250ms ease-out 0s;
		-ms-transition: -moz-transform 250ms ease-out 0s;
		-o-transition: -o-transform 250ms ease-out 0s;
		transition: transform 250ms ease-out 0s;
                 color: #990000;	}
	
	 .social a:hover i {
		-webkit-transform: rotateY(360deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(360deg);
		-o-transform: rotateY(360deg);
		transform: rotateY(360deg);
                color: #003399;
	}


span.aar, span.firma{font-size:90%;font-weight:bold;padding:0 20px 0 0;}
span.headertitel{}
div.headertext::after{content: "..klik for uddybende detaljer..";float:right;font-size:90%;color:#990000;}
#accordion.amoeacc.ui-accordion .ui-accordion-header .ui-accordion-header-icon {left: 0.5em;margin-top: -2px;position: absolute;top: 2%;}
table.kompetencetabel{border-collapse: separate; empty-cells:hide;display:none;}
table.kompetencetabel td{border:1px solid #ccc;}
table.programtabel tr:first-child td{border-bottom:1px solid #003399} 
table.programtabel{font-size:90%;}

.mailchimp input, .mailchimp label{float:left;margin-right:10px;}
form {margin-top: 0}
form, td, th, li {font-size: 100%}
form div {margin-bottom: 0}
fieldset div {margin-bottom: 0.5em;margin-left: 1em;}
fieldset div div {margin-top: 0.5em;margin-left: 1em}
fieldset {margin-bottom: 1em;padding: 0.5em; background:rgba(0,51,153,0.2);border-radius:25px;box-shadow:0 25px 25px 0;padding:20px;  }
fieldset label {width: auto;font-size:90%;}
legend {color: #FFF;background:#003399;font-style: italic;font-size: 80%;margin-bottom: 0.5em;padding: 0.2em;width: auto;}
textarea {margin: 0.5em 0;width: 98%;height: 6em;border-radius:5px;}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {float: left;width: 10em}
.short-label fieldset div input, .short-label fieldset div select {width: 16em;}
/* Pretty up your Captcha image output */
.captcha {margin: 0.5em 0;width: 200px;text-align: center;}
.captcha img {border: 1px solid #F60;margin-bottom: 0.5em;}
.captcha input {width: 196px;margin-top: 0.5em}
/* Just a bit more room for the Submit button */
.submit {margin-top: 0.5em;}
.contactform input {border-radius:5px; background:#eeeeee;}
.contactform input[type="submit"]{background:#003399;color:#fff;float:right;padding:0 2%;margin-right:5%;}
.contactform input[type="submit"]:hover{background:#6699cc}
.contactform input.checkbox {border: none;}
.contactform label {display: block;float: left;width: 150px;}
.contactform label.label {display: inline;float: right;max-width: 10px;font-size: 10px;}
.contactform textarea { background:#eeeeee;}
.formbuilderform .message {line-height: 16px;padding: 0 0 8px 0;}
fieldset div{clear:both;}
div .checkbokse{border-bottom:1px dotted ;overflow:hidden;}
.checkbokse input{float:left;}
.checkbokse label{width:90%;font-weight:bold;}
.teksten label{width:100%;}


i.icon-facebook{font-size:180%;margin-right:1%;}
@font-face {
	font-family: 'simplex';
	src: url(__URL,,c901c71df88c9d2d9560261d1635340a__);
	src: url(__URL,,af7dfb1fca9a7ad0fe0f02b975089b87__),
		url(__URL,,2c2362f42ab6e9dddb49c1be0f84f610__), 
		url(__URL,,9b906fa5d46757b5ae05680551086411__),
		url(__URL,,466c6ab772a120744a2a34ff930a9973__);
	font-weight: normal;
	font-style: normal;
}
@media screen and (min-width: 980px) {
.headline h1{font-size:2em; color:#000066;}
button.first{display:none;}
header{height:250px;}
.tab{display:none}
#tab1,#main,  #tab3{display:block;}
.tilmeld{padding:0em 1em 2em;}
.slideshowwrap #slider1w .nivoSlider .nivo-caption h2{ font-size:20px;}
.slideshowwrap #slider1w .nivoSlider .nivo-caption { font-size:16px;}

}
@media screen and (min-width: 1600px) {

button.first{display:block;font-size:80%;}
button.forside{display:none;}
.slideshowwrap #slider1w .nivoSlider .nivo-caption h2{ font-size:32px;}
.slideshowwrap #slider1w .nivoSlider .nivo-caption { font-size:20px;}
}

@media screen and (max-width: 1600px) {
#wrapper-inner{box-shadow:0;margin:0;padding:0;border-radius:0;}
.tilmeld {display:block;}
.tilmeld p, .tilmeld h2 {font-size:90%;}
header{height:280px;}
button.buttontilmeldtop{display:none;}
button.first{display:block;font-size:80%;}
button.forside{display:none;}
.slideshowwrap #slider1w .nivoSlider .nivo-caption h2{ font-size:32px;}
.slideshowwrap #slider1w .nivoSlider .nivo-caption { font-size:20px;}
}

@media screen and (max-width: 1280px) {
#wrapper{margin:0 auto;}
header{height:290px;}
.tilmeld {display:none;}
button.first{display:none;}
.rightside{display:block;}
.content-inner{width:70%;}
.theme-top-left1 .nivo-controlNav.nivo-thumbs-enabled img{max-width:70px;}
.hidephone{display:none;}
.disclaimer{top:-5em;}
.slideshowwrap{min-height:200px;width:100%; }
.slideshowwrap #slider1w .nivoSlider .nivo-caption h2{ font-size:24px;}
.slideshowwrap #slider1w .nivoSlider .nivo-caption { font-size:18px;}
button{padding:0.1em 0.5em;}
button.first{display:block;}
/* Style the tab content 
.tabcontent {display: none;border-top: none;}*/
/* vis midterste content */
#tab1, #tab3{display:none;}
#main{display:block;}
.nav{top:20px;}
.tab{display:block;}
.tabcontent, .content-inner {width:100%;}
}
@media screen and (max-width: 768px) {
header{height:220px;}
.fuldbredplakat{width:100%;height:auto;}
.download{margin-top:10px;}
}

@media screen and (max-width: 600px) {
header{height:200px;}
.leftside, .rightside{display:block;}
.headline h1{font-size:1em; }
.headline h2{font-weight:normal;font-size:0.9em;text-transform: none;color:#6699cc;font-style:italic;}
.headline p{margin:0;font-size:0.9em;}

.footer-left, .footer-center, .footer-right{width:100%;clear.both;}
.buttontilmeldtop{float:right;}
.disclaimer{position:relative;x-index:100;top: -100px;font-size:70%;font-style:italic;}
.slideshowwrap #slider1w .nivoSlider .nivo-caption h2{ font-size:20px;}
.slideshowwrap #slider1w .nivoSlider .nivo-caption { font-size:16px;}

}
@media screen and (max-width: 400px) {
.content-inner{min-width:200px;padding:0 1%;}
.slideshowwrap #slider1w .nivoSlider .nivo-caption h2{ font-size:14px;}
.slideshowwrap #slider1w .nivoSlider .nivo-caption { font-size:12px;}
}
