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

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


select {
    display:block;
    float:left;
}

input.knap {
    clear:left;
    margin:3rem 0;
    margin-left:calc(30% + .9em) !important;
    height: 1em;
    background-color:#4b7a99; }

#wrapper #top-textbox p {
    display:block !important;}


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: 95%;
    max-width: 1100px;
    background: #082e44 url(nye_billeder/bgr_box_stor.png) repeat-y 53% top;
}
h1{ font-size:1.2em;
    margin: 0 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%;
}

#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;
}


#top-textbox {
    color: #BDCFDF;
    padding: 0 .5em;
}

#eksempel {
    clear:both;}

#eksempel h1 {
    font-family: BitstreamVeraSansBold;
    text-align: left;
}
#eksempel p {
    font-size: .8em;
    color: #93B9D6;
    padding: 0;
    margin: 0
}


#preview_box {
    border: 1px solid #69F;
    padding: 12px;
    width:676px}

#preview_box h1 {
    text-align: left;
    font-family: BitstreamVeraSansBold;
    font-weight: normal;
    font-size: 1.3em;
    margin-bottom: .3em;
    color:#fff
}

#preview_box p {
    font-size: .8em;
    color: #93B9D6;
    margin-right: .8em;
    margin-left: .8em;
}

#preview_box h2 {
    font-family: BitstreamVeraSansBold;
    font-weight: normal;
    padding: 8px 5px 2px .8em;
    font-size: 1em;
    color:#fff;
}
#preview_box h3 {
    font-family: BitstreamVeraSansBold;
    font-weight: normal;
    padding: 8px 5px 2px 1em;
    font-size: .8em;
    color:#F60;
}



/*   #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;
}

#admin input[type="text"] {
    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;

    }
}