* {
box-sizing: border-box;
}

.row::after {
content: "";
clear: both;
display: table;
}

h1 {
text-transform: uppercase;}

[class*="col-"] {
float: left;
padding: 15px;
}


/* For mobile phones: */
[class*="col-"] {
width: 100%;
}


@media only screen and (min-width: 768px) {
/* For desktop: */
.col-1 {width: 10%;}
.col-2 {width: 20%;}
.col-3 {width: 30%;}
.col-4 {width: 40%;}
.col-5 {width: 50%;}
.col-6 {width: 60%;}
.col-7 {width: 70%;}
.col-8 {width: 80%;}
.col-9 {width: 90%;}
.col-10 {width: 100%;}
}


/* For mobile phones: */
.footer {
width: 100%;
text-transform: uppercase;
font-size:10px;
margin-top: 40px;
margin-bottom: 20px;
background-color: rgba(0,0,0,0.2);
padding:0 30px 0 30px; 
}



@media only screen and (min-width: 768px) {
/* For desktop: */

.footer {
position: absolute;
margin-left: 20%;
}

}


img {
max-width: 100%;
height: auto;
}

body {
background-margin:0px;
background-image: url('img/bgv.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top left;
background-color:#000;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
color:#fff;
}


.header {

background-image: url('img/logo.png');
background-repeat:no-repeat;
background-position:top-left 50px;
background-size:contain;
height:10%;
min-height:100px;


}


a:link, a:visited{
color: #fff;
}

a:active, a:hover {
color:#fff;
background-color: rgba(0,50,68,0.5);
}




.menu ul {
list-style-type: none;
text-transform: uppercase;
font-size: 150%;
margin: 0;
padding: 0;
}
.menu li {
padding: 8px;
text-transform: uppercase;
margin-bottom: 7px;
background-color: rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
background-color: rgba(0,50,68,0.2);
}


.under {
margin-left: 30px;
font-size: 50%;
}


#image_container{
	margin-top:20px;
	width:100%;
	margin-bottom:10px;
}


#thumbs{
	position:relative;
	display:inline-block;
	border:none;
	margin-right:7px;
	margin-bottom:11px;
	width:144px;
	height:144px;
	
	filter:alpha(opacity=65); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
	-moz-opacity: 0.65; 
	opacity: 0.65;
}

#thumbsi{
	position:relative;
	display:inline-block;
	border:none;
	margin-right:7px;
	margin-bottom:11px;
	width:0px;
	height:0px;
	

}

#thumbs:hover{
	filter:alpha(opacity=100); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)";
	-moz-opacity: 1; 
	opacity: 1;
}

#thumbtitel{
	position:absolute;
	text-transform: uppercase;
	background-color: #100c11;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:110px;
}
#thumbtitel:hover{
	background-color: #EEE;
	color:#333;
}


.content {
padding:5px 20px 30px 20px;

background-color: rgba(0,50,68,0.5);
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
color:#fff;
}