@charset "UTF-8";
/* CSS Document */

.body {
	height: 100%;
	width: 99%;
}

#scale {
	width:30%;
	height: 30%;
}

#content {
	height: 40%;
	width: 270px;
	margin: 1em;
	padding: 10px;
	background-color: #FFF;
}

#content2 {
	height: 40%;
	width: 400px;
	margin: 1em;
	padding: 10px;
	background-color: #FFF;
}

#content3 {
	height: 100%;
	width: 70%;
	margin: 1em;
	padding: 10px;
	background-color: #FFF;
}

#inhalt {
	width:220px;
	height:40%;
	padding: 1em;
	margin: 10px;
}

#inhalt2 {
	width:350px;
	height:40%;
	padding: 1em;
	margin: 10px;
}

#inhalt3 {
	width:90%;
	height:40%;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
}


#background-ronny {
	background-image: url(../Bilder/background/ronny-livemusik.jpg);
	background-repeat: no-repeat;
	center: center fixed;
	webkit-background-size: cover;
	moz-background-size: cover;
	o-background-size: cover;
	background-size: cover;
	background-color: rgb(0,0,0);
}

#background-hubert2 {
	background-image: url(../Bilder/background/OpaHubert_web.jpg);
	background-repeat: no-repeat;
	center: center fixed;
	webkit-background-size: cover;
	moz-background-size: cover;
	o-background-size: cover;
	background-size: cover;
	background-color: rgb(0,0,0);
}

#background-projekt41 {
	background-image: url(../Bilder/background/projekt-41.jpg);
	background-repeat: no-repeat;
	center: center fixed;
	webkit-background-size: cover;
	moz-background-size: cover;
	o-background-size: cover;
	background-size: cover;
	background-color: rgb(0,0,0);
}

#background-vita {
	background-image: url(../Bilder/background/ronny-privat2.jpg);
	background-repeat: no-repeat;
	center: center fixed;
	webkit-background-size: cover;
	moz-background-size: cover;
	o-background-size: cover;
	background-size: cover;
	background-color: rgb(0,0,0);
}

#background-start {
	background-image: url(../Bilder/background/start.jpg);
	background-repeat: no-repeat;
	center: center fixed;
	webkit-background-size: cover;
	moz-background-size: cover;
	o-background-size: cover;
	background-size: cover;
	background-color: rgb(0,0,0);
}

#background-impressum {
	background-image: url(../Bilder/background/impressum.jpg);
	background-repeat: no-repeat;
	center: center fixed;
	webkit-background-size: cover;
	moz-background-size: cover;
	o-background-size: cover;
	background-size: cover;
	background-color: rgb(0,0,0);
}

#background-kontakt {
	background-image: url(../Bilder/background/kontakt2.jpg);
	background-repeat: no-repeat;
	center: center fixed;
	webkit-background-size: cover;
	moz-background-size: cover;
	o-background-size: cover;
	background-size: cover;
	background-color: rgb(0,0,0);
}

#navi-top {
	clear:left;
	background-color: rgb(0,0,0);
	top: 100%;
	position: static;
	align: center;
	padding: 10px;
	text-align: center;
	margin: 1em;
	width: 95%;

}

#footer2 {
	clear:left;
	text-align:center;
	background-color: rgb(0,0,0);
	padding: 10px;
	margin: 0em;
	position:fixed;
	bottom:0px;
	width: 100%;
}


#navi {
	width:70%;
	height:20px;
	left: 0px;
	padding-left: 15%;
	padding-top: 3px;
	padding-bottom: 3px;
}
#navi_container {
	width:100%;
	height:25px;
	background-color: #666;
}
#content_container {
	background-color: #FFF;
	bottom: 0px;
	padding-bottom: 0px;
	height: 40em;
	width: 100%;
}

#impressum_container {
	background-color: #FFF;
	bottom: 0px;
	padding-bottom: 0px;
	height: 80em;
	width: 100%;
}



.transparent {
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=70);
	/* Older than Firefox 0.9 */
	-moz-opacity:0.7;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.7;
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.7;
}