*
{
margin: 0;
padding: 0;
border: none;
outline: none;
}
body
{
width:100%;
padding:0px;
color: #333333; 
}


#clickandmeet {
position:relative;
width:100%;
display: flex;
justify-content: center;
align-items: center;

}



#kalender{
position:relative;
float:left;
background-color:#1d3b59;

	display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
		width: 296px;
		max-height:350px;
}

#oberkalender {display:flex; justify-content:center; align-items: center; width:100%; background:#eee;}

#kalender a, #kalender p, #oberkalender a, #kalender p .ueberschrift {display:flex; justify-content: center; align-items: center;}





#inkalender{
	display:block;
	width:294px;
	text-align:center;
}



#formular{
position:relative; display:inline-block; color:#1d3b59; background:#eee; margin-left:20px;
width: calc(100% - 350px);
}



table {width:100%; }
td {height:30px;}



.camframe {
height:300px;
}

h2 {
font-size:18px; color:#1d3b59;
}

input,select {
	border: 1px solid #1d3b59;
	background-color: #ffffff;
	font-size: 18px;
	color: #1d3b59;
	padding:1px;
	margin:1px;
	transition: all 1s;
}

input:hover,select:hover {transition: all 1s; background: #1d3b59; color:#fff;}

.langfeld
{
	width:350px;

}
.select
{

	width:80px;
}

.vorname
{

	width:120px;

}
.nachname
{

	width:148px;

}


.ort
{

	width:266px;

}

.radio,.checkbox
{
transform: scale(1.2); 
	cursor:pointer;
}


.submit {cursor:pointer; padding:10px; background:#aaa;}

.zeile:hover {background-color:#FF9900; transition: all 1s;}


a.vorbei{ position:relative; display:table-cell; float:left; font-size:18px;  text-align:center; vertical-align:middle; text-decoration:none; padding-top: 10px; height:38px; width:38px;  margin:1px; padding: 1px;}
a.vorbei:link    { color:#000; font-size:18px; background-color:#CCCCCC; }
a.vorbei:visited { color:#000; font-size:18px; background-color:#CCCCCC; }
a.vorbei:hover   { color:rgb(0,0,0); font-size:18px; background-color:#FF9900;  transition: all 1s;}
a.vorbei:active  { color:#000; font-size:18px; background-color:#CCCCCC; }

a.feiertag { position:relative; display:table-cell; float:left; font-size:18px; text-align:center; vertical-align:middle; text-decoration:none; height:38px; width:38px;  margin:1px; padding: 1px;}
a.feiertag:link    { color:#000; font-size:18px; background-color:#FFBBBB; }
a.feiertag:visited { color:#000; font-size:18px; background-color:#FFBBBB; }
a.feiertag:hover   { color:rgb(0,0,0); font-size:18px; background-color:#FF9900; transition: all 1s;}
a.feiertag:active  { color:#000; font-size:18px; background-color:#FFBBBB; }

a.heute { position:relative; display:table-cell; float:left; font-size:18px; text-align:center; vertical-align:middle; text-decoration:none; height:38px; width:38px;  margin:1px; padding: 1px;}
a.heute:link    { color:#000; font-size:18px; background-color:#FF9900; }
a.heute:visited { color:#000; font-size:18px; background-color:#FF9900; }
a.heute:hover   { color:rgb(0,0,0); font-size:18px; background-color:#FF9900;  transition: all 1s;}
a.heute:active  { color:#000; font-size:18px; background-color:#FF9900; }



a.termin { position:relative; display:inline; float:left; font-size:18px; text-align:center; vertical-align:bottom; text-decoration:none; height:38px; width:38px;  margin:1px; padding: 1px;}
a.termin:link    { color:#000; font-size:18px; background-color:#55FF55; }
a.termin:visited { color:#000; font-size:18px; background-color:#55FF55; }
a.termin:hover   { color:rgb(0,0,0); font-size:18px; background-color:#FF9900; transition: all 1s;}
a.termin:active  { color:#000; font-size:18px; background-color:#55FF55; }

a.keintermin{ position:relative; display:inline; float:left; font-size:18px; text-align:center; vertical-align:bottom; text-decoration:none; height:38px; width:38px;  margin:1px; padding: 1px;}
a.keintermin:link    { color:#000; font-size:18px; background-color:#FF5555; }
a.keintermin:visited { color:#000; font-size:18px; background-color:#FF5555; }
a.keintermin:hover   { color:rgb(0,0,0); font-size:18px; background-color:#FF9900; transition: all 1s;}
a.keintermin:active  { color:#000; font-size:18px; background-color:#FF5555; }

a.blaettern { position:relative; display:inline; float:left; font-size:18px; text-align:center; vertical-align:bottom; text-decoration:none; height:38px; width:38px;  margin:1px; padding: 1px;}
a.blaettern:link    { color:#000; font-size:18px; background-color:#eee; }
a.blaettern:visited { color:#000; font-size:18px; background-color:#eee; }
a.blaettern:hover   { color:rgb(0,0,0); font-size:18px; background-color:#FF9900; transition: all 1s;}
a.blaettern:active  { color:#000; font-size:18px; background-color:#eee; }

a.titel { position:relative; display:inline; float:left; font-size:18px; text-align:center; vertical-align:bottom; text-decoration:none; height:38px; width:206px; margin:1px; padding: 1px;}
a.titel:link    { color:#000; font-size:18px; background-color:#eee; }
a.titel:visited { color:#000; font-size:18px; background-color:#eee; }
a.titel:hover   { color:rgb(0,0,0); font-size:18px; background-color:#FF9900; transition: all 1s;}
a.titel:active  { color:#000; font-size:18px; background-color:#eee; }

p.leer  { position:relative; display:inline; float:left; font-size:18px; text-align:center; vertical-align:bottom; text-decoration:none; height:24px; width:38px; margin:1px; padding: 1px; color:#FFFFFF; }
p.ueberschrift { position:relative; display:inline; float:left; font-size:18px;  text-align:center; margin-bottom:5px; text-decoration:none; height:24px; width:38px;  margin:1px; padding: 1px; font-weight:normal; color:#FFFFFF;}
p.kalenderschrift { position:relative; display:block;  font-size:15px;  text-align:center; margin-bottom:3px; text-decoration:none; height:20px;  font-weight:normal; color:#FF9900;}

#wochentag { position:relative; display:block; font-size:28px; color:#EEEEEE; padding:0px;}
#tag { position:relative; display:inline; line-height:90px; font-size:100px; color:#FFFFFF; padding:0px; margin:0px;}




@media(max-width: 900px)
{
	#clickandmeet {flex-direction: column;}
#kalender, #formular {display:block;}
#formular {width:95%; margin-top:40px;}
table {width:100%; text-align:left; padding:10px;}

}