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

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

#header {
width: 100%;
height:110px;
position:fixed;
z-index:100;
background:white;
box-shadow: 1px 0px 5px #777;
}

#headercontent {
width: 1220px;
height:110px;
margin-left:auto;
margin-right:auto;
}

#logo {
width: 240px; 
height: 67px;
margin-top:10px;
float:left;
}

#logo img {
width: 140px; 
height: auto;
}

#mobilmenutrigger {
display:none;
}

#mobilmenu {
display:none;
}

#mobilundermenu {
display:none;
}

#mainmenu {
width: 850px;
height: 50px;
margin-top:29px;
float:right;
}
    
#mainmenu ul {
display:inline;
text-align:center;
float:right;
}

#mainmenu ul li {
display:inline;
text-align:center;
}

#mainmenu a {
text-decoration:none;
line-height: 22px;
padding-left: 0px;
padding-right: 0px;
padding-top:8px;
padding-bottom:24px;
margin-left: 12px;
margin-right: 12px;
font-size:17px;
color:#000;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul a:hover {
text-decoration:none;
color:#920000;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul .current a {
text-decoration:none;
color:#28541e;
}

#mobilmenu {
display:none;
}
    
#copyright {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}
    
#copyrightcontent {
width: 100%;
height: 110px;
float:left;
margin-top:80px;
padding-top:50px;
background:#01215e;
background:url("/images/grafik/footer-bg1.jpg");
background-size: cover;
color:#fff;
}
    
#copyright p {
font-size:12px;
color:#fff; 
line-height: 22px; 
text-align: center;
}
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:13px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#copyright a:hover {
color:#fff;
    text-decoration: underline;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

p {
margin: 0 0 1.2em;
padding: 0;
line-height:20px;
font-size:15px;
}

body{
font-family: 'Merriweather', serif;
background:white;  
margin:0px;
padding:0px;
}
    

#Name.rsform-input-box,
#Uddannelse.rsform-input-box,
#Arbejdssted.rsform-input-box,
#Fakturaadresse.rsform-input-box,
#Allergier.rsform-input-box,
#Uddanelsekursus.rsform-input-box,
#Message.rsform-input-box,
#PostnummerBy.rsform-input-box,
#Telefon.rsform-input-box,
#Email.rsform-input-box,
#Emne.rsform-input-box,
#Besked.rsform-text-box {
width:80%;
border: 1px solid #eee;
background: #fff;
border-radius: 0px;
padding:8px;
border-top:0px;
margin-bottom:-3px;
}
  
#Send.rsform-submit-button {
background:#005ca9; 
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:8px;
border-radius:0px;
font-weight:bold;
}
 
label.formControlLabel {
font-size: 14px;
line-height: 28px;
}    
    
          
}


/************************************************************************************
For Tablets
*************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 1219px) {


#header {
width: 100%;
height:80px;
position:fixed;
z-index:100;
background:white;
box-shadow: 1px 0px 5px #777;
background-image:url("/images/grafik/tablet-header-bg.jpg");
background-repeat:repeat-x;
}

#headercontent {
width: 100%;
height:80px;
margin-left:auto;
margin-right:auto;
}

#logo {
width: 110px; 
height:auto;
margin-top:5px;
margin-left:2%;
float:left;
}

#logo img {
width: 110px; 
height: auto;
}   

#mobilmenutrigger {
display:none;
}

#mobilmenu {
display:none;
}

#mobilundermenu {
display:none;
}

#mainmenu {
width: 78%;
height: 55px;
margin-right:2%;
margin-top:12px;
float:right;
}
    
#mainmenu ul {
display:inline;
text-align:center;
float:right;
}

#mainmenu ul li {
display:inline;
text-align:center;
}

#mainmenu a {
text-decoration:none;
line-height: 20px;
padding-left: 0px;
padding-right: 0px;
padding-top:8px;
padding-bottom:24px;
margin-left: 6px;
margin-right: 7px;
font-size:15px;
color:#666;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul a:hover {
text-decoration:none;
color:#28541e;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}

#mainmenu ul .current a {
text-decoration:none;
color:#28541e;
}

#mobilmenu {
display:none;
}
    
#copyright {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}
    
#copyrightcontent {
width: 100%;
height: 90px;
float:left;
margin-top:80px;
padding-top:50px;
background:#01215e;
background:url("/images/grafik/footer-bg1.jpg");
background-size: cover;
color:#fff;
}
    
#copyright p {
font-size:12px;
color:#fff; 
line-height: 22px; 
text-align: center;
}
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:13px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#copyright a:hover {
color:#fff;
text-decoration: underline;
}
    
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

p {
margin: 0 0 1.2em;
padding: 0;
line-height:20px;
font-size:15px;
}

body{
font-family: 'Merriweather', serif;
background:white;  
margin:0px;
padding:0px;
background-image:url("/images/grafik/topblue-bg.jpg");
background-repeat:no-repeat;
}
    
#Name.rsform-input-box,
#Uddannelse.rsform-input-box,
#Arbejdssted.rsform-input-box,
#Fakturaadresse.rsform-input-box,
#Allergier.rsform-input-box,
#Uddanelsekursus.rsform-input-box,
#Message.rsform-input-box,
#PostnummerBy.rsform-input-box,
#Telefon.rsform-input-box,
#Email.rsform-input-box,
#Emne.rsform-input-box,
#Besked.rsform-text-box {
width:80%;
border: 1px solid #eee;
background: #fff;
border-radius: 0px;
padding:8px;
border-top:0px;
margin-bottom:-3px;
}
  
#Send.rsform-submit-button {
background:#005ca9; 
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:8px;
border-radius:0px;
font-weight:bold;
}
 
label.formControlLabel {
font-size: 14px;
line-height: 28px;
}    
    

}

/************************************************************************************
For Smartphones
*************************************************************************************/

@media only screen and (max-width : 767px) {

#header {
width:100%;
height:60px;
float:left;
background:#fff;
position:fixed;
box-shadow: 1px 1px 4px #999;
z-index:1000;
}
    
#mainmenu {
display: none;
}

#mobilmenutrigger button.menu {
float:right;
width:60px;
height:50px;
}

#mobilmenutrigger .app-bar {
width: 100%;
height: 60px;
z-index:2;
}

.navdrawer-container {
position: fixed;
width: 240px;
height: 100%;
color: #eee;
-webkit-transform: translate(-250px,0);
transform: translate(-250px,0);
z-index: 2;
font-size:13px;
margin-top:0px;
border-top:2px solid #eee;
background:#fff;
}

#mobilmenu .navdrawer-container ul li a {
display: block;
height: 10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
line-height: 10px;
text-decoration: none;
border-bottom:2px solid #eee;
color:#222 !important;
}

#topcontact {
display:none;
}

#topline {
display:none;
}

#left {
display:none;
}

#logo {
width: 100px; 
height:auto;
top:5px;
left:10px;
position:absolute; 
}

#logo img {
width: 80px; 
height: auto;
}

#logo p {
margin:0px;
}

#mobilundermenu {
width: 92%;
height: auto;
float: left;
padding:4%;
float: left;
font-size:10pt;
line-height:15pt;
color:#000;
}

#mobilundermenu div.moduletableundermenu li {
list-style-type: none;
margin: 0;
padding: 0;
}

#mobilundermenu div.moduletableundermenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#mobilundermenu div.moduletableundermenu li a:link,
#mobilundermenu div.moduletableundermenu li a:visited {
display: block;
text-decoration: none;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 20px;
color: #fff;
font-size: 11pt;
font-weight:bold;
border-bottom: 2px solid #eee;
background-color:#222;   
}

#mobilundermenu div.moduletableundermenu li a:hover, 
#mobilundermenu div.moduletableundermenu li a:active {       
background-color: #ff9933;     
}

#mobilundermenu div.moduletableundermenu li ul a:link,
#mobilundermenu div.moduletableundermenu li ul a:visited {
display: block;
text-decoration: none;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 50px;
color: #003366;
font-size: 11pt;
font-weight:bold;
border-bottom: 2px solid #eee;
background-color: #fff; 
}

#mobilundermenu div.moduletableundermenu li ul a:hover, 
#mobilundermenu div.moduletableundermenu li ul a:active {       
background-color: #ff9933;      
}

#mobilundermenu div.moduletableundermenu ul.nav.menu .current a {
color:#222;
background: #ff9933;
}

#mobilundermenu div.moduletableundermenu ul.nav.menu ul.nav-child.unstyled.small a {
color:#222;
background:white;
}
     
#copyright {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}
    
#copyrightcontent {
width: 100%;
height: 110px;
float:left;
margin-top:80px;
padding-top:50px;
background:#01215e;
background:url("/images/grafik/footer-bg1.jpg");
background-size: cover;
color:#fff;
}
    
#copyright p {
font-size:12px;
color:#fff; 
line-height: 22px; 
text-align: center;
}
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:13px;
text-decoration: none;
transition:all 0.8s;
transition-duration:0.8s;
-webkit-transition:all 0.8s;
-webkit-transition-duration:0.8s;
}
    
#copyright a:hover {
color:#fff;
text-decoration: underline;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

p {
margin: 0 0 1.2em;
padding: 0;
line-height:20px;
font-size:15px;
}

body{
font-family: 'Merriweather', serif;
background:white;  
margin:0px;
padding:0px;
background-image:url("/images/grafik/topblue-bg.jpg");
background-repeat:no-repeat;
}
    

#Name.rsform-input-box,
#Uddannelse.rsform-input-box,
#Arbejdssted.rsform-input-box,
#Fakturaadresse.rsform-input-box,
#Allergier.rsform-input-box,
#Uddanelsekursus.rsform-input-box,
#Message.rsform-input-box,
#PostnummerBy.rsform-input-box,
#Telefon.rsform-input-box,
#Email.rsform-input-box,
#Emne.rsform-input-box,
#Besked.rsform-text-box {
width:80%;
border: 1px solid #eee;
background: #fff;
border-radius: 0px;
padding:8px;
border-top:0px;
margin-bottom:-3px;
}
  
#Send.rsform-submit-button {
background:#005ca9; 
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:8px;
border-radius:0px;
font-weight:bold;
}
 
label.formControlLabel {
font-size: 14px;
line-height: 28px;
}    
    
    

}