@charset "UTF-8";

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html, body { height: 100%; }
html { text-rendering: optimizelegibility; }

::-moz-selection {
    background: none repeat scroll 0 0 rgb(204,204,204);
    color: rgb(0,0,0);
    text-shadow: none;
}
::selection {
    background: none repeat scroll 0 0 rgb(204,204,204);
    color: rgb(0,0,0);
    text-shadow: none;
}
a {
    text-decoration: none;
	-webkit-transition: color 0.5s ease-out;
	-moz-transition: color 0.5s ease-out;
	-o-transition: color 0.5s ease-out;
	transition: color 0.5s ease-out;
	color: rgb(187,165,136); 
}
h1,h2,h3,h4,h6 {
	font-weight: normal;
	font-family: 'TradeGothic18';
	text-transform: uppercase;
	font-size: 100%;
	text-align: center;
}
h5 { 
	font-family: 'ClassicalGaramondBT-Italic';
	font-weight: normal;
	text-align: center;
	font-size: 1em;
	font-style: italic;
}
h6 {
	font-weight: normal;
	font-family: 'TradeGothic20';
	text-transform: uppercase;
	font-size: 105%;
	text-align: center;
	padding: 1.5em 0;
}
p {
	font-family: 'ClassicalGaramondBT-Roman', Palatino, serif;
	font-size: 1em;
	padding-bottom: 1em;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
  	hyphens: auto;
}
.clear { clear: both; }

.huhu { display: none; }

/*===============================ALLGEMEIN================================*/
h1 { 
	padding-top: .5em;
	font-size: 1.5em; 
}

h2 { 
	font-size: 1.2em;
	line-height: 1.5em;
	color: rgb(187,165,136);
	padding-bottom: .8em; 
}
h3 { 
	font-size: 1.2em;
	line-height: 1.5em;
	color: rgb(187,165,136);
	padding-bottom: .8em;
	padding-top: 1.5em; 
}

h5 { margin-top: -0.9em; }

.head { 
	margin: 0 auto;
}
.tel { 
	display: block;
	width: 8em;
	height: 2em;
	margin: 1em auto 1.5em auto;
	background: rgba(168,3,3,1);
	background: -moz-linear-gradient(top, rgba(168,3,3,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(168,3,3,1)), color-stop(44%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1)));
	background: -webkit-linear-gradient(top, rgba(168,3,3,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
	background: -o-linear-gradient(top, rgba(168,3,3,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
	background: -ms-linear-gradient(top, rgba(168,3,3,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
	background: linear-gradient(to bottom, rgba(168,3,3,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a80303', endColorstr='#6d0019', GradientType=0 );
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0 solid rgb(255,255,255);
	text-align: center;
	line-height: 2em; 
}
.tel a { 
	color: rgb(255,255,255);
	font-family: 'TradeGothic20';
}
.tel a:hover { 
	color: rgb(153,153,153);
}
.content, #formular {
	display: block;
	position: relative;
	top: -60px;
	width: 100%;
	background: rgb(241,236,229);
}
.copy {
	width: 89%;
	text-align: center;
	line-height: 1.5em;
	margin: 0 auto;
	margin-top: -3em;
}

p a:hover { color: rgb(102,102,102); }

p.p-ohne { border-left: none; border-right: none; background: rgba(187,165,136, .2); }


/*===============================STARTSEITE================================*/

#startseite {
	background: url("../images/title-small.jpg") no-repeat 0 bottom transparent;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
.mov { display: none; }

.starthead {
	display: block;
	width: 14em;
	position: absolute;
	top: 38%;
	z-index: 1;
}
.starthead_1, 
.starthead_11, 
.starthead_2, 
.starthead_22, 
.starthead_3, 
.starthead_33 {
	display: block;
	float: left;
	color: rgb(187,165,136);
	background: rgb(0,0,0);
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: .02em;
	margin-bottom: .12em;
	padding-top: .05em;
}
.starthead_1, 
.starthead_2, 
.starthead_3 {
	font-family: 'TradeGothic18';
	padding-left: .3em;
}
.starthead_11, 
.starthead_22, 
.starthead_33 {
	font-family: 'TradeGothic20';
	padding-right: .15em;
}
.onesail {
	background: url(../images/onesail-large-weiss.png) no-repeat 0 0 transparent;
	position: absolute;
	bottom: 5%;
	right: 7%;
	width: 100px;
	height: 100px;
	z-index: 3;
}
.onesail a {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100px;
	height: 100px;
	z-index: 3;
}

/*===============================STANDORT==============================*/

.cb-slideshow, 
.cb-slideshow-team, 
.cb-slideshow-manufaktur, 
.cb-slideshow-shop, 
.cb-slideshow-kontakt, 
.cb-slideshow-karte, 
.cb-slideshow-sonne, 
.cb-slideshow-amwind,
.cb-slideshow-vorwind,
.cb-slideshow-planen,
.cb-slideshow-spinnaker,
.cb-slideshow-gennaker,
.cb-slideshow-vorsegel,
.cb-slideshow-grosssegel,
.cb-slideshow-sturm,
.cb-slideshow-4t-forte,
.cb-slideshow-millenium,
.cb-slideshow-vector,
.cb-slideshow-dacron, 
.cb-slideshow-nylon { 
	display: block;
	position: relative;
	top: -60px;
	width: 100%;
	height: 8em;
	background: rgb(241,236,229);
	z-index: -1;
}
.cb-slideshow > li, 
.cb-slideshow-team > li, 
.cb-slideshow-manufaktur > li, 
.cb-slideshow-shop > li, 
.cb-slideshow-kontakt > li, 
.cb-slideshow-karte > li, 
.cb-slideshow-sonne > li, 
.cb-slideshow-amwind > li,
.cb-slideshow-vorwind > li,
.cb-slideshow-planen > li,
.cb-slideshow-spinnaker > li,
.cb-slideshow-gennaker > li,
.cb-slideshow-vorsegel > li,
.cb-slideshow-grosssegel > li,
.cb-slideshow-sturm > li,
.cb-slideshow-4t-forte > li,
.cb-slideshow-millenium > li,
.cb-slideshow-vector > li,
.cb-slideshow-dacron > li,
.cb-slideshow-nylon > li { display: none; }

.standortbild { 
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url("../images/standort-1-small.jpg") no-repeat 10% 50% transparent;
}

/*===============================TEAM==============================*/

.teambild { 
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url("../images/team-small.jpg") no-repeat 80% 0 transparent;
}


/*===============================PARTNER==============================*/

.partner-content {
	display: block;
	position: relative;
	margin-top: 5em;
	width: 100%;
	padding-bottom: .5em;
}
#footer { display: none; }


/*===============================MANUFAKTUR==============================*/

.manufakturbild {
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url("../images/manufaktur-small.jpg") no-repeat 50% 50% transparent;
}

/*===============================SHOP==============================*/

.shopbild {
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url("../images/shop-small.jpg") no-repeat 50% 50% transparent;
}
.bullet {
	display: block;
	position: relative;
	width: 80%;
	margin: 0 auto;
	-webkit-box-shadow: 0px 1px 0px rgb(204,204,204);
	-moz-box-shadow: 0px 1px 0px rgb(204,204,204);
	box-shadow: 0px 1px 0px rgb(204,204,204);
	padding: 1em;
	font-family: 'TradeGothic20';
	text-transform: uppercase;
}

/*=============================SONNENSEGEL============================*/

.sonnenbild {
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url("../images/sonnensegel-small.jpg") no-repeat 50% 50% transparent;
}

/*=============================PLANEN============================*/

.planenbild {
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url("../images/planen-small.jpg") no-repeat 50% 50% transparent;
}

/*===============================AM WIND SEGEL================================*/

.amwindbild { 
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url("../images/am-wind-small.jpg") no-repeat 30% 60% transparent;
}

/*===============================VORWIND SEGEL================================*/

.vorwindbild { 
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url("../images/vorwindsegel-small.jpg") no-repeat 30% 60% transparent;
}

/*===============================VORSEGEL================================*/

.vorsegelbild { 
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url("../images/vorsegel-small.jpg") no-repeat 100% 60% transparent;
}

/*===============================STURMSEGEL================================*/

.sturmbild { 
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url("../images/sturm-small.jpg") no-repeat 50% 80% transparent;
}

/*===============================GROSSSEGEL================================*/

.grosssegelbild { 
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url("../images/gross-small.jpg") no-repeat 50% 60% transparent;
}

/*===============================SPINNAKER================================*/

.spinnakerbild { 
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url("../images/spinnaker-small.jpg") no-repeat 30% 60% transparent;
}

/*===============================GENNAKER================================*/

.gennakerbild { 
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url("../images/gennaker-small.jpg") no-repeat 80% 30% transparent;
}

/*===============================MATERIAL================================*/

.fortebild { 
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url(../images/4t-forte-small.jpg) no-repeat 0 0 transparent;
}
.fortetext {
	display: block;
	width: 89%;
	font-family: 'TradeGothic18';
	font-size: 1.05em;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 1em; 
}
.fortetext span { font-family: 'TradeGothic20'; }

img { 
	display: block;
	margin: 0 auto;
	padding-bottom: 1.2em;
}
.fortegrafik {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 400px;
	margin: 1em auto;
	background: url(../images/grafik-vertical.png) no-repeat 50% 0 transparent;
}
.fortegrafik-two {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 210px;
	margin: 0 auto;
	background: url(../images/grafik2-small.png) no-repeat 50% 0 transparent;
}
.legende { 
	text-align: left;
	font-family: 'TradeGothic18';
	font-size: .8em;
	display: block;
	width: 70%;
	margin: 0 auto 1em auto;
	padding-bottom: 3em;
}
p.legende { 
	border-bottom: rgb(153,153,153) solid 1px;
}
.milleniumbild {
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url(../images/millenium-small.jpg) no-repeat 0 0 transparent;
}
.milleniumgrafik {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 400px;
	margin: 1em auto;
	background: url(../images/grafik-3-vertical.png) no-repeat 50% 0 transparent;
}
.milleniumgrafik-two {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 360px;
	margin: -1.5em auto 0 auto;
	background: url(../images/grafik4-small.png) no-repeat 50% 0 transparent;
}
.vector-logo { padding-bottom: 0; margin-bottom: 1em; }

.vectorbild { 
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url(../images/vector-small.jpg) no-repeat 0 0 transparent;
}
.vectorgrafik {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 550px;
	margin: 1em auto;
	background: url(../images/vektorgrafik-small.png) no-repeat 50% 0 transparent;
}
p.legendevector { 
	border-bottom: none; padding-bottom: .5em;
}
p.legendebuttom { padding-bottom: 4em; }
.dacronbild {
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url(../images/dacron-small.jpg) no-repeat 0 0 transparent;
}
.crosswrapper { min-height: 40em; }
.crossbild {
	display: block;
	width: 100%;
	min-width: 95px; 
	margin-bottom: 2em;
}
.crosstext {
	display: block;
	width: 100%;
	font-family: 'TradeGothic18';
}
.crosstext > h6 { padding-bottom: 1em; }
.crosswrapper img { padding-bottom: 0; padding-top: 1.5em; }
.nylonimg { padding: 0; margin-bottom: 1.2em; }

.nylonbild { 
	display: block;
	width: 130px;
	height: 130px;
	border: rgb(187,165,136) 8px solid;
	border-radius: 50%;
	margin: 0 auto;
	background: url(../images/nylon-small.jpg) no-repeat 0 0 transparent;
}
.maker,
div.overlay-dialogue h2 { display: none; }

/*===============================KONTAKT==============================*/
#daten-text p.daten-text {
	margin: 2em auto 0em auto;
	padding: 0px;
	font-family: 'ClassicalGaramondBT-Roman', Palatino, serif;
	font-size: .9em;
}
.kontaktbild {
	display: block;
	position: relative;
	width: 130px;
	height: 130px;
	margin: 0 auto;
	background: url("../images/7-24.png") no-repeat 50% 50% transparent;
	z-index: 30;
}
input[type="text"], input[type="email"], input[type="tel"], textarea { 
	width: 100%;
	background: rgb(255,255,255);
	font-family: 'ClassicalGaramondBT-Italic';
	font-style: italic;
	font-size: 1.1em;
	color: rgb(102,102,102);
	padding: 1em 1em;
	margin-bottom: .4em;
	border: none;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition:all 0.4s;
	transition: all 0.4s;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { 
	color: rgb(0,0,0);
	outline: 0;
	background: rgb(204,204,204);
}
input[type="submit"] { 
	width: 100%;
	float: left; 
	background: rgb(187,165,136);
	font-family: 'TradeGothic18';
	color: rgb(255,255,255);
	margin: 1.2em 0 2em 0;
	padding: 1.2em;
	padding-top: 1.3em;
	font-size: 1.1em;
	line-height: 0.9em;
	text-align: center;
	text-transform: uppercase;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
input[type="submit"]:hover, input[type="submit"]:focus { 
	background: rgb(51,51,51);
	outline: none;
}

/*===============================ANTWORT==============================*/

#segel2 footer { display: none; }

#segel2 h1 { margin-top: 1em; }

#segel2 h2 { font-size: 2.4em; line-height: 1.5em; }

#segel2 .content { background: none; }

#segel2 .back {
	display: block;
	width: 60px;
	height: 60px;
	margin: 1.2em auto 0 auto;
	border-radius: 50%;
	background: url(../images/arrow-left.png) no-repeat 50% 50% rgb(187,165,136);
}
#segel2 .back a {
	display: block;
	width: 60px;
	height: 60px;
}
#segel2 .back:hover {
	display: block;
	width: 60px;
	height: 60px;
	margin: 1.2em auto 0 auto;
	border-radius: 50%;
	background: url(../images/arrow-left-hover.png) no-repeat 50% 50% rgb(187,165,136);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition:all 1s;
	transition: all 1s;
}


/*===============================IMPRESSUM==============================*/

.impressumbild { 
	display: block;
	width: 130px;
	height: 130px;
	margin: 0 auto;
}

/*===============================ANFAHRT==============================*/

iframe { display: none; }


/*===============================FOOTER================================*/

footer { 
	height: 2em;
}
footer .backToTop {
    background: url("../images/pfeil.png") no-repeat scroll center center rgba(255,255,255,0.7);
    bottom: 20px;
    display: none;
    height: 61px;
	width: 61px;
	border-radius: 50%;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
}
footer .backToTop:hover {
    background: url("../images/pfeil.png") no-repeat scroll center center rgba(255,255,255,0.5);
}
footer .footer-copy {
	display: block;
	width: 100%;
	font-family: 'TradeGothic18';
	color: rgb(188,165,134);
	text-align: center;
	font-size: .7em;
	text-transform: uppercase;
}

/*==========================DATENSCHUTZ===============================*/

ul.daten-liste { 
	font-family: 'ClassicalGaramondBT-Roman', Palatino, serif;
	font-size: 1.1em;
	line-height: 1.5em;
	display: block;
	width: 800px;
	margin: 0 auto;
	padding: 0 3em 2em 3em;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
  	hyphens: auto;
}
ul.daten-liste li {
	margin-left: 1em;
}

.datenschutz {
	width: 800px;
	margin: 0 auto;
	padding: 1em 1em .5em 2.6em;
	text-align: left;
}
.datenhead {
	margin: 3em auto 2em auto;
}
#datenschutz.content {
	display: block;
	position: relative;
	top: 0px;
	background: rgb(255,255,255);
}
#datenschutz p {
	max-width: 800px;
    margin: 0 auto;
    padding: 0 3em .5em 3em;
    text-align: left;
    line-height: 1.5em;
    font-size: 1.1em;
}


@media all and (min-width: 480px) and (orientation: landscape) {
	
/*===============================STARTSEITE================================*/
	
#startseite {
	background: url("../images/title-landscape.jpg") no-repeat 0 bottom transparent;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.starthead {
	top: 50%;
}

.onesail {
	top: 50%;
	right: 3%;
}

#segel2 h1 { margin-bottom: 0; }


}

@media all and (min-width: 568px) {
	
.fortegrafik {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 300px;
	margin: 1em auto;
	background: url(../images/grafik-komplett420px.png) no-repeat 50% 0 transparent;
}
.milleniumgrafik {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 300px;
	margin: 1em auto;
	background: url(../images/grafik-3-komplett.png) no-repeat 50% 0 transparent;
}
.milleniumgrafik-two {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 240px;
	margin: 0 auto;
	background: url(../images/grafik4-medium.png) no-repeat 50% 0 transparent;
}

}

@media all and (min-width: 600px) {
	
/*===============================STARTSEITE================================*/

.starthead {
	width: 24em;
	top: 35%;
}
.starthead_1, 
.starthead_11, 
.starthead_2, 
.starthead_22, 
.starthead_3, 
.starthead_33 {
	font-size: 3.3em;
}

.onesail {
	top: 20%;
	left: 3%;
}
.skip { display: block; }
#segel2 .back,
#segel2 .back a,
#segel2 back:hover { margin-top: 2em; }
#segel2 h4 { font-size: 1.3em; }
#segel2 .antwortbild {
	display: block;
	position: relative;
	top: -5em;
	left: -5em;
	float: left;
	width: 580px;
	height: 580px;
	background: url(../images/bg1-antwort.gif) no-repeat 0 0 scroll transparent; 
	-webkit-animation: steuerrad infinite linear 20s;
	-moz-animation: steuerrad infinite linear 20s;
    -o-animation: steuerrad infinite linear 20s;
    -ms-animation: steuerrad infinite linear 20s;
	animation: steuerrad infinite linear 20s;
	z-index: -100;
}
@-webkit-keyframes steuerrad { 
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes steuerrad { 
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-o-keyframes steuerrad { 
	from { -o-transform: rotate(0deg); }
	to { -o-transform: rotate(360deg); }
}
@-ms-keyframes steuerrad { 
	from { -ms-transform: rotate(0deg); }
	to { -mst-transform: rotate(360deg); }
}
@keyframes steuerrad { 
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

@media all and (min-width: 768px) {
	
/*===============================ALLGEMEIN================================*/

#startseite:after {
    position: fixed;
	display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0; 
	content: '';
    background: url("../images/pattern.png") transparent repeat top left; 
}
.copy {
	width: 80%;
}
.fortegrafik-two {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 400px;
	margin: 0 auto;
	background: url(../images/grafik2-medium.png) no-repeat 50% 0 transparent;
}


}

@media all and (min-width: 800px) {

.onesail {
	top: 75%;
	right: 3%;
}	
	
}

@media all and (min-width: 1024px) {
	
/*===============================ALLGEMEIN================================*/
h1 { font-size: 2.2em; }
h2, h3 { font-size: 2em; }
h3 { padding-top: 0; }
h5 { font-size: 1.1em; }
p { 
	font-size: 1.1em; 
	line-height: 1.5em; 
	display: block;
	width: 800px;
	margin: 0 auto;
	padding: 0 3em 2em 3em;
	border-left: rgb(187,165,136) solid 1px; 
	border-right: rgb(187,165,136) solid 1px; 
}
.tel { margin: 1.5em auto 2em auto; }

.content {
	display: block;
	position: relative;
	top: 0;
	background: none;
}
.content-small { margin-bottom: 12em; }
.copy {
	width: 100%;
	text-align: center;
	line-height: 1.5em;
	margin: 0 auto;
	margin-top: 3em;
	padding: 0 2em;
}
#bg1 { 
	display: block;
	position: relative;
	width: 100%;
	background: url("../images/bg1-halb.gif") no-repeat 50% 50px transparent;
}
#bg2 { 
	display: block;
	position: relative;
	width: 100%;
	background: url("../images/bg2-halb.png") no-repeat 50% 140px transparent;
}
#moewe2 { 
	display: block;
	position: relative;
	width: 100%;
	background: url("../images/moewe2-small.jpg") no-repeat 85% 110px transparent;
}
#moewe3 { 
	display: block;
	position: relative;
	width: 100%;
	background: url("../images/moewe3-small.jpg") no-repeat 25% 180px transparent;
}
#anker { 
	display: block;
	position: relative;
	width: 100%;
	background: url("../images/anker.jpg") no-repeat 80% 200px transparent;
}
#kompass { 
	display: block;
	position: relative;
	width: 100%;
	background: url("../images/kompass-small.png") no-repeat 90% 130px transparent;
}
#segel { 
	display: block;
	position: relative;
	width: 100%;
	background: url("../images/segel.jpg") no-repeat 0px 60px transparent;
}
#segel2, #segel5 { 
	display: block;
	position: relative;
	width: 100%;
	background: url("../images/segel2.jpg") no-repeat 0 -50px transparent;
}
#segel-vertical { 
	display: block;
	position: relative;
	width: 100%;
	background: url("../images/segel2-vertical.jpg") no-repeat 100% 0 transparent;
}

	
/*===============================STANDORT==============================*/

.standortbild, 
.teambild, 
.manufakturbild, 
.shopbild, 
.impressumbild, 
.sonnenbild,
.amwindbild,
.vorwindbild,
.planenbild,
.spinnakerbild,
.gennakerbild,
.vorsegelbild,
.grosssegelbild,
.sturmbild,
.fortebild,
.milleniumbild,
.vectorbild,
.dacronbild,
.nylonbild { 
	display: none;
}
.cb-slideshow, 
.cb-slideshow-team, 
.cb-slideshow-manufaktur, 
.cb-slideshow-shop, 
.cb-slideshow-kontakt, 
.cb-slideshow-karte, 
.cb-slideshow-sonne,
.cb-slideshow-amwind,
.cb-slideshow-vorwind,
.cb-slideshow-planen,
.cb-slideshow-spinnaker,
.cb-slideshow-gennaker,
.cb-slideshow-vorsegel,
.cb-slideshow-grosssegel,
.cb-slideshow-sturm,
.cb-slideshow-4t-forte,
.cb-slideshow-millenium,
.cb-slideshow-vector,
.cb-slideshow-dacron,
.cb-slideshow-nylon { 
	display: block;
	position: relative;
	top: 2%;
	width: 100%;
	height: 425px;
	background: rgb(241,236,229);
	z-index: -1;
}
.cb-slideshow-karte { z-index: 0; }

.cb-slideshow > li, 
.cb-slideshow-team > li, 
.cb-slideshow-manufaktur > li, 
.cb-slideshow-shop > li, 
.cb-slideshow-kontakt > li, 
.cb-slideshow-sonne > li,
.cb-slideshow-amwind > li,
.cb-slideshow-vorwind > li,
.cb-slideshow-planen > li,
.cb-slideshow-spinnaker > li,
.cb-slideshow-gennaker > li,
.cb-slideshow-vorsegel > li,
.cb-slideshow-grosssegel > li,
.cb-slideshow-sturm > li,
.cb-slideshow-4t-forte > li,
.cb-slideshow-millenium > li,
.cb-slideshow-vector > li,
.cb-slideshow-dacron > li,
.cb-slideshow-nylon > li { 
	display: block; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
    background-position: 50% 0;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 32s linear infinite 0s;
    -moz-animation: imageAnimation 32s linear infinite 0s;
    -o-animation: imageAnimation 32s linear infinite 0s;
    -ms-animation: imageAnimation 32s linear infinite 0s;
    animation: imageAnimation 32s linear infinite 0s;
    background-image: url("../images/standort-1-medium.jpg")
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url("../images/standort-1-medium.jpg"); 
}
.cb-slideshow li:nth-child(2) span  { 
    background-image: url("../images/standort-2-medium.jpg");
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s; 
}
.cb-slideshow li:nth-child(3) span  { 
    background-image: url("../images/standort-3-medium.jpg");
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s; 
}
.cb-slideshow li:nth-child(4) span  { 
    background-image: url("../images/standort-4-medium.jpg");
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(5) span  { 
    background-image: url("../images/standort-5-medium.jpg");
    -webkit-animation-delay: 28s;
    -moz-animation-delay: 28s;
    -o-animation-delay: 28s;
    -ms-animation-delay: 28s;
    animation-delay: 28s; 
}

/*===============================TEAM==============================*/

.cb-slideshow-team li span  { 
    width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
    background-position: 50% 0;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 32s linear infinite 0s;
    -moz-animation: imageAnimation 32s linear infinite 0s;
    -o-animation: imageAnimation 32s linear infinite 0s;
    -ms-animation: imageAnimation 32s linear infinite 0s;
    animation: imageAnimation 32s linear infinite 0s;
    background-image: url("../images/team-1-medium.jpg")
}
.cb-slideshow-team li:nth-child(1) span { 
    background-image: url("../images/team-1-medium.jpg"); 
}
.cb-slideshow-team li:nth-child(2) span  { 
    background-image: url("../images/team-2-medium.jpg");
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s; 
}
.cb-slideshow-team li:nth-child(3) span  { 
    background-image: url("../images/team-3-medium.jpg");
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s; 
}
.cb-slideshow-team li:nth-child(4) span  { 
    background-image: url("../images/team-4-medium.jpg");
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow-team li:nth-child(5) span  { 
    background-image: url("../images/team-5-medium.jpg");
    -webkit-animation-delay: 28s;
    -moz-animation-delay: 28s;
    -o-animation-delay: 28s;
    -ms-animation-delay: 28s;
    animation-delay: 28s; 
}
/*===============================PARTNER==============================*/

.partner-content {
	display: block;
	position: absolute;
	margin-top: 48em;
	width: 100%;
	padding-bottom: 0;
}
#footer {
	display: block;
	position: relative;
	top: 100%;
	width: 100%;
	margin-top: 25em;
}

/*===============================MANUFAKTUR==============================*/

.cb-slideshow-manufaktur li span { 
    width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
    background-position: 50% 0;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 32s linear infinite 0s;
    -moz-animation: imageAnimation 32s linear infinite 0s;
    -o-animation: imageAnimation 32s linear infinite 0s;
    -ms-animation: imageAnimation 32s linear infinite 0s;
    animation: imageAnimation 32s linear infinite 0s;
    background-image: url("../images/manufaktur-1-medium.jpg")
}
.cb-slideshow-manufaktur li:nth-child(1) span { 
    background-image: url("../images/manufaktur-1-medium.jpg"); 
}
.cb-slideshow-manufaktur li:nth-child(2) span  { 
    background-image: url("../images/manufaktur-2-medium.jpg");
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s; 
}
.cb-slideshow-manufaktur li:nth-child(3) span  { 
    background-image: url("../images/manufaktur-3-medium.jpg");
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s; 
}
.cb-slideshow-manufaktur li:nth-child(4) span  { 
    background-image: url("../images/manufaktur-4-medium.jpg");
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}

/*===============================SHOP==============================*/

.cb-slideshow-shop li span  { 
    width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/shop-1.jpg") no-repeat 50% 0 transparent; 
}
.bullet { 
	font-family: 'TradeGothic20'; 
	color: rgb(0,0,0);
}


@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    9% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    24% { opacity: 1 }
    32% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    9% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    24% { opacity: 1 }
    32% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    9% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    24% { opacity: 1 }
    32% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    9% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    24% { opacity: 1 }
    32% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    9% { opacity: 1;
         animation-timing-function: ease-out; }
    24% { opacity: 1 }
    32% { opacity: 0 }
    100% { opacity: 0 }
}
.no-cssanimations .cb-slideshow li span, 
.no-cssanimations .cb-slideshow-team li span {
	opacity: 1;
}

/*===============================AM WIND SEGEL==============================*/

.cb-slideshow-amwind li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/am-wind.jpg") no-repeat 50% 0 transparent; 
}

/*===============================AM WIND SEGEL==============================*/

.cb-slideshow-vorwind li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/vorwindsegel.jpg") no-repeat 50% 0 transparent; 
}

/*===============================VORSEGEL==============================*/

.cb-slideshow-vorsegel li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/vorsegel.jpg") no-repeat 50% 0 transparent; 
}

/*===============================GROSSSEGEL==============================*/

.cb-slideshow-grosssegel li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/gross.jpg") no-repeat 50% 0 transparent; 
}

/*===============================STURMSEGEL==============================*/

.cb-slideshow-sturm li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/sturm.jpg") no-repeat 50% 0 transparent; 
}

/*===============================SPINNAKER==============================*/

.cb-slideshow-spinnaker li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/spinnaker.jpg") no-repeat 50% 0 transparent; 
}

/*===============================GENNAKER==============================*/

.cb-slideshow-gennaker li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/gennaker.jpg") no-repeat 50% 0 transparent; 
}

/*===============================SONNENSEGEL==============================*/

.cb-slideshow-sonne li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/sonnensegel.jpg") no-repeat 50% 0 transparent; 
}

/*===============================PERSENNINGE==============================*/

.cb-slideshow-planen li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/planen.jpg") no-repeat 50% 0 transparent; 
}

/*===============================MATERIAL==============================*/

.cb-slideshow-4t-forte li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/4t-forte.jpg") no-repeat 50% 0 transparent; 
}
img { 
	padding-bottom: 2em;
}
p.legende { 
	border-bottom: rgb(153,153,153) solid 1px;
	border-left: none;
	border-right: none; 
}
p.legendevector { border-bottom: none; }
p.legendebottom { padding-bottom: 4em; }
.cb-slideshow-millenium li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/millenium.jpg") no-repeat 50% 0 transparent; 
}
.cb-slideshow-vector li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/vector.jpg") no-repeat 50% 0 transparent; 
}
.vectorgrafik {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 320px;
	margin: 1em auto;
	background: url(../images/vektorgrafik.png) no-repeat 50% 0 transparent;
}
.cb-slideshow-dacron li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/dacron.jpg") no-repeat 50% 0 transparent; 
}
.crosswrapper {
	display: block;
	width: 68%;
	margin: 0 auto;	
	height: 30em;
}
.crosstext > h6 {
	text-align: left;
	float: left;
	width: 100%;
}
.crossbild {
	display: block;
	width: 30%;
	float: left;
	min-width: 95px; 
}
.crosstext {
	display: block;
	width: 70%;
	text-align: left;
	float: right;
	padding-left: 2%;
}
.crossbottom { padding-bottom: 4em; }

.crosswrapper img { margin-top: 3em; }

.cb-slideshow-nylon li span {
	width: 100%;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
	background: url("../images/nylon.jpg") no-repeat 50% 0 transparent; 
}

/*===============================NYLON==============================*/
.popup-open {
	display: block;
	width: 215px;
	height: 64px;
	margin: 1em auto 3em auto;
	background: url(../images/painting.png) no-repeat 0 -64px transparent;
}
.popup-open:hover {
	display: block;
	width: 215px;
	height: 64px;
	margin: 1em auto 3em auto;
	background: url(../images/painting.png) no-repeat 0 0 transparent;
	cursor: pointer;
}
.popup-open-gennaker {
	display: block;
	width: 215px;
	height: 64px;
	margin: 1em auto 3em auto;
	background: url(../images/painting-gennaker.png) no-repeat 0 -64px transparent;
}
.popup-open-gennaker:hover {
	display: block;
	width: 215px;
	height: 64px;
	margin: 1em auto 3em auto;
	background: url(../images/painting-gennaker.png) no-repeat 0 0 transparent;
	cursor: pointer;
}
.popup-close {
	display: block;
	position: absolute;
	top: 3%;
	right: 3%;
	width: 48px;
	height: 48px;
	float: right;
	background: url(../images/close.png) no-repeat 0 0 transparent;
	cursor: pointer;
}

input[type=checkbox].smoosh:checked ~ label.overlay {  
	display: block;  
	z-index: 500;
} 
div.overlay-dialogue {  
	position: fixed;  
	display: none;
	left: 0;  
	top: 0;  
	width: 100%;
	height: 100%;
	background: rgb(241,236,229);
} 
div.overlay-dialogue {  
	padding: 1em 0;  
	overflow-y: auto;  
	-webkit-animation: pop_up 0.5s ease-in-out;
	-moz-animation: pop_up 0.5s ease-in-out;
    -o-animation: pop_up 0.5s ease-in-out;
    -ms-animation: pop_up 0.5s ease-in-out;
	animation: pop_up 0.5s ease-in-out;
} 
input[type=checkbox].smoosh:checked ~ div.overlay-dialogue {  
	display: block; 
	z-index: 505; /* way on top of the page */
} 
.smoosh {
	display: none;  
	line-height: 0;  
	margin: 0;  
	padding: 0;  
	color: transparent;  
	background: transparent;  
	border: none;
	outline: none;  
	height: 0;  
	width: 0; 
} 
label.overlay {  
	position: fixed;
	display: none;
	height: 100%; 
	width: 100%; 
	left: 0; 
	top: 0;
} 

@-webkit-keyframes pop_up {  
	0% {transform: rotateY(55deg); opacity: 0;} 
	100% {transform: rotateY(0deg); opacity: 1;} 
}

@-moz-keyframes pop_up {  
	0% {transform: rotateY(55deg); opacity: 0;}  
	100% {transform: rotateY(0deg); opacity: 1;} 
}

@-o-keyframes pop_up {  
	0% {transform: rotateY(55deg); opacity: 0;}  
	100% {transform: rotateY(0deg); opacity: 1;} 
}
@-ms-keyframes pop_up {  
	0% {transform: rotateY(55deg); opacity: 0;}  
	100% {transform: rotateY(0deg); opacity: 1;} 
}

@keyframes pop_up {  
	0% {transform: rotateY(55deg); opacity: 0;}  
	100% {transform: rotateY(0deg); opacity: 1;} 
}
.maker {
	display: block;
	width: 100%;
	margin: 0 auto;
	font-family: 'TradeGothic18', sans-serif; 
	background: rgb(241,236,229);
}




/*===============================ANFAHRT==============================*/

iframe { display: block; }

/*===============================KONTAKT==============================*/

.cb-slideshow-kontakt { display: none; }

#formular {
	display: block;
	position: relative;
	top: .5em;
	width: 80%;
	background: rgb(241,236,229);
	margin: 0 auto; 
}
.kontakt-content {
	position: relative;
	top: -6.8em;
	background: rgb(241,236,229);
}
.content.kontakt-content p { border: none; }

.kontakt-content h2 { 
	padding-top: 2.5em;
	padding-bottom: 0;
}
input[type="text"], 
input[type="email"], 
input[type="tel"], 
textarea { 
	font-size: 1.2em;
	color: rgb(102,102,102);
	padding: 1em 1em;
	margin-bottom: -0.5em;
}
#segel2 .antwortbild {
	display: block;
	position: relative;
	top: -8em;
	left: -5em;
	float: left;
	width: 1010px;
	height: 1010px;
	background: url(../images/bg1.gif) no-repeat 0 0 scroll transparent; 
}

/*===============================FOOTER==============================*/

footer {
	height: 2.5em;
	background: rgb(187,165,136);
	position: relative;
	bottom: 0;
	margin-top: 2em;
}
footer .footer-copy {
	display: block;
	width: 60%;
	margin: 0 auto;
	font-family: 'TradeGothic18';
	color: rgb(255,255,255);
	text-align: center;
	font-size: .8em;
	padding-top: 1em;
	text-transform: uppercase;
}

/*===========================DATENSCHUTZ===========================*/

.datenschutz {
	width: 800px;
	margin: 0 auto;
	padding: .8em 1em .5em 1.5em;
	border-left: rgb(187,165,136) solid 1px;
	border-right: rgb(187,165,136) solid 1px;
	text-align: left;

}
ul.daten-liste { 
	border-left: rgb(187,165,136) solid 1px;
	border-right: rgb(187,165,136) solid 1px;
}

}

@media all and (min-width: 1100px) { 
.fortetext { width: 60%; font-size: 1.3em; line-height: 1.6em; }
.legende { width: 50%; }
.milleniumgrafik-two {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: url(../images/grafik4.png) no-repeat 50% 0 transparent;
}
.maker {
	width: 100%;
}
@media all and (min-width: 1280px) { 

/*===============================ALLGEMEINES================================*/
	

/*===============================STARTSEITE================================*/

.mov { display: block; }

video {
	position: fixed;
	top: 0; 
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
}
.starthead {
	width: 30em;
	top: 40%;
	z-index: 1;
}
.starthead_1, 
.starthead_11, 
.starthead_2, 
.starthead_22, 
.starthead_3, 
.starthead_33 {
	font-size: 4em;
}
.onesail {
	background: url("../images/onesail-large-weiss.png") no-repeat 0 0 transparent;
	position: absolute;
	bottom: 4%;
	right: 3%;
	width: 100px;
	height: 100px;
	z-index: 3;
}
#kompass { background: url("../images/kompass-small.png") no-repeat 90% 160px transparent; }
#segel { background: url("../images/segel.jpg") no-repeat 0 60px transparent; }
#segel2 { background: url("../images/segel2.jpg") no-repeat 0 30px transparent; }


/*===============================NYLON================================*/

/*div.overlay-dialogue {  
	position: fixed;  
	display: none;
	width: 50%;
	left: 25%;  
	top: 15%;  
	bottom: 15%;
	background: rgb(241,236,229);
} 
div.overlay-dialogue {  
	padding: 20pt 8% 20pt 8%; 
label.overlay {  
	position: fixed;
	display: none;
	height: 100%; 
	width: 100%; 
	left: 0; 
	top: 0;
	background-color: rgba(0,0,0,.5);
}*/ 
div.overlay-dialogue h2 { display: block; padding-bottom: 0; } 

.crosswrapper { width: 60%; }

/*===============================PARTNER================================*/

.partner-content { margin-top: 48em; }
#footer { margin-top: 25em; }

/*===============================KONTAKT================================*/

#formular { width: 60%; }
input[type="submit"] { margin-bottom: 8em; }

@media all and (min-width: 1430px) { 
#bg1 { background: url("../images/bg1-medium.gif") no-repeat 0 20px transparent; }
#bg2 { background: url("../images/bg2.png") no-repeat 10% 200px transparent; }
#moewe2 { background: url("../images/moewe2-small.jpg") no-repeat 75% 140px transparent; }
#kompass { background: url("../images/kompass.png") no-repeat 20% 80px transparent; }
#segel { background: url("../images/segel-large.jpg") no-repeat 0 -550px transparent; }
.legende { width: 40%; }

.crosswrapper { width: 45%; }

div.overlay-dialogue h2 { margin: 1em auto; }

}
@media all and (min-width: 1550px) { 

h1 { font-size: 2.8em; }
h5 { line-height: 1.4em; }
#bg1 { background: url("../images/bg1-medium.gif") no-repeat 100% 130px transparent; }
#moewe3 { background: url("../images/moewe3.jpg") no-repeat 25% 160px transparent; }
.fortetext { width: 50%; }

}

@media all and (min-width: 1700px) { 

/*===============================PARTNER==============================*/

.partner-content { margin-top: 38em; }
#footer { margin-top: 8em; }


}
@media all and (min-width: 1880px) { 
	
/*===============================STARTSEITE================================*/

.starthead {
	width: 40em;
}
.starthead_1, 
.starthead_11, 
.starthead_2, 
.starthead_22, 
.starthead_3, 
.starthead_33 {
	font-size: 5em;
}

#footer { margin: 0; }
#bg2 { background: url("../images/bg2.png") no-repeat 20% 220px transparent; }
#moewe2 { background: url("../images/moewe2.jpg") no-repeat 70% 120px transparent; }
#moewe3 { background: url("../images/moewe3.jpg") no-repeat 25% 190px transparent; }
#anker { background: url("../images/anker.jpg") no-repeat 70% 280px transparent; }
#kompass { background: url("../images/kompass.png") no-repeat 25% 120px transparent; }
#segel2 { background: url("../images/segel2-large.jpg") no-repeat 0 50px transparent; }

.fortetext { width: 45%; }
.legende { width: 30%; }

.crosswrapper { width: 40%; }

/*===============================KONTAKT================================*/

#formular { width: 50%; }
input[type="submit"] { margin-bottom: 8em; }
#segel2 .antwortbild {
	display: block;
	position: relative;
	top: -3em;
	left: 0;
	float: left;
	width: 1010px;
	height: 1010px;
	background: url(../images/bg1.gif) no-repeat 0 0 scroll transparent; 
}
.maker { width: 80%; }


}
@media all and (min-width: 2230px) { 
.fortetext { width: 40%; }

}