﻿body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color:#2D2D2D;
    background-color: #FFF;
    height: 100%;
}

h4
{
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    color: black;
}

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

.myTable {
    width: 100%;
}

a.vislejebetingelser 
{
    color:#00BAFF;
    }

.myTable td
{
    padding: 2px;
    background-color:white
}

.myTable td input 
{
    padding: 4px;
}

.admin_tbl
{
width:100%;
}

.leftcolumn 
{
    width: 88px;
    vertical-align: top;
    line-height:25px;
}
.rightcolumn
{
    width:288px;
    line-height:25px;
}

.floatingtextbox span input 
{
    float:left;
    margin-right:5px;
    }

#tapContainer span{
    cursor:pointer;
    }
#tapContainer 
{   
    width:100%;   
    height: 23px; 
    line-height: 23px; 
    border-bottom:3px solid #0198C3;
}

#tapContainer ul 
{
    float: left;
   
}

#tapContainer ul li 
{
    float: left;
    display: inline;
    margin-right: 2px;
}

#tapContainer a 
{
    display: block;
    color: #FFFFFF;
    text-decoration: underline;
    width: 110px;
    text-align: center;
    background-color:#b5b5b5;
    height:30px;
}

#tapContainer a:hover
{
    background-color:#b5b5b5;
}

#tapContainer span.selected a{
    background-color:#00BAFF;
}

.booking_infobox
{
    width: 100%;
    height:382px;
    position:relative;
}

.booking_prev_next a, .booking_prev_next input
{
    float: left;
    border: none;
    margin-left: 10px;
    display: block;
    color: #FFF;
    text-decoration: none;
    width: 90px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color:#b5b5b5;
    cursor: pointer;
}

 .wizardButtons 
 {
     position:absolute;
     right:44px;
     top: 506px;
 }

.booking_prev_next a.active, .booking_prev_next input.active 
{
    font-weight: bold;
    background-color:#00BAFF;
}

.booking_prev_next a:hover, .booking_prev_next input:hover, .booking_prev_next span:hover
{
    font-weight: bold;
    background-color:#00A3E8;
}

#login_loggedinas {
    position: absolute;
    right: 10px;
    text-align: right;
    top: 24px;
    width: 500px;
}

.myLogOut a {
    display: block;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
}

span.header 
{
    font-weight:bold;
    }

td.zipcity * 
{
    float:left;
    }

.myLogOut
{
    position:relative;
    float: left;    
}

.admin_txtBox
{
    width: 280px;
    height:25px;
    line-height: 25px; 
    padding-left: 5px;
    font-size: 12px;
    border: 1px solid #b5b5b5;
}

.indkoebskurv
{
    font-size: 10px;
    height: 438px;
    overflow: hidden;
    position: absolute;
    right: 60px;
    top: 12px;
    width: 184px;
}

.indkoebskurv_header
{
    padding-top:10px;
    padding-bottom:5px;
    border-bottom: solid 1px black;
    font-weight:bold;
}

.indkoebskurv_houseinfo
{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom: solid 1px black;    
}

.indkoebskurv_houseinfodate
{
    padding-top:10px;
    height: 44px;
    border-bottom: solid 1px black;    
}

.indkoebskurv_houseinfodate td 
{

}

.indkoebskurv_items
{
padding-top:10px;
}

.indkoebskurv table th
{
    line-height: 28px;
}

.indkoebskurv_total
{
font-weight: bold;
border-bottom: solid 1px #000;
}

#shoppingBasket
{
}

#shoppingBasket, .itemcontainer
{
    width: 184px;
}

.header_product, .itemcontainer, .item_name, .totalText, .totalContainer
{
    float: left;
}

.header_price, .item_price, .totalPrice
{
    float: right;
}

.headercontainer
{
    line-height: 24px
}

.totalContainer
{
    width: 184px;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom:4px;
    border-bottom: solid 1px #000;
}

.clear
{
clear: both;

}

#tableContainer 
{
    float: left;
    width: 574px;
    margin: 45px 0 0 0;  
}

#tabContainer ul 
{
    float: left;
    border-bottom: 1px solid #6D6F64;
    margin: 0;  
    padding: 0 0 10px 0;
    
}

#tabContainer ul li 
{
    float: left;
    display: inline;
    margin-right: 5px;
}

#tabContainer .tabheader 
{
    background-color:#b5b5b5;
    color:white;
    font-size:11px;
    line-height:22px;
    font-weight:bold;
    width:184px;
    padding-left:4px;
    height:22px;
    }
#tabContainer .selected .tabheader
{
    background-color:#6D6F64;
    }
    
    
#tabContainer .tabnumber 
{
    background-color:#b5b5b5;
    color:white;
    font-size:22px;
    font-weight:bold;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    margin-top:10px;
    }
#tabContainer .selected .tabnumber 
{
    background-color:#6D6F64;
    color:white;
    font-size:22px;
    font-weight:bold;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    margin-top:10px;
    }
    
.chkLejebetingelser
{
    position: absolute;
top: 506px;
    left: 10px;
}

.chkLejebetingelser input
{
    float: left;
    margin-right: 50px;
}


.chkLejebetingelser label
{
    float: left;
}

.chkLejebetingelser label div.lejebetingelser
{
    float: left;
    width: 200px;
}

.ValidationControl 
{
    width: 431px;
    display:none;
    margin-top:45px;
    }
.ValidationControl div
{
    width: 431px;
    margin-bottom:5px;
    }
.admin_itemField 
{
    width:120px;
    display:inline-block;
    }
.ValidationControl .booking_prev_next 
{
    float:right;
    text-align:right;
    width:200px;
    margin-top:5px;
    padding-right: 20px;
    }

.ValidationControl .Status 
{
    float:left;
    width:100%;
    margin-top:15px;
    }

.ValidationControl .TextValidators 
{
    width: 20px;
    float: left;
    } 


    
    
.ForgottenPassword{
    width: 411px;
    display:none;
    margin-top:45px;
    }
.ForgottenPassword div
{
    width: 411px;
    margin-bottom:5px;
    }
.ForgottenPassword .booking_prev_next 
{
    float:right;
    text-align:right;
    width:200px;
    margin-top:5px;
    }
    
.CreateProfileValidation .Headline 
{
    width:100%;
    float: left;
    }

.CreateProfileValidation .ValidationControl 
{
    display:block;
        
    }
    

    
.CreateProfileValidation .booking_prev_next a
{
    float:left;
    
    }



.BookingPaymentType 
{
    border: 1px solid #EAEBEC;
    background-color: #F4F6F8;
    display: inline-block;
    padding: 10px;
    width: 280px;
    font-size: 18px;
    color:#555555;
    font-weight:bold;
    cursor:pointer;
    margin-bottom:10px;
    }
.BookingPaymentType label
{
    cursor:pointer;
    }
.BookingPaymentType.selected
{
    border: 1px solid #6D6F64;
    background-color: #F4F6F8;
    }
    
.BookingPaymentType.disabled 
{
    color: #bbbbbb
    }

.BookingPaymentType input 
{
    margin-right:10px;
    }
.BookingPaymentType .creditcards 
{
    float:right;
    margin-right:10px;
    display:inline-block;
    text-align:right;
    }
.PaymentChoiceHelp td
{
    padding-bottom:10px;
    
    }
.PaymentChoiceHelp ul {    
    margin-top:5px
}

.watermark {
	color: #AAA !important;
}

.phoneinput 
{
    border: 1px solid #b5b5b5;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    width: 102px;
    float:left;
    }
    
.phonesubtitle 
{
    display:inline-block;
    width: 69px;
    text-align:center;
    float:left;
    }
    
.zipcity div, .zipcity input 
{
    float:left;
    }
    
    
.helpinformation 
{
 position:absolute;
 top:521px;
 left:0px;
 width:720px;   
    }



#tableContainer .zipcode
{
    border: 1px solid #b5b5b5;
    height:22px;
    line-height: 12px; 
    padding-left: 5px;
    font-size: 12px;
    margin-right:5px;
    width:31px;
}
#tableContainer .city
{
    border: 1px solid #b5b5b5;
    height:22px;
    line-height: 12px; 
    padding-left: 5px;
    font-size: 12px;
    width:70px;
}
#tableContainer .admin_txtBox {
    border: 1px solid #b5b5b5;
    height:20px;
    line-height: 12px; 
    padding-left: 5px;
    font-size: 12px;
    width: 152px;
}
#tableContainer .rightcolumn
{
    width:159px;
}
#tableContainer .leftcolumn
{
    line-height:20px;
    width:101px;
}

#tableContainer .phoneinput
{
    width:50px;
}

#tableContainer table
{
    border: 1px solid white;
}
#tableContainer table.selectable
{
    border: 1px solid #b5b5b5;
    float:left;

}
#tableContainer table.selectable td, #tableContainer table.selectable input
{
    color:lightgray;
}
#tableContainer table.selected
{
    border: 1px solid #6D6F64;
    float:left;
}
#tableContainer table.selected td, #tableContainer table.selected input
{
    color:black;
}
#tableContainer .table1
{
    margin-right:10px;
}

#tableContainer .phonesubtitle
{
    width:33px;
}
#tableContainer h4
{
margin-bottom: 10px;
}
#tableContainer table.selectable .selectionheader
{
    background-color: #b5b5b5;
    height:22px;
    color:white;
    font-weight:bold;
}
#tableContainer table.selected .selectionheader
{
    background-color: #6D6F64;
    height:22px;
    color:white;
    font-weight:bold;
}

#tableContainer.contactinfo
{
    margin-top:35px;
}


.BasketTaxation .TaxationList {
    width: 164px;
    border:none;
    float:left;
    padding: 10px 0;
    position:relative;
    list-style:none;
}
.BasketTaxation .TaxationList > li {
    width: 184px;
    padding:0px;
    float:left;
}
.BasketTaxation .TaxationList .TaxationHeadLine {
    float:left !important;
    color:black;
    width: 90px !important;
}
.BasketTaxation .TaxationList .TaxationValue {
    float:right !important;
    color:black;
}

.BasketTaxation .TaxationList .TaxationValue.Underlined {
    border-bottom: 1px solid black;
}

.InvoicePayment {
    max-width: 800px;
    width:100%;
    margin: 0 auto;
    position:relative;
    padding: 10px;
    box-sizing:border-box;
}
.InvoicePayment .Header {
    display: block; 
    width:100%; 
    text-align:right; 
    border-bottom: 1px solid black;
    margin-bottom:10px;
    position:relative;
    overflow:hidden;
}
.InvoicePayment .Header {
    width: 100%;
    margin-right: 10px;
    height: 100px;
    position:relative;
}
.InvoicePayment .Header .Logo {
    background-position: right top;
    background-size: contain;
    background-repeat: no-repeat;
    position:absolute;
    right: 10px;
    top: 10px;
    height: 80px;
    width: calc(100% - 20px);
    display:block;
    z-index:1;
}

.InvoicePayment .Footer {
    width: 100%;
    margin-right: 10px;
    height: 100px;
    position:relative;
}
.InvoicePayment .Footer a, .InvoicePayment .Footer input {
    float:right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.InvoicePayment .Infobox {
    display: block;
    width: 100%;
    border-bottom: 1px solid black;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
@media (max-width: 480px) {
    .InvoicePayment table, .InvoicePayment tr, .InvoicePayment td {
        display:block;
    }
    .InvoicePayment td.BeforeCheckmark {
        display:inline-block;
    }
    .InvoicePayment td.Checkmark {
        display:inline-block;
        margin-left: 10px;
    }
}