@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Rochester);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,800,400);
@import url(http://fonts.googleapis.com/css?family=Voltaire);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,300,500);
@import url("../css/slimmenu2.css");
@import url("https://1851-reloaded.de/css/formstyle.css");
@import url("https://1851-reloaded.de/css/responsiveslides.css");
@import url("https://1851-reloaded.de/lightbox/css/lightbox.css");
@import url('https://fonts.googleapis.com/css?family=Lobster');


/* ------------------------------------------
  RESET
--------------------------------------------- */
body, div,
h1, h2, h3, h4, h5, h6,
 blockquote, pre, dl, dt, dd, ol, 
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}
a,
a:active,
a:hover {
  outline: 0;
  text-decoration:none;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
body {
   font-family: 'Open Sans', sans-serif;
	color:#0B375E;
   margin:0;
   padding:0;
}
#flag {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 120px;
	height: 27px;
	z-index: 1000;
	opacity: 0.75;
}
#flag img {
	margin-right: 5px;
	}

.logo-wrapper {
    margin-left: 28%;
    background-image: url(../images/logo.png);
    height: 129px;
    background-repeat: no-repeat;
    background-position-x: 520px;
    background-position-y: 38px;
}
strong {
	color:#0B375E;
	font-weight:700;
}
h1 {
	font-family: 'Lobster', cursive;
	font-size: 4.5em;
	color: #7AB1C4;
	letter-spacing: 4px;
	/*text-transform:uppercase;*/
	opacity: 0.85;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-left: 2%;
	width: 92%;
}
h2 {
   font-size: 1em;
	margin-bottom: 1em;
	color:#7AB1C4;
}
h3 {
	font-size:1.2em;
	font-family: 'Raleway', sans-serif;
	font-weight:300;

}
ul {

}
.wrapper li {
	margin:0 0 0.5em 0;

}
a {
	color:#7AB1C4;
	font-weight:400;
}
a:hover
{
   color:#0B375E;
}
#header {
	width: 100%;
	position: fixed;
	min-height: 150px;
	background-color: #000;
	top: 0;
	z-index: 100;
}
#slider1 {
	position: relative;
	margin-top: 160px;
}

.logo {
	position:absolute;
	left:8%;
	top:13%;
	width:180px;
	height:180px;
}
.logo img {
	width:100%;
	height:100%;
}
.normal-font {
	position: absolute;
	right: 8%;
	top: 55%;
	width: 60%;
	font-size: 1.2em;
	line-height: 1em;
	color: #CCCCCC;
	text-align: right;
	letter-spacing: 2px;
	font-weight: 300;
}
.newsticker {
	position: relative;
	height: auto;
	margin-right: 0;
	margin-left: 0em;
	padding: 1em;
	background-color: #7AB2C4;
	text-align: center;
}
.content-home {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	background-color: #000;
}

.content {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 600px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	background-color: #000;
}
.content-home > h3 {
	font-family: 'Raleway', sans-serif;
	font-size:1.5em;
	color:#7AB1C4;
	letter-spacing:4px;
	padding:2%;
	text-align:center;
}

.content > h3 {
	font-family: 'Raleway', sans-serif;
	font-size:1.5em;
	color:#7AB1C4;
	letter-spacing:4px;
	padding:2%;
	text-align:center;
}
.content2 {
	position:relative;
	width:100%;
	height:auto;
	margin: 0 0 0 0;
	background-color: #000;
}
.content2 > h3 {
	font-family: 'Raleway', sans-serif;
	font-size:1.5em;
	color:#7AB1C4;
	letter-spacing:4px;
	padding:2%;
	text-align:center;
}

#headpic {
	position: fixed;
	width: 100%;
	height: 600px;
	z-index: -1;
	overflow: hidden;
	top: 106px;
}
#headpic img {
	width: 100%;
}
/*//////////////////////////////////////////////////
////////////////   Verschiedenes     ////////////////
//////////////////////////////////////////////7//*/
.abstand {
	margin-top: 1.5em;
}
hr {
	height: 1em;
	background-color:#fff;
	color: #fff;
	width: 100%;
	border:none;
}
/*//////////////////////////////////////////////////
////////////////   Verschiedenes     ////////////////
//////////////////////////////////////////////7//*/

#popup-firmen {
	width: 60%;
	background-color: #fff;
	padding: 2em;
	border-radius: 4px;
	margin: 3em auto;
	opacity:0.9;
}
#popup-firmen2 {
	width: 70%;
	background-color: #fff;
	padding: 2em;
	border-radius: 4px;
	margin: 3em auto;
	opacity:0.9;
}
.popfont {
	font-family: 'Open Sans', sans-serif;
	color:#0e3b5a;
	font-size: 0.8em;
	letter-spacing: 1px;
	font-weight: 700;
}

/*//////////////////////////////////////////////////
////////////////   Grid System     ////////////////
//////////////////////////////////////////////7//*/
.wrapper {
/*	width: 100%;*/
	height: auto;
	position: relative;
	margin: 0 auto;
	color: #000;
	font-size: 1.2em;
	letter-spacing: 1px;
	font-weight: 300;
	padding: 2%;
	background: #fff;
}
.quarter {
	width:20%;
/*	padding: 1%;*/
/*	background-image:url(../images/brown.png);*/
	min-height: 3em;
	float: left;
/*
	margin: 2% 1%;
	padding: 2%;
*/
}
.two-third {
    width: 60%;
    padding: 2%;
    background-image: url(../images/bg-col.png);
    min-height: 3em;
    float: left;
    margin-left: 1%;
    margin-bottom: 1%;
    margin-right: 1%;
}
.one-third {
    width: 29%;
    padding: 2%;
    background-image: url(../images/bg-col.png);
    min-height: 3em;
    float: left;
    margin-bottom: 1%;
}
.one-third img {
    /*border:solid 1em #7AB1C4;*/
    width: 100% !important;
    margin-bottom: 0em;
}
.half {
	margin:1%;
	padding:2%;
	width:44%;
	float:left;
	background-image: url(../images/bg-col.png);
	min-height: 3em;
}
.whole {
	width:100%;
	height:auto;
	position:relative;
}
.whole img {
	width:100%;
}

.clearing {
	clear:both;
}
.wrapper img {
	width:100%;
}
.quarter a img:hover {
	opacity:0.8;
}


/*//////////////////////////////////////////////////
////////////////   Grid System     ////////////////
//////////////////////////////////////////////7//*/


.handscript {
	font-family: 'Voltaire', sans-serif;
	font-size:1.2em !important;
	text-align:center;
}
.reset_width {
	width:auto !important;
	-webkit-box-shadow: 0px 0px 0px 0px #000000 !important; /* WebKit */
	-moz-box-shadow: 0px 0px 0px 0px #000000 !important; /* Firefox */
	box-shadow: 0px 0px 0px 0px #000000 !important; /* Standard */
	
}
.point {
	border-left-style: double;
	padding-left: 0.7em;	
}
/* ------------------------------------------
 table STYLES
--------------------------------------------- */
.table-wrapper {
	width:100%;
	position:relative;
	/*border:2px solid #55632A;
	padding:5%;*/
	font-size:1em;
	background-image:url(../images/bg-col.png);
}
.table-head {
	width:100%;
	padding: 1% 0;
	height:auto;
	font-weight: 700;
	color: #7AB1C4;
	font-size: 1em;
}
.field-left {
	float:left;
	width:75%;
	padding: 1% 0;
	height:auto;
}
.field-right {
	float:right;
	width:22%;
	padding: 1% 0;
	height:auto;
	text-align:right;
}
iframe {
	-webkit-box-shadow: 0px 2px 5px 0px #000000; /* WebKit */
	-moz-box-shadow: 0px 2px 5px 0px #000000; /* Firefox */
	box-shadow: 0px 2px 5px 0px #000000; /* Standard */
}
/* ------------------------------------------
 end of table STYLES
--------------------------------------------- */
.red {
	color:#990000;
}
.white {
	color:#fff;
}

/* ------------------------------------------
 FOOTER STYLES
--------------------------------------------- */
#footer {
	width:100%;
	position:relative;
	min-height:160px;
	background-color:#000;
}
.footer-wrapper {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
	color:#BECDD6;
/*	font-size: 1.1em;*/
	letter-spacing:1px;
	font-weight:300;
	line-height: 1em;
}
.footer-wrapper h2 {
	color:#BECDD6 !important;
	border-bottom:1px solid #3F3E3E;
	padding-bottom: 0.5em;
	letter-spacing:2px;
}
.footer-col {
	width:27%;
	float:left;
	color:#BECDD6;
	padding:3% 3%;
}
.adressbar {
	width:100%;
	font-size:0.8em;
	position:relative;
	color:#BECDD6;
	text-align:center;
	padding-bottom: 2%;
}
.unterschrift {
	width:100%;
	font-size:0.8em;
	position:relative;
	color:#7AB1C4;
	text-align:center;
	padding-bottom: 2%;
}

.knopf {
	position: relative;
	width: 260px;
	background: #7AB1C4;
	padding: 1em;
	font-size: 0.9em;
	text-align: center;
	border-radius: 4px;
	color: white;
	margin-top: 2em;
}
.knopf:hover {
	background:#437194;
}
.knopf a {
	color: #fff;
	
}
#footer ul {
	margin:0 0 0 1.5em;
	padding:0;
}
#footer ul li {
	list-style: none;
	line-height:2em;
	border-bottom:1px solid #3F3E3E;
}
#footer ul li a {
	color:#BECDD6;
	text-decoration:none;
}
#footer ul li a:hover {
	color:#FFF;
}
#footer li ul {
	margin:0 0 0 1.5em;
	padding:0;
}
#footer li ul li {
	border-bottom:none;
	list-style:disc;
	font-size:0.9em;
}
#footer a:hover {
	color:#FFF;
}
.readmore {
	background: none repeat scroll 0 0 #648084;
	color: #FEF0DF;
	font-size: 1em;
	padding: 10px 14px;
	width: 105px;
	border: solid #fff 1px;
	cursor: pointer;
}
.readmore:hover {
	box-shadow: 0 0 8px lightblue;
}

/* ------------------------------------------
 end of FOOTER STYLES
--------------------------------------------- */
@media only screen and (min-width : 766px ) and ( max-width : 1020px ){
.quarter {
	width: 40%;
	margin: 1% 3%;
}
}
@media only screen and ( min-width : 100px ) and (max-width : 765px ){
#headpic {
    position: fixed;
    width: 100%;
    height: 31em;
    z-index: -1;
    overflow: hidden;
    top: 70px;
}
#slider1 {
    position: relative;
    margin-top: 103px !important;
}	
	.two-third{width: 100%;}
	.one-third{width: 100%;}
	
	.footer-wrapper {
		font-size: 0.6em;
	}
.content > h3 {
    font-size: 1em;
	
}	
.content-home > h3 {
		font-size: 1em;
	}
	
	.quarter {
	width: 90%;
	padding: 2%;
	margin: 1% auto;
	float: none;
}
.wrapper img {
	width:80%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wrapper {
	font-size: 0.8em !important;
	padding: 19px !important;
/*    width: 88%;	*/
	}
.half {
		width: 100% !important;
	}
.content {
	margin-top:15em;
}

.content-home {
/*	margin-top:18em;*/
}
#kenburns-slideshow {
	height: 20em; 
	top: 4%;
}
	#header {
		min-height: 10px !important;
	}
.navigation {
    margin-top: 64px !important;
}
	h1 {
	font-size:1.2em;
	width:90%;
	margin-left:20%;
	text-align:left;
}
	h3 {
		font-size: 1em;
	}
#flag {
	position: fixed;
	top: 1px;
	right: 10px;
	width: 54px;
	z-index: 1000;
	opacity: 0.75;
}
#flag img {
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 1px;
	}

}

@media only screen and (min-width : 766px ) and ( max-width : 1020px ){

h1 {
/*	font-size:2.2em;*/
	width:90%;
	margin-left:1%;
	font-size: 4.5em;
}
	.logo-wrapper {
		margin-left: 5%;
		width: 80%;
	}
#header {
/*	min-height: 90px;*/
}
.normal-font {
	font-family: 'Open Sans', sans-serif;
position: static;
font-size: 1em;
line-height: 1.8em;
color: #CCCCCC;
text-align: center;
width: auto;
margin-left: 2%;
}
.content-home {
/*	margin-top:30em;*/
}

.content {
	margin-top:25em;
}
.two-third {
	width: 90%;
	float: none;
	margin: 0 auto;
}
.one-third {
	width: 90%;
	float: none;
	margin: 0 auto;
}
.half {
	margin: 0 3%;
	width:90%;
	float:none;
}
.footer-col {
	width:80%;
	float:none;
	color:#BECDD6;
	padding:6%;
}
.adressbar {
	width:90%;
}
.one-third img {
	width:60%;
	-webkit-box-shadow: 0px 2px 5px 0px #000000; /* WebKit */
	-moz-box-shadow: 0px 2px 5px 0px #000000; /* Firefox */
	box-shadow: 0px 2px 5px 0px #000000; /* Standard */
	display: block;
    margin-left: auto;
    margin-right: auto;

}
img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.collapse-button {
/*	top:85%;*/
}
#kenburns-slideshow {
	height: 32em; 
	top: 4%;
}
#headpic {
	position: fixed;
	width: 100%;
	/* [disabled]height: 43%; */
	z-index: -1;
	overflow: hidden;
	top: 75px;
}

}
/* ------------------------------------------
  CURRENT LINKS
--------------------------------------------- */
body#home a#home,
body#preise a#preise,
body#impressum a#impressum,
body#portfolio a#portfolio,
body#kontakt a#kontakt,
body#aktuelles a#aktuelles,
body#workshops a#workshops,
body#ferrotype a#ferrotype,
body#about a#about,
body#oleotypie a#oleotypie,
body#hochzeit a#hochzeit

{
	background: #437194;
} 
body#home a#f-home,
body#preise a#f-preise,
body#portfolio a#f-portfolio,
body#workshops a#f-workshops,
body#aufstellung a#f-aufstellung,
body#impressum a#f-impressum,
body#about a#f-about,
body#ferrotype a#f-ferrotype,
body#kontakt a#f-kontakt,
body#aktuelles a#f-aktuelles,
body#seminare a#f-seminare,
body#about a#f-about,
body#oleotypie a#f-oleotypie,
body#hochzeit a#f-hochzeit,
body#cases a#f-cases,
body#flowers a#f-flowers,
body#ghosts a#f-ghosts
{
	color: #437194;
}