html, body {
    font-family: Arial, Helvetica, sans-serif;
    background-image: url('images/bgTop.jpg');
}

body {
    display: grid;
    grid-template-areas:
    "header header"
    "nav body"
    "footer footer";
    grid-template-columns: 14vw 85vw;
    grid-template-rows: min-content auto min-content;
    width: 100vw;
    margin: 0;
    overflow-x: hidden;
	height: 100vh;
	
}

* {
    box-sizing: border-box;
}

html {}

.titlesection{
   
	height:auto;
	text-align:center;
	font-size:1.5em;
	color:#5A181E;
	text-shadow: 1px 1px black;
	text-shadow:1px 1px 1px white;
	grid-area: title;
}

.banner {
    right: -125px;
    top: 210px;
    z-index: 190;
    position: absolute;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 467px;
    text-align: center;
    vertical-align: middle;
    height: 50px;
    padding-top: 17px;
    box-sizing: content-box;
}
.banner > .outer-border {
	position: absolute;
	width: 100%;
	border-bottom: 100px solid #5A181E;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
}
.banner > .inner-border {
	position: absolute;
	width: 95%;
	border-bottom: 90px solid white;
	border-left: 90px solid transparent;
	border-right: 90px solid transparent;
	top: -35%;
	left: 50%;
	transform: translate(-50%,50%);
	z-index: 191;
}
.banner > .text {
	position: absolute;
	color: #5A181E;
	font-size: 2em;
	background-color: white;
	z-index: 192;
	left: 50%;
	transform: translateX(-50%);
	top: 46px;
}
.photogallerie{
    height:auto;
    background-color:;
}
.bigimgplaceholder{
       margin:0 auto;
       width:100%;
       height:100%;
       background-color:transparent;
       z-index:999;
       border-radius:10px;
}
.bigimgplaceholder img{
     margin:0 auto;
height:100%;
width:100%;
max-width:100%;
max-height:100%;

     display: block;
border:3px solid black;
}
.thumbimgplaceholder{
    margin:0 auto;
    width:100%;
    height:175px;
  
    z-index:900;
    border-radius:10px;
    overflow: hidden; 
    white-space: nowrap;
    border:3px solid black;
    margin-top:10px;
}
    .thumbimgplaceholder a {
        max-height: 200px;
      
    }
.thumbimgplaceholder img {
margin-left:1px;
border:3px solid black;
height:200px;
max-height:200px;



}
#scroll_L_Arrow , #scroll_R_Arrow  {
     border:none;
}
#scroll_L_Arrow:hover {  
background-color:white;
border-radius:100px;
}
#scroll_R_Arrow , #scroll_R_Arrow  {
     border:none;
}
#scroll_R_Arrow:hover {  
background-color:white;
border-radius:100px;


}

.leftbutton{

    width:30px;
  
    z-index:2;

 background: white; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg,#999, white, #999); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg,#999, white, #999); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg,#999, white, #999); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg,#999, White, #999); /* Standard syntax */
    position:relative;
    top:0;
       float:left;
   height:100%;
border-radius:10px;
}
.leftbutton:hover{
 background: #999; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg,black, #999, black); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg,black, #999, black); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg,black, #999, black); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg,black, #999, black); /* Standard syntax */

}
.rightbutton{

    width:30px;
height:100%;
   
    z-index:2;
    position:relative;
     right:0;
     top:0;
        float:right;
 background: white; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg,#999, white, #999); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg,#999, white, #999); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg,#999, white, #999); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg,#999, White, #999); /* Standard syntax */
border-radius:10px;
}
.rightbutton:hover{
	 background: #999; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-90deg,black, #999, black); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg,black, #999, black); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg,black, #999, black); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg,black, #999, black); /* Standard syntax */
	
	
	
	
	
}
.imgthmb{
     
  
   
 
    overflow-x: hidden;   
    overflow-y: hidden;   
    white-space: nowrap;
   
}
.jobopenings{
	
	width: 80%;
    height: 900px;
    background-color: red;
    position: fixed;
    left: 272px;
    top: 149px;
	z-index:99;
	
	
	
}
th{
	width:200px;
	border:2px solid black;
	float:left;
	text-align:left;
}
td{
	
	float:left;
	text-align:left;
	
	
}