@charset "UTF-8";
/* CSS Document */
@import url("standard.css");

#wrapper{
	max-width:1280px;
	margin:0 auto;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	color:brown;
	font-size:1.2em;
    padding:0 5px;
}
header{
	padding:1em 2%;
	border-bottom:solid 1px #a52a2a;
	margin:0 0 3em;
}
nav ul{
	display:flex;
	justify-content:space-between;
	list-style-type:none;
	margin:1em 0 0;
	font-size:1.3em;
}
a{
	text-decoration:none;
	color:brown;
}
img{
    display:block;
}
#her{
	color:red;
}
h2{
	font-size:2em;
	float:left;
    margin-top:-0.1em;
}
section{
	margin-bottom:1em;
}
.margin_bottom{
    margin-bottom:3em;
}
.margin_top{
    margin-top:3em;
}
.margin_top1{
    margin-top:1em;
}
.break{
    margin:5em 0 2em;
    border-top:solid 1px brown;
}

code{
	color:red;
	font-size:1.3em;
}
strong{
	color:red;
}
.flex{
	display:flex;
	margin-bottom:2em;
}
.flex1{
	display:flex;
	margin:0 0 1em;
	border:dashed 1px red;
	flex:3;
}
.flex1 div{
	background-color:blanchedalmond;
	padding:1%;
	margin:1% 1%;
	font-size:0.8em;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color:#8c5324;
}
.caption, .detail{
	font-size:0.85em;
	font-style:italic;
	color:#000;
}
.caption{
    margin-left:1%;
    flex:1;
}
hr{
    margin-bottom:2em;
}

/*------- AFSNIT 2:  LINES ---------*/
.lines{
    border:dotted 1px #999;
    padding:2px;
}
.lines img{
    width:50px;
    height:50px;
    margin:0 0.5%;
}
.lines p{
    margin:0 5px;
    /*border:dotted 1px #F00;*/
}
.row_reverse{
    flex-direction:row-reverse;
}
.row p, .row_reverse p{
    margin:auto 1%;
}
.rtl{
    direction:rtl;
}
.column{
    flex-direction:column;
    width:49%;
    margin-right:2%;
    align-items:center;
}
.column p{
    order:-1;
}
.column_reverse{
    flex-direction:column-reverse;
    width:49%;
    align-items:center;
}
.lines div{
    height:2em;
}

/*------- AFSNIT 3:  ---------*/
.flex3b{
    justify-content: flex-end;
}
.flex3c{
    justify-content: center;
}
.flex3d{
    justify-content: space-between;
}
.flex3e{
    justify-content: space-around;
}
.flex3f{
    justify-content: space-evenly;
}
/*------- AFSNIT 3A (menuer):  ---------*/
.nav_bss ul{
    display:flex;
    background-color:#e7b785;
    list-style:none;
    padding:0.5em 5px;
    justify-content:space-around;
    font-size:1rem;
    flex-wrap: wrap;
}


.nav_store ul{
    display:flex;
    background-color:#e7b785;
    list-style:none;
    padding:0.5em 5px;
    justify-content:flex-start;
    font-size:1rem;
    flex-wrap: wrap;
}
.nav_store li.store{
    margin-left:auto;
    font-weight:bold;
}


.nav1 ul{
    display:flex;
    background-color:#2ec300;
    background-color:#C9945C;
    background-color:#e7b785;
    list-style:none;
    padding:0.5em 5px;
    justify-content:flex-end;
}
.nav1 li, .nav_bss li, .nav_store li{
    padding:0 2%;
    text-align:center;
}
@media screen and (max-width:800px){
    .nav1 ul{
        justify-content:center;
    }
    header nav ul{
        flex-direction:column;
        text-align:center;
    }
    header nav li{
        padding:12px 0;
    }
}
@media screen and (max-width:500px){
    .nav1 ul, .nav_bss ul, .nav_store ul{
        flex-direction:column;
    }
    .nav1 li, .nav_bss li, .nav_store li{
        padding:12px 0;
    }
    .nav_store li.store{
        margin-left:0;
    }
}
/*------- AFSNIT 4 (flex):  ---------*/
.flex4{
    margin-bottom:0;
}
.box{
    margin:0 3px;
    border:solid 1px #888;
    font-size:10px;
    flex:1;
}
.box code{
    font-size:1.7em;
}
.box strong{
    font-size:1.4em;
}
.flex4 div{
    flex:1;
    padding:0 1px;  
}
.flex4a div{  /* uden flex */
    padding:0 1px;  
}
.flex4 div.f2{
    flex:2;
}
.flex4 div.f3{
    flex:3;
}
.flex4 div.f4{
    flex:4;
}
.flex4 div.f2m{
    margin:0 10%;
    border:dashed 1px brown;
}
.flex4 div.f2p{
    padding:0 10%;
    border:dashed 1px brown;
}
.jim{
    background-color:#000;
    color:#FFF;
    line-height: 1.5;
}
.flex4 .jim1{
    flex:3;
    margin:0 8.33% 0;
    padding:0 1%;
}
.flex4 .jim2{
    flex:5;
    margin:0 16.66% 0 0;
    padding:0 1%;
    font-family: Verdana, "sans-serif";
    font-size:0.9em;
}
.jims{
    margin:0;
    background-color: #000;
}

.basis ul{
    /*list-style:none;*/
    /*padding-left:5em;*/
    list-style-position:inside;
}
.pad{
    padding-left:0.3em;
}

.normal{
    font-size:1rem;
}
.normal code{
    font-size:1.1em;
}
.c_box{
    text-align:right;
    position:relative;
    bottom:2em;
}
/*------- GROW:  ---------*/
.grow div{
    width:20%;
    flex-basis:auto;
}
.grow2 div img{
    width:auto;
}
.grow2 div:first-child{
    flex-grow:1;
    flex-basis:auto;
}
.grow2 div:nth-child(3){
    flex-grow:1;
    flex-basis:auto;
}
.box2{
    padding:5px;
    border:none;
}
.box2 p{
    margin-top:1em;
}
.box2 .margin_top5{
    margin-top:5em;
}

.menu_0 ul, .menu_auto ul{
    display:flex;
    list-style:none;
}
.menu_0 li, .menu_auto li{
    text-align:center;
    background-color:blanchedalmond;
    border-radius:10px;
    padding:0.5em 0;
    margin:0 0.5%;
}
.menu_0 li{
    flex:1;
}
.menu_auto li{
    flex-grow:1;
}

/*------- ALIGN-ITEMS:  ---------*/
.flex6b{
    align-items:flex-start;
}
.flex6c{
    align-items:flex-end;
}
.flex6d{
    align-items:center;
}
.flex6e{
    display:flex;
	margin:0 0 1em;
	flex:3;
    align-items:baseline;
}
#cadiz{
    font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color:#613000; 
    font-size:3em;
}
/*------- ALIGN-SELF:  ---------*/
.flex7{
    align-items:flex-start;
}
.flex7 div.stretch{
    align-self:stretch;
}

/*------- MARGIN:  ---------*/
.flex8{
    height:400px;
}
.flex8 div{
    margin:auto;
}
.flex8b div:first-child{
    margin-right:auto;
}

/*------- MARGIN:  ---------*/
.flex9b div:first-child{
    order:1;
}
.flex9b div:nth-child(3){
    order:-1;
}

/*------- WRAP:  ---------*/
.flex10{
    flex-wrap:wrap;
    justify-content:center;
}
.flex10 div{
    /*margin:1px;*/
}


/*------- FOOTER:  ---------*/
footer{
	text-align:center;
	padding:4em;
    margin-top:4em;
	background-color: blanchedalmond;
}