*{
	box-sizing: border-box;
}

body{
	max-width:100%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

h1{
	max-width:100%;
    background-color:lightgreen;
    padding:5px 0;
    text-align:center;
}

#eintragen{
	width:100%;
	height:35px;
	margin:40px 0 20px;
	border:1px solid #ccc;
	padding:5px 10px;
	text-align:center;
}

#button{
	width:100%;
	height:35px;
	padding:3px 5px;
	margin:0 0 40px;
	background-color:#eee;
	border:1px solid #ccc;
}

#button:hover{
	background-color:#ddd;
	cursor: pointer;
}

#button:visited, #button:active{
	border:1px solid #ccc;
}

#container{
	margin:0 auto;
	width:80%;
	list-style-type:none;
}

#container li{
	margin: 0 auto 10px;
	border:1px solid #ccc;
}

.itemright{
	text-align:center;
	float:right;
	background-color:#eee;
	width:15%;
	padding:10px;
}

.itemright:hover{
	background-color:#ddd;
	cursor: pointer;
}

.itemleft{
	text-align:left;	
	padding:10px;
}