*{
	margin: 0;
	padding: 0;
	outline: 0;
	--border-px: 0px;
	--border-test: var(--border-px) dashed #2F2F2F;
	--border-test-blue: var(--border-px) dashed blue;
	--border-test-red: var(--border-px) dashed red;
	--border-test-green: var(--border-px) dashed green;
	--border-links-test: var(--border-px) dashed #2F2F2F; 
}

body {
	background-image: url("../images/Background/CONNECT21_background.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}

@font-face {
	font-family: "Bell";
	src: url("../fonts/BELL.woff") format("woff");
}

@font-face {
	font-family: "MinionPro-Regular";
	src: url("../fonts/MinionPro-Regular.woff2") format("woff2"),
    url("../fonts/MinionPro-Regular.woff") format("woff");
}

@font-face {
	font-family: "Palatino-Linotype";
	src: url("../fonts/pala.woff2") format("woff2"),
    url("../fonts/pala.woff") format("woff");
}

@font-face {
	font-family: "Segoeui";
	src: url("../fonts/Segoeui.woff2") format("woff2"),
    url("../fonts/Segoeui.woff") format("woff");
}

#header_back {
    width:100%;
    height:100px;
	top:0px;
	z-index:10;
    }
.header {
	margin-left:auto;
    margin-right:auto;
    width:90%;
	min-width:450px;
    height:90px;
	border:var(--border-test);
    }
#header_nav {
	float: right;
	margin-right:10px;	
	margin-top:40px;
	padding-top: 20px;
	padding-bottom: 20px;
	border:var(--border-test);
	}

#header_nav a{
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	border: var(--border-links-test);
	text-decoration: none;
	color:#f5f5f5;
	background:#777777;
	font-family: "MinionPro-Regular";
	font-size: 18px;
	}

#header_nav a:hover{
	background:#505050;
	}
	
h3{
	color: #DCDCDC;  
	font-family: "Palatino-Linotype";
	font-size: 48px;
	font-weight: 100;
	}
h1{
	color: #BD6244; 
	font-family: "Palatino-Linotype";
	font-size: 70px;
	font-weight: 100;
	}
h2{
	color: #0c0c0c; 
	font-family: "MinionPro-Regular";
	font-size: 26px;
	font-weight: 100;
	}
#header_image {
	float: left;
    width:100px;
    height:100px;
	border:var(--border-test);
	margin-top: 1px;  
    }
#header_text {
	float: left;
	margin-top: 22px;  
	padding-left: 10px;
	border:var(--border-test);
    }
#header_text a{	
	text-decoration: none;
	color: #DCDCDC; 
	}
#main { 
	margin-left:auto;
    margin-right:auto;
	margin-top: 10px;
    width:90%;
	min-width:450px;
	padding-top: 5px;
	border:var(--border-test-red);	
    }
.row{
	margin-top:10px;
	margin-bottom:10px;
	background: rgba(124, 124, 124, 0.1);
	border:var(--border-test-blue);
	}
.row_flat{
	margin-top:10px;
	margin-bottom:10px;
	border:var(--border-test-blue);
	}
.row_colored{
	margin-top:10px;
	margin-bottom:10px;
	background: rgba(189, 98, 68, 0.5);
	border:var(--border-test-green);
	}
#row_hidden{
	display:none;
	margin-top:10px;
	margin-bottom:20px;
	background: rgba(124, 124, 124, 0.1);
	border:var(--border-test-blue);
	}
.row_nav{
	margin-top:20px;
	border:var(--border-test-blue);
	}
.row_nav_bar{
	margin-left:30px;
	padding-top: 10px;
	padding-bottom: 10px;
	float:left;
	border:var(--border-test);
	}	
.row_nav_bar a{
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	border: var(--border-links-test);
	text-decoration: none;
	color:#f5f5f5;
	background:#777777;
	font-family: "MinionPro-Regular";
	font-size: 18px;
	}	
.row_nav_bar a:hover{
	background:#505050;
	}
.row_popup{
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	background: rgba(50, 50, 50, 0.7);
	}
details {
	padding-top: 10px;
	}
details > summary {
	font-weight: bold;
	cursor: pointer;
	list-style: none;
	}
details > summary:before {
   content: "+";
	}
details[open] summary:before {
   content: "-";
	}
.ticket-button > a {
    color: black;
	}
.image_100cent { 
	width:97%;
	min-width:320px;	
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	border:var(--border-test);
    }
.image_100cent img { 
	width:100%;
    }
.image_50cent { 
	width:50%;	
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	border:var(--border-test);
    }
.image_50cent img { 
	width:100%;	
    }
.text_35 { 
	margin-top: 0px;
	margin-left: 0px;
	float:left;
	width: 35%;
	border:var(--border-test);
	color: #DCDCDC; 
	font-family: "MinionPro-Regular";
	font-size: 18px;
    }
.image_65 { 
	float:left;
	width:52%;
	margin-left:10px;
	margin-top:20px;
    }
.image_65 img { 
	width:100%;
    }
.text_65 { 
	margin-top: 20px;
	margin-left: 20px;
	float:left;
	width: 65%;
	border:var(--border-test);
	color: #DCDCDC; 
	font-family: "MinionPro-Regular";
	font-size: 18px;
    }
.text_50 { 
	margin-top: 20px;
	margin-left: 10px;
	float:left;
	width: 50%;
	border:var(--border-test);
	color: #DCDCDC; 
	min-height: 250px;
	font-family: "MinionPro-Regular";
	font-size: 18px;
    }
.text_100 { 
	margin-top: 0px;
	margin-left: 10px;
	float:left;
	margin-right:10px;
	width: 96%;
	border:var(--border-test);
	color: #DCDCDC; 
	font-family: "MinionPro-Regular";
	font-size: 18px;
    }
.text_100 a{
	text-decoration: none;
	color:#DCDCDC;
	}
.text_100 a:hover{
	background: rgba(80, 80, 80, 0.8);
	color:#f5f5f5;
	}
.image_35 { 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	float:left;
	width: 25%;
	min-width:100px;
	border:var(--border-test-red);
	z-index:0;
    }
.image_35 img { 
	width:100%;
	opacity:0.7;
    }
.image_35 img:hover { 
	opacity:1;
    }
.image_50 { 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	float:left;
	width: 45%;
	min-width:400px;
	border:var(--border-test-red);
	z-index:0;
    }
.image_50 img { 
	width: 100%;
    }
.text_center { 
	width: 100%;
	border:var(--border-test);
	color: #2F2F2F; 
	font-family: "MinionPro-Regular";
	font-size: 18px;
    }
.list_ordinary { 
	border:var(--border-test);
	margin-left:30px;
	margin-top:10px;
	margin-bottom:10px;
    }
.list_ordinary ul { 
	list-style: none;
    }
.list_ordinary ul li::before { 
	content: "•"; 
	color: #BD6244;
	font-weight: bold; 
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	margin-top:0px;
    }
.list_extra { 
	border:var(--border-test);
	margin-left:30px;
	margin-top:30px;
    }
.list_extra ul { 
	list-style: none;
    }
.list_extra ul li::before { 
	content: "•"; 
	color: #BD6244;
	font-weight: bold; 
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	margin-top:10px;
    }
.text_left ul li { 
	margin-top:5px;
    }		
#footer_back {
	margin-top:50px;	
	bottom: 0px;
	width:100%;
    height:100px;
	}
.footer {
	margin-left:auto;
    margin-right:auto;
    width:90%;
	min-width:450px;
    height:90px;
	border:var(--border-test);
    }
.footer_text {
	padding-top: 10px;
	border:var(--border-test);
	text-decoration: none;
	font-family: "Segoeui";
	font-size: 16px;
	color:#f5f5f5;
    }
.footer_text a{
	text-decoration: none;
	color:#f5f5f5;
	}
.footer_text a:hover{
	background:#505050;
	}
	
	
@media screen and (max-width:750px) {
        
   #header_nav {display:none;}
   #row_hidden {display:initial;}
	}