@charset "UTF-8";
/* CSS Document */

/* The body tag style applies to all elements on the page */
body {
background-color: black;
font-family: Verdana, Geneva, Arial, sans-serif;
padding:0px;
margin:0px;
}

/* The wrapper ID style is used with a div tag to provide a 960px wide page */
#wrapper {
	width: 100vw;
	height: 100vh;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFCEA9;
	font-size: 18px;
	text-align: center;
}
/*@media (max-width: 900px) and (orientation:landscape){#entry{top:-10vh !important;}}*/
/*@media (max-width: 900px){#wrapper{font-size: 16px !important;}}*/

a.atitle:link {color: #03C;
	padding-top:10px;
	font-weight:100;
	text-align: center;
	font-size:18px; }
<!--a.atitle:link {text-decoration:none; font-weight:none; color:#97fbfd; }-->
<!--a.atitle:visited {text-decoration:none; font-weight:none; color:#97fbfd; }-->
a.atitle:hover {
	padding-top:10px;
	font-weight:100;
	text-align: center;
	font-size:18px; color:#64c8c8; background-color:#1d417d;
	}

<!--a.atitle:hover {text-decoration:none; font-weight:none; color:#64c8c8; background-color:#1d417d; }-->

/* The column-1 ID style is floated right */
#column-1 {
float: center;
width: 150px;
height: 600px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

/* The column-2 ID style is floated left */
#column-2 {
background: #F2B544;
}

/* Selector for tags separated by commas applies the style to all tags */
h3,h4,h5,h6,li {
margin-left:15px;
}

h1 {
	color: white;
	padding-top:15px;
	font-stretch: extra-expanded;
	font-weight:200;
	text-align: center;
	font-size:36px;
	}
	/*@media (max-width: 900px){h1 {font-size: 46px !important;}}*/

h2 {
	color: #03C;
	padding-top:10px;
	font-weight:100;
	text-align: center;
	font-size:18px;
}
/*@media (max-width: 900px){h2 {font-size:23px !important;}}*/

h2:hover {background-color:transparent; color:#64c8c8}
h4:hover {background-color:transparent; color:#64c8c8}
/*h2 without hover*/
h6 {
	color: #03C;
	padding-top:10px;
	font-weight:100;
	text-align: center;
	font-size:18px;
}
/*without hover, text align left*/

h5 {
	color: #03C;
	padding-top:10px;
	font-weight:100;
	text-align: left;
	font-size:16px;
}


/* Selector for tags not separated by commas applies in specific circumstances*/
h3 {
	color: black;
	font-size:14px;
	font-weight:200;
	text-align:left;
}
/* Kontakt-Link kleiner geschrieben*/
h4 {
	color: #03C;
	font-weight:100;
	text-align: left;
	font-size:14px;
}


/* Advanced web design relies on class or ID style boxes*/
.box {
height: 100px;
width: 100px;
float: left;
margin: 15px;
padding: 25px;
background: #A8D977;
border:2px solid gray;
}

/* The following pseudo-class applies to the box class when in a hovered state */
.box:hover {
background-color:#F2B544;
border-bottom:2px solid black;
}

/* This clear class style terminates float */
.clear{
clear: both;
}

}
header, footer {
background-color: F27830;
color: red;
padding-top:5px;
padding-bottom:5px;
}