body {
	margin: 20px;
	display: grid;
	font-family: 'Segoe UI', sans-serif !important;
	font-size: 14px !important;
	width:100%;

	}

.container {
	display: grid;
	grid-template-columns: 100px auto 150px;
	grid-template-rows: 50px auto 1fr 100px;
	grid-row-gap: 10px;
	grid-column-gap: 0px;
	justify-content: center;
	align-content: start;



}
.impressumGrid{

	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto 1fr;
	grid-column-gap: 150px;

}

.header {
	grid-row: 1;
	grid-column-start: 1;
	grid-column-end: 4;
	justify-self: center;
	margin: 0;
	padding: 0;
	font-family: 'Century Gothic', sans-serif;
	height: 10px;
	vertical-align: middle;
	background: #ff0000;
	text-align: center;
	color: white;
	font-weight: bold;
	width: 100%;
}

.wrapper {
	grid-gap: 10px;
	background-color: #fff;
	color: #444;
}

.footerbar {
	display: grid;
	width: 100%;
	grid-gap: 10px;
	grid-row: 4;
	grid-column-start: 1;
	grid-column-end: 4;
	bottom: 5px;
	font-size: 13px;

}

.mainContent {
	display: grid;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-template-columns: 40% 60%;
	grid-template-rows: auto auto;
	column-gap: 10px;
	justify-self: center;
	min-height: 300px;
	row-gap: 20px;

    -ms-display: grid;
    -ms-grid-column-start: 2;
    -ms-grid-column-end: 3;
    -ms-grid-template-columns: 50% 50%;
    -ms-grid-template-rows: auto auto;
    -ms-column-gap: 0;
    -ms-justify-self: center;
    -ms-min-height: 300px;
}

.footbarLink{

	color: #fff;
	font-weight: bold;
	padding-left: 10px;

}

.mainImage {
	grid-column: 2;	
	grid-row: 2;
	justify-self: center;
}

.loginForm {
	grid-column: 1;
	grid-row: 2;
	justify-self: center;
}


#msgs{
	grid-row: 3;
	grid-column-start: 1;
	grid-column-end: 3;
}

.loginPanel {
	background-color: #fff !important;
	height: 208px;
}
.davLabel {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row: 1;
	justify-self: center;
}

.davLabelMini {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row: 1;
    justify-self: center;
    display: none;
}


.infoPanel {
	grid-template-rows: 50% 50%;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-gap: 0;
	grid-row-start: 3;
	grid-row-end: 4;
}

.footermenuitem {
	grid-row: 1;
	padding-left: 10px;
}

.ui-panel {
	background: #fefefe !important;
	border: #fefefe !important;
	grid-gap: 10px;
	color: #444;
	width: inherit;
}

.preLoginImage {
	grid-column: 2;
}

.menuBarPre {
	vertical-align: top;
	grid-row: 2;
	grid-column: 2;
}

.contentBarPre {
	display: grid;
	vertical-align: top;
	grid-row: 3;
	grid-column: 2;
}

@media screen and (max-width: 800px) {
    .davLabel{
        display: none;
    }
    .davLabelMini{
        display: block;
    }


    body {
        margin: 2px;
        display: grid;
        font-family: 'Century Gothic', sans-serif;
    }

    .mainImage{
        display: none;
    }

.mainContent {
	display: grid;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-template-columns: 100%;
	grid-template-rows: auto auto auto;
	column-gap: 0;
	justify-self: center;
	min-height: 300px;
	row-gap: 20px;
}
.mainImage {
	grid-column: 1;
	grid-row: 3;
	justify-self: center;
}

.loginForm {
	grid-column: 1;
	grid-row: 2;
	justify-self: center;
}
.davLabel {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row: 1;
	justify-self: center;
}
.container {
	display: grid;
	grid-template-columns:  auto ;
	grid-template-rows: 50px auto 1fr 100px;
	grid-row-gap: 5px;
	grid-column-gap: 0px;
	justify-content: center;
	align-content: start;
}
.impressumGrid{

		display: grid;
		grid-template-columns: auto ;
		grid-template-rows: auto auto auto;
	}
	
}