@charset "utf-8";

@font-face {
    font-family: 'antique_olive_romanroman';
    src: url('antique_olive_roman-webfont.eot');
    src: url('antique_olive_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('antique_olive_roman-webfont.woff') format('woff'),
         url('antique_olive_roman-webfont.ttf') format('truetype'),
         url('antique_olive_roman-webfont.svg#antique_olive_romanroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

html { background: #d8dcd7; }
html, body {  
 height: 100%; 
 font-size: 20px; 
 font-family: times,serif; 
 color: #000000; 
 margin: 0px 0px 0px 0px; 
 padding: 0px 0px 0px 0px; 
 border: 0px; 
 text-align: center;  
}

/* TEXTAUSZEICHNUNGEN */
h1 { font-size: 26px; color: #666666; margin: 0px; padding: 0px; font-weight: normal; }
h2 { font-family: times,serif; font-size: 24px; color: #958b87; margin: 0px 0px 14px 0px; padding: 0px; font-weight: bold; font-style: italic; }
h3 { font-size: 20px; color: #000000; margin: 30px 0px 6px 0px; padding: 0px; font-weight: bold; }
h3.blue { color: #005981; margin: 0px 0px 2px 0px; }
a { font-family: times,serif; text-decoration: none; font-weight: normal; outline: none; cursor: pointer; }
a:link { text-decoration: none; color: #000000; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color: #958b87; }
a:active { text-decoration: none; color: #000000; }

p { margin: 0px 0px 16px 0px; padding: 0px; }
img { border: none; outline: none; }
/* TEXTAUSZEICHNUNGEN ENDE */

/* KLASSEN allgemein*/
.cursor { cursor: default; }
.green { color: #00a185; font-style: italic; font-weight: bold;}
/* KLASSEN ENDE */
#all {
 position: relative;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0px auto -32px auto;
 }
#container { 
 background: #000000;
 width: 100%;
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 text-align: left;
}

#header {
 background: #000000;
 width: 980px;
 height: 180px;
 margin: 0px auto 0px auto;
 padding: 3px 0px 0px 0px;
}
#branding h1 { 
 background: #000000 url("../images/seil-hering-logo.png") no-repeat top left;
 float: right;
 width: 228px;
 height: 152px;
 display: block;
 margin: 0px;
 padding: 0px;
}
#branding a { width: 228px; height: 152px; display: block; }
#branding a span { display: none; }

#kat-images { 
 background: #000000;
 float: left; 
 width: 752px;
 height: 152px;
 margin: 0px;
 padding: 0px;
}

/* MAINNAVI */
#mainnavi { 
 background: #000000;
 float: left; 
 width: 980px;
 height: 28px;
 margin: 0px;
 padding: 0px;
}
#mainnavi ul {  
 float: left;
 display: block;
 width: 980px;
 height: 28px;
 margin: 0px; 
 padding: 0px;
 list-style-type: none; 
}
#mainnavi ul li {
 float: left;
 display: inline;
 margin: 0px;
 padding: 0px;
 line-height: 0px;
}
#mainnavi ul li a {
 font-family: times,serif; 
 float: left;
 display: inline;
 margin: 0px;
 padding: 0px;
 height: 28px;
 color: #ffffff;
 font-size: 18px; 
 font-weight: normal;
 line-height: 0px;
}

#mainnavi ul li a.start { background: url("../images/start-bu.png") no-repeat top left; width: 73px; height: 28px; display: block;  }
#mainnavi ul li a.start:hover, #mainnavi ul li a.start.active { background: url("../images/start-bu.png") no-repeat top right; }

#mainnavi ul li a.produkte { background: url("../images/produkte-bu.png") no-repeat top left; width: 143px; height: 28px; display: block;  }
#mainnavi ul li a.produkte:hover, #mainnavi ul li a.produkte.active { background: url("../images/produkte-bu.png") no-repeat top right; }

#mainnavi ul li a.konfektionierung { background: url("../images/konfektionierung-bu.png") no-repeat top left; width: 227px; height: 28px; display: block;  }
#mainnavi ul li a.konfektionierung:hover, #mainnavi ul li a.konfektionierung.active { background: url("../images/konfektionierung-bu.png") no-repeat top right; }

#mainnavi ul li a.segelmacherei { background: url("../images/segelmacherei-bu.png") no-repeat top left; width: 195px; height: 28px; display: block;  }
#mainnavi ul li a.segelmacherei:hover, #mainnavi ul li a.segelmacherei.active { background: url("../images/segelmacherei-bu.png") no-repeat top right; }

#mainnavi ul li a.taklerei { background: url("../images/taklerei-bu.png") no-repeat top left; width: 124px; height: 28px; display: block;  }
#mainnavi ul li a.taklerei:hover, #mainnavi ul li a.taklerei.active { background: url("../images/taklerei-bu.png") no-repeat top right; }

#mainnavi ul li a.montage { background: url("../images/montage-bu.png") no-repeat top left; width: 134px; height: 28px; display: block;  }
#mainnavi ul li a.montage:hover, #mainnavi ul li a.montage.active { background: url("../images/montage-bu.png") no-repeat top right; }

#mainnavi ul li a.pruefen { background: url("../images/pruefen-bu.png") no-repeat top left; width: 84px; height: 28px; display: block;  }
#mainnavi ul li a.pruefen:hover, #mainnavi ul li a.pruefen.active { background: url("../images/pruefen-bu.png") no-repeat top right; }

#mainnavi ul li a span {
 display: none;
}

a.sample_attach  { 
 display: block; 
 padding: 0px;
 margin: 20px 0px 0px 0px;
 background: transparent url("../images/historie-bu.png") no-repeat top left;
 width: 74px;
 height: 16px;
}
a.sample_attach:hover  { background: transparent url("../images/historie-bu.png") no-repeat top right; }


/* SUBNAVI */
#subnavi { 
 float: left; 
 margin: 0px 0px 0px 0px;
 padding: 8px 0px 0px 0px;
 height: 16px;
 display: block;
}
#subnavi ul { 
 float: left;
 display: block;
 width: 980px;
 height: 16px;
 margin: 0px; 
 padding: 0px;
 list-style-type: none; 
}
#subnavi ul li {
 float: left;
 display: inline;
 margin: 0px;
 padding: 0px;
}
#subnavi ul li a {
 font-family: times,serif; 
 float: left;
 display: inline;
 margin: 0px;
 padding: 0px;
 height: 16px;
 color: #958b87;
 font-size: 18px; 
 font-weight: normal;
 line-height: 0px;
}

#subnavi ul li a.historie { background: url("../images/historie-bu.png") no-repeat top left; width: 74px; height: 16px; display: block;  }
#subnavi ul li a.historie:hover, #subnavi ul li a.historie.active { background: url("../images/historie-bu.png") no-repeat top right; }

#subnavi ul li a span {
 display: none;
}


/* CONTENT */
#content {
 background: #d8dcd7;
 width: 980px;
 margin: 0px auto 0px auto;
 padding: 0px;
 text-align: left;
 display: block;
}
#content.start {
 background: #d8dcd7 url("../images/bg-start.gif") no-repeat 44px 0px;
 width: 980px;
 height: 418px;
}
#content.produkte {
 background: #d8dcd7 url("../images/bg-produkte.jpg") no-repeat bottom center;
 width: 980px;
 height: 418px;
}
#content.konfektionierung {
 background: #d8dcd7;
 width: 980px;
 height: 418px;
}
#content.segelmacherei {
 background: #d8dcd7 url("../images/bg-segelmacherei.jpg") no-repeat top left;
 width: 980px;
 height: 418px;
}
#content.taklerei {
 background: #d8dcd7 url("../images/bg-taklerei.jpg") no-repeat top right;
 width: 980px;
 height: 418px;
}
#content.montage {
 background: #d8dcd7 url("../images/bg-montage.jpg") no-repeat top right;
 width: 980px;
 height: 418px;
}
#content.pruefen {
 background: #d8dcd7 url("../images/bg-pruefen.jpg") no-repeat top right;
 width: 980px;
 height: 418px;
}
#content.kontakt {
 background: #d8dcd7 url("../images/bg-kontakt.jpg") no-repeat top right;
 width: 980px;
 height: 418px;
}
#content.historie {
 background: #d8dcd7 url("../images/bg-historie2.jpg") no-repeat top right;
 width: 980px;
 height: 418px;
}

#maincontent {
 background: transparent;
 float: left;
 width: 693px;
 margin: 26px 0px 0px 100px;
 padding: 0px 0px 15px 0px;
}
#one-column {
 background: transparent;
 float: left;
 width: 350px;
 margin: 50px 0px 0px 0px;
 padding: 0px 0px 15px 0px;
}
#two-column {
 background: transparent;
 float: left;
 width: 280px;
 margin: 50px 0px 0px 0px;
 padding: 0px 0px 15px 0px;
}
#three-column {
 background: transparent;
 float: left;
 width: 340px;
 margin: 50px 0px 0px 0px;
 padding: 0px 0px 15px 10px;
}
#historie-content {
 background: transparent;
 float: left;
 width: 693px;
 margin: 26px 0px 0px 0px;
 padding: 0px 0px 15px 0px;
}
a#galerie {
 background: #d8dcd7 url("../images/historie-galerie.jpg") no-repeat 0px 0px;
 float: right;
 width: 266px;
 height: 418px;
 margin: -24px 0px 0px 20px;
 padding: 0px;
}

a#galerie:hover {
 background: #d8dcd7 url("../images/historie-galerie.jpg") no-repeat top right;
}


a#konfgalerie {
 background: #d8dcd7 url("../images/konfektionierung-galerie.jpg") no-repeat top left;
 float: left;
 width: 287px;
 height: 418px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
a#konfgalerie:hover {
 background: fuchsia; background: #d8dcd7 url("../images/konfektionierung-galerie.jpg") no-repeat top right;
}



#konfektionierung-content {
 background: transparent;
 float: left;
 width: 693px;
 margin: 50px 0px 0px 0px;
 padding: 0px 0px 15px 0px;
}
#segelmacherei-content {
 background: transparent;
 float: left;
 width: 510px;
 margin: 50px 0px 0px 462px;
 padding: 0px 0px 15px 0px;
}
#taklerei-content {
 background: transparent;
 float: left;
 width: 510px;
 margin: 50px 0px 0px 0px;
 padding: 0px 0px 15px 0px;
}
#montage-content {
 background: transparent;
 float: left;
 width: 510px;
 margin: 50px 0px 0px 462px;
 padding: 0px 0px 15px 0px;
}
#pruefen-content {
 background: transparent;
 float: left;
 width: 693px;
 margin: 50px 0px 0px 0px;
 padding: 0px 0px 15px 0px;
}
#kontaktformular {
 background: transparent;
 float: left;
 width: 720px;
 margin: 50px 0px 0px 0px;
 padding: 0px 0px 15px 0px;
}
#kontakt-content {
 background: transparent;
 float: left;
 width: 230px;
 margin: 50px 0px 0px 30px;
 padding: 0px 0px 15px 0px;
}
#kontakt-content p {
 font-family: 'antique_olive_romanroman',times,serif; 
 font-size: 14px;
 line-height: 16px;
 margin-bottom: 10px;
}
#kontakt-content p a {
 font-family: 'antique_olive_romanroman',times,serif;
 font-size: 14px;
}
#kontakt-content p.grey, #kontakt-content p.grey a {
 color: #958b87; font-size: 14px;
}
 
ul.produktelist {
margin: 0px 0px 0px 22px;
padding: 0px;
line-height: 20px;
}

#cookie-bar {background:#000000; height:auto; line-height:24px; color:#ffffff; text-align:center; padding:4px 0px 8px 0px;z-index:1000;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0; font-weight:normal; font-size:0.9em;}
#cookie-bar a.dsb {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:underline; padding:0px; margin-left:0px;font-weight:normal;}
#cookie-bar a {padding:0 10px;margin-left:8px;color:#ffffff;display:inline-block; border-radius:3px; text-decoration:none;font-weight:normal;}
#cookie-bar .cb-enable {background:#00a185;font-weight:bold;}
#cookie-bar .cb-enable:hover {background:#d8dcd7;color:#000000;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

ul.datenschutz-ul {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
ul.datenschutz-ul li {background:transparent url("../images/bullet.png") no-repeat 0px 6px;display:block;padding-left: 25px;margin: 0px 0px 0px 0px;}


#footer {
 background: #000000;
 width: 100%;
 height: 32px;
 display: block;
 padding: 0px;
 color: #ffffff;
 position: relative;
 clear: both;
}
#footernavi {
 width: 980px;
 padding: 0px;
 margin: 0px auto;
}
#footernavi ul { 
 float: left;
 margin: 0px; 
 padding: 0px;
 list-style-type: none; 
}
#footernavi ul li  {
 font-family: times,serif;
 font-size: 18px; 
 float: left;
 display: block;
 padding: 0px;
 color: #ffffff;
 margin: 0px;
 line-height: 0px;
}


#footernavi ul li a.kontakt { background: url("../images/kontakt-bu.png") no-repeat top left; width: 200px; height: 28px; display: block;  }
#footernavi ul li a.kontakt:hover, #footernavi ul li a.kontakt.active { background: url("../images/kontakt-bu.png") no-repeat top right; }
#footernavi ul li a.datenschutz { background: url("../images/datenschutz-bu.png") no-repeat top left; width: 120px; height: 28px; display: block; margin-left:20px; }
#footernavi ul li a.datenschutz:hover, #footernavi ul li a.datenschutz.active { background: url("../images/datenschutz-bu.png") no-repeat top right; }

#footernavi ul li a span { display:none; }

#formy .pflichtfeld{
color:#ff0000;
}