/*width: device-width;*/

body{
	/*width: 100%;*/
	/*max-width:1000px;*/
	/*margin: 0px;*/
	/*width: 100.0vw;*/
	margin-right: auto;
	margin-left: auto;
	max-width:1500px;
min-width:1500px;
	font-family: Arial;
	font-size: 18px;
	color: #000000;
}


a {
	color: #000000;
	text-decoration: none;
}

#titelleiste_menu {
	width: 100%;
	/*display: inline-block;*/
	/*font-size: 60%;*/
}


#logo{
	width: 20%;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}

#titel_name {
	border-top-left-radius: 1.0em;
	border-top-right-radius: 1.0em;
	max-width: 60%;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5em;
	color: #FFFFFF;
	background-color: #CD0000;
	margin-left: 1.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

#hauptnavigation {
	border-top-left-radius: 1.0em;
	border-top-right-radius: 1.0em;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	/*padding-left: 10%;
	padding-right: 10%;*/
	font-family: Arial;
	/*font-size: 1.5em;*/
	font-weight: bold;
	background-color: #CD0000;
	color: #FFFFFF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#hauptnavigation div{
	display: inline-block;
	width: 9.5em;
	text-align: center;
	margin-right: 0.2em;
	margin-left: 0.2em;
color: #FFFFFF;
	
}

#hauptnavigation a{
color: #FFFFFF;
}



#titelleiste {
	width: 90%;
	/*display: inline-block;*/
	/*font-size: 60%;*/
	text-align: center;
	margin-right: auto;
	margin-left: auto;
/*max-width:1500px;*/
}

#titelleiste img{
	width: 100%;
	/*display: inline-block;*/
	/*font-size: 60%;*/
	text-align: center;
	margin-right: auto;
	margin-left: auto;
/*max-width:1500px;*/

}



#titelleisteSaalplan {
	width: 100%;
	/*display: inline-block;*/
	/*font-size: 60%;*/
	text-align: center;
	margin-right: auto;
	margin-left: auto;
/*max-width:1500px;*/
}

#titelleisteSaalplan img{
	width: 50%;
	/*display: inline-block;*/
	/*font-size: 60%;*/
	text-align: center;
	margin-right: auto;
	margin-left: auto;
/*max-width:1500px;*/
}



#eventauswahl {
	width: 100%;
	
	/*font-size: 60%;*/
	text-align: center;

}

.event{
display: inline-block;
border: 1px solid;
	border-radius: 15px;
margin: 10px 10px;
padding: 0px 0px 20px 0px;

}

#event_text_links{
display: inline-block;
vertical-align: middle;
text-align: left;
width: 15%;
font-size: 20px;
}

#event_text_rechts{
display: inline-block;
vertical-align: middle;
text-align: left;
width: 75%;
font-size: 20px;
}

#event_img{
border-radius: 15px 15px 0px 0px;
}


.legende{
text-align: left;
width: 90%;
margin-right: auto;
margin-left: auto;
}

#saalplan{
text-align: center;
width: 100%;
min-width: 1500px;
/*height: 800px;*/
margin-right: auto;
margin-left: auto;
/*vertical-align: middle;*/
background-image: url('Hintergrundbild_Saalplan.jpg');

}

#saalplan h1{
width: 100%;
font-size: 80px;
border: 2px solid;
}


.reihen_links{
/*border-style: solid;*/
/*-moz-transform: rotate(30deg);*/
/*-ms-transform: rotate(30deg);*/
/*-o-transform: rotate(0deg);*/
/*-webkit-transform: rotate(0deg);*/
transform: rotate(30deg);
/*transform-origin: 0% 75%;*/
/*width:600px;*/
/*margin: 100px 0px 0px 150px;*/
display: inline-block;
margin-right: 50px;

}

.reihen_rechts{
/*border-style: solid;*/
/*-moz-transform: rotate(30deg);*/
/*-ms-transform: rotate(30deg);*/
/*-o-transform: rotate(0deg);*/
/*-webkit-transform: rotate(0deg);*/
transform: rotate(-30deg);
/*transform-origin: 0% 0%;*/
/*width:600px;*/
/*margin: 280px 0px 0px 800px;*/
display: inline-block;
margin-left: 50px;
}

.tischreihe_links{
display: inline-block;
vertical-align: middle;
margin-right: 30px;

}

.tischreihe_rechts{
display: inline-block;
vertical-align: middle;
margin-left: 30px;

}

.platz_links{
display: inline-block;
vertical-align: middle;

}

.tisch{
display: inline-block;
vertical-align: middle;
}

.platz_rechts{
display: inline-block;
vertical-align: middle;
}


.platz_links button{
  width: 30px;
  height: 20px;
margin: 2px 2px;
padding: 1px 1px;
background-color: #F0F0F0;
}


.platz_rechts button{
  width: 30px;
  height: 20px;
margin: 2px 2px;
padding: 1px 1px;
background-color: #F0F0F0;
}

#personenangaben{
}


#personenangaben_daten{
display: inline-block;
font-size: 22px;
}

#personenangaben_daten input{
font-size: 18px;
text-align: left;
}

#personenangaben_daten select{
font-size: 18px;
text-align: left;
width: 100%;
}

#personenangaben_daten table{
/*border: solid 1px;*/
border-spacing: 30px 10px;
text-align: right;
}

#personenangaben_abschicken{
display: inline-block;
vertical-align: bottom;
}

#personenangaben_abschicken input{
font-size: 22px;
}

#radiobutton{
border: none;
font-size: 22px;
}

#fehlende_felder{
visibility: hidden;
color: #FF0000;
font-size: 26px;
}


#liste{
font-family: arial;
visibility:hidden;
}

#liste table{
border: solid 1px;
border-collapse: collapse;
text-align: center;
}

#liste table tr{
font-size: 18px;
border: solid 1px;
border-collapse: collapse;
}

#liste table td{
width: 180px;
}



#erste_zeile{
font-family: arial;
border: solid 2px;
border-collapse: collapse;
background-color: grey;
color: white;
border-color: black;
}

#letzte_zeile{
font-family: arial;
border: solid 2px;
border-collapse: collapse;
text-align: right;
}


#tabelle1 span{
font-size: 12px;
}


#gesamtbetrag_spalte{
text-align: center;
font-weight: 600;
}


#versandart{
font-family: arial;
visibility:hidden;
font-size: 18px;
}


#personenangaben{
//font-family: arial;
visibility:hidden;
//font-size: 18px;
}


#kaufbestaetigung{
//font-family: arial;
visibility:hidden;
//font-size: 18px;
}


#bestaetigung {
	width: 100%;
	
	font-size: 26px;
	text-align: center;

}


#intervall{
width: 100%;
//font-size: 26px;
text-align: center;
}