html, body {
height: 100%;
margin: 0px;
}

body 
{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
    font-family:Trebuchet MS, Verdana, Arial;  
    /*background-image: url('/gfx/hasmark/bg.png');*/
    background-position: center top;
    background-repeat: no-repeat;    	
}

a
{
    color:#b57646;
    text-decoration:none;
}

h1
{
    font-family:Arial;
	font-size:20px;
	font-weight:bold;
    color:#8b5e3b;
    margin:0px;
}


h2
{
    font-family:Trebuchet MS;
	font-size:14px;
	font-weight:bold;
    color:#8b5e3b;
    margin:0px;
}

img
{
    border:0;
}

.nofloat
{
    clear:both;
}

#wrap
{
    background-image: url('/gfx/hasmark/bg_bottom.png');
    background-position: center bottom;
    background-repeat: no-repeat;   

}

#topbar
{
    text-align:right;
    height:75px;
    width:920px;
    margin-top:25px;
    margin-left:auto;
    margin-right:auto;

}
/*
table
{
    border:1px solid #000;
    border-spacing:0px; 
    padding:0px;
    width:100%;
}

tr
{
    background-color:#b4e0f3;
}

td 
{
    padding:0px;
    background-color:#b4e0f3;
    font-size:10px;
    height:5px;
}*/


#logo
{
    position:absolute;
    width:252px;
    height:321px;
    /*background-image: url('/gfx/hasmark/logo_picture.png');
    background-repeat: no-repeat;   */    

}

#menu
{
    height:30px;
    width:680px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    padding-left:200px;
 
}

#picture
{
    height:321px;
    width:871px;
    margin-left:auto;
    margin-right:auto;   
    margin-bottom:23px;
}

#picture p
{
    margin:0px;
    padding:0px; 
}

#content
{
    min-height:587px;
    _height:587px;
    width:870px;
    margin-left:auto;
    margin-right:auto;
}


#content #left
{
    float:left;
    width:210px;
    margin-left:0px;
    margin-right:19px;
}


#content #center
{
    float:left;
    width:409px;
    margin-right:22px;
    margin-bottom:100px;
    font-family:Arial; 
}

#content #right
{
    float:left;
    width:210px;
}

#footer
{
    height:280px;
    width:880px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

#footer #adress
{
    font-size:13px;
    color:#8b5e3b;
    height:30px;
}

#footer #sitemap
{
    height:167px;
    width:880px;
    font-size:12px;
    color:#fff;
    border-top:1px solid #6db8d8;
    border-bottom:1px solid #6db8d8;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    overflow:hidden;
}

#footer #copyright 
{
    font-size:11px;
    color:#3c84a3;
}

#footer #copyright a
{
    font-size:11px;
    color:#3c84a3;
}



/********* MODULER ************/

.onlinebooking
{
    width:210px;
    height:131px;
    background-image: url('/gfx/hasmark/modul/booking.png');
    background-repeat: no-repeat;   
    color:#fff; 
    cursor:pointer;
    margin-bottom:15px;    
}

.onlinebooking .title
{
    width:205px;
    height:28px;
    font-size:17px;
    font-weight:bold;
    margin-left:5px;
    margin-top:3px;
       
}

.onlinebooking .text
{
    width:100px;
    height:103px;
    margin-left:5px;
    margin-top:10px;
    
}

.tilbud
{
    width:210px;
    height:117px;
    background-image: url('/gfx/hasmark/modul/tilbud.png');
    background-repeat: no-repeat;   
    color:#fff; 
    cursor:pointer;
    margin-bottom:15px;
}

.tilbud .title
{
    width:205px;
    height:28px;
    font-size:17px;
    font-weight:bold;
    margin-left:5px;
    margin-top:3px;
       
}

.tilbud .text
{
    width:100px;
    height:103px;
    margin-left:5px;
    margin-top:10px;      
}

.betal
{
    width:210px;
    height:109px;
    background-image: url('/gfx/hasmark/modul/betal.png');
    background-repeat: no-repeat;   
    color:#fff; 
    margin-bottom:15px;    
}

.betal .title
{
    width:205px;
    height:28px;
    font-size:17px;
    font-weight:bold;
    margin-left:5px;
    margin-top:3px;
       
}

.betal .text
{
    font-size:10px;
    width:193px;
    height:103px;
    margin-left:5px;
    margin-top:4px;  
        color:#000;      
}

.kort
{
    width:210px;
    height:138px;
    background-image: url('/gfx/hasmark/modul/kort.png');
    background-repeat: no-repeat;   
    color:#fff; 
    margin-bottom:15px;    
}

.kort .title
{
    width:205px;
    height:28px;
    font-size:17px;
    font-weight:bold;
    margin-left:5px;
    margin-top:3px;
       
}

.kort .text
{
    color:#000; 
    width:105px;
    height:103px;
    margin-left:5px;
    margin-top:10px;      
}

.calendertitle
{
    width:205px; 
    height:27px; 
    background-color:#8dd8f8; 
    color:#fff; 
    font-size:17px;
    font-weight:bold; 
    padding-top:3px; 
    padding-left:5px; 
    margin-bottom:1px;
}
.calender1
{
    width:205px; 
    height:39px;
    background-color:#b4e0f3; 
    color:#fff; 
    font-size:17px; 
    font-weight:bold; 
    padding-top:3px; 
    padding-left:5px;
}
.calender2
{
    width:205px; 
    height:39px;
    background-color:#8dd8f8; 
    color:#fff; 
    font-size:17px; 
    font-weight:bold; 
    padding-top:3px; 
    padding-left:5px;
}

.calendertime
{
    text-align:right; padding-right:5px; margin-top:-13px;
}

.calenderlink
{
    color:#000;
    font-size:12px;
    text-decoration:none;
}

.calenderlinkarchive
{
    color:#fff;
    font-size:12px;
    text-decoration:none;
}

.calenderdate
{
    color:#8b5e3b;
    font-size:10px;
    font-weight:bold;
}

.calenderfooter
{
    width:205px; 
    height:20px;
    background-color:#b4e0f3; 
    color:#fff; 
    font-size:10px; 
    font-weight:bold; 
    text-align:right;
    padding-top:3px; 
    padding-left:5px;
    margin-bottom:15px;    

}
.calenderfooter1
{
    width:205px; 
    height:20px;
    background-color:#8dd8f8; 
    color:#fff; 
    font-size:10px; 
    font-weight:bold; 
    text-align:right;
    padding-top:3px; 
    padding-left:5px;
    margin-bottom:15px;        
}

/**************** MODULER END **********************/

/*********** LAYER *************************/

.modalBackground 
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
    
}

.layer_booking
{
    width:980px;
    height:635px;
    border:2px solid #fff;    
}

.layer_booking .border
{
    width:967px;
    height:629px;
    border-bottom:6px solid #5d5d5e;    
    border-left:6px solid #5d5d5e;  
    border-right:6px solid #5d5d5e;
}

.layer_booking .top
{
    width:967px;
    height:21px;
    background-color:#5d5d5e;
    color:#fff;
    font-family:Verdana;
    font-weight:bold;
    font-size:12px;
    padding-top:5px;
}

.layer_pay
{
    width:980px;
    height:635px;
    border:2px solid #fff;    
}

.layer_pay .border
{
    width:967px;
    height:629px;
    border-bottom:6px solid #5d5d5e;    
    border-left:6px solid #5d5d5e;  
    border-right:6px solid #5d5d5e;
}

.layer_pay .top
{
    width:967px;
    height:21px;
    background-color:#5d5d5e;
    color:#fff;
    font-family:Verdana;
    font-weight:bold;
    font-size:12px;
    padding-top:5px;
}

/************ LAYER END *******************/


/******************** INPUT *******************/

.inputbox_text
{
    border:0px;
    background-color:#fff;
    font-family:Verdana;
    font-size:10px; 
    width:130px;
    height:18px;
    background-image: url('/gfx/hasmark/input/input.png'); 
    background-repeat: no-repeat;    
    line-height:20px;
   

}

.inputbox
{
    /*
    width:132px;
    height:20px;
    background-image: url('/gfx/hasmark/input/input.png'); 
    background-position: center bottom; 
    background-repeat: no-repeat;    

    */
}


/******************** INPUT END *************************/