@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: 1200px;
height:110px;
margin-left:auto;
margin-right:auto;
}

#logo {
width: 210px; 
height: 60px;
margin-top:0px;
float:left;
}

#logo img {
width: 100%; 
height: auto;
}

#mobilmenutrigger {
display:none;
}

#mobilmenu {
display:none;
}

#mobilundermenu {
display:none;
}

#mainmenu {
width: 750px;
height: 50px;
margin-top:29px;
float:left;
margin-left:100px;
}
    
#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:20px;
color:#666;
font-weight:300;
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:#333;
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:#333;
}
    
#topright {
width: 80px;
height: 50px;
margin-top:29px;
margin-right:8px;
float:right;
}    
  
#topright img {
width: 30px;
height: auto;
margin-top:-5px;
float:right;
margin-left:10px;
}    

#mobilmenu {
display:none;
} 
    
#copyright {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}
    
#copyrightcontent {
width: 100%;
height:220px;
float:left;
padding-top:38px;
background:#333;
color:#fff;
}
    
#copyright p {
color:#fff;
line-height: 2px; 
font-size:14px;
}
    
#copyright img {
width: auto;
height:80px;
margin-top:5px;
margin-left:10px;
margin-right:10px;    
background:#333;
color:#fff;
}    
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:14px;
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;
}

body{
font-family: 'Ubuntu', sans-serif;
background:white;  
margin:0px;
padding:0px;
overflow-x: hidden; /* Hide horizontal scrollbar */    
}  
    
}


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


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

#headercontent {
width: 96%;
height:110px;
margin-left:2%;
margin-right:2%;
}

#logo {
width: 20%; 
height: 60px;
margin-top:25px;
float:left;
}

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

#mobilmenutrigger {
display:none;
}

#mobilmenu {
display:none;
}

#mobilundermenu {
display:none;
}

#mainmenu {
width: 70%;
height: 50px;
margin-top:29px;
float:left;
margin-left:2%;
}
    
#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:18px;
color:#666;
font-weight:300;
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:#333;
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:#333;
}
    
#topright {
width: 60px;
height: 50px;
margin-top:29px;
margin-right:8px;
float:right;
}    

#topright img {
width: 20px;
height: auto;
margin-top:0px;
float:right;
margin-left:10px;
}     

#mobilmenu {
display:none;
} 
    
#copyright {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}
    
#copyrightcontent {
width: 100%;
height:200px;
float:left;
padding-top:38px;
background:#333;
color:#fff;
}
    
#copyright p {
color:#fff;
line-height: 2px; 
font-size:14px;
}
    
#copyright img {
width: auto;
height:80px;
margin-top:5px;
margin-left:10px;
margin-right:10px;    
background:#333;
color:#fff;
}    
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:14px;
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: 'Ubuntu', sans-serif;
background:white;  
margin:0px;
padding:0px;
overflow-x: hidden; /* Hide horizontal scrollbar */
}

#contentbottom div.moduletable div.rsform form#userForm fieldset#rsform_3_page_0.formContainer.uk-form-horizontal div.uk-grid div.uk-width-12-12 div.uk-margin.rsform-block.rsform-block-oh-afstand-fra div.uk-form-controls.formControls input#oh_afstand_fra.rsform-input-box.uk-input {
width:100%;
height: 150px;
float: left;
margin-top: 20px;
margin-bottom:55px;
}  

#contentbottom div.moduletable div.rsform form#userForm fieldset#rsform_3_page_0.formContainer.uk-form-horizontal div.uk-grid div.uk-width-12-12 div.uk-margin.rsform-block.rsform-block-tagfolge-antal-grader div.uk-form-controls.formControls select#tagfolge_antal_grader.rsform-select-box.uk-select {
width:100%;
height: 150px;
float: left;
margin-top: 20px;
margin-bottom:30px;    
}   

}

/************************************************************************************
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 {
width:40px;
height: auto;
float: right;
margin-right:15px;
margin-top:-7px;
}
    
#mobilmenutrigger .dj-mobile-open-btn {
background:none;
}
    
#mobilmenutrigger .fa.fa-bars {
background:none;
}

.parent a em.fa.fa-caret-down {
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;
}

#left {
display:none;
}

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

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

#logo p {
margin:0px;
}
    
#topright {
width: 60px;
height: 50px;
position: fixed;
top: 3px;
right: 80px;
}    
  
#topright img {
width: 20px;
height: auto;
margin-top:2px;
float:left;
margin-left:10px;
}        
    
#copyright {
width: 100%;
height: auto;
margin-left:auto;
margin-right:auto;
}
    
#copyrightcontent {
width: 100%;
height:200px;
float:left;
padding-top:38px;
background:#333;
color:#fff;
}
    
#copyright p {
color:#fff;
line-height: 2px; 
font-size:14px;
}
    
#copyright img {
width: auto;
height:80px;
margin-top:5px;
margin-left:10px;
margin-right:10px;    
background:#333;
color:#fff;
}    
    
#copyright a:link,
#copyright a:visited{
color:#fff;
line-height: 12px;
font-size:14px;
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;
}

body{
font-family: 'Ubuntu', sans-serif;
background:white;  
margin:0px;
padding:0px;
overflow-x: hidden; /* Hide horizontal scrollbar */    
}

}