/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('/fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('/fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('/fonts/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/source-sans-pro-v11-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
       url('/fonts/source-sans-pro-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/source-sans-pro-v11-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/source-sans-pro-v11-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('/fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/source-sans-pro-v11-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
       url('/fonts/source-sans-pro-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/source-sans-pro-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/source-sans-pro-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/source-sans-pro-v11-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

html, body {height: 100%; margin: 0px; padding: 0px;} 
body {font-family:'Source Sans Pro',sans-serif; font-weight:400; font-size:14px; line-height:18px; color:#000000; /* background-color:#ebfcea; */ background-color:#fbfbfb; /* background-image:url('/images/blatt_background.jpg'); background-repeat:repeat-y; background-position:center; */ /* position:absolute; width:100%; height:100%; */}

div#daten {position:absolute; top:0; width:100%; height:100%; text-align:center; /*overflow:hidden;*/}

div#subdaten {width:990px; margin:auto; text-align:left; background-color:white; background-image:url('/titel/blatt255.gif'); background-repeat:repeat-y;}

#linklammelcds {position:fixed; bottom:10px; margin-left:-25px;}

/* +++++++++++++++ Startseite +++++++++++++++++++++ */
div#spaltelinks {width:740px; float:left;}
div#spalterechts {width:245px; float:right;}
.droptext {padding:10px 0;}
.ui-loader-default {display:none;}

/* ++++++++++++++++ Social Media ++++++++++++++++ */
.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-32 { width: 32px; height: 32px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)
	{
	.ig-b-32 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-32@2x.png); background-size: 60px 178px; } 
	}

/* ++++++++++++++ Teaser Startseite ++++++++++++++++++ */
.arrow-right {
   width: 0;
   height: 0;
   border-left: 20px solid #909090;
   border-top: 50px solid transparent;
   border-bottom: 50px solid transparent;
}
.arrow-left {
   width: 0;
   height: 0;
   border-right: 20px solid #909090;
   border-top: 50px solid transparent;
   border-bottom: 50px solid transparent;
}
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f00;
}
.weiss_trans
	{
	background-color:white;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* IE 5-7 */
	filter: alpha(opacity=50);

	/* Netscape */
	-moz-opacity: 0.5;

	/* Safari 1.x */
	-khtml-opacity: 0.5;

	/* Good browsers */
	opacity: 0.5;
	}
	
.weiss_trans70
	{
	position:absolute; /* width:100%; width:97px; */ height:20px;
	
	background-color:white;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* IE 5-7 */
	filter: alpha(opacity=70);

	/* Netscape */
	-moz-opacity: 0.7;

	/* Safari 1.x */
	-khtml-opacity: 0.7;

	/* Good browsers */
	opacity: 0.7;
	}
	
.trans70
	{
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* IE 5-7 */
	filter: alpha(opacity=70);

	/* Netscape */
	-moz-opacity: 0.7;

	/* Safari 1.x */
	-khtml-opacity: 0.7;

	/* Good browsers */
	opacity: 0.7;
	}
	
.teaser_row {clear:both; margin-left:14px; width:962px;}
.teaser_div {display:inline-block;}
.teaser_div a {display:block; color:black;}
.teaser_div a:hover {color:black;}
.teaser_text
	{
	position:relative; top:-50px;
	height:50px;
	background-color:white;
	padding:5px 0;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

	/* IE 5-7 */
	filter: alpha(opacity=70);

	/* Netscape */
	-moz-opacity: 0.7;

	/* Safari 1.x */
	-khtml-opacity: 0.7;

	/* Good browsers */
	opacity: 0.7;
	
	/* box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box; */
	}
	
.teaser_text2
	{
	/* position:relative; top:-70px; */
	position:absolute; bottom:0px;
	height:45px;
	background-color:white;
	padding:0.7rem 0;
	font-size:18px;
	font-size:1.1rem;
	line-height:1.3rem;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

	/* IE 5-7 */
	filter: alpha(opacity=70);

	/* Netscape */
	-moz-opacity: 0.7;

	/* Safari 1.x */
	-khtml-opacity: 0.7;

	/* Good browsers */
	opacity: 0.7;
	
	/* box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box; */
	}
	
.teaser_text3
	{
	font-size:18px;
	font-size:1.1rem;
	line-height:1.4rem;
	position:absolute; left:10px; bottom:5px; height:50px; /* border:1px solid red; */
	}

/* +++++++++++++++ Layout +++++++++++++++ */
div#seite {width:705px; float:left;}
div#seite500 {width:510px; float:left; padding-top:26px;}

div.seminarfeld {width:100%; margin-bottom:10px; padding-top:10px;}
.seminar_starttext {margin-top:25px; margin-bottom:20px;}
.semlink {text-decoration:none; margin-top:5px; padding:5px; background-color:#dedede; font-weight:600;}
.semlink:hover {background-color:#7bc4ad; color:white;}
.seminarform label {display:inline-block; width:150px;}
/*.bewerbungsformular label {display:inline-block; width:100px; text-align:right; padding-right:10px;} */
.bewerbungsformular label {display:inline-block; width:100px;}
.seminarform input[type=text] {width:180px;}
.seminarform label.gruen, .bewerbungsformular label.gruen, #mailtab label.gruen {color: black; font-weight:400;}
.seminarform label.rot, .bewerbungsformular label.rot {color: #ff0000; font-weight:700;}

.accordion figure {float:left; margin:0; padding:0; margin-right:10px;}

/* ++++++++++++++++++ navigation +++++++++++++++++++++ */
#topnavi {width:990px; height:175px; background-color:white;}
#topnavi2 {display:none;}
#hnaviklein {width:740px; height:50px; background-color:white;}
#hnavigross {width:740px; height:50px; background-color:white; position:absolute; z-index:999;}
#logo {position:relative; top:0; float:left; width:192px; height:144px;}

/* ++++++++++++++++++ footer ++++++++++++++++++ */
#footer {position:relative; width:990px;}
.footer_ral_grau {display:inline-block; width:50px; height:33px; background-image:url(/titel/logo_ral_grau.png); background-repeat:no-repeat;}
.footer_pefc_grau {display:inline-block; width:29px; height:33px; background-image:url(/titel/logo_pefc_grau.png); background-repeat:no-repeat;}
.footer_fsc_grau {display:inline-block; width:29px; height:33px; background-image:url(/titel/logo_fsc_grau.png); background-repeat:no-repeat;}
.footer_ral {background-image:url(/titel/logo_ral.png);}
.footer_pefc {background-image:url(/titel/logo_pefc.png);}
.footer_fsc {background-image:url(/titel/logo_fsc.png);}
.footer_eurobaustoff_grau {display:inline-block; width:165px; height:31px; margin-top:1px; background-image:url(/titel/logo_eurobaustoff_grau.png); background-repeat:no-repeat;}
.footer_gdholz_grau {display:inline-block; width:57px; height:33px; margin-top:1px; background-image:url(/titel/logo_gdholz_grau.png); background-repeat:no-repeat;}
.footer_eurobaustoff {background-image:url(/titel/logo_eurobaustoff.png);}
.footer_gdholz {background-image:url(/titel/logo_gdholz.png);}
.footer_googleplay_grau {display:inline-block; width:98px; height:29px; background-image:url(/titel/googleplay_grau.gif); background-repeat:no-repeat;}
.footer_appstore_grau {display:inline-block; width:102px; height:29px; background-image:url(/titel/appstore_grau.gif); background-repeat:no-repeat;}
.footer_googleplay {background-image:url(/titel/googleplay.gif);}
.footer_appstore {background-image:url(/titel/appstore.gif);}
.footer_facebook_grau {display:inline-block; width:33px; height:33px; background-image:url(/titel/facebook_grau.png); background-repeat:no-repeat;}
.footer_google_grau {display:inline-block; width:33px; height:33px; background-image:url(/titel/icon_google_grau.gif); background-repeat:no-repeat;}
.footer_instagram_grau {display:inline-block; width:33px; height:33px; background-image:url(/titel/instagram_grau.png); background-repeat:no-repeat;}
.footer_facebook {background-image:url(/titel/facebook.png);}
.footer_google {background-image:url(/titel/icon_google.gif);}
.footer_instagram {background-image:url(/titel/instagram.png);}

.footer_plattenkollektion_grau {display:inline-block; width:31px; height:31px; background-image:url(/titel/icon_plattenkollektiongrau.gif); background-repeat:no-repeat;}
.footer_plattenkollektion {display:inline-block; width:31px; height:31px; background-image:url(/titel/icon_plattenkollektion.gif); background-repeat:no-repeat;}

a.shortnavi {position:relative; display:inline-block; padding-left:3px; padding-right:4px; font-size:14px; text-decoration:none; color:black;}
a.shortnavi div {margin-top:14px;}

ul#hauptnavi {margin:0; padding:0;}
ul#hauptnavi li {list-style:none; margin:0; padding:0; width:90px; float:left; font-size:14px;}
ul#hauptnavi li ul {display:none; margin:0; padding:0;}
ul#hauptnavi li ul li {margin:0; padding:0; background-color:#d9ede4;}
ul#hauptnavi li:hover ul {display:block;}
a.hauptnavi {background-color:#7bc4ad; color:white;}
ul#hauptnavi li:hover {/* background-color:#dedede; */ color:black;}

a.hauptnavi {display:inline-block; width:90px; height:50px; text-align:center; font-size:15px; text-decoration:none; color:#909090; background-color:white; font-weight:400;}
a.hauptnavi div {margin-top:14px; font-size:15px;}
a.hauptnavi_over {background-color:#d9ede4; color:black;}
a.hauptnavi:hover {background-color:#d9ede4; color:black; text-decoration:none;}
a.dropnavi {text-decoration:none; background-color:#d9ede4; display:block; width:200px; padding-top:2px; padding-bottom:4px; color:black;}
a.dropnavi div {padding-left:10px; padding-right:10px; white-space:nowrap;}
a.dropnavi:hover {background-color:#00834d; color:white; text-decoration:none;}

/* +++++++++++++++++ breadcrumb ++++++++++++ */
#breadcrumb {margin-top:3px; height:25px; padding-left:17px; font-size:12px;}
#breadcrumb a {display:inline-block; padding-top:5px; text-decoration:none; color:black;}
#breadcrumb div.pfeil {display:inline-block; padding-top:5px; margin-right:5px;}

/* div.unavi, div.u_unavi {margin-left:15px; margin-right:10px;} */
div.u_unavi {margin-left:15px;}

div.unavi400 {/* margin-left:15px; */ width:375px; line-height:27px;}
div.unavi a, div.unavi400 a {text-decoration:none; display:block; color:black; padding: 2px 10px 2px 15px;}
div.unavi a:hover {color:#006633; background-color:#909090; color:white;}
div.unavi a.markiert, div.unavi400 a.markiert, div.u_unavi a.markiert, div.abt_submenue a.markiert {font-weight:600; background-color:#909090; color:white; }

/* div.unavi1 {position:absolute; left:210px; top:26px; width:180px;} */
div.unavi1 {margin-left:10px; margin-top:5px;}
div.unavi1 a {display:inline-block; margin-bottom:6px;}

div#navilinks_seite {float:left; height:100%; min-height:700px; margin-right:15px; width:255px; padding-top:7px;}
div#navilinks400 {height:100%; float:left; width:390px; padding-top:26px; margin-right:10px;}

div.abstand25 {margin-top:25px;}



/* +++++++++++++++++++ fonts schriftgrößen ++++++++++++ */
.head {font-weight:600; color:#00854c;}
/* h1 {font-weight:700; font-size:21px; margin:0; padding:0;} */
h1 {font-weight:400; font-size:21px; margin:0; padding:0; line-height: 1.5rem;}
h1.rubrik {margin-bottom:15px;}
h1.gruen {color:#00854c;}
h1 p {font-size:18px; margin-top:5px;}
/* h2 {font-weight:700; font-size:18px; margin:0; padding:0;} */
h2 {font-weight:400; font-size:18px; margin:0; padding:0; line-height: 1.4rem;}
h2.drucknews {padding-bottom:10px; padding-top:10px;}
h2.gruen {color:#00854c;}
h2 small {font-size:15px;}
h2.drucknews p {font-size:15px; margin:4px 0 0 0;}
/* h3 {font-weight:700; font-size:16px; margin:0; padding:0;} */
h3 {font-weight:400; font-size:16px; margin:0; padding:0;}
.accordion h3 {font-size:14px; font-weight:600;}
.accordion a:hover {text-decoration:underline;}
h3.gruen {color:#00854c;}

a {color:#00834d; text-decoration:none;}
a:hover {/* color:#008552; */ color:#006633; text-decoration:underline;}
a.ohnedec {text-decoration:none;}
a.ohnedec:hover {text-decoration:none;}
a.ohne {color:#000000; text-decoration:none;}
a.gruenover {color:#000000;}
a.gruenover:hover {/* color:#008552; */ color:#006633;}
a.link_gruen {color:#00834d; text-decoration:none; font-weight:400;}
a.link_gruen:hover {text-decoration:underline; color:#006633;}
a.black, a.black:hover {color:#000000;}
a.no_underline, a.no_underline:hover {text-decoration:none;}
a.button_gruen {background-color: #00834d; text-decoration: none; color: white; font-weight: 600; padding:3px 7px; font-size:13px;}

.fett {font-weight:600;}
span.klein {font-size:13px; line-height:20px;}
.fettkursiv {font-weight:600; font-style:italic;}

SUP {font-size:11px; color:#000000;}
/* SMALL {font-size:13px; color:#000000;} */
/* #titel {font-size:18px; font-weight:bold; color:#000000;} */
#head {font-size:16px; font-weight:bold; color:#000000;}
#subhead {font-size:15px; color:#000000;}
#normal {color:#000000;}
.normal {color:#000000;}
#klein {font-size:13px; color:#000000;}
.klein {font-size:13px; color:#000000;}
.haekchentext {display:inline-block; float:left;}
.haekchenicon {float:left; margin-right:10px; clear:both;}
.haekchenwrapper {margin-bottom:10px;}
.stern_rot {font-size:1.2rem; font-weight:700; color:red;}
.hinweis_logout {position:absolute; background-color:white; text-align:center; padding:4rem 9rem; border:2px solid gray; z-index:99999; font-weight:400; font-size:18px; line-height: 1.6rem; color:red;}

/* +++++++++++++++ Formular-Elemente / Suche +++++++++++++++++ */
input, textarea {font-family:'Source Sans Pro',sans-serif; font-weight:400; font-size:13px;}
select {font-family:'Source Sans Pro',sans-serif; font-weight:400;}
input#sitesuche {color:#909090; width:350px; height:20px; background-color:white; border-style:none; margin-left:2px;}
input#begriff {color:#909090; width:80px; height:25px; background-color:white; border:1px solid #dedede; -webkit-box-sizing: border-box; box-sizing: border-box;}
input#sitesuche:focus {color:black;}
input#submit_sitesuche {height:25px; background:#fff url("/images/suchlupe.png") no-repeat center; border-style:none; /*float:right; margin-right:0.2rem; */ cursor:pointer;}
input#submit_telsuche {height:15px; background:#fff url("/images/suchlupe.png") no-repeat center; border-style:none; cursor:pointer;}
input#subbutton {height:25px; color:white; border-style:none; font-weight:600; -webkit-box-sizing: border-box; box-sizing: border-box;}
input.input_email {width:230px;}
/* input.but_submit {height:25px; background-color:#7bc4ad; color:white; border-style:none; font-weight:600;} */
input.but_submit {height:25px; background-color: #00834d; color: white; border-style:none; font-weight:600; cursor:pointer;}
input.but_submit:hover {background-color: #006633;}

/* +++++++++++++ Sitesuche +++++++++++++++++++ */
#sitesuche-results {position:absolute; top:37px; left:13px; background-color:white; font-size:13px; border:2px solid #ececec; z-index:9999; display:none; width:100%; min-width:250px; max-width:400px;}
#sitesuche-results ul.searchterms {margin:0; padding:0; list-style-type:none; width:100%; min-width:250px; max-width:400px;}
#sitesuche-results ul li {background-color:white;}
#sitesuche-results ul li.markiert {background-color:#dedede;}
#sitesuche-results a.link_ergebnis {line-height:15px; text-decoration:none; display:block; width:100%; padding:2px 0 10px 5px;}

.button {padding:6px 4px; background-color: #00834d; color: white; border-style:none; font-weight:600; cursor:pointer; text-decoration:none;}
.button a {text-decoration:none;}
.button:hover {background-color:#006633; color:white; text-decoration:none;}
.but_hellgruen {background-color: #7bc4ad; border-style: none; color: white; font-weight: 600; height: 25px;}
.but_hellgruen:hover {background-color: #00834d;}


/* +++++++++++++++ Formular Kundenkonto Registrierung Bonus CashCard Gh Card +++++++++++++++ */
#mailtab td {height:25px; vertical-align:middle; padding:0;}
#mailtab td.farbe {background-color:#dddddd; border-bottom:2px solid white;}
#mailtab div.farbe {padding:3px 0; background-color:#dedede; border-bottom:2px solid white;}
#mailtab input {border-style:none; background-color:transparent;}
#mailtab input.abstand15 {margin-left:15px;}
#mailtab input.breite300 {width:300px;}
#mailtab textarea {border-style:none; background-color:white; -webkit-box-sizing: border-box; box-sizing:border-box;}
#mailtab textarea.abstand15 {margin-left:15px;}
#mailtab input.but_submit {height:25px; background-color: #00834d; color: white; border-style:none; font-weight:600; cursor:pointer;}
#mailtab input.but_submit:hover {background-color: #006633;}
#mailtab td.width170 {width:170px;}

.mailtab td {height:25px; vertical-align:middle;}
.mailtab td.farbe {background-color:#dddddd; border-bottom:2px solid white;}
.mailtab div.farbe {background-color:#dddddd; border-bottom:2px solid white;}
.mailtab div.farbe2 {padding:3px 0; background-color:#dedede; border-bottom:2px solid white;}
.mailtab input {border-style:none; background-color:transparent;}
.mailtab input.but_submit {height:25px; background-color: #00834d; color: white; border-style:none; font-weight:600; cursor:pointer;}
.mailtab input.but_submit:hover {background-color: #006633;}
.mailtab input.abstand15 {margin-left:15px;}
.mailtab input.breite300 {width:300px;}
.mailtab select.abstand15 {margin-left:15px;}
.mailtab textarea {border-style:none; background-color:white;}
.mailtab textarea.abstand15 {margin-left:15px;}
.mailtab input.abstand10 {margin-left:10px;}
.mailtab select.abstand10 {margin-left:10px; }
.mailtab textarea.abstand10 {margin-left:10px;}
.mailtab td.width170 {width:170px;}

.mailtab .fuerausdruck {display:none;}
.antragform input, textarea, select {font-size:14px;}

/* ++++++++++++++++++++ Märkte ++++++++++++++++++ */
.maerkte_gruppen {width:240px; float:left; border:1px solid #ececec; text-align:center; position:relative;
box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.maerkte_gruppen_gruen {border-color:#006633;}
.maerkte_text {width:238px; height:50px; font-size:15px; padding-top:12px; margin-top:-10px; color:black; text-align:center;}
.maerkte_text_gruen {background-color:#00834d; color:white;}

/* ++++++++++++++++++++ Service ++++++++++++++++++ */
.service_gruppen {width:180px; float:left; border:1px solid #ececec; text-align:center; position:relative; overflow:hidden;
box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.service_gruppen_gruen {border-color:#006633;}
.service_text {width:180px; height:50px; font-size:15px; padding-top:12px; margin-top:-10px; color:black; text-align:center;}
.service_text_gruen {background-color:#00834d; color:white;}

/*+++++++++++++++++++++++++++++++++ AGB +++++++++++++++++++++ */
.agb_absatz p {margin:0; padding:0; margin-bottom:7px;}


table.seminar td {line-height:20px;}
.semfil_icon {display:inline-block; width:8px; height:14px; padding:0 3px 0 3px; color:white; background-color:#00834d; font-size:11px; font-weight:700;}

/*+++++++++++++ nachrichten ++++++++++++++++++ */
table.termine {width:700px;}
table.termine td {padding:0; margin:0; padding-bottom:15px;}
table.termine td.bildzelle {padding-top:5px; padding-right:10px;}


.obenlinks {padding-top:12px;}
.obenrechts {padding-top:9px;}
.spezial
	{
	background-color:#FFFF00; font-weight:bold; padding-left:2px; padding-right:2px;
	zoom: 1;
	filter:
	progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=0, Strength=2)
	progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=270, Strength=2)
	progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=210, Strength=2)
	progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=30, Strength=2)
	progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=90, Strength=2)
	progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=300, Strength=2)
	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=4);
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}

h2.ebc_header {font-weight:400; font-size:18px; padding-bottom:5px;}

.ebc_article {clear:both; position:relative; padding-bottom:10px;}
.ebc_image {float:left; margin-right:10px; padding-bottom:10px;}
.ebc_text {font-size:14px; color:#000000; line-height:18px;}
p.ebc_text {margin-top:-5px;}
.ebc_header {color:#000000;}
.csc-textpic-text {font-size:14px; color:#000000;}
p.subtitel {font-weight:400; font-size:16px; margin:0; padding:0;}
img {border-style:none;}
.csc-textpic-imagewrap {float:right; margin-left:5px;}
.news-single-timedata {width:0px; height:0px; font-size:0px; visibility:hidden;}

table.contenttable {width:100%; font-size:15px; border:1px solid #aaaaaa;}
table.contenttable td {border:1px solid #aaaaaa;}
span.hochgestellt {position:relative; top:-5px; font-size:11px;}
span.tiefgestellt {position:relative; top:+3px; font-size:11px;}
div#logodruck {position:relative; width:120px; height:83px; display:none;}

.nachrichtenseite .klein {font-size:12px; line-height:16px;}
.nachrichtenseite .rubrik {font-weight:400; font-size:21px; margin:0; padding:0; line-height: 1.5rem; margin-bottom:15px;}


@media print
	{
	body {background-image:url(); background-color:white;}
	#topnavi {width:100%;}
	#navilinks, #navilinks_seite, #gelberbalken, #hnaviklein, #linklammelcds, #logo {display:none;}
	#hnavigross {background-color:transparent; width:95%;}
	ul#hauptnavi {/* margin-top:30px; */ display:none;}
	div#titelseite {width:100%;}
	div#seite {width:95%; float:none;}
	div#daten {text-align:left;}
	div#subdaten {background-image:url(); position:relative; width:100%;}
	div#logodruck {background-image:url(/images/logo_druck.jpg); background-repeat:no-repeat; display:inline-block; margin-top:80px;}
	.unsichtbar {display:none;}
	.druckartikel {page-break-inside:avoid}
	}
	
/* ++++++++++++++++++++ Nachrichten-Archiv ++++++++++++++++++++++ */

/* .ausgabe_datei a {color:#000000;} */
.ausgabe_datei strong {font-weight:600;}
.ausgabe_datei h2 {font-size:16px; font-weight:600;}
.ausgabe_datei SUP {font-size:9px; color:#000000;}
.ausgabe_datei SMALL {font-size:13px; color:#000000;}
.ausgabe_datei #titel {font-size:19px; font-weight:700; color:#000000;}
.ausgabe_datei #head {font-size:20px; font-weight:700; color:#000000;}
.ausgabe_datei #subhead {font-size:16px; color:#000000; font-weight:bold;}
.ausgabe_datei #klein {font-size:12px; color:#000000;}
.ausgabe_datei .titel {font-size:19px; font-weight:bold; color:#000000;}
.ausgabe_datei .head {font-size:18px; font-weight:600; color:#000000;}
.ausgabe_datei .subhead {font-size:16px; font-weight:600; color:#000000;}
.ausgabe_datei .rubrik {font-size:18px; font-weight:600; color:#000000;}
.ausgabe_datei .normal {font-size:14px; color:#000000;}
.ausgabe_datei .klein {font-size:12px; color:#000000;}
.ausgabe_datei td.navifett {width:200px; font-size:13px; color:#000000; font-weight:bold; background-color:#f8f8e0;}
.ausgabe_datei .inhaltsverz {font-size:16px; color:white; font-weight:bold; background-color:#a0a01e; width:200px; height:20px; padding-left:2px;}
.ausgabe_datei .terminelinks {background-color:#dddddd; width:150px;}
.ausgabe_datei .terminerechts {background-color:#eeeeee; width:290px;}
.ausgabe_datei .tablayout {width:440px; font-size:13px; color:#000000;}
.ausgabe_datei .spalte {width:215px; font-size:13px; color:#000000;}
.ausgabe_datei .spalte div {font-size:13px; color:#000000;}
.ausgabe_datei .tabtermine {width:445px;}

	
/* +++++++++++++++++++++ Preisangebote ++++++++++++++++++++++++++ */
.preisangebote div.klein {font-size:11px;}
.preisangebote a {color:#000000; text-decoration:none;}
.preisangebote a.info {font-family:'Source Sans Pro',sans-serif; font-weight:400; font-size:13px; color:#8a8c8d; font-weight:bold; text-decoration:none;}
.preisangebote div.angebot
	{
	font-family:'Source Sans Pro',sans-serif; font-weight:400; font-size:14px; line-height:16px;
	width:690px; margin-top:10px;
	border-top:1px solid #047e4d; /* margin-bottom:10px; */
	/* background-image:url(/images/angebot_verlauf.gif); background-repeat:repeat-x; */
	}
	
.gruppentext {width:360px;}
.gruppentext span {font-weight:700;}
.preisangebot_zusatz {margin-top:15px;}

.preisangebote div.angebot h3 {font-weight:700; font-size:17px; margin:0; padding:0; margin-bottom:3px;}
.preisangebote div.preisangabe, .restposten div.preisangabe {height:38px; background-image:url(/angebot/preisform_gruen.png); background-repeat:no-repeat; color:white; font-weight:700; font-size:18px; text-align:right; padding-right:13px; padding-top:5px;}
.preisangebote div#zoom {display:none; background-color:white;}

.preisangebote div.angebot.angebot .feld1 {width:150px; display:inline-block; float:left;}
.preisangebote div.angebot.angebot .feld2 {width:300px; display:inline-block; float:left;}
.preisangebote div.angebot.angebot .feld3 {width:240px; display:inline-block; float:left;}

/* +++++++++++++++++++++ Restposten +++++++++++++++++++ */
.rot {color:red; font-weight:700;}

.schatten
	{
	zoom: 1;
	filter:
	progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=0, Strength=2)
	progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=270, Strength=2)
	progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=210, Strength=2)
	progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=30, Strength=2)
	progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=90, Strength=2)
	progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=300, Strength=2)
	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=4);
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}

.vertikal {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* ++++++++++++++++++ Belegarchiv +++++++++++++++++ */
.sel_zeitraum {background-color:white;  /* width:100%; clear:both; height:25px; */}
.sel_zeitraum:hover {background-color:#dedede;}
.belegtab_tr {clear:both; width:100%; height:40px;}
.belegtab_tr1 {border:1px solid transparent; border-bottom:1px solid #ececec; cursor:pointer;}
.belegtab_tr1:hover {border:1px solid #00854c;}
.belegtab_td {height:25px; float:left; margin-top:2px;}
.belegtab_td1 {width:130px; margin-left:15px;}
.belegtab_td2 {width:100px;}
.belegtab_td3 {width:90px;}
.belegtab_td4 {width:190px; /*overflow:hidden; white-space: nowrap; text-overflow: ellipsis;*/}
.belegtab_td5 {width:170px; overflow:hidden; white-space: nowrap; overflow: ellipsis;}
.belegtab_tr_titel {background-color:#dedede; font-weight:700; margin-top:10px;}
.select-branche {float:left;}
.belegarchiv_seite button.but_submit {padding:3px 4px; background-color: #00834d; color: white; border-style:none; font-weight:600; cursor:pointer; text-decoration:none;}
.belegarchiv_seite button.but_submit:hover, .belegarchiv_seite button.but_submit:focus {background-color:#006633;}

/* ++++++++++++++++++ Stammdaten +++++++++++++++++ */
.butmerkliste {background-color:#00834d; text-decoration:none;}
.butmerkliste:hover {text-decoration:none;}
.butmerkliste_over {background-color:#006633; text-decoration:none;}

.daten_titel {clear:left; width:200px; font-weight:700; float:left; margin-right:10px; margin-bottom:5px; display:inline-block;}
.daten_titel_left {clear:left; width:200px; height:22px; font-weight:700; float:left; margin-right:10px; margin-bottom:5px; padding:1px 0; display:inline-block;}
.daten_content {position:relative; width:300px; float:left; margin-bottom:2px;}
.daten_content_right {position:relative; width:450px; float:right; margin-bottom:2px;}
.daten_content_right2 {position:relative; width:430px; float:right; margin-bottom:2px;}
.daten_kartenliste {clear:left; width:100%; margin-bottom:2px;}

.beleginfo {width: 11px; height: 10px; background: url(/images/pfeildowngrau.gif) 0px 0; cursor:pointer;}
.belegoeffnen {width: 11px; height: 10px; background: url(/images/pfeildown.gif) 0px 0; cursor:pointer;}
.belegschliessen {width: 11px; height: 10px; background: url(/images/pfeilup.gif) 0px 0; cursor:pointer;}
.belegclose {width: 11px; height: 10px; background: url(/images/pfeilupgrau.gif) 0px 0; cursor:pointer;}

.stammdatenform div.bearbeiten {width: 22px; height: 22px; background: url(/shopimg/preisliste/icons_merkliste3.gif) 0px 0; cursor:pointer;}
.stammdatenform div.bearbeiten:hover {background: url(/shopimg/preisliste/icons_merkliste3.gif) 66px 0;}


.rueckgaengig {width: 22px; height: 22px; background: url(/shopimg/preisliste/icons_merkliste3.gif) 44px 0; cursor:pointer;}
.rueckgaengig:hover {background: url(/shopimg/preisliste/icons_merkliste3.gif) 22px 0;}
/* .rueckgaengig_over {width: 22px; height: 22px; background: url(/shopimg/preisliste/icons_merkliste3.gif) 22px 0; cursor:pointer;} */
.stammdatenform input, .stammdatenform select, .stammdatenform textarea {-webkit-box-sizing: border-box; box-sizing: border-box; font-size:14px;}
.stammdatenform div.farbe {background-color:#dddddd; height:22px; padding:2px 5px;}
.stammdatenform div.farbe2 {background-color:#dddddd; height:22px; padding:2px 0 2px 5px;}
.div_sperrform {background-color:#dddddd; display:none;}
.div_sperrform form { margin-left:2px;}
.div_sperrform td {padding-bottom:10px;}

.papierkorb {width: 20px; height: 20px; background: url(/shopimg/preisliste/icons_merkliste5.gif) 0 0;}
.papierkorb:hover {width: 20px; height: 20px; background: url(/shopimg/preisliste/icons_merkliste5.gif) 200px 0;}

#wrappertable {background-color:white;}
#div_merkliste {position:absolute; left:450px; padding-top:12px; width:90px; height:25px;}

#posmerkliste {position:absolute; left:-500mm;}
/* ++++++++++++++++++ Bestellübersicht +++++++++++++++++++++++++ */
.bestell_offen, .bestell_inbearb, .bestell_fertig {display:inline-block; width:7px; height:7px;}
.status>div.bestell_offen, .status>div.bestell_inbearb, .status>div.bestell_fertig {width:10px; height:10px;}
.bestell_offen {background-color:#00834d;}
.bestell_inbearb {background-color:#ffee00;}
.bestell_fertig {background-color:#ff0000;}
tr.warenkorbrow a.black {color:black;}
.incart {width: 20px; height: 20px; background: url(/shopimg/preisliste/icons_merkliste5.gif) 60px 0;}
.incart:hover {width: 20px; height: 20px; background: url(/shopimg/preisliste/icons_merkliste5.gif) 40px 0;}
.tr_bestellrow {cursor:pointer;}
.td_bestellrow {cursor:pointer;}

.tr_bestellrow_markiert {background-color:#fcfcbd;}
.tr_bestellrow_unmarkiert {background-color:transparent;}
.tr_bestellrow_unmarkiert:hover {background-color:#fcfcbd;}

/* table.artikel {display:none;}
h1.table_artikel {display:none;} */

/* +++++++++++++++++++++ Warenkorb +++++++++++++++++++++++ */
/* a.warenkorb {display:block; float:left; margin-right:5px; width:31px; height:31px; background-image:url(/shopimg/icon_cart31.png); background-repeat:no-repeat;} */
a.warenkorb {display:inline-block; width:90px; height:50px; background-image:url(/shopimg/navi_cart.png); background-repeat:no-repeat;}
a.warenkorb:hover {background-image:url(/shopimg/navi_cart_over.png);}
a.warenkorb_leer {background-image:url(/shopimg/navi_cartleer.png);}
a.warenkorb_leer:hover {background-image:url(/shopimg/navi_cartleer_over.png);}
a.warenkorb_aktiv, a.warenkorb_aktiv:hover {background-image:url(/shopimg/navi_cartaktiv.png);}
a.warenkorb_leer_aktiv, a.warenkorb_leer_aktiv:hover {background-image:url(/shopimg/navi_cartaktivleer.png);}

#div_inhaltwarenkorb {display:inline-block; background-color:#00834d; color:white; font-weight:700; padding:0 5px; float:left; margin:3px 0 0 40px; font-size:13px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}

.div_listebestellungen {margin:5px 0 0 0;}

.aufmass_td {padding:2px 10px 2px 0;}

#bestellung_balken_grau {position:absolute; width:550px; height:5px; background-color:#dedede; margin:20px 0 20px 25px;}
#bestellung_balken_gruen {position:absolute; height:5px; background-color:#00834d; margin:20px 0 20px 25px;}
.kreis {
	width: 24px; height: 24px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	/* behavior: url(/scripts/pie/PIE.htc); */
	background-color: #dedede;
	text-align:center;
}

.kreis a, .kreis span {display:block; padding-top:2px; color:white; font-weight:700; text-decoration:none;}

.pfeilre {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	width:0; height:0; border:solid 8px transparent; border-left:solid 8px #ffffff;
}

.screenwidth_seite {width:720px; height:185px;}

/* ++++++++++++++ Hinweis Cookie-Nutzung ++++++++++++++++++++ */
/* zusammen mit .trans70 */
.hinweis_cookie {position:fixed; bottom:0; z-index:1000; background-color:#303030; color:white;}

/*
dunkelgrün: #00854c
hellgrün: #7bc4ad
noch heller grün #d3f3e5
gelb: #ffee00
menühintergrund hellgrün #d9ede4
hellgelb: #fcf3ac

100%: 00834d
50%: 7fc1a5 (Buttons, Hintergründe, MouseOver)
35%: aed8c6 (Leiste grueneleiste)
15%: e5f2ed (Unter-Leiste hellgrueneleiste)

neu:
grün: #00834d, rgb(0,131,77)
dunkelgrün (hover): #006633, rgb(0,102,51)
grau: #dedede, (222,222,222)
hellgrau: #f6f6f6, rgb(246, 246, 246)
*/