/*    Generated by http://www.cssportal.com    */

/* @import url("reset.css"); */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333;
    height: 100%;
}

#wrapper {
    margin: 0 auto;
    width:100%;
    height: 100%;
}


@media only screen and (min-width: 1920px) {
	/* gelb */
	#navigation {float: left; width:100%; background: white;}

	#content {float: left; width: 60%;}
	/* Normal
	#content_textbox1 {float: left;  width: 100%; background-color: white; border: thin #B7D3EE solid; border-radius: 0px 0px 8px 8px; text-align: center;} 
	*/
	/* Weihnachten 
	#content_textbox1 {float:none; width: 100%; background-color: white; background: url("../images/background_christmas-2985527_960_720.jpg");
	background-repeat: no-repeat; background-size: 100% auto; border: thin #B7D3EE solid; border-radius: 0px 0px 8px 8px; text-align: center;}
	*/
	/* Silvester 
	#content_textbox1 {float:none; width: 100%; background-color: white; background: url("../images/background_silvester-2.jpg");
	background-repeat: no-repeat; background-size: 100% auto; border: thin #B7D3EE solid; border-radius: 0px 0px 8px 8px; text-align: center;}
	*/
	
	/*/
	#content_textbox1 h1,h2 {padding: 0px; font-size: 18px; font-style: italic;}
	/*/
	#content_textbox2 {float: left; width: 100%; margin-top: 3px; background-color: white; border: thin #B7D3EE solid; border-radius: 8px 8px 8px 8px; text-align: center;}
	#content_textbox2 h3 {font-size: 18px; font-style: italic; margin: 2px;}

	#content_table {float: left; width: 100%; margin-top: 3px; background-color: white; border: thin #B7D3EE solid; border-radius: 8px 8px 8px 8px; 
					text-align: center; overflow-y: scroll; scrollbar-color: green #B7D3EE; height:auto; max-height: 60vh;}
	#content_table h2 {margin: 2px; font-size: 20px; text-decoration:underline;}
	#content_table table thead h3 {margin: 0px; text-decoration:underline;}
	#content_table table { margin-left:auto; margin-right:auto;}
	#content_table table td {border-bottom: medium black solid;}
	#content_table table td h3 {margin: 0px;}
	#content_table table td p {margin: 2px;}

	#leftcolumn {float: left; background: white; margin-right: 2px; width: 18%; text-align: center;}
	#leftcolumn h3 {padding: 0px;}
	#leftcolumn img{height: 50%; width: 50%;}

	#rightcolumn {float: left; background: white; margin-left: 2px; width: 18%; text-align: center;}
	#rightcolumn h3 {padding: 0px;}
	#rightcolumn img{height: 50%; width: 50%;}

}

@media only screen and (max-width: 1920px) {
	/* green */
	#navigation {float: left; width:100%;}

	#content {float: left; width: 60%;}
	/* Normal
	 #content_textbox1 {float: left;  width: 100%; background-color: white; border: thin #B7D3EE solid; border-radius: 0px 0px 8px 8px; text-align: center;} 
	*/
	/* Weihnachten 
	#content_textbox1 {float:none; width: 100%; background-color: white; background: url("../images/background_christmas-2985527_960_720.jpg");
	background-repeat: no-repeat; background-size: 100% auto; border: thin #B7D3EE solid; border-radius: 0px 0px 8px 8px; text-align: center;}
	*/
	/* Silvester 
	#content_textbox1 {float:none; width: 100%; background-color: white; background: url("../images/background_silvester-2.jpg");
	background-repeat: no-repeat; background-size: 100% auto; border: thin #B7D3EE solid; border-radius: 0px 0px 8px 8px; text-align: center; color:white}
	*/
	
	/*/ 
	#content_textbox1 h1,h2 {padding: 0px; font-size: 18px;font-style: italic;}
	/*/
	#content_textbox2 {float: left; width: 100%; margin-top: 3px; background-color: white; border: thin #B7D3EE solid; border-radius: 8px 8px 8px 8px; text-align: center;}
	#content_textbox2 h3 {font-size: 18px; font-style: italic; margin: 2px;}

	#content_table {float: left; width: 100%; margin-top: 3px; background-color: white; border: thin #B7D3EE solid; border-radius: 8px 8px 8px 8px; 
					text-align: center; overflow-y: scroll; scrollbar-color: green #B7D3EE; height:auto; max-height: 60vh;}
	#content_table h2 {margin: 2px; font-size: 20px; text-decoration:underline;}
	#content_table table thead h3 {margin: 0px; text-decoration:underline;}
	#content_table table { margin-left:auto; margin-right:auto;}
	#content_table table td {border-bottom: medium black solid;}
	#content_table table td h3 {margin: 0px;}
	#content_table table td p {margin: 2px;}

	#leftcolumn {float: left; background: white; margin-right: 2px ; width: 18%; text-align: center;}
	#leftcolumn h3 {padding: 0px;}
	#leftcolumn img{height: 50%; width: 50%;}

	#rightcolumn {float: left; background: white; margin-left: 2px; width: 18%; text-align: center;}
	#rightcolumn h3 {padding: 0px;}
	#rightcolumn img{height: 50%; width: 50%;}
	
}

@media only screen and (max-width: 1024px) {
    /* aqua */
	#navigation {float: left; width:100%;}

	#content {float: left; background: #FFFFFF; width: 60%;}
	/*/
	#content_textbox1 {float: left;  width: 100%; background-color: white; border: thin #B7D3EE solid; border-radius: 0px 0px 8px 8px; text-align: center;}
	#content_textbox1 h1,h2 {padding: 0px; font-size: 18px;font-style: italic;}
	/*/
	#content_textbox2 {float: left; width: 100%; margin-top: 3px; background-color: white; border: thin #B7D3EE solid; border-radius: 8px 8px 8px 8px; text-align: center;}
	#content_textbox2 h3 {font-size: 16px;font-style: italic;}

	#content_table {float: left; width: 100%; margin-top: 3px; background-color: white; border: thin #B7D3EE solid; border-radius: 8px 8px 8px 8px; 
					text-align: center; overflow-y: scroll; scrollbar-color: green #B7D3EE; height:auto; max-height: 60vh;}
	#content_table table{margin-left:auto; margin-right:auto;}
	#content_table table td {border-bottom: medium black solid;}

	#leftcolumn {float: left; background: white; margin-right: 2px ; width: 18%; text-align: center;}
	#leftcolumn h3 {padding: 0px;}
	#leftcolumn img{height: 50%; width: 50%;}
	
	/* #rightcolumn {float: left; background: white; width: 20%; text-align: center;} */
	#rightcolumn {float: left; background: white; margin-left: 2px; width: 18%; text-align: center;}
	#rightcolumn h3 {padding: 0px;}
	#rightcolumn img{height: 50%; width: 50%;}
}

@media only screen and (max-width: 768px) {	
    /* maron */	
	#navigation {float: left; width:100%;}

	#content {float: left; background: #FFFFFF; width: 100%;}
	/*/
	#content_textbox1 {float: left;  width: 100%; background-color: white; border: thin #B7D3EE solid; border-radius: 0px 0px 8px 8px; text-align: center;}
	#content_textbox1 h1,h2 {padding: 0px; font-size: 18px;font-style: italic;}
    /*/
	#content_textbox2 {float: left; width: 100%; margin-top: 5px; background-color: white; border: thin #B7D3EE solid; border-radius: 8px 8px 8px 8px; text-align: center;}
	#content_textbox2 h3 {font-size: 14px; font-style: italic;}

	#content_table {float: left; width: 100%; margin-top: 3px; background-color: white; border: thin #B7D3EE solid ; border-radius: 8px 8px 8px 8px;
					text-align: center; overflow-y: scroll; scrollbar-color: green #B7D3EE; height:auto;}
	#content_table table {margin-left:auto; margin-right:auto;}
	#content_table table td {border-bottom: medium black solid;}

	#leftcolumn {display:none;}
	#rightcolumn {display:none;}
}

@media only screen and (max-width: 680px) {		
	/* orange */
	#navigation {float: left; width:100%;}

	#content {float:left; background: #FFFFFF; width: 100%;}
	/*/
	#content_textbox1 {float: left; width: 100%; background-color: #B7D3EE; border-radius: 0px 0px 8px 8px; text-align: center;}
	#content_textbox1 {float: left;  width: 100%; background-color: white; border: thin #B7D3EE solid; border-radius: 0px 0px 8px 8px; text-align: center;}
	#content_textbox1 h1,h2 {padding: 0px; font-size: 16px;font-style: italic;}
	#content_textbox1 h2 {margin-top: 1px; font-size: 12px;font-style: italic;}
	/*/
	/*/
	#content_textbox2 {margin-top: 3px; float: left; width: 100%; background-color: #B7D3EE; border-radius: 8px 8px 8px 8px; text-align: center;}
	#content_textbox2 {float: left; width: 100%; margin-top: 5px; background-color: white; border: thin #B7D3EE solid; border-radius: 8px 8px 8px 8px; text-align: center;}
	#content_textbox2 h3 {margin-top: 3px; margin-bottom: 3px; font-size: 14px; font-style: italic; text-decoration: underline;}
	#content_textbox2 p {margin-top: 2px; margin-bottom: 2px; font-size: 14px; font-style: italic; text-decoration: underline;}

	/* #content_table {float: left; width: 100%; margin-top: 3px; background-color: #B7D3EE; border-radius: 8px 8px 8px 8px; text-align: center;} */
	#content_table {float: left; width: 100%; margin: 2px 2px 2px 2px; background-color: white; border: thin #B7D3EE solid ; border-radius: 8px 8px 8px 8px; text-align: center; overflow-y: scroll; scrollbar-color: green #B7D3EE; height:auto;}
	#content_table table th {display:none;} 
	#content_table table {border: 1px solid white;border-collapse: collapse; margin-left:auto; margin-right:auto; /* margin: 0;*/ padding: 0px; table-layout: fixed; min-width: 90%;}
	#content_table table td{padding: 1px; border: 1px solid gray; display: block; text-align:center; width: 100%\9; float: left\9;}
	#content_table table tr{background-color: #f4f1f1; color:#000000; text-align:right;margin:0} /*2px*/
	#content_table table tr{display: block;}
	#content_table table td:not(:first-child){border-top:0px;}
	/* #content_table table .mobile-head{font-weight:bold;color:#000000;float:left;text-align:left;display:block} */
	
	#leftcolumn {display:none;}
	#rightcolumn {display:none;}
}