body {

        background-color: #330033;
   	display: -webkit-flex;

	display: flex;

	-webkit-flex-flow: row wrap;

	flex-flow: row wrap;

}



header,

nav,

article,

section,

aside,

footer {

        font-family: calibri,verdana,sans-serif;
        font-size: 1.2em;
	border-radius: 0.5em 0.5em 0.5em;

	border: 1px solid;

	padding: 10px;

	margin: 10px;

	-webkit-flex: 1 100%;

	flex: 1 100%;

}



header {

	background: #660066;

	border-color: #660066;

        color: #ffddff;
}



nav {

        background: #ffaaff;

	border-color: #ffaaff;

	-webkit-flex: 1 1 0%;

	flex: 1 1 0%;

}



section {

	background: #F1F3F4;

	border-color: slateblue;

}



article {

	background: #ddffdd;

	border-color: #ffccff;

	-webkit-flex: 3 1 0%;

	flex: 3 1 0%;

}



aside {

	background: #ebf5d7;

	border-color: #8db243;

	-webkit-flex: 1 1 0%;

	flex: 1 1 0%;

}



footer {

	background: #ffddff;

	border-color: #ffddff;

}

#logotyp {
        float: right;
}
#bildv {
        float: left;
        margin-right: 10px;
}