/*Dateiübergreifend----------------------------------------------------------------*/
iframe{
	overflow: hidden;
}

body{
	/*background-image: url("Bilder/zielflagge.png");*/
	background-image: url("Bilder/background.png");
}

p{
	text-align: justify;
	font-family: calibri;
	font-size: 18px;
}
u, a, table{
	font-size: 18px;
	font-family: calibri;
}
h1{
	text-align: center;
	font-size: 38px;
	font-family: cambria;
}

h2{
	text-align: left;
	font-size: 28px;
	font-family: cambria;
}

h4{
	font-size: 18px;
	font-family: cambria;
}

th{
	text-align: left;
	padding: 5px;
}

td{
	padding: 5px;
}

ul{
	list-style: none;
	font-size: 18px;
	font-family: calibri;
}

img{
	margin: 10px;
}

.button{
	vertical-align: center;
	font-family: calibri;
	font-size: 20px;
	text-decoration: none;
	color: black;
	background-color: #E9E9E9;
	padding: 7px;
	border-left: 2px solid white;
}

/*button{
	height: 40px;
	background-color: #E9E9E9;
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-left: 2px solid black;
	font-size: 20px;
	font-family: calibri;
}*/

.imgdiv{
	border: 1px solid black;	
}

/*Index----------------------------------------------------------------------------*/
#head{
    grid-area: header;
	background-color: #FFFFFF;	
}

/*Banner in der Kopfzeile*/
.banner{
	float: center;
	margin-left: 1px;
	margin-right: 1px;
	width: 100%;
	height: auto;
	border: 0;
}

.banner_2{
	float: center;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	height: auto;
	border: 0;
}

#button_home{
	grid-area: button_home;
}

#button_termine{
	grid-area: button_termine;
}

#button_jugend{
	grid-area: button_jugend;
}

#button_slalom{
	grid-area: button_slalom;
}

#button_youngster{
	grid-area: button_youngster;
}

#button_jubilaeum{
	grid-area: button_jubilaeum;
}

#button_kontakt{
	grid-area: button_kontakt;
}

#button_impressum{
	grid-area: button_impressum;
}

.ddjugend{	
	position: absolute;
	top: 170px;
	left: 160px;
	width: 250px;
	background-color: #E9E9E9;
	display: none;
	justify-items: center;
}

#content{
    grid-area: content;
	background-color: #FFFFFF;
	padding: 5px;
}

#facebook{
	grid-area: facebook;
}

#zaehler{
	grid-area: zaehler;
}

#fb-zaehler{
	display: grid;
	grid-template-areas:
		"facebook zaehler";	
	align-items: top;
}

/*Menüleiste-----------------------------------------------------------------------*/
#button_jugend_a{
	width: 200px;
	text-align: left;
}

#button_jugend_slalom{
	width: 200px;
	text-align: left;
}

#button_jugend_turnier{
	width: 200px;
	text-align: left;
}

#button_jugend_zweirad{
	width: 200px;
	text-align: left;
}

/*Menüleiste-----------------------------------------------------------------------*/
#foot{
	background-color: #F9F9F9;
	display: grid;
	grid-template-areas:
		"foot_text impressum_cell";
	align-items: center;
}

#foot_text{
	grid-area: foot_text;
}

#impressum_cell{
	grid-area: impressum_cell;
}

/*Home-----------------------------------------------------------------------------*/
#home{
	background-color: #FFFFFF;
	display: grid;	
}

.home_area{
	padding: 10px;
	border-top-style: solid;
	border-top-color: #E9E9E9;
}

/*Termine--------------------------------------------------------------------------*/
#termine{
	background-color: #FFFFFF;
	padding: 10px;
	border-spacing: 10px;
}

#terminTable{
	align: center;
}

/*Jugendgruppe---------------------------------------------------------------------*/
#jugend{
	background-color: #FFFFFF;
	padding: 10px;
}

#jugend_auswahl{
	display: grid;
	height: 38px;
	padding: 3px;
	background-color: #E9E9E9;
	grid-template-areas:
		"kslalom kturnier frturnier";	
	align-items: center;
}

#kslalom{
	grid-area: kslalom;	
}

#kturnier{
	grid-area: kturnier;
}

#frturnier{
	grid-area: frturnier;
}

#ergebnisse{
	grid-area: ergebnisse;
}

/*Slalom---------------------------------------------------------------------------*/
#slalom{
	background-color: #FFFFFF;
	padding: 10px;
	display: grid;
	grid-template-areas:
		"titelRE"
		"nennungRE"
		"infoRE"
		"karteRE"
		"bilderRE"
		"ergebnisseRE"
		"videoRE";
	grid-gap: 10px;
}

#titelRE{
	grid-area: titelRE;
}

#nennungRE{	
	background-color: #E9E9E9;
	grid-area: nennungRE;
	display: grid;
	grid-template-areas:
		"nennungAusschreibung nennungStreckePDF";
	align-items: center;
}

#nennungAusschreibung{
	grid-area: nennungAusschreibung;
}

#nennungFormularPDF{
	grid-area: nennungFormularPDF;
}

#nennungFormularDOC{
	grid-area: nennungFormularDOC;
}

#nennungstarterliste{
	grid-area: nennungStarterliste;
}

#infoRE{
	margin: 15px;
	grid-area: infoRE;
	border-spacing: 10px;
}

#karteRE{
	grid-area: karteRE;
	/*display: block;*/
	margin-left: auto;
	margin-right: auto;
}

#bilderRE{
	/*background-color: #FFFFFF;
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	grid-row-gap: 10px;
	align-items: center;
	justify-items: center;*/
	
	
	
	background-color: #FFFFFF;
	display: grid;
	column-count: 4;
	margin-left: auto;
	margin-right: auto;
	grid-template-columns: auto auto auto auto;
	grid-row-gap: 10px;
	align-items: center;
	justify-items: center;	
	grid-area: bilderRE;
}

#ergebnisseRE{
	display: grid;
	grid-template-areas:
		"RE24 RE23 RE22";
		background-color: #E9E9E9;
	grid-area: ergebnisseRE;
}

#RE24{
	grid-area: RE24;
}

#RE23{
	grid-area: RE23;
}

#RE22{
	grid-area: RE22;
}

#videoRE{
	grid-area: videoRE;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*Youngster Cup--------------------------------------------------------------------*/
#youngster{
	background-color: #FFFFFF;
	padding: 10px;
}

/*Jubiläum-------------------------------------------------------------------------*/
#jubilaeum{
	background-color: #FFFFFF;
	padding: 10px;
}

/*Partner-------------------------------------------------------------------------*/
#partner{
	background-color: #FFFFFF;
	padding: 10px;
}

.partnerdiv{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

#partnerframe{
	
}

.imgdiv{
	/*width: 100px;*/
	padding: 1px;
}

/*Kontakt--------------------------------------------------------------------------*/
#kontakt{
	background-color: #FFFFFF;
	padding: 10px;
}

/*Impressum------------------------------------------------------------------------*/
#impressum{
	background-color: #FFFFFF;
	padding: 10px;
}

#dokumente{
	background-color: #FFFFFF;
	padding: 10px;
}