/*styles.css */
  
    A.cgreen 
    {
        color:green;
        visibility: hidden;   /*visible; hidden run bundle!*/
    }
    A.cgreen:link  {text-decoration: none; color: green;}
    A.cgreen:visited {text-decoration: none; color: Olive;}
    A.cgreen:hover {text-decoration: underline; color: Teal;}
    A.cgreen:active {text-decoration: none; color: green;}


html,body
{
    margin:0;
    margin: 0em;
    padding: 0em;
    width:100%;
	height:100%;
}

body
{
	font-family: Arial,  Helvetica, Sans-Serif;
	font-size: 0.8em; /*10pt; */
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FAEBC6; 
}

@media only screen and (max-width:768px)
{    body{font-size: 1em;} }

div.frame
{
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	background-color:  #FAEBC6; 

	text-align: center;
	
	
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', 
                                                   endColorstr='#FAEBC6');
	
    /* gradient ... */	
	background-image: -moz-linear-gradient(top , #ffffff 0%, #FAEBC6 100%);
    background-image: -webkit-linear-gradient(top , #ffffff 0%, #FAEBC6 100%);
    background-image: -ms-linear-gradient(top , #ffffff 0%, #FAEBC6 100%);
    background-image: -o-linear-gradient(top , #ffffff 0%, #FAEBC6 100%);
    
}


div.header
{
    min-width: 616px;
	max-width:1218px;
	/*width: 818px;*/
	height :60px;
	margin:auto;
	border:1px solid #F5DBAA;
	position: relative;
	/*background-color:#eeeeee; */
	background-image: url(  'images/head.jpg' ); 
	
}

@media only screen and (max-width:768px)
{
    div.header{
    min-width: 90%;
	max-width: 90%;
	width: 90%;
	}
}

/* abs */
div.headleft
{
	position:absolute;
	float:left;
	left:10px;
	top:5px;
	width:160px;
	height:50px;
}

@media only screen and (max-width:768px){
    div.headleft{
  	    left:-1vw;
	    bottom:0px;
	    width:50px;
	    white-space: nowrap;
        text-align: center; 
        margin: 1em 0;
        font:0/0 a;  
    }


    div.headleft:before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }
}

img.logo
{
    display:block;
    margin-left:30px;
	width: 50px; 
	height:50px; 
}


@media only screen and (max-width:768px){
    img.logo
    {
        display:inline-block;
  	    margin-left: 2vw;
        vertical-align:middle;
	    width: 10vw; 
	    height:10vw; 
	    max-width:50px;
	    max-height:50px;
    }
}

img.logosmall
{
    width:10px;
    height:10px;
    
}


div.headmid
{
		left:300px;
		overflow: hidden;
		margin-left:auto;
		margin-right:auto;
		top:5px;
		height:50px;
		text-align: center;
}


div.headersonnetxt1
{
	position: relative;
	top: 5px;
	font-size: 170%;
	color: #0000C3;
	white-space:nowrap;
	display:inline; 
}

@media only screen and (max-width:768px){
    div.headersonnetxt1
    {
        font-size: 130%;
    }
}

@media only screen and (max-width:500px){
    div.headersonnetxt1
    {
        font-size: 4vw;
    }
}



/* abs */
div.headersonnetxt2
{
	position: relative;
	
	top: 5px;
	font-size: 100%;
	color: #0000C3;
	white-space:nowrap;
	display:inline;
}

@media only screen and (max-width:768px){
    div.headersonnetxt2
    {
        font-size: 100%;
    }
}

@media only screen and (max-width:500px){
    div.headersonnetxt2
    {
        font-size: 3vw;
    }
}

div.headright
{
	position:absolute;
	float:right;
	right:10px;
	top:5px;
	width:120px;
	height:50px;
}


img.headflagde
{
	position:absolute;
	top:0px;
	left:0px;
	width:33px;
	height:18px;
	border: 1px solid #F5DBAA; 
	display:block;
	
}

@media only screen and (max-width:768px){
    img.headflagde
    {
      display:none; 
    }
    
}


img.headflagen
{
	position:absolute;
	top:25px;
	left: 0px;
	width:33px;
	height:18px;
	border: 1px solid #F5DBAA;
	display:block;
	
}

@media only screen and (max-width:768px){
    img.headflagen
    {
      display:none; 
    }
}

div.headimpressum
{
	bottom: 0px;
	right: 3px;
	width: auto;
	height: 20px;
	position: absolute;
	font-size: 70%;
	color: #0000C3;
}

@media only screen and (max-width:768px){
    div.headimpressum
    {
        display:none;
    }
}

div.headlogin
{
    top: 0px;
	right: 3px;
	width: auto;
	height: 20px;
	position: absolute;
	font-size: 90%;
	color: #0000C3;
}


div.contact_info
{
    min-width  : 616px;
	max-width:1218px;
	
	/*height :60px*/;
	margin:auto;
	border:1px solid #F5DBAA;
	position: relative; 
    display:flex;
    flex-wrap: wrap;
    background-color: #F5DBAA;
    padding-top:3px;
    padding-bottom: 3px;
    
}

@media only screen and (max-width:768px)
{
    div.contact_info{
    min-width: 90%;
	max-width: 90%;
	width: 90%;
	flex-direction: column;
	}
}

div.contact_phone
{
    flex:2 1 auto;

}


div.contact_email
{
  flex:2 1 auto;

}



div.body
{
	position: relative;
	
	min-width: 618px;
	max-width:1220px;
	overflow:hidden;
	
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px; 
	padding-bottom: 10px; 
	background-color: #F5DBAA;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5DBAA', 
                                                   endColorstr='#FFFFFF');
	
    /* gradient ... */
	background-image: -moz-linear-gradient(top , #F5DBAA 0%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(top , #F5DBAA 0%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(top , #F5DBAA 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(top , #F5DBAA 0%, #FFFFFF 100%);
}

@media only screen and (max-width:768px){
    div.body
    {
       	min-width: 90%;
	    max-width: 90%;
	    width: 90%;
    }
}

ul.listStyle
{
    list-style-type:square;
    
}
ul.listStyle2
{
    list-style-type:circle;
    
}

div.menu_frame
{
    position:relative;
    
    margin: 5px 10px 5px 10px;

}

#deflags, #enflags{display: none;}

@media only screen and (max-width:768px){
    #deflags, #enflags
    {
        height: 35px;
        width: 100%;
        margin-left:auto;
        margin-right:auto;
        display:block;
        margin-top:-10px;
    }
}

#demenuflagade, #enmenuflagade
{
    display:inline;
    padding-right:5vw;
}

#demenuflagaen, #enmenuflagaen
{
    display:inline;
    padding-left:2vw;    
}

#demenuflagde, #enmenuflagde
{
    height: 35px;
    width: 10vw; 
    max-width:50px;
}

#demenuflagen, #enmenuflagen
{
    height: 35px;
    width: 10vw;
    max-width:50px; 
}

div.center
{
    display:flex;
    flex-wrap: wrap;
    padding:5px;
}

div.sidebar
{
    white-space:nowrap; 
    background-color: #656eed; 
    margin: 5px; 
    padding: 15px 10px 10px 10px; 
    border: 1px solid #0000c3; 
    flex:2 1 auto;
        
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', 
                                                   endColorstr='#656EED');
	
    /* gradient ... */
	background-image: -moz-linear-gradient(top , #FFFFFF 0%, #656EED 14em);
    background-image: -webkit-linear-gradient(top , #FFFFFF 0%, #656EED 14em);
    background-image: -ms-linear-gradient(top , #FFFFFF 0%, #656EED 14em);
    background-image: -o-linear-gradient(top , #FFFFFF 0%, #656EED 14em);
}


@media only screen and (max-width:768px){
div.content
  {
    flex: 5 1 auto; 
  }    
}

div.content
{
    
    flex: 5 1 691px;
	background-position: 0px 0px;
	margin: 5px 10px 5px 10px;
	padding: 15px 10px 10px 10px;
    min-height: 400px; 
	border: 1px solid #0000c3;
	overflow:hidden;
	background-color: #eeeeee;
	background-image: url(  "images/logobackground.gif" );
	background-repeat: repeat;
	background-attachment: scroll;
	line-height: 160%;
	margin: 5px;
}

div.content_slideshow
{
    min-width: 700px;
	margin:10px auto 10px auto;
	height: 592px;
	padding:0px;
	background-image: url("images/card.jpg");
	background-repeat: no-repeat;
	background-position:center;
	
	
	/*margin:0px 0px 0px 0px; 
	width:100%; 
	min-height:1px;
	padding:0px;
	background-image: url("images/card.jpg");
	background-repeat: no-repeat;
	background-position:center;
	*background-size: cover; *
	background-size: 100% 100%;*/
	
}

@media only screen and (max-width:768px)
{
    div.content_slideshow
    {
        max-width: 100%;
        min-width: 100%;
        width:100%; 
        margin:0px 0px 0px 0px;
        min-height:1px;
        background-size: 100% 100%;
    } 
}


#defaultimage
{
	margin:auto;
	width:294px; 
	height:220px;
	padding:0px;
}

div.content_text
{
	margin-top: 10px;
	margin-bottom:20px;
	/*margin-left:30px;
	margin-right:30px;*/
	color: #202020;
	text-align:justify;
	font-weight:normal;
	width: 400px;
	margin-left:auto;
	margin-right:auto;
}

@media only screen and (max-width:768px){
    div.content_text
    {
       width: 90%; 
    }
}  


div.content_location
{
	margin-top: 10px;
	margin-bottom:20px;
	/*margin-left:30px;
	margin-right:30px;*/
	color: #202020;
	text-align:justify;
	font-weight:normal;
	max-width: 600px;
	margin-left:auto;
	margin-right:auto;
}

@media only screen and (max-width:768px){
    div.content_location
    {
       width: 90%; 
    }
} 

div.content_text h1
{
	font-size:1.2em;
	line-height:1.3;
	color: #0000c3;
}

div.content_text p.aptFree
{
	color: #006600;
	font-size: 1.3em;
	font-weight: bold;
}

div.content_text p.aptBooked
{
	color: #800000;
	font-size: 1.2em;
	font-weight: bold;
}

.booking_request_txt
{
    width:70vw;
    max-width:400px;
    
}


#continue
{
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    
}

div.footer
{
	position: relative;
	/*width: 820px; */
    min-width: 618px; 
	max-width:1220px;
	margin-top:-10px;
	margin-left: auto;
	margin-right: auto;
	
	color: #d0d0d0; 
	background-color: #FFFFFF;
}

@media only screen and (max-width:768px){
    div.footer
    {
        min-width: 90%; 
	    max-width: 90%;
        width:90%;
    }
}

div.address
{
    /*width: 820px; */
    height:2.3em; 
    padding-top: 0.8em;
	font-size:1em;
	color: #EEE; /*#101010; */
	background-color: #BCD085;  /*#d0d0d0;  */
	margin-left: 10px;
	margin-right: 10px;
}

@media only screen and (max-width:768px){
    div.address      
    {
       height: auto; 
    }   
}

div.footerimpressum
{
    display:none;
}


@media only screen and (max-width:768px){
    div.footerimpressum
    {
        display:block;
        padding-top: 0.3em;
	    font-size:0.8em;
	    color: #00b;
	    background-color: #fff; 
	    margin-left: 10px;
	    margin-right: 10px;
    }
}

div.cr
{

    margin-left: 10px;
	margin-right: 10px;
    height:1.3em; 
	font-size:0.7em;
	background-color: #f0f0f0;
	color: #d0d0d0;
}

@media only screen and (max-width:768px){
    div.cr     
    {
       height: auto; 
    }   
}
/* end styles.css */