/* CSS Document */

body {
background-color:#000000;
margin:0;
}

.HPTitel {
position:relative;
background-color: #FFFF99;
left:2vw;
top:2vh;
width:94vw;
height:5vh;
margin-bottom:3vh;
padding-top:1vh;
border:#0000FF solid 3px;
border-radius: 10px;

text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:3vh;
font-style:italic;
font-weight:bold;
}

.HPContend {
position:relative;
background:url(../images/bg_hp1.jpg) no-repeat;
background-size:cover;
overflow: hidden;
left:2vw;
width:94vw;
height:80vh;
margin-bottom:1vh;
padding:0vh;
border:#0000FF solid 3px;
border-radius: 10px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:3vh;
font-style:italic;
font-weight:bold;
}

.Pics {
z-index:200;
margin-left:60vw;
margin-top:10vh;
}


.HPImpr {
position:relative;
background-color: #FFFF99;
left:2vw;
width:94vw;
height:5vh;
margin-bottom:0vh;
padding:0vh;
border:#0000FF solid 3px;
border-radius: 10px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:3vh;
font-style:italic;
font-weight:bold;
}

/*******************************Impressum**********************************/
.IMPRContend {
background-attachment: scroll;
background-image: url(../images/bg_hpSW.jpg);
position:relative;
background-color: #FFFF99;
background-size:cover;
overflow: scroll;

left:2vw;
width:94vw;
height:80vh;
margin-bottom:1vh;
padding:0vh;
border:#0000FF solid 3px;
border-radius: 10px;

text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:3vh;
font-style:italic;
font-weight:bold;
}
.HPContendSW.Adresse {
}
.Adresse img {
width:200px;
height:50;
}

/*****************************Bildersammlung**************************************/

.BISAContend {
position:relative;
background:url(../images/bg_hp1.jpg) no-repeat;
background-size:cover;
overflow: scroll;
left:2vw;
width:94vw;
height:80vh;
margin-bottom:1vh;
padding:0vw;
border:#0000FF solid 3px;
border-radius: 10px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:3vh;
font-style:italic;
font-weight:bold;
}



/*****************************Bilderseite Steuerung*******************************/
.thumbs {
	z-index:800;
	text-align:left;
	position:relative;
	overflow:hidden;
	border-radius:0.7vw;
	margin-left:3vw;
	margin-right:3vw;
	margin-top:0vw;
	margin-bottom:3vw;
	padding-left:0.53vw;
	padding-right:0.53vw;
	padding-bottom:1.1vw;
	display:flex;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
}
.thumbnail {
	border:#0000FF 0.2vw solid;
	border-radius:0.5vw;
	background-image:url(../images/bg_thumbnail.png);
	background-repeat:repeat;
	height: 170px;
	width: 170px;
	margin-top: 1vw;
	margin-left:0.45vw;
	margin-right:0.45vw;
	z-index: 821;
	text-align:center;
	float:left;
	font-size:1vw;
}
.thumbnail a:link {
	color: #000000;
	text-decoration: none;
}
.thumbnail a:visited {
	color: #333333;
	text-decoration: none;
}
.thumbnail img {
	width:auto;
	height:65%;
	margin-top:15px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 4px;
	border-radius:0.4vw;
	overflow:hidden;
}