body, textarea, input, select {
	font-family: 'Josefin Sans', sans-serif;
	font-size:15pt;
}

body {
	background-color:#000;
}


#surround {
	margin:0 auto;
	width:100%;
}

.inner {
	margin:0 auto;
	max-width:2000px;
}

.innerBox {
	padding:0;
}


/* HEADER */
header {
	background:URL('/page/_webpics/lanter-logo-goldschmied-schaffhausen.png') no-repeat center;
	height:115px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:13pt;
	color:#919191;
	border-bottom:8px solid #bb8f3f;
	position:relative;
}

header .sprachwahl {
	padding:0 5px;
	line-height:36px;
}

header .sprachwahl a {
	color:#919191;
}
header .sprachwahl.akt a, #header .sprachwahl a:hover  {
	color:#000;
}

header #logo {
	line-height:10px;
	width:300px;
	height:115px;
	display:block;
	margin:0 auto;
}
header #logo img {
	max-width:100%;
	height:auto;
}



/*  SUCH-EINGABE */
header #searchbox {border:1px solid #000;}
header #searchbox td {padding:3px 0;}
header #searchbox ::-webkit-input-placeholder { color:#000; }
header #searchbox ::-moz-placeholder { color:#000; } /* firefox 19+ */
header #searchbox :-ms-input-placeholder { color:#000; } /* ie */
header #searchbox input:-moz-placeholder { color:#000; }

header #term {
	background-color:#fff;
	padding-left:10px;
	border:0;
	font-size:13pt;
	border-radius:0;
	color:#000;
}
header #sbutton {
	background:#262930 url('/page/_webpics/suchen-button.jpg') no-repeat center;
	cursor:pointer;
	font-size:13pt;
	width:30px;
	border-radius:0;
	border:0;
}





#backgroundBox, #backgroundFadeBox {
	background-repeat:no-repeat;
	background-position:top center;
	height:1100px;
	width:100%;
	position:absolute;
	display:block;
	z-index:0;
}

#backgroundFadeBox {
	top:0;
	left:0;
	display:none;
}
#ausgleich {
	position:absolute;
	max-width:1000px;
	width:100%;
	height:auto;
}




/* CONTENT */
#content {
	position:relative;
	width:100%;
	max-width:2000px;
	margin:0 auto;
	padding:0 0 20px 0;
	line-height:24px;
	text-align:left;
}

#content h1.pageTitle, .pageTitle {
	font-family: 'Josefin Sans', sans-serif;
	font-size:30pt;
	padding-top:0px;
	padding-bottom:37px;
	margin:0;
	font-weight:300;
}

#content li {
	font-weight:normal;
}


#content a,#content2 a {
	color:#bc8e40;
}
#content a:hover,#content2 a:hover {
	color:#bc8e40;
}

#content #textBox {
	position:relative;
	left:50%;
	width:50%;
	margin-top:300px;
}

#content #textBoxInner {
	color:#fff;
	font-weight:400;
	padding-left:200px;
	padding-right:60px;
	max-width:400px;
	display:none;
}

#contentMain #textBoxInner2 {
	color:#bbb;
	font-weight:400;
	font-size:13pt;
	max-width:1000px;
	margin:0 auto;
	padding:30px;
}
#contentMain a{
	color:#bc8e40;
}
#contentMain a:hover {
	color:#bc8e40;
}

#buttonNext {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12pt;
	width:200px;
	height:40px;
	line-height:40px;
	display:block;
	border:1px solid #bb8f3f;
	text-align:center;
	color:#dddddd !important;
	margin-top:30px;
}
#buttonNext:hover {
	color:#dddddd !important;
	background-color:#bb8f3f;
}

#pageButtonBack, #pageButtonNext {
	position:absolute;
	top:580px;
	width:50px;
	height:50px;
	display:block;
}

#pageButtonBack {
	left:10px;
	background:url('/page/_webpics/pfeil-weiss-links.png') no-repeat center;
}

#pageButtonNext {
	right:10px;
	background:url('/page/_webpics/pfeil-weiss-rechts.png') no-repeat center;
}

#pageBox {
	z-index:100;
	position:relative;
	height:1100px;
}


ul.suche {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.suche li a {
	display:block;
	padding:5px 15px;
	background-color:#ddd;
	border-bottom:1px solid #000;
}


.halbBox {
	width:50%;
	float:left;
}



/* FOOTER */
footer {
	background-color:#000;
	color:#818181;
	padding:25px 0;
	line-height:22px;
	border-top:8px solid #bb8f3f;
	font-weight:300;
	font-size:13pt;
}

footer h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:15pt;
	margin:0;
	padding-bottom:10px;
	color:#818181;
}

footer .footerBlock {
	width:33.33333%;
	float:left;
	line-height:28px;
}

footer .footerBlock .inBlock {
	padding:15px;
}

footer .footerBlock a {
	color:#818181;
}

#footerBox {
	max-width:800px;
	margin:0 auto;
}

.fbox1 {
	text-align:left;
}
.fbox2 {
	text-align:center;
}
.fbox3 {
	text-align:right;
}


#content2 {
	display:none;
}

#content2 img {
	width:100%;
}


#content2 #textBoxInner {
	color:#fff;
	font-weight:400;
	padding:10px 20px 50px;
	display:block;
}

#icontent {
	padding:0 20px;
	color:#818181;
	font-size:13pt;
}
#icontent a {
	color:#818181;

}


#menuButton {
	position:absolute;
	right:30px;
	bottom:20px;
	background-image:url('/page/_webpics/lanter-menue-button.png');
	background-position:top left;
	width:30px;
	height:30px;
	display:block;
	cursor:pointer;
}

#menuButton:hover { 
	background-position:top right;
}
#menuButton.akt { 
	background-position:bottom left;
}

#menuButton.akt:hover { 
	background-position:bottom right;
}


/* DATENSCHUTZ-TITEL */
.dse-haupttitel {
	font-size:19pt;

}

.dse-untertitel {
	font-size:14pt;
	font-weight:bold;
}

.impdaschu-titel {
	font-size:22pt;
	font-weight:bold;
	text-transform:uppercase;
}


/* RESPONSIVE */
@media  only screen and (max-width: 1200px) {
	#pageBox {
		z-index:100;
		position:relative;
		height:800px;
	}
	#backgroundBox, #backgroundFadeBox {
		background-repeat:no-repeat;
		background-position:top center;
		background-size:auto 800px;
		height:1100px;
		width:100%;
		position:absolute;
		display:block;
		z-index:0;
	}

	#content #textBox {
		margin-top:150px;
	}

	#pageButtonBack, #pageButtonNext {
		position:absolute;
		top:415px;
		width:50px;
		height:50px;
		display:block;
	}

}


@media  only screen and (max-width: 1000px) {
	#content {
		position:absolute;
		padding:0 0 50px 0;
		bottom:0;
	}
	#content #textBox {
		position:relative;
		left:0;
		color:#fff;
		width:100%;
		margin-top:auto;
	}
	#content #textBoxInner {
		padding-left:20px;
		padding-right:20px;
		max-width:600px;
		margin:0 auto;
		display:none;
	}
}



@media  only screen and (max-width: 740px) {
	#pageBox {
		height:auto;
	}

	#menuButton {
		display:none;
	}
	#myNavigation {
		display:block !important;

	}
	#content {
		position:relative;
		display:block;
		bottom:auto;
		padding:20px 0 20px 0;
	}
	#buttonNext, #pageButtonBack, #pageButtonNext {
		display:none;
	}
	#backgroundBox {
		display:none;
	}
	header {
		/*
		background-color:#fff;
		*/
	}
	footer .footerBlock {
		width:100%;
		float:none;
	}
	.fbox1 {
		text-align:center;
	}
	.fbox2 {
		text-align:center;
	}
	.fbox3 {
		text-align:center;
	}

	#content {
		display:none;

	}

	#content2 {
		display:block;
	}
	.mobile {
		border-bottom:10px solid #bb8f3f;
	}

}