@import url('font_definitioner.css');
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
* {
    margin: 0;
    padding: 0;
}
body {
    background: #052130;
    font-family: BitstreamVeraSansRoman;
    color:#BDCFDF;
    padding:20px;
}

h2.orange {
    color:#F60 !important;}


label {
    font-size: 1rem !important;
    border: none;
    text-align: left;
    font-size: 1rem;
    display: block;
    float: left;
    clear: left;
    width: 30%;
    height: 2rem;
    margin: .4rem 0 0 0;
    line-height: 2rem;
    max-width: 10rem;
}
select {
    display:block;
    float:left;
}
input {
    float:left;
    display:block;
    -webkit-appearance: none;
/*    margin-bottom:10px;*/
    height: 1.8em;
}
fieldset {
    padding: 1em;
    border: 1px solid #369;
    border-radius: 4px;
    margin: .8em 0 .8em 0;
}

legend {
    padding: 0;
    color: #F60;
}

input.knap {
    clear:left;
    margin-left:100px;
    margin-top:20px;
    height: 1em;
    background-color:#4b7a99; }


textarea {
    font-size:14px;
    font-family:verdana}

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

h1 a {padding-left: 2em !important;}

.admin_menu a{
    color:#fff;
    transition-duration: 400ms;}

.admin_menu a:hover {
    color:#F60;
    transition-duration: 400ms;}


li {
    list-style:none;
    margin-bottom:.5em; }

li ul li{
    margin-left:1.2em;
    margin-bottom:0;}

#wrapper {
    margin: 0 auto;
    width: 96%;
    max-width: 1100px;
    background: #082e44 url(nye_billeder/bgr_box_stor.png) repeat-y 53% top;
}
h1{ font-size:1.2em;
    margin: 2em 0 .5em;
    padding-bottom: .5em;
    border-bottom: 2px solid #557a80}


#header a {
    background:none;
    width:auto;
    height:auto;
    display:inline;
}


#header img {
    display: block;
    max-width: 70%;
    margin: 20px 0 0 20px;
}

#menu_knap {
    display:none}


#menu {
    display: block;
    margin: 20px 20px;
    height: 28px;
    background: rgba(130, 216, 255,.2);
}

#menu ul {
    padding-left:1em;
}

#menu li { float:left;
    list-style-type:none;
    padding-right:4%;
    height: 28px;
}

#menu li:last-child { 
    padding-right:0;
}

#menu a {
    display:block;
    font-family: BitstreamVeraSansBold;
    font-size:.8em;
    text-decoration:none;
    color:#fff;
    height:28px;
    line-height:28px;	
    transition-duration: 400ms}

#menu a span {
    display:inline; }

#menu a:hover, #menu li.active a{
    color:#F60;
    transition-duration: 400ms;
}


/*prislisten.... */

#preview_box ul {
    margin-top:2.5em;
    padding: 0 0.8em;
    list-style:none;}

#preview_box li p {
    margin-bottom:.3em;} 

#preview_box li h3 {
    color:#fff;
    padding:1em 0 .24em;
    margin-bottom:.5em;
    border-bottom:1px solid #C63	}

#preview_box li p strong {
    width:1.5em;
    text-align:right;
    display:block;
    color:#fff;
    float:left;
    clear:left;
}
#preview_box li p em {
    display:block;
    font-style:normal;
    margin-left: 2em;}

#preview_box h4 {
    clear:left;
    display:block;
    width:8em;
    height:auto;
    background:#F93;
    text-align:left;
    padding:0 .5em 0 .5em;
    margin: .5em 0 0 2em;
}
#preview_box h4 strong {
    text-align:left;
    display:block;
    color:#FFF;
    font-size:1.2em;
}
#preview_box h4 em {
    text-align:left;
    display:block;
    font-size:.8em;
    color:#FC9;
    font-style:normal;}	

/* Holdlisterne..... Holdlisterne..... Holdlisterne..... Holdlisterne..... Holdlisterne..... */

#admin_vaelg h3 {
    clear:left;
    float:left;
    font-size:1em !important;
    width:70%;
    margin-bottom:.5em;
}

a.hold_link {
    display:block;
    float:left;
}

#hold_form_box {
    background:#3d67a1;
    padding:1em;
    width:668px;
}
.clear {
    clear:both;}

h1 span {
    display:block;
    color:#F63}

.nej_knap {
    border:none;
    display:block;
    height:1.2em;
    padding: 0 .5em;
    background:#0CC;
    color:#fff;
    float:left;
    margin-right:.5em;
    line-height:1.2em}

.ja_knap {
    display:block;
    height:1.2em;
    padding: 0 .5em;
    background:red;
    color:#fff;
    float:left;
    line-height:1.2em;
    margin-bottom:2em}

form {
    clear:left;
}
#eksempel h1 {
    margin-top:3em;}

input[type='submit'] {
    border: none;
    height: 2.4rem;
    font-size: 1rem;
    border-radius: .5rem;
    display: block;
    margin: 2em 0 0 .5rem;
    float: none;
    line-height: 2em;
    background-color: #f60;
    color: white;
    max-width: 20rem;
    padding: 0 .5rem;
}

input[type='text'], input[type='password'] {
    border: none;
    height: 2rem;
    display: block;
    width: 66%;
    margin: .4rem 0 0 0;
    float: left;
    line-height: 2rem;
    background: #BDCFDF;
    max-width: 320px;
    font-size: 1rem;
    padding-left: .5rem;
}


input[name="brugernavn"], input[type="password"] {
    width:150px !important;}

div.hold_overskrift {
    margin-top:2em;}

/*Holdlisten.............*/

ul.hold {
    font-size: .8em;
    margin-bottom:0em !important;
}

ul.hold li:first-child span {
    color:#F63 !important;
    padding-bottom:.3em;
}

ul.hold li span {
    color:#fff;
    display:inline-block;
    min-width:130px
}	

/* Besked siden ........ */

#beskeder div.besked {
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    margin: 2em 0 2em;
    padding:.6em;
    border: .3em solid #a0b2cf;
    border-radius:.8em;
}
#beskeder div.besked h1 {
    text-align: left;
    font-family: BitstreamVeraSansBold;
    font-weight: normal;
    font-size: 1.3em;
    margin: 0 0 .3em 0;
    padding:0;
    color: #38404c
}

#beskeder div.besked p {
    font-size: .8em;
    color: #232328;
}

#beskeder div.besked h2 {
    font-family: BitstreamVeraSansBold;
    font-weight: normal;
    padding: .8em 0 .2em 0em;
    font-size: 1em;
    color:#ed7c0c
}
#beskeder div.besked h2:first-child {
    font-size: .7em;
    margin-bottom: 1.2em;
}
#beskeder div.besked h3 {
    font-family: BitstreamVeraSansBold;
    font-weight: normal;
    padding: .8em 0 .2em 0;
    font-size: .8em;
    color:#F60;
}
#beskeder .ja_knap, #beskeder .nej_knap {
    display:inline-block;
    margin:0 .5em 0 .5em;
    float:none;
}
#beskeder div.besked strong {

    color:#1c2425;
}

/*   #admin nye sider....................................     */
#admin select#dato, #admin select#maaned, #admin select#aar,#admin select#starttid, #admin select#minutter  {
    display:inline-block !important;
    float:none !important;
    clear:left;
}


@media only screen and (max-device-width: 480px) {
    div#header img {
        max-width:100%; 
        display:block;
        margin-right: auto;
        margin-left: auto;}
    
    div#header {
        text-align: center;
    }
}


/* stylesheets til print */
@media print { 
    
body {
  padding:0 !important;
    background-color:#fff !important;
    }

@page:first {
  margin: 1cm 2cm 1.3cm;
}
    
@page {
  margin: 4cm 2cm 1.3cm;
}
    
#header img {
    display: block;
    max-width: 30%;
    margin: 2rem 0 1rem 0;
}

    
div#header + h1 + h2, div#header + h1 + h2 + h3 {
    padding:2rem 0 1.5rem 0;
        display:inline-block !important;
        color:black;
        font-size: 18px;
    }
    
    
div#header + h1 {
        display:none;
    margin:0;
    }
    
table.holdliste{
      font-size: 12px;
      color:black;
    width:100%;
    border-collapse: collapse;
    }
    
    
table.holdliste td b {
        color: black;}

td.streg form p {display:none;}
    
tr:nth-child(2) td {padding-top:.2rem;}

table.holdliste form.notat input[type='text'] {
                max-width: 600px;
                font-size: 13px;
                height:13px;
        line-height: 13px;
                background: #fff;
                color: rgba(0,0,0,1);
                margin-top:-.3rem;
                margin-bottom: 0px;
            }
    
table.holdliste tr.venteliste td, table.holdliste .venteliste, table.holdliste .venteliste b {color:darksalmon;}

    
table.holdliste p.venteliste, input[type='submit'] {font-size: 12px;}
    
input[type='submit'] {display:none !important;}
    
    table.holdliste tr th[colspan="4"] { 
    padding-top:8px;}

table.holdliste td.streg, table.holdliste tr.foerstehjaelp_liste td, table.holdliste tr th[colspan="4"] {
    border-bottom: 1px solid #f60 !important;
    }
    
/* admin venteliste-siden */
#admin_venteliste h1 {
        display:block;
        color:black;
        font-size: 24px;
    }
    
#admin_venteliste h1 a{
        display:none;
    }  
    
#admin_venteliste div.tilmeld_info {
/*    float: left;*/
    width: 100%;
    max-width: 1200px;
}
    
 #admin_venteliste li {
    border-bottom: 1px solid #f60;
     color: black;
    width: 100%;
    max-width: 1200px;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
    
#admin_venteliste form.notat input[type='text'],  {
    max-width: auto;
    font-size: 1rem;
    background: transparent !important;
    color: black;
    margin-top: 0rem;
    height: 1rem;
}
    
#admin_venteliste div.ikoner {display:none}
#admin_venteliste form.notat p {display:none;}
    
     div.tilmeld_info b {
                color:black !important;
            }

}




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

#top-textbox fieldset {
    padding: 1em;
    border: 1px solid #369;
    border-radius: 4px;
    margin-left: 5rem !important;
}
    #top-textbox label {
    width:20%;
    }}