/* Sylware  CSS [http://www.sylware.nl, copyright 2015] */
a:active, a:focus {outline: 0;}
a:active { outline: none; }
a:link { outline: none; }
a img { border: 0; }
/* Default page setup*/
html { font-size: 100%; } 
body {
	margin-top : 0;
	margin-left : 0;
	margin-right:0;
	font-family : Verdana, Geneva, Arial, sans-serif;
	}
#backtotop {
	padding:0px;
	position:fixed;
	bottom:10px;right:0px;
	cursor:pointer;
	z-index:444;
}	
.head { 	
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}	
.download { color:#900a0c;}
.midden {
	align-items: center;
    -webkit-align-items: center; /* Safari 7.0+ */
}
/* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */
.marginsText {
	margin-left:20px;}

.imgPage { max-width: 90%; height: auto;box-shadow: 10px 10px 5px #888888;text-align:center;}

* { box-sizing: border-box; }
@media screen and (max-width: 750px) { 
	#columnsContainer column { 
	flex: 0 auto;
	-webkit-box-flex: 0 auto;/* Safari */
    margin-bottom: 0px; margin-right:0px;
	font-size: 0.5rem;
  	}
	#columnsContainer column img { 
 		margin-left:5%; -webkit-box-flex: 0 100%;/* Safari */}
 	.logo { width:200px;}

	h2 {font-size:0.5rem;
	}
	h1 { font-size:4.5vw;}
}
@media screen and (min-width: 751px) { 
	#columnsContainer { 
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  flex-flow: row wrap; 
	  justify-content: space-between; 
	}
	#columnsContainer column {  
	  position: relative; 
	  margin: 2% 0; 
	  flex: 1 1 48%;
	  -webkit-flex: 1 1 48%;/* Safari */
	  -ms-flex: 0 0 48%; 
	  -moz-flex: 0 0 48%; 
	  color : #808D96;
	}
}
.ColumnText { max-width:500px;}
/*#columnsContainer1 column:nth-child(even) img { float: right; margin-right:20px;  }*/
#columnsContainer column img { 
  width: 100%; height: auto; margin-left:20px; 
}
/*
@media screen and (max-width: 900px) { 
  #columnsContainer column { 
    font-size: 1.4rem;flex: 0 100%;}
}

@media screen and (max-width: 800px) { 
	#columnsContainer column { 
    font-size: 1.25rem; flex: 0 100%;}
}

@media screen and (max-width: 750px) { 
	#columnsContainer column { 
    flex: 0 0 48%; margin-bottom: 2%;  
  }

}
*/

/* Smartphones (portrait and landscape) ----------- */
/*
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#columnsContainer column { 
    flex: 0 0 48%; margin-bottom: 0px;;  
	font-size: 0.5rem;
  }
	#columnsContainer column img { 
 margin-left:10px; }

h2 {font-size:0.5rem;
}
h1 { font-size:4.5vw;}
}
*/
/* Smartphones (landscape) ----------- */
/*
@media only screen 
and (min-width : 321px) {
#columnsContainer column { 
    flex: 0 0 48%; margin-bottom: 0px;;  
	font-size: 0.5rem;
  }
	#columnsContainer column img { 
 margin-left:10px; }

h2 {font-size:0.5rem;
}
h1 { font-size:4.5vw;}
}
*/
/* Smartphones (portrait) ----------- */
/*
@media only screen 
and (max-width : 320px) {
#columnsContainer column { 
    flex: 0 0 100%; margin-bottom: 0px;;  
	font-size: 0.5rem;
  }
	#columnsContainer column img { 
 margin-left:10px; }

h2 {font-size:0.5rem;
}
h1 { font-size:4.5vw;}
}
*/
h1 { 	color : #808D96;
	font-size:5vw;
	font-weight:normal;}
h2 {font-size:1.0rem;
	font-weight:normal;
	color : #808D96;
	margin-left:20px;}
h3 {font-size:1.0rem;
	font-weight:bold;
	
	margin-left:20px;}	
#logo {
	margin-top:10px;
	background-position:left;
	position:absolute;
}
ul {
font-size:1.0rem;
	font-weight:normal;
	color : #808D96;
	margin-left:20px;
}
/* Menus:*/
#menu
{
	margin-top:0px;
	text-align:center;
	margin-left:auto;
    margin-right:auto;
	font-family : Verdana, Geneva, Arial, sans-serif;
	font-size:3vw;
}
.mainimg{
	margin:0;
	width:100%;
	height:460px;
}
a.main_menu {
	margin-left:20px;
	color:#e5e3e3;
	text-decoration: none;
    position:relative;
  	top:-9vw;
}
.main_menu:hover{
	color:#808D96;
}
a.main_menu-selected {
	margin-left:20px;
	color : #808D96;
	text-decoration: none;
    position:relative;
    top:-9vw;
}
.lang_menu{
	position:absolute;
	top:5px;
	color:#808D96;
	right:15px;
}
a.lang_menu_text{
	font-family : Arial;
	color : #808D96;
	text-decoration: none;
}
a.lang_menu_select
{
	font-family : Arial;
	color : #344047;
	text-decoration: none;
}
p {
	font-family : Verdana, Geneva, Arial, sans-serif;
	font-size : smaller;
	color : Black;
	background-color : transparent;}

/* Hyperlinks setup*/
a {
	font-family : Verdana, Geneva, Arial, sans-serif;
	color : #808D96;
	background-color : transparent}

a:hover {
	font-family : Verdana, Geneva, Arial, sans-serif;
	
	background-color : transparent;
	text-decoration: none}

/* Buttons setup*/
.buttons {
	font-family : Verdana, Geneva, Arial, sans-serif;
	background-color: #808D96;
	color: White;
	font-size: smaller;
	font-weight: bold}
/* contact form */


span {
	margin-bottom:5px;
	clear:both;
	float: left;
   	margin-top:0px;
	margin-left:10px;	
	width:160px;
	text-align:left;
    font-family : inherit;
}

select[type=combo] {
	clear:both;
	margin-bottom:5px;
  	border: 1px solid #999;
  	border-radius: 0;
 	-webkit-appearance: none;
    font-family : inherit;
}
textarea {
	margin-bottom:5px;
	margin-top:5px;
  	border: 1px solid #999;
  	border-radius: 0;
 	-webkit-appearance: none;
    font-family : inherit;
  	width:180px;
}
input[type=text] {
	margin-bottom:5px;
  	border: 1px solid #999;
  	border-radius: 0;
 	-webkit-appearance: none;
   	width : 180px;
}