:root{
	--bcolor1: #f6fcfd;
	--bcolor2: #262525;
	--color1: black;
	--color2: white;
}

.bcolor1{
	background-color: var(--bcolor1);
}
.bcolor2{
	background-color: var(--bcolor2); 
}
.bcolor3{
	background-color: #fff;
}

.bcolor4{
	background-color: LightGrey;
}

.color1{
	color: var(--color1);
}
.color2{
	color: var(--color2);
}
.color3{
	color: red;
}

.sschmal{
	width:40px;
}
.schmal{
	width: 90px;
}

.mittels{
	width:140px;
}


.mittel{
	width:240px;
}

.breit{
	width: 350px;
}
.sehrbreit{
	width: 550px;
}

.wide{
	width: 100% !important;
}

.right{
	float:right;
}
.left{
	float:left;
}

.edit{
	background-image: url('Pics/pencil.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	filter:invert(100%);
}

.add{
	background-image: url('Pics/add.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	filter:invert(100%);
} 

.buttonsStyle{
	margin:2px;
	height: 50px;
	width:50px;
	border: none;
	font-size: 100%;
	border-radius:20px;
}



.ok{
	background-image: url('Pics/ok.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	filter:invert(100%);
}

.delete{
	background-image: url('Pics/delete.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	filter:invert(100%);
	
}

.down{
	background-image: url('Pics/down.png');
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	filter:invert(100%);

}

.up{
	background-image: url('Pics/up.png');
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	filter:invert(100%);
}

.cancel{
	background-image: url('Pics/cancel.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	filter:invert(100%);
}


.rowend{
	border-top-right-radius: 25px;
}

body{
	font-size: 105%;
	font-family: 'Verdana';
	
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

div#main{
	
	width: 100%;
	
	display:flex;
	flex-direction: column;
}

div#main2{
	
	width: 100%;
	
	display:flex;
	flex-direction: column;
}

div#headline{
	font-size: 250%;
	width: 100%;
	padding: 20px;
	border-radius: 5px;
	display:flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	flex-wrap: wrap;
}

div#tag_kurs{
	width: 100%;
}
div#tag_kurs button{
	width: 150px;
	margin: 10px;
	padding: 10px;
	height: 50px;
	border-top-right-radius: 25px;
	border: none;
	font-size: 100%;
}

div#TagebuchLink{
	background-image: url('../Pics/Tagebuch.png');
}
div#SitzplanLink{
	background-image: url('../Pics/Sitzplan.png');
}
div#ToolsLink{
	background-image: url('../Pics/tools.png');
}
div#KlappLink{
	background-image: url('../Pics/klapp.png');
}
div#CircleLink{
	background-image: url('../Pics/circle.png');
}

div#FunktionIcons{
	display:flex;
	flex-direction: row;
	align-items: center;
}

div#FunktionIcons div{
	background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    width: 50px;
    height: 50px;
    border: solid black 1px;
    margin-right: 10px;
	background-color: transparent;
	filter:invert(100%);
}



 @media print{

		div#tag_kurs{
			display: none;
		}
 }