@charset "utf-8";
/* CSS Document */

@-ms-viewport {
  width: device-width;
}
@viewport {
    width: device-width;
}
body, html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
  	line-height:110%;
	background-color:#fff;
	padding:0px;
	margin:0px;
	min-height:101%;
}
#container {
  	position:relative;
  	width:100%;
	max-width:1020px;
	margin:0px auto;
	background-color: #ffffff;
  	text-align:left;
}
nav#navi_home {
	position:relative;
  	width:100%;
  	height:30px;
  	margin:0px 0px 10px 0px;
  	padding:0px;
	background-color:#f2f6e3;
    border:1px solid transparent;
    z-index:200;
}
#header  {
  position:relative;
  display:block;
  height:500px;
  width:100%;
  text-align:left;
}
#Bild {
    position:absolute;
  display:block;
  width:100%;
}
#Bild img {
  	width:100%;
}
.logo {
  position:absolute;right:17%;top:17%;width:210px;
}
#language {
  position:relative;
  clear:left;
  margin:15px 5px 5px 5px;
}

#navigation {
  position:absolute;
  display:block;
  height:45px;
  width:100%;
  background-color:#294688;
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
#nav-suche {
  position:relative;
  display:inline-block;
  width:100%;
  //border:1px solid green;
}
#navigation ul.nav {
  width:1000px;
  margin:0 auto;
  padding-top:10px;
}
#Inhalt {
  	width:100%;
}
#produktbereich {
    padding:10px;
    width:100%;
    min-width:200px;
    content:"";
    background-color:#294688;
}
#suche {
  	position:relative;
  	height:30px;
  	width:200px;
  	margin-top:0px;
    display:inline-block;
}
button.fb {
  display:block;float:left;width:50px;background-color:transparent;border:none;cursor:pointer;
}
button.yt {
  display:block;float:left;width:80px;background-color:transparent;border:none;cursor:pointer;
}
a.trinkhalm {position:relative;display:block;width:84%;margin-left:16px;background-image:url('/images/banners/Glas-Trinkroehrchen_Button.jpg');background-repeat:no-repeat;padding:3% 4% 4% 12%;font-size:1.5em;line-height:1.35em;color:#294688;}
a.trinkhalm:hover {color:#96c244;}
#news a.new {position:relative;display: block; height: 200px;margin-left:16px; background-image: url('/images/Button_Neuheit2021.jpg'); background-repeat: no-repeat; width: 84%;}
#news a.new1 {position:relative;display: block; height: 200px;margin-left:16px; background-image: url('/images/Button_Novelty2021.jpg'); background-repeat: no-repeat; width: 84%;}
div#links {
  	position:relative;
    width:100%;
  	margin:0px 0px 10px 0px;
  	text-align:left;
}
div#text {
    width:100%;
    min-height:9em;
  	margin-top:30px;
  	padding:0px 1px 0px 1px;
  font-size:0.8em;
}
div#rechts {
    width:100%;
  	max-width:1020px;
  	margin-top:30px;
  	padding:0px 0px 0px 0px;
}
#clear {
    clear:both;    position:relative;
    z-index:0;
}

#breadcrumb_container {
    position:relative;
    background-color:#96c244;
    height:28px;
    width:100%;
    text-align:left; 
  	margin-top:20px;
}
#yah {
  	width:100%;
    max-width:1020px;
  	margin:0 auto;
    padding:5px 0px;
  font-size:0.9em;
}
#footer {
    position:relative;
    border-top:2px solid #96c244;
  	width:100%;
	color:#fff;
    background-color:#294688;
  	padding:10px 0px 60px 0px;
}
a:link {
  text-decoration:none;
}
#text a:link, #text a:visited, #text a:active {
  text-decoration:none;
  color:#96c244;
}
#text a:hover {
  text-decoration:none;
  color:#294688;
}
h1 {
  color:#294688;
  font-size:1.3em;
  margin:0px 0px 10px 0px;
}
h2 {
  color:#294688;
	margin:0px;
}
h3 {
  font-size:0.8rem;
  color:#294688;
font-weight:normal;}
h5 {
  font-size:0.8em;
	margin:5px 0px 0px 0px;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
div.page-header {
  margin:10px;
}
#text img {
  width:100%;
  border:none;
}
table {
  max-width:100%;
}
table.sieben thead th, table.sechs thead th {
  background-color:#babada;
  font-size:10px;
  padding:0px 12px 0px 12px;
  border-collapse: collapse;  
}

/* Zebra striping */
tr:nth-of-type(odd) { 
  border-bottom:1px solid #96c244;
}
th { 
  background: #babada; 
  color: #000; 
  font-weight: normal; 
  vertical-align:top;
  border-right: 1px solid #fff;
}
td, th { 
  padding: 0px 6px 0px 6px; 
  border-bottom:1px solid #96c244;
  text-align: left;  
  vertical-align:top
}
th {
  border-bottom:1px solid #fff;
  padding: 3px 6px 5px 6px; 
}
table td {
  white-space:nowrap;
}
table.sieben-11 td {
  padding:0px 3px 0px 3px;
  white-space:nowrap;
}
table.drei-7 td {
  white-space:nowrap;
}
table.history td {
  white-space:normal;
  border-bottom:none;
}
table.normal td, table.porositaet td {
  white-space:normal;
}
table.presse td {
  padding:5px;
}
table.presse a {color:#294688;}
.presse > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > a:nth-child(5) {color:#294688;}

/* Navi Home */

ul#main {
  width:100%;
  margin:2px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
ul#main li {
  position:relative;
  float:left;
  border-right:2px solid #96c244;
  list-style-type:none;
  padding:5px 1.415151515% 0px 1.415151515%;
}
ul#main li:last-child {
  border-right:none;
}
ul#main li a {
  display:block;
  color:#fff;
  height:20px;
  white-space:nowrap;
  font-size:0.75em;
}
ul#main li ul {
  position:absolute;
  left:0px;
  top:25px;
  background-color:#294688;
  margin:0px;padding:0px;
  display:none;
  z-index:200;
}
ul#main li:hover ul {
  display:block;
}
ul#main li ul li {
  border-right:none;
  clear:left;
}
ul#main li ul li a {
  padding:5px 15px 0px 15px;
}
ul#main li.tt ul {
  display:none;
}

ul.breadcrumb {
  	margin:0px;
  	padding:0px;
}
ul.breadcrumb li {
  list-style-type:none;
  float:left;
}
.menue-button, .menue-button1 {
	display: none;
}
@media only screen and (max-width:1200px) {
#navigation ul.nav {
  width:950x;
  padding-top:10px;
  display:inline-block;
  //border:1px solid yellow;
}
ul#main li {
  position:relative;
  float:left;
  border-right:2px solid #96c244;
  list-style-type:none;
  padding:5px 1% 0px 1%;
}
ul#main li a {
  display:block;
  color:#fff;
  height:20px;
  white-space:nowrap;
  font-size:0.8em;
}
#suche {
    width:270px;
  }
.input-append {
    width:270px;
  }
.logo {
  position:absolute;right:6%;top:18%;width:210px;
}
}
/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */
/*	Menü-Button oben rechts einblenden bei kleiner als 1015px */
@media only screen and (max-width:1015px) {
.menue-button, .menue-button1 {
		display: block;
	}
.menue-button {
	background-color: darkblue;
	display: block;
	position: absolute;
	right: 2%;
	top: 0;
	padding:1.5em;
  	font-size:2em;
	color: white;
	cursor: pointer;
	text-decoration: none;
	}	
.menue-button1 {
	background-color: darkblue;
	display: block;
	position: absolute;
	left: 2%;
	top: 200px;
	padding:1.5em;
  	font-size:2em;
	color: white;
	cursor: pointer;
	text-decoration: none;
	}
.logo {
  position:absolute;right:10%;top:18.5%;width:210px;
}
#navi_home {
	float: left;
	width: 100%;
	display: none;
    background-color:transparent;
	}
#navi_home ul {
    margin-top:50px;
  }
#navi_home li {
	width: 101.5%;
   	margin:0px 0px 0px -16px;
   	border-right:none;
	border-bottom: 2px solid silver;
  	background-color:#f2f6e3;
	}
#navi_home li a {
   	padding:20px 0px 27px 10px;
   	font-size:1em;
  }
nav#navi_prod {
	float: left;
	width: 100%;
	display: none;
    background-color:transparent;
	}
nav#navi_prod ul {
    margin-top:50px;
  }
nav#navi_prod li {
	width: 101.5%;
    margin:0px 0px 0px -16px;
    border-right:none;
	border-bottom: 2px solid silver;
  	background-color:#f2f6e3;
	}
#navi_prod li a {
   	padding:20px 0px 27px 10px;
   	font-size:1em;
  }
#Bild {
    margin-top:80px;
  }
ul#main li {
  border-right:none;
}
  #rechts {
    clear:left;
  }
  #navigation {height:80px;}
  #suche {width:270px;}
  #text {
  	padding:20px 1px 0px 1px;}
}
/* die Magie, um die Steuerung einzublenden (auch auf mobile Devices) */
#nav-product:target #navi_home, #nav-menue:target #navi_prod {
	display: block;
  	margin-top:10px;
  	background-color:transparent;
  transform: translate(0,100);
}
/* ausblenden des Menü-Buttons zum öffnen - somit wird der zum Schließen sichtbar */
#nav-product:target .menue-button-beschr-open, #nav-menue:target .menue-button-beschr-open1 {
	display: none ; 	

}	
@media only screen and (min-width:768) and (max-width:1210px) {
  #navigation {height:80px;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
  #Bild {
    margin-top:80px;
  }
  #navigation {height:80px;}
  #search {width:270px;
  }
}
@media only screen and (max-width:450px) {
  #left {
    width:30%;
  	min-width:210px;
  	float:left;
  	display:table-cell;
    min-height:28em;
  	padding:0px 10px 0px 0px;
  }
  #text {
    width:65%
  }
  ul#product li a {
    display:block;
    font-size:1.5em;
  }
 
}
#text .tl-blau {
  border-bottom:1px solid #294688;
}

input#rsf_inp115, input#rsf_inp130 {
	width:62%;
  	display:block;
  	float:left;
  	text-align:left;
	margin:5px 5px 0px 5px;
}
input.button {
	background-color:#96c244;
	color:#fff;
	border:none;
  	
	margin:5px 5px 5px 0px;
}
div#search-name:before {
  	display:block;
  	height:15px;
	content:"Produktsuche";
	padding:5px 0px 5px 7px;
	background-image:url('/images/button_hg.jpg');
  	background-size:100% 100%;
	color:#ffffff;	
	color:#fff;
  text-align:left;
	border-bottom:2px solid #ffffff;
}
button.btn {
  	margin:5px 0px 0px 0px;
  	padding:2px 7px 2px 7px;
  	color:#fff;
  	float:left;
  	border:1px solid #fff;
	background-color:#294688;
}
div#rssearch {
  	position:absolute;
  	display:block;
	width:300px;
  	height:30px;
  	right:0;
}
div.rssearch_row {
  width:94%;
  margin:10px 2.5% 0px 2.5%;
}
div.rssearch_row h2 a {
  color:#294688;
}
a.rssearch_readon:link {
  color:#96c244;
}
div.rssearch_content strong {
  color:#96c244;
}
div.pagination ul {
  list-style-type:none;
}
div.pagination ul li {
  float:left;
  display:block;
  padding:0px 5px;
}
div.pagination ul li a {
  text-decoration:none;
  color:#96c244;
}

/*Define Accordion box*/
.accordion { width:95%; overflow:hidden; margin:10px auto; color:#474747; background:#fff; padding:10px; }

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion section:target { background:#FFF; padding:10px 18px 10px 10px;}
.accordion section:target:hover { background:#FFF; }
.accordion section:target h5 {width:120%;background:#bac5da;color:#fff;margin:-10px 0px 0px -10px;padding:4px 4px 9px 10px;}
.accordion section:target h5 a.btn5 { color:#fff; padding:5px 0px 0px 0px;}
.accordion section:target p {display:block;}
.accordion section#zentrale > p:nth-child(2) > img:nth-child(1),
.accordion section#auftrag > p:nth-child(2) > img:nth-child(1),
.accordion section#auftrag > p:nth-child(2) > img:nth-child(13),
.accordion section#vertrieb > p:nth-child(2) > img:nth-child(1),
.accordion section#vertrieb > p:nth-child(2) > img:nth-child(13),
.accordion section#vertrieb > p:nth-child(2) > img:nth-child(25),
.accordion section#personal > p:nth-child(2) > img:nth-child(1),
.accordion section#personal > p:nth-child(2) > img:nth-child(12),
.accordion section#einkauf > p:nth-child(2) > img:nth-child(1),
.accordion section#einkauf > p:nth-child(2) > img:nth-child(12),
.accordion section#gf > p:nth-child(2) > img:nth-child(1),
.accordion section#gf > p:nth-child(2) > img:nth-child(13),
.accordion section#sekretariat > p:nth-child(2) > img:nth-child(1),
.accordion section#produktion > p:nth-child(2) > img:nth-child(1),
.accordion section#produktion > p:nth-child(2) > img:nth-child(13),
.accordion section#produktion > p:nth-child(2) > img:nth-child(24),
.accordion section#marketing > p:nth-child(2) > img:nth-child(1),
.accordion section#qualitaet > p:nth-child(2) > img:nth-child(1) {float:left;width:120px;height:120px;margin-right:15px;}
.accordion section h5 a{padding:4px 10px;display:block; font-size:12px; font-weight:normal; text-decoration:none; }

/*set style of closed slide*/
.accordion section{ float:left;	overflow:hidden; color:#294688; cursor:pointer; background: #bac5da;
	margin:2px; width:95%; }
.accordion section:hover {background:#294688;}
.accortion section:hover h5 a{color:#fff;}
.accordion section p { display:none; }
.accordion section a:link {color:#000;}
.accordion section:after{position:relative;font-size:24px;color:#000;font-weight:bold;}
.accordion section:nth-child(1):after{content:'1';}
.accordion section:nth-child(2):after{content:'2';}
.accordion section:nth-child(3):after{content:'3';}
.accordion section:nth-child(4):after{content:'4';}
.accordion section:nth-child(5):after{content:'5';}
/*End General Accordion****************************************************************************/

/*Vertical Accordion *************************************************************************/
.vertical section{ width:100%; height:35px;
	-webkit-transition:height 0.3s ease-out;
	-moz-transition:height 0.3s ease-out;
  	-o-transition:height 0.3s ease-out;
	-ms-transition:height 0.3s ease-out;
  	transition:height 0.3s ease-out;
}
/*Set height of the slide*/
.vertical :target{ height:auto; width:95%; }

.vertical section h5 { position:relative; left:0; top:0px; }

/*Set position of the number on the slide*/
.vertical section:after{ top:-60px;left:810px;}
.vertical section:target:after{ left:-9999px;}
#zentrale a.btn5,#auftrag a.btn5,#vertrieb a.btn5,#personal a.btn5,#einkauf a.btn5,#gf a.btn5,#sekretariat a.btn5,#produktion a.btn5,#marketing a.btn5,#qualitaet a.btn5, a.btn5:visited, a.btn5:active {color:#294688;}

div.downloads {
  margin-top:10px;
}
div.downloads_header {
	display:block;
	text-decoration:none;
	margin:0px;
	padding:5px 0px 5px 7px;
	background-image:url('/images/button_hg.jpg');
  	background-size:100% 100%;
	color:#ffffff;	
	border-bottom:2px solid #ffffff;
	text-align:left;
}
div.downloads_body {
	display:block;
    background-color:#bac5da;
	padding:5px 0px 5px 7px;
  	text-align:left;
}
div.downloads_body a {
  	color:#294688;
}
ul.breadcrumb li a {
  color:#294688;
}

#rahmen {
  position:relative;
  display:block;
  width:1020px;
  margin:0 auto;
}
#footer div.custom {
  float:left;
  display:block;
  width:230px;
  color:#fff;
  font-size:0.9em;
  line-height:1.5em;
}
ul#footer_menu {
  float:left;
  display:block;
  margin:0px 40px 0px 0px;
  padding:0px;
}
ul#footer_menu-1 {
  float:left;
  display:block;
  margin:0px 0px 0px 0px;
  padding:0px;
  width:440px;
  height:100px;
}
#footer_menu li {
  display:block;
  list-style-type:none;
  height:15px;
  padding:5px 0px 5px 0px;
  border-bottom:1px solid #96c244;
}
#footer_menu-1 li {
  display:block;
  float:left;
  list-style-type:none;
  height:auto;
  width:180px;
  padding:5px 0px 5px 0px;
  margin-right:40px;
  border-bottom:1px solid #96c244;
}
#footer_menu li a {
  text-decoration:none;
  color:#fff;
  display:block;
  width:100%;
  font-size:0.9em;
  line-height:1.2em;
}
#footer_menu-1 li a {
  text-decoration:none;
  color:#fff;
  display:block;
  width:100%;
  font-size:0.9em;
}
#footer_social {
 	display:block;
  width:150px;
  float:left;
}
ul#product {
    margin:0px 0px 0px 0px;
    padding:0px;
  	max-width:900px;
}
ul#product li {
  	list-style-type:none;
  	width:243px;
  	margin:0px 20px;
  	float:left;
}
ul#product li a {
	display:block;
	width:100%;
	text-decoration:none;
	margin:0px 0px 5px 0px;
	padding:15px 0px 15px 7px;
	background-image:url('/images/button_hg.jpg');
  	background-size:100% 100%;
	color:#ffffff;	
  	font-size:1em;
	text-align:left;
}
ul#product li ul {
  display:none;
}
#rechts .kasten_1, #rechts .kasten_2, #rechts .kasten_3 {
  position:relative;
  display:block;
  width:250px;
  background-color:#bac5da;
  height:300px;
}
.kasten_1 a:link, .kasten_1 a:visited, 
.kasten_2 a:link, .kasten_2 a:visited,
.kasten_3 a:link, .kasten_3 a:visited {
  color:#000;
}
.kasten_1 a:hover .newsflash, .kasten_2 a:hover .newsflash_2, .kasten_3 a:hover .newsflash_3 {
  background-color:#a2b0cb;
}
                  
img.img-news {
  position:absolute;
  top:0;
  left:0;
}
h4.newsflash-title {
    position:absolute;
	top:85px;
    display:block;
    width:250px;
    height:27px;
	background-image:url('/images/Infos/Info_Weiter_transp.png');
  	background-size:100% 100%;
  	color:#fff;
  	text-align:center;
  	padding:33px 0px 0px 0px;
    font-family: 'Open Sans', sans-serif;
  	font-weight:400;
  	font-size:16px;
}
h4.newsflash-title_2 {
    position:absolute;
	top:85px;
    display:block;
    width:250px;
    height:27px;
	background-image:url('/images/Infos/Info_Download_transp.png');
  	background-size:100% 100%;
  	color:#fff;
  	text-align:center;
  	padding:33px 0px 0px 0px;
    font-family: 'Open Sans', sans-serif;
  	font-weight:400;
  	font-size:16px;
}
h4.newsflash-title_3 {
    position:absolute;
	top:85px;
    display:block;
    width:250px;
    height:27px;
	background-image:url('/images/Infos/Info_Play_transp.png');
  	background-size:100% 100%;
  	color:#fff;
  	text-align:center;
  	padding:33px 0px 0px 0px;
    font-family: 'Open Sans', sans-serif;
  	font-weight:400;
  	font-size:16px;
}
div.kasten_1 p, div.kasten_2 p, div.kasten_3 p {
  	margin-top:35px;
  	text-align:left;
  	padding:15px 25px 25px 25px;
  	font-size:0.9em;
  	line-height:120%;
  	height:95px;
}
div.kasten_1 a, div.kasten_2 a, div.kasten_3 a {
  	position:absolute;
    top:0;
  	left:0;
  	display:block;
  	width:100%;
  	height:300px;
}
div.kasten_1 a:hover, div.kasten_2 a:hover, div.kasten_3 a:hover {
  background: rgba(41,70,136,0.1);
}