/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Abel');

html, body {
	height:100%;
	min-height:100%;
}

body {
	margin:0;
	padding:0;
	font-family: 'Calibri', 'Ubuntu', sans-serif;
	background:#485243;
	letter-spacing: 2px;
	overflow-x: hidden;
}

div {
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
	color:#FFFFFF;
}

.rudolflogo{
	
	font-size:1em;
	
}

p {
	font-size:1em;
}

a {
	-moz-transition:all ease-in-out  0.3s;
	-o-transition:all ease-in-out  0.3s;
	-webkit-transition:all ease-in-out  0.3s;
	transition:all ease-in-out  0.3s;
}

a:link, a:visited {
	color:#ffffff;
	text-decoration:none;
	
}

a:hover, a:active {
	color:#b1cca4;
}

a.aktiv {
	
	color:#398C57;

}
#container {
	
	/*background-color:#0f1a0a;*/
	position:relative;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	height:100%;
	min-height:100%;
}
.clearfix {
	clear:both;
	height:1px;
}

#header {
	background:#485243;
	border-bottom:3px groove #BDBCBC;
	border-width: 4px;
	height:200px;/*30vh;*/
	top:0;
	padding:0;
	position:fixed;
	z-index:200;
	width:100%;
	max-width:1195px;
	margin:0 auto;
}

#banner_rechts{
	/*border:1px solid #F01A1E;*/
	width:65% !important;
	height:200px; 
	position:absolute;
	
	/*background:#485243;*/
	border-right:3px groove #BDBCBC;
	border-width: 4px;
	margin-left:249px !important;
	
	
}
#schmucklinie{
	background:#485243;
	border-bottom:3px groove #BDBCBC;
	border-width: 4px;
	height:200px;/*30vh;*/
	top:0;
	padding:0;
	position:fixed;
	z-index:-3;
	width:100%;
	margin:0 auto;
	
}
#logo {
	width:250px;/*20vw;*/
	height:200px; 
	/*background:#485243;*/
	text-align: center;
	border-right:3px groove #BDBCBC;
	border-width: 4px;
}
#logo h1 
{
	padding:25px;
	margin:0px;
	font-size:1.5em;
}

.ruedilogo {
	width:60%;
	
}

#banner {
	position: absolute;
	left:280px;
	top:40px;
	
	/*height:100%;
	width:75vw;
	
	float:left;
 	left: 180px;
	float:right;
	text-align: center;
	
	/*border-right:2px groove #BDBCBC;*/
	/*background:#485243;*/

}


.ruedibanner {
	width:78%;
	/*padding-right:50px;*/

	
}


/*
#logo img {
	height:150px;
	width:200px;
	
}
*/


#maincontent {
}
#nav ul {
	padding:0;
	margin:0;
}
#nav li {
	list-style: none;
	display:block;
	margin:0 10px;
	font-family: 'Calibri', sans-serif;
}

#nav a {
	text-transform: uppercase;
	font-size:1.2em;
	line-height:1.6em;
}

#nav {
	top:250px;
	padding-left:30px;
	padding-top:30px;
	position:fixed;
	z-index:200;
	/*width:100%;*/
	max-width:1200px;
	margin:0 auto;
}
#content {
	border-left:3px groove #BDBCBC;
	border-right:3px groove #BDBCBC;
	border-width: 4px;
	position:absolute;
	background:#0f1a0a;
	/*border:2px ridge #BDBCBC;*/
	color:#ffffff;
	min-height:100vh;
	width:65%;/*70vw;*/
	padding:40px;
	/*margin-top:20vh;*/
	margin-left:246px;
	margin-top:190px;


	
}

.fotogalerie {
	width:33%;
	display:inline-block;
	padding-right:10px;
}

.bilder_vorschau{
	
width:100%;
	
}

.clearfix {
	clear:both;
	
	
}

.spalteL {
	float:left;
	/*width:80px;*/
	line-height:1.5;
	font-size:1em;
	
	
	
}

.spalteR {
	padding-left:98px;
	line-height:1.5;
	
	
}

textarea {
	font-family: 'Calibri', sans-serif;
	font-size:1em;
	
}

input {
	font-family: 'Calibri',  sans-serif;
	font-size:1em;
	
}

#scroll_top {
		bottom:15px;
		cursor:pointer;	
		color:#fff;
		position:fixed;
		right:15px;/*263px;*/
		display:none;
}


@media screen and (max-width: 1212px) {

	#banner_rechts {
		margin-left:246px !important;
		
	}
	
}

@media screen and (max-width: 830px) {
    body {
        /*background-color: #0f1a0a;*/
    }
	
	#container{
		background-color:#0f1a0a;
		
		
		
		
	}
	
	
	
	#nav {
	
	display:block;
	text-align:center;
	width:100%;
	margin:0px;
	max-width: 1200px;
	/*position:absolute;
	text-transform: uppercase;
	font-size:1.25em;
	padding: none;	*/
	top:0px;
	padding: 15px 0px;
	background-color: #485243;
	border-bottom: 3px groove #ffffff;
	
	
	
	}
	
	
	#content {
		
	
	
	width: 100%;
	position:absolute;
	min-height:80vh;
	margin:0px;
	margin-top: 45vh;
	border-top: 3px #ffffff;
	padding-top:70px;
	/*background-color: #0f1a0a;
	min-height:80vh;
	margin-left: 0px;*/


	
	
	}
	
	#banner_rechts{
		
		border: none;
		
	}
	
	#banner{
		
		display: none;
		
	}
	
	#logo{
		
		position:absolute;
		
		
	}
	
	#schmucklinie{
		border: none;
		
	}
	
	#content{
		
		border:none;
		
	}
	#header{
		
		display: none;
		
		
		
	}
	
	
	
}