<style type="text/css">
/* CSS Style-Sheet-Specifications */
/* created with (X)HTML-Format */
/* Pseudoelementselektoren: */
/* 3DE / 2018 */
 a { font-weight: bold; }
 a:link { text-decoration:none; color:#000080; }
 a:visited { text-decoration:none; color:#000040; } 
 a:focus { text-decoration:none; color:#ffffff;  }
 a:hover { background-color:transparent; } 
 a:active { text-decoration:none; background-color:transparent; } 
/* Typselektoren: */  
body {
	width: 100%;
	height: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-template-columns: 180px auto auto; /* 3 Spalten */
	grid-template-columns: 180px auto auto; /* 3 Spalten */
	-ms-grid-template-rows: 100px auto auto; /* 3 Zeilen */
	grid-template-rows: 100px auto auto; /* 3 Zeilen */
	/* background-image: url(Image/Hintergrund.png); */
	/* background-size: contain; */
	/* background-repeat: no-repeat; */
	background-color:#d6d6d6; 
    background-image:linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%); /* Querstreifenhintergrund */
    background-size:4px 4px;
}
header {
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 1;
	grid-row: 1;
	-ms-grid-column-span: 3; /* &uuml;ber 3 Spalten */
	grid-column-span: 3; /* &uuml;ber 3 Spalten */
}
nav {
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 2;
	grid-row: 2;
	margin:1vw;
}
article {
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 2;
	grid-row: 2;
}
spalte3 {
	-ms-grid-column: 3;
	grid-column: 3;
	-ms-grid-row: 2;
	grid-row: 2;
}	
footer {
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 3;
	grid-row: 3;
	-ms-grid-column-span: 3; /* &uuml;ber 3 Spalten */
	grid-column-span: 3; /* &uuml;ber 3 Spalten */
}
span { font-family:arial,verdana,sans-serif; }
ul { list-style-type: square; color: #ffffff; font-weight: bold; }
/* ID-Selektoren: */	
#logo {
	padding:1vw;
	width:10vw;
	margin:0vw;
	}  
#titel {
	padding:0.5vw;
	margin:0.5vw;
	width:50vw;
	text-shadow: 1px 1px #666;
	}
#button {
	width:125px;
	padding:0.5vw;
	margin:0vw;
	vertical-align:middle;
	text-align:center;
	box-shadow: 0 0.4em 0.4em #666;
	-webkit-border-radius:0.2em;
	-moz-border-radius:0.2em;
	border-radius:0.2em;
	background-color:#0000ff;
	} 
#c {
	width:10vw;
	height:2vh;
	padding:0.5vw;
	margin:0vw;
	vertical-align:middle;
	}
#inhalt {
	padding:1.5vw;
	margin:0.5vw;
	border-top-right-radius:0.2em;
	border-bottom-right-radius:0.2em;
	border-bottom-left-radius:0.2em;
	border-top-left-radius:0.2em;
	background-color:#ffffff;
	box-shadow: 0 0.4em 0.4em #666;
	} 
#anfahrt {
	padding:0.5vw;
	margin:0.5vw;
	border-top-right-radius:0.2em;
    border-bottom-right-radius:0.2em;
    border-bottom-left-radius:0.2em;
    border-top-left-radius:0.2em;
    box-shadow: 0 0.4em 0.4em #666;
	background-color:#ffffff;
	}
#text {
	padding:1.5vw;
    margin:0.5vw;
	border-top-right-radius:0.2em;
    border-bottom-right-radius:0.2em;
    border-bottom-left-radius:0.2em;
    border-top-left-radius:0.2em;
    box-shadow: 0 0.4em 0.4em #666;
	background-color:#ffffff;
	} 
#text_referenz {
	padding:1.5vw;
    margin:0.5vw;
	border-top-right-radius:0.2em;
    border-bottom-right-radius:0.2em;
    border-bottom-left-radius:0.2em;
    border-top-left-radius:0.2em;
    box-shadow: 0 0.4em 0.4em #666;
	background-color:#ffffff;
	} 
#text_impressum {
	padding:1.5vw;
    margin:0.5vw;
	border-top-right-radius:0.2em;
    border-bottom-right-radius:0.2em;
    border-bottom-left-radius:0.2em;
    border-top-left-radius:0.2em;
    box-shadow: 0 0.4em 0.4em #666;
	background-color:#ffffff;
	} 
#text_anfahrt {
	padding:1.5vw;
    margin:0.5vw;
	border-top-right-radius:0.2em;
    border-bottom-right-radius:0.2em;
    border-bottom-left-radius:0.2em;
    border-top-left-radius:0.2em;
    box-shadow: 0 0.4em 0.4em #666;
	background-color:#ffffff;
	} 	
#abbildung_buero {
	padding:0.5vw;
	margin:0.8vw;
	} 
#titelfoto {
	margin:0.5vw;
	width:60vw;
	}	
</style>
