@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,latin-ext);
@charset "utf-8";

/*
width - padding:
padding wird zur min-width dazugezählt! dh wenn ein Bereich ein padding hat, dann die (min-)width verringern!
*/



html, body {
	margin: 0 auto;
	padding: 0;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	line-height: 1.5;
	background-color: #FFFFFF;/*#EFEFFF;*/
}

.container {
	margin: 0 auto;
	background-image: url(../bilder/watermark.png);
	background-position: right 100px;
	background-repeat: no-repeat;
	position: relative;
}

.header {
	background-image: url(../bilder/Titel.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color: #1C49AF; /*hell:#3C52D3;*/ /*knallig:#0F39B2; *//*#223475;*/
	height: 75px;
	min-width:940px;
}
.header a {
    background-color: #1C49AF;
	position: absolute;
	width:100%;
	height: 82px;
    top: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
   /* background-color: #FFF;  Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}


.mainmenu {
    background-color: #366BC9; /*#1C49AF;*/
overflow: auto;
	/*
		min-width:940px;
	height: 25px;


	für zentriert ohne Hintergrundfarbe bis an den Rand:
	height: 30px;
	background-color: #F0F0FF;
	width:940px;
	margin: 0 auto;
	
	für zentriert mit Hintergrundfarbe bis an den Rand:
	height: 30px;
	background-color: #2A448C;
	min-width:940px;
	*/
}


.normensidebar {
	float: left;
	width: 220px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	background-color: #FAFAFF; /*#2B3A6B;*/
/*	border-top:1px solid #55F;*/
}
.normensidebar p {
	font-size: 15px;
	line-height:150%;
	margin-top: 15px;
	margin-bottom: 5px;
}
.normensidebar a {
	font-size: 13px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.normensidebar a:link {
	text-decoration: none;
	color:#000099;
}
.normensidebar a:hover {
	text-decoration: underline;
	color:#000099;
}
.normensidebar a:visited {
	text-decoration: none;
	color:#000099;
}
.normen_content {
	text-align: left;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 250px;
	width: 690px; /*verringert, da padding +50*/
	margin: 0 auto;
	background: #FFFFFF;
/*
	background-repeat: repeat-y;
	text-align: left;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 230px;*/
}

#normenseite_info a#normensidebar_info,
#normenseite_h6040 a#normensidebar_h6040,
#normenseite_h128311 a#normensidebar_h128311,
#normenseite_en128311 a#normensidebar_en128311,
#normenseite_h75001 a#normensidebar_h75001,
#normenseite_h75003 a#normensidebar_h75003,
#normenseite_h7500 a#normensidebar_h7500,
#normenseite_b8135 a#normensidebar_b8135,
#normenseite_en12831 a#normensidebar_en12831
 {
	font-weight: bold;
}


.pressesidebar {
	float: left;
	width: 220px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	background-color: #FAFAFF; /*#2B3A6B;*/
/*	border-top:1px solid #55F;*/
}
.pressesidebar p {
	font-size: 15px;
	line-height:100%;
	margin-top: 15px;
	margin-bottom: 5px;
}
.pressesidebar a {
	font-size: 13px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.pressesidebar a:link {
	text-decoration: none;
	color:#000099;
}
.pressesidebar a:hover {
	text-decoration: underline;
	color:#000099;
}
.pressesidebar a:visited {
	text-decoration: none;
	color:#000099;
}
.presse_content {
	text-align: left;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 250px;
	width: 690px; /*verringert, da padding +50*/
	margin: 0 auto;
	background: #FFFFFF;
/*
	background-repeat: repeat-y;
	text-align: left;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 230px;*/
}

#presseseite_Gebaeudeinstallation_09_2018 a#pressesidebar_Gebaeudeinstallation_09_2018, #presseseite_Gebaeudeinstallation_09_2018a a#pressesidebar_Gebaeudeinstallation_09_2018a

{
	font-weight: bold;
}






.content {
	text-align: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 940px; /*verringert, da padding +50*/
	margin: 0 auto;
	background: #FFFFFF;
}

.content1 {
	text-align: left;
	margin: 0 auto;
	background: #FFFFFF;
	max-width: 940px;
	width: 100%;
}

.footer {
	background-color: #1C49AF; /*#223475; #2B3A6B;*/
	height: 37px;
	font-size: 12px;
	text-decoration: none;
	padding-left: 25px;
	padding-top:15px;
	padding-right: 25px;
	margin: 0 auto;
	clear: both;
	min-width: 890px; /*verringert, da padding +50*/
}

.news {
	padding:20px;
	padding-bottom: 0px; 
	width:850px
}

.newsblue {
	background-color: #F7F7FC; 
	padding:20px; 
	padding-bottom: 0px; 
	width:850px
}





.txtarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal; 
	}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}



a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}
/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: #0000FF;
	text-decoration: underline; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}

a:visited {
	text-decoration: underline;
	color: #000099;
}

a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: underline;
}

/* ~~ Dies sind die Layoutinformationen. ~~ 

1) Eine Auffüllung wird nur oben und/oder unten im div-Tag positioniert. Die Elemente innerhalb dieses div-Tags verfügen über eine seitliche Auffüllung. Dadurch müssen Sie keine Box-Modell-Berechnungen durchführen. Zu beachten: Wenn Sie dem div-Tag eine seitliche Auffüllung oder einen Rahmen hinzufügen, werden diese zu der festgelegten Breite addiert und ergeben die *gesamte* Breite. Sie können auch die Auffüllung für das Element im div-Tag entfernen und ein zweites div-Tag ohne Breite und mit der gewünschten Auffüllung im ersten div-Tag einfügen.

*/


/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/*
ÜBERARBEITETES AB HIER *************************************************
*/

.cell_no {
	background-color:#DDD;
}

.cell_yes {
	background: url(../bilder/check25.png);
	background-position: center;
	background-repeat: no-repeat;
}

.cell_part {
	background: url(../bilder/check25klammer.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 35px 19px;
}

.cell_mitbottomborder {
	border-bottom-color: #000; 
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-left-color: #000; 
	border-left-style: solid; 
	border-left-width: 1px
}

.cell_mitbottomborderduenn {
	border-bottom-color: #555; 
	border-bottom-style: dotted; 
	border-bottom-width: 1px; 
	border-left-color: #000; 
	border-left-style: solid; 
	border-left-width: 1px
}

.cell_ohnebottomborder {
	border-left-color: #000; 
	border-left-style: solid; 
	border-left-width: 1px
}

.container .header {
/*Überschrift nur im Kopf*/
	font-size: 16px;
	font-weight: normal;
	text-indent: -5000px;
}

.indexfelder {
	padding: 0px 0px 0px 0px;  
	margin: 0px;
	border:2px solid white; 
	border-bottom:0px;

	float: left;
	width: 231px;
}

.indexfeldmittleres {
	padding: 0px 0px 0px 0px;  
	margin: 0px;
	border:2px solid white; 
	border-bottom:0px;

	float: left;
	width: 110px;
}

.indexfelderoben1 {
	padding: 15px 0 5px 0;  
	margin: 0px;

	float: left;
	width: 100%;
	height: 40px;

	background: #557DCE; 
	font-size: 17px;
	color: #FFF;
	font-weight: normal;
	text-align:center;
}

.indexfelderoben2 {
	padding: 5px 0 0px 0;  
	margin: 0px;

	float: left;
	width: 100%;
	height: 130px;

	background: #557DCE; 
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	text-align:center;
}

.indexfelderoben3 {
	padding: 25px 0 15px 0;  
	margin: 0px;

	float: left;
	width: 100%;

	background: #557DCE; 
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	text-align:center;
}

.indexfelderoben {
	padding: 25px 0 25px 0;  
	margin: 0px;

	float: left;
	width: 100%;
	height: 90px;

	background: #557DCE; 
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	text-align:center;
}

.indexfelderunten {
	padding: 10px 0 5px 0;  
	
	float: left;
	width: 100%;
	height: 95px;

	background: #557DCE; /*141478 /*#1C49AF;*/ 
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	text-align:center;
}

.indexfelderdarunter {
	padding:10px; 
	padding-top:15px; 
	padding-bottom: 0px; 

	float: left;
	width: 211px;

	font-size: 13px;
	color: #333;
}



.indexbutton {
	padding: 0px 8px 0px 8px;  
	margin: 0px;
	border:2px solid white; 
	border-bottom:0px;

	float: left;
	width: 168px;
}

.indexbuttonoben1 {
	padding: 5px 0 0px 0;  
	margin: 0px;

	float: left;
	width: 100%;
	height: 110px;
	border-radius: 16px 16px 0 0;
	border-right:2px solid darkgrey;

	background: #557DCE; 
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	text-align:center;
}

.indexbuttonoben2 {
	padding: 10px 0 15px 0;  
	margin: 0px;

	float: left;
	width: 100%;
	height: 30px;
	border-radius: 0 0 16px 16px;
	border-right:2px solid darkgrey;
	border-bottom:2px solid darkgrey;

	background: #557DCE; 
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	text-align:center;
}



.strich{
	font-family: Montserrat,sans-serif;
    margin-bottom: 10px;
	
	font-size: 25px;
	letter-spacing: 6px; 
	font-variant:small-caps;
	
	color: #999;
	text-align: left;
	padding-left: 40px;
	overflow:hidden;
}
.strich span{
	display:inline-block;
	position:relative;
}
.strich span:after, .strich span:before{
	content:" ";
	display:block;
	height:1px;
	width:1000px;
	background: #999;
	position:absolute;
	top:50%;
}
.strich span:before{
	left:-1010px;
}
.strich span:after{
	right:-1010px;
}

.variantenkuehllast {
	padding: 0px 0 0px 0px;  
	margin: 0px 0 0px 0;
	border: 10px solid #F1F1F1; 

	float: left;
	width: 31%;
	background: #FAFAFA; 
}

.variantenkuehllastunten {
	padding: 0 0 0 0px;
	margin: 10px 10px 10px 0px;

	font-size: 17px;
	font-weight: 700;
	color: #000099;
	
	height: 35px;
	width: 100%;
	text-align:center;
}

.variantenkuehllastdarunter {
	padding: 0 10px 0 10px; 

	float: left;

	font-size: 14px;
	color: #333;
	
	height: 220px;
}



.produndserv {
	padding: 0px 0 0px 0px;  
	margin: 0px 0 0px 0;
	border: 10px solid #F1F1F1; 

	float: left;
	width: 292px;
	background: #FAFAFA; 
}

.produndservoben {
	padding: 25px 0 25px 0;  
	margin: 0px;

	float: left;
	width: 100%;

	font-size: 14px;
	font-weight: normal;
	text-align:center;

	height: 120px;
}

.produndservunten {
	padding: 0px 30px 0 30px;

	float: left;

	font-size: 17px;
	font-weight: 700;
	color: #000099;
	
	height: 55px;
}

.produndservdarunter {
	padding: 0 30px 0 30px; 

	float: left;

	font-size: 12px;
	color: #333;
	
	height: 100px;
}



.produndservserv {
	padding: 0px 0 0px 0px;  
	margin: 0px 0 0px 0;
	border: 5px solid #F1F1F1; 

	float: left;
	width: 225px;
	background: #FAFAFA; 
}

.produndservobenserv {
	padding: 25px 0 25px 0;  
	margin: 0px;

	float: left;
	width: 100%;

	font-size: 14px;
	font-weight: normal;
	text-align:center;

	height: 120px;
}

.produndservuntenserv {
	padding: 0px 0 0 10px;

	float: left;

	font-size: 17px;
	font-weight: 700;
	color: #000099;
	
	height: 35px;
}

.produndservdarunterserv {
	padding: 0 10px 0 10px; 

	float: left;

	font-size: 12px;
	color: #333;
	
	height: 140px;
}




.pruduktefelder {
	padding:15px; 

	border-bottom:0px;
	
	font-size: 16px;
	/*letter-spacing:0.05em;*/
	color: #FFF;
	font-weight: normal;
	margin: 0px;
	text-align:center;

	background:#FFF;
	color: #229;

	width: 188px;
}

.pruduktefelderunten {
	padding:9px; 
	
	border-top:0px;
	
	font-size: 12px;
	font-weight: 400;
	margin: 0px;
	text-align: left;

	background:#FFF;
	color: #229;
	color: #555;
	padding-top: 5px;
}

.produkteinleitung {
	border-bottom:0px;
	
	margin: 70px 0 0 0;
	text-align:center;

	background:#FFF;
	color: #229;

	width: 155px;
	float: left;
	overflow: auto;
}

.produkteinleitung_oben {
	padding: 9px; 
	
	border-top:0px;
	
	font-size: 16px;
	font-weight: normal;
	margin: 0px;
}

.produkteinleitung_unten {
	padding: 9px; 

	border-top: 20px;
	
	font-size: 12px;
	font-weight: 400;
	margin: 0px;
	text-align: left;

	color: #555;
	padding-top: 15px;
}


.produkte_liste_blau,
.produkte_liste_rot,
.produkte_liste_gruen {
	padding-top:30px; 
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	margin-bottom: 20px;
	width: 100%;
	float: left;
}
.produkte_liste_blau {
	background-color:#F7F7FC; 
}
.produkte_liste_rot {
	background-color:#FCF7F7; 
}
.produkte_liste_gruen {
	background-color:#EFFAEF; 
}

.produkte_innen {
	margin-left:25px; 
	margin-top:-5px;
	width: 550px;
	float: left;
}
.produkte_innen2 {
	margin-left:25px; 
	margin-top:-5px;
	width: 600px;
	float: left;
}

.produkte_liste_fachartikel {
	margin-top:5px;
	margin-bottom:0px;
	
	float: left; 
	width: 100px; 
	text-align:right;
	line-height: 20px;
	
}

.produkte_liste_bilder2 {
	float:left; 
	text-align:center; 
	width:200px; 
	margin-left:20px;
	margin-top:10px;
}

.produkte_innere_navi {
	margin-top: 0px;
	text-align: right;
}

.produkte_innere_navi p {
	margin-bottom: 10px;
}
.produkte_innere_navi a:link,
.produkte_innere_navi a:hover,
.produkte_innere_navi a:visited {
	color:#00F;
}


/*UNTERSEITE bei PRODUKTEN*/

.produkte_Steckbrief_links {
	width: 200px;
	float: left;
}

.produkte_Steckbrief_rechts {
	margin-left: 200px;
}

.merkmale {
	margin-top:40px; 
	margin-bottom:0px; 
	padding-top:30px;  
	padding-left:30px; 
	padding-bottom:30px; 
	padding-right:30px; 
	background-color:#F7F7FC;
}

.produkte_table {
	font-size: 14px;
	line-height:150%;
	background-color: #FFF;
}

.produkte_table_klein {
	font-size: 13px;
	line-height:150%;
	background-color: #FFF;
	
	border: 0;
	
	width: 100%;
}

.produkte_table_klein tr {
	height: 30px;

	
}




/*Menü bei Normen*/
.MenuBarVertical p {
	margin-left:10px;
	margin-top:10px;
	margin-bottom:5px;
}

.MenuBarVertical a:link,
.MenuBarVertical a:hover,
.MenuBarVertical a:visited {
	color: #00F;
}

/* UNTERSEITE BEI NORMEN */

.normen_steckbrief {
	border: 1px solid #AAF; 
	padding: 0px 10px 0px 10px;
	background-color: #FAFAFF;
}

.normen_links {
	padding-top: 9px;
	width: 189px;
	float: left;
}

.normen_rechts {
	padding-top: 9px;
	width: 479px;
	margin-left: 190px;
}

.normen_links p,
.normen_rechts p {
	color: #000099;
}

ul {
	margin-left: 35px;
}


.presseartikel {
	width: 33%;
	height: 300px;
	float: left;
	
	margin: 50px 0 40px 0;
	text-align:center;
	
	
	
}


/* Horizontales Untermenü bei Produkte ************************************************
*/

.produkte_untermenue {
	background-color: #F5F5FF; /*#2B3A6B;*/
	width:936px; /*wegen rand*/
	height: 80px;
	margin: 0 auto;
	margin-left: 0px;
	margin-top: -20px;
	padding: 0px;
	border: 2px solid #FAFAFF;
	border-top: 2px solid #77F;
	border-left: 1px solid #E0E0FF;
	border-right: 1px solid #E0E0FF;
	border-bottom: 1px solid #E0E0FF;
}

.produkte_untermenuespalte,
.produkte_untermenuespalte a,
.produkte_untermenuespalte p {
	float:left; 
	font-size: 13px;
	text-align: left;
	text-decoration: none;

	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 2px;
	margin-right: 2px;
	
}

.produkte_untermenuepunkt,
.produkte_untermenuepunktzwei,
.produkte_untermenuepunkt a,
.produkte_untermenuepunktzwei a,
.produkte_untermenuepunkt p,
.produkte_untermenuepunktzwei p
 {
	margin: 0;
	padding-left: 15px;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
}

.produkte_untermenuepunkt#p_produkteueberschrift,
.produkte_untermenuepunktzwei#p_produkteueberschriftzwei {
	padding-left: 10px;
	padding-right: 0px;
}

.produkte_untermenuepunkt:hover {
/*	background-color: #FFF;*/
	text-decoration:underline;
}
.produkte_untermenuepunkt#p_produkteueberschrift:hover {
	background-color: #F5F5FF;
	text-decoration:none;
}

.produkte_untermenuepunktzwei:hover {
	text-decoration:underline;
}


#p_khkombiseite #p_khkombiaktiv,
#p_kuehllastseite #p_kuehllastaktiv,
#p_heizlastseite #p_heizlastaktiv,
#p_gebaeudeheizlastseite #p_gebaeudeheizlastaktiv
{
	background-color: #FFF;
}


a.MenuBarItemEins
{
	height:20px;
	float: left;
}

a.MenuBarItemZwei {
	background-color: #F5F5FF;
	font-size: 12px;
	float: left;
}
a.MenuBarItemZwei:hover {
	background-color: #F5F5FF;
	text-decoration:underline;
}






.gruenerbutton {
    /* original:
	background-color: #7FBF4D;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7FBF4D), color-stop(100%, #63A62F));
    background-image: -webkit-linear-gradient(top, #7FBF4D, #63A62F);
    background-image: -moz-linear-gradient(top, #7FBF4D, #63A62F);
    background-image: -ms-linear-gradient(top, #7FBF4D, #63A62F);
    background-image: -o-linear-gradient(top, #7FBF4D, #63A62F);
    background-image: linear-gradient(top, #7FBF4D, #63A62F);
    border: 1px solid #63A62F;
    border-bottom: 1px solid #5B992B;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 0 #96CA6D;
    box-shadow: inset 0px 1px 0px 0px #96ca6d;
    color: white;
	font-size: 20px;
    padding: 7px 0 8px 0;
    text-align: center;
    text-shadow: 0px -1px 0px #4c9021;
    width: 150px;*/

	background-color: #7FBF4D;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7FBF4D), color-stop(100%, #63A62F));
    background-image: -webkit-linear-gradient(top, #7FBF4D, #63A62F);
    background-image: -moz-linear-gradient(top, #7FBF4D, #63A62F);
    background-image: -ms-linear-gradient(top, #7FBF4D, #63A62F);
    background-image: -o-linear-gradient(top, #7FBF4D, #63A62F);
    background-image: linear-gradient(top, #7FBF4D, #63A62F);
    border: 1px solid #63A62F;
    border-bottom: 1px solid #5B992B;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 0 #96CA6D;
    box-shadow: inset 0px 1px 0px 0px #96ca6d;
    color: white;
	font-size: 25px;
    padding: 10px 0 12px 0;
    text-align: center;
    text-shadow: 0px -1px 0px #4c9021;
    width: 550px;
	
	letter-spacing: 1px;

}

.gruenerbutton:hover {
	background-color: #76B347;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76B347), color-stop(100%, #5E9E2E));
	background-image: -webkit-linear-gradient(top, #76B347, #5E9E2E);
	background-image: -moz-linear-gradient(top, #76B347, #5E9E2E);
	background-image: -ms-linear-gradient(top, #76B347, #5E9E2E);
	background-image: -o-linear-gradient(top, #76B347, #5E9E2E);
	background-image: linear-gradient(top, #76B347, #5E9E2E);
	-webkit-box-shadow: inset 0 1px 0 0 #8DBF67;
	box-shadow: inset 0 1px 0 0 #8DBF67;
	cursor: pointer;
}

.gruenerbutton:active {
	border: 1px solid #5B992B;
	border-bottom: 1px solid #538C27;
	-webkit-box-shadow: inset 0 0 8px 4px #548C29, 0 1px 0 0 #EEE;
	box-shadow: inset 0 0 8px 4px #548C29, 0 0 0 0 #EEE;
}




/* SCHRIFTEN ******************************************************************************************************* */

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0px; 
	color: #333;
}

p, li {
	font-size: 14px;
	line-height:150%;
	color: #333;
}

h1 {
	font-size: 26px;
	color: #000099;
	font-weight:400;
	margin-top:20px; 
	margin-bottom:20px;
}

h2 {
	font-size: 20px;
	color: #000099;
	font-weight:400;
	margin-top:0px;
	margin-bottom:20px; 
}

#kontaktseite h2 {
	font-size: 17px;
	color: #333;
	font-weight:400;
	margin-top:0px;
	margin-bottom: 10px; 
}

#p_uebersichtseite h2 {
	font-size: 22px;
	color: #000099;
	font-weight:400;
	margin-top:-5px;
	margin-bottom:5px; 
}


.namenkalt {
	font-variant:small-caps;
	color: #000099;
}

.namenwarm {
	font-variant:small-caps;
	color: #990000;
}


.KleinGrau {
	font-size: 12px;
	color:#333;
}

.KleinBlau {
	font-size: 12px;
	color: #000099;
}

.KleinGrauSchmal {
	font-size: 12px;
	color:#333;
	line-height: 120%;
}
.KleinBlauSchmal {
	font-size: 12px;
	color: #000099;
	line-height: 120%;
}


.gueltig {
	color: #009900;
	font-weight: bold;
}


.blaufett {
	color: #000099;
	font-weight: bold;
}
.blau {
	color: #000099;
}
.blaukap {
	color: #000099;
	font-variant:small-caps;
}


.rot {
	color: #990000;
}
.rotfettital {
	color:#990000;
	font-weight: bold;
	font-style:italic;
}
.rotfett,
a.rotfett {
	color: #990000;
	font-weight: bold;
}
.rotItal {
	color:#990000;
	font-style:italic;
}

.hellrotfett {
	color: #F00;
	text-decoration: none;
	font-weight: bold;
}

.gruenItal {
	color:#007700;
	font-style:italic;
}
.gruenfettital {
	color:#007700;
	font-weight: bold;
	font-style:italic;
}





.LinkBlauOhneStrich {
		text-decoration: none;
		color:#000099;
}
a.LinkBlauOhneStrich:link {
		text-decoration: none;
		color:#000099;
}
a.LinkBlauOhneStrich:hover {
		text-decoration: underline;
		color:#000099;
}
a.LinkBlauOhneStrich:visited {
	text-decoration: none;
		color:#000099;
}

.LinkRotOhneStrich {
		text-decoration: none;
		color:#990000;
}
a.LinkRotOhneStrich:link {
		text-decoration: none;
		color:#990000;
}
a.LinkRotOhneStrich:hover {
		text-decoration: underline;
		color:#990000;
}
a.LinkRotOhneStrich:visited {
		text-decoration: none;
		color:#990000;
}



.newlink {
	margin-top:0px; 
	margin-bottom: 18px; 
	font-size: 12px;
	line-height: 1.5;
	color: #333;
	text-decoration: none;
}
a.newlink:link {
	margin-bottom:50px; 
	text-decoration: none;
	color: #333;
}
a.newlink:hover {
	color: #333;
	text-decoration:underline;
}
a.newlink:visited {
	text-decoration: none;
	color: #333;
}


.warnung {
	float:right; 
	font-size:18px;
	font-weight: bold; 
	border: 2px solid #F00; 
	color:#F00;
	background-color:#FFFAFA;
	margin-top: 5px;
 }
.hinweisnachfolger {
	float:right; 
	font-size:12px;
	margin-top: 0px;
 }










.blaufettItal {
	color: #000099;
	font-weight: bold;
	font-style:italic;
}
.blauItal {
	color: #000099;
	font-style:italic;
}





/*KLASSEN*/
.AbsatzNEUKlein, .AbsatzKleinBlau, .AbsatzKleinRot, .AbsatzKleinRotItal,  .AbsatzKleinBlauItal {
	font-size: 12px;
	line-height:140%;
}

.AbsatzKlein11 {
	font-size: 11px;
	line-height:140%;
}
.AbsatzKlein11Rot {
	font-size: 11px;
	line-height:140%;
	font-style:italic;
	color:#990000;
}
.AbsatzKlein11BlauItalic {
	font-size: 11px;
	line-height:140%;
	font-style:italic;
	color:#000099;
}

.AbsatzKlein11Blau {
	font-size: 11px;
	line-height:140%;
	font-style:italic;
	color:#000099;
}


.AbsatzListeAGs {
	font-size: 10px;
	line-height:100%;
	margin-bottom:10px;
}


.AbsatzKleinBlau, .AbsatzKleinBlauItal {
	color:#000099;
}
.AbsatzKleinBlauItal {
	font-style:italic;
}
.AbsatzKleinRot, .AbsatzKleinRotItal {
	color:#990000;
}
.AbsatzKleinRotItal {
	font-style:italic;
}


#linetop {
	background-color: #2A448C; /*#2B3A6B;*/
	position: relative;
 	height: 10px;
	width: 269px;
	left: -15px;
	top: -15px;
 }



.bestellen {
		margin-right:25%;
}




.container .footer p {
	text-align: right;
	color: #EEE;
}

.container .footer p span {
	text-align: left;
	float: left;
}
.container .footer p a {
	color: #EEE;
	text-decoration:none;
}
.container .footer p a:hover {
	color: #EEE;
	text-decoration:underline;
}


.container .content h5 {
	font-size: 12px;
	color: #000;
	font-weight: normal;
}

.AbsatzFett {
	font-weight: bold;
}
.AbsatzKlein {
	font-size: 10px;
	line-height: 12px;
}
#voorlage .container .content_vorlage_produkte p {
	font-size: 12px;
}
#voorlage .container .content_vorlage_produkte h1 {
	font-size: 15px;
	color: #0000FF;
	line-height: 20px;
}

#voorlage .container .content_vorlage_produkte table tr td .blaufett {
	vertical-align: bottom;
}
#voorlage .container .content_vorlage_produkte table tr td {
	padding-left: 5px;
	line-height: 18px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	font-size: 11px;
}
#voorlage .container .content_vorlage_produkte table tr td p {
	padding-left: 5px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	font-size: 12px;
}
#homeseite .container .content NEWSTABLE {
	font-size: 10px;
	line-height: 12px;
	color: #333;
}