/* CSS Datei v1.3 */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
}

textarea, input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;	
	padding: 2px;
	margin:0px;
}

body {
	/* background: url( '/images/webseite_hintergrund.png' ) repeat scroll center center; */
	background-color: #111111;
}

.ueber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
}

.inklusive {
	background-color:#97b70c;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	padding:0 5px 0 5px;
}
	
.text_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
}
	
.text_tabelle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: normal;	
}

.text_normal_gruen {
	color: #97b70c;
}

.agbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-align:justify;
}

a:link, a:visited {
	color:#97b70c;
	text-decoration:none;
}

a:hover {
	color:#97b70c;
	text-decoration:none;
}

h3, h2 {
	color: #97b70c;
}

.navihead {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;	
}

.navihead ul {
	margin:0 0 0 0;
	list-style-type:none;
} 
 
.navihead li {	
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	clear: none;
	padding-top: 5px;
	padding-bottom: 5px;
} 

.navihead a:link, .navihead a:visited  {
	color: #97b70c;
	text-decoration: none;
}

.navihead li:hover, .navihead a:hover{
    color: #333333;
	text-decoration: none;
	background-color: #97b70c;
} 

.buttongruen { 
border: none; margin:0; padding:0; height:35px; width:150px; background: url(/images/buttons/button_gruen_150.png); font-family:arial, verdana, sans-serif; font-size:14px; color:#fff; text-decoration:none; font-weight:bold;
}
.buttongruen:hover { 
border: none; margin:0; padding:0; height:35px; width:150px; background: url(/images/buttons/button_gruen_150_hover.png); font-family:arial, verdana, sans-serif; font-size:14px; color:#fff; text-decoration:none; font-weight:bold;
}

.buttonrot { 
border: none; margin:0; padding:0; height:35px; width:150px; background: url(/images/buttons/button_rot_150.png); font-family:arial, verdana, sans-serif; font-size:14px; color:#ccc; text-decoration:none; font-weight:bold;
}
.buttonrot:hover { 
border: none; margin:0; padding:0; height:35px; width:150px; background: url(/images/buttons/button_rot_150_hover.png); font-family:arial, verdana, sans-serif; font-size:14px; color:#fff; text-decoration:none; font-weight:bold;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(/images/three_1.gif);}
.preload2 {background: url(/images/three_1a.gif);}

#nav {float:left;padding:0; margin:0; list-style:none; height:36px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:36px;font-size:14px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#fff; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(/images/three_0.gif);font-size:14px;}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(/images/three_0.gif) right top no-repeat;font-size:14px;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(/images/three_0a.gif) no-repeat right top;font-size:14px;}

#nav li:hover a.top_link {color:#fff; background: url(/images/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(/images/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(/images/three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:36px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:190px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:190px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:14px; height:20px; width:188px; line-height:20px; text-indent:7px; color:#000; text-decoration:none;border:1px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#bbd37e url(/images/arrow.gif) 180px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#6a812c; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(/images/arrow_over.gif) 180px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:190px; z-index:400; height:auto; }

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(/images/arrow_over.gif) 180px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(/images/arrow.gif) 180px 6px no-repeat; color:#000; border-color:#bbd37e;} 

/*END*/


.active {
	color: #333333;
	text-decoration: none;
	background-color: #97b70c;
	
} 

/* Für alle Qualitäts und Design Seiten */
.lexikon {
	color: #fff;
	line-height:1.3em;
	font-size: 10pt;
	margin:0;
	padding:0;
}

.lexikon h1, .lexikon h2, .lexikon h3{
	color: #97b70c;
	line-height: 1.3em;
	/* background-color:#333;*/
	padding:5px;
	border-left: 3px solid #97b70c;
	margin:0;
	margin-top:0;
	margin-bottom:20px;
	border-bottom: 3px solid #1a171c;
	background-color: rgb(26,23,28);
	background-color: rgba(26,23,28,.3);
}



 .lexikon h1 {
 	font-size:14pt;
 }

 .lexikon h2 {
 	font-size:12pt;
 }

.lexikon h3 {
	font-size: 10pt;
}

.designtips {
	/*font-size: 11pt;*/
	color: #97b70c;
	margin-bottom:1em;
}


.lexikon a:link, .lexikon a:visited {
 	color: #97b70c;
	text-decoration: none;
}

.lexikon a:hover{
	color: #97b70c;
	text-decoration: none;
} 

table .lexikon {
	margin-top:30px;
	margin-bottom:30px;
}

.lexikon p {padding-right:30px; padding-left:10px;}

.lexikon td {
	padding-right:30px;
	font-size:10pt;
}

.lexikonnavi{
	padding:0;
	margin-bottom:20px;
	border-right:#333 1px solid;
}

.lexikonnavi ul {
	margin:0;
	padding-left:10px;
	list-style-type:none;
	font-size:10pt;
} 

.lexikonnavi li {	
	clear: none;
	/* background-color:#3e4338; */
	padding-left:5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom:1px solid #333;
} 

.lexikonnavi li:hover {	
	color:#fff;
	background-color:#333;	
} 

.lexikonnavi .active{	
	background-image:url(/images/pfeil.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

.lexikon td strong {
	color:#97b70c;
}

/* Lexikon Tabelle */

.lexikontabelle {
	background-color:#474d29; 
	border-left:1px solid #97b70c; 
	border-right:1px solid #97b70c; 
}

.lexikontabelle thead td {
	color:#97b70c;
	background-color:#181118;
	border-top:1px solid #97b70c;
	font-size:10pt;
	padding-top:0.5em;	
	padding-bottom:0.3em;
}

.lexikontabelle td {
	border-bottom:1px solid #97b70c;
	padding-top:4px;	
	padding-left: 5px;
	padding-right:5px;	
}


.informationen {
 	border: 1px solid #afafaf;
	padding: 15px;
	width:400px;
	margin-bottom:20px;
}

.calcheadline {
	margin-top:10px;
	padding:5px; 
	/*background-color:#000; 
	color:#fff; */
	font-weight:bold;
	background-color:#2a3014;
	color:#97b300;
}

.calhinweis { /* Hinweis Text im Calculator */
	margin-left:10px; 
	margin-right:10px; 
	padding:20px; 
	background-color:#4aaed4;  
	border:1px solid #fff; 
	border-left-color:#000; 
	border-top-color:#000;
}
.calnooption { /* Unmögliche Option im Calculator gewählt */
	margin-left:10px; 
	margin-right:10px; 
	padding:20px; 
	background-color:#97b300;  
	border:1px solid #fff; 
	border-left-color:#000; 
	border-top-color:#000;	
}

.calinkl {
	background-color:#97b300; 
	/* border:1px solid #fff; */
	color:#fff;
	padding:5px; 
	margin-bottom:10px;
	text-align:right;
}

.right { text-align:right }

.small {font-size:8pt;}

.spalten strong {
	color: #97b70c;
}

.index_preisbox_titel {
	font-family: Arial, Helvetica, sans-serif;
	padding-left:5px; 
	font-size:18px;
	color:#FFFFFF;
}
.index_preisbox_untertitel {
	font-family: Arial, Helvetica, sans-serif;
	padding-left:5px; 
	font-size:14px;
	color:#FFFFFF;
}
.index_preisbox_text_klein {
	font-family: Arial, Helvetica, sans-serif;
	padding-left:5px; 
	font-size:12px;
	color:#FFFFFF;
}
.index_preisbox_text_normal {
	font-family: Arial, Helvetica, sans-serif;
	padding-left:5px; 
	font-size:14px;
	color:#FFFFFF;
}
.index_preisbox_text_klein_grau {
	font-family: Arial, Helvetica, sans-serif;
	padding-left:5px; 
	font-size:12px;
	color:#CCCCCC;
}
td {
	padding: 0px;
}
#tableDeliveryCostCalculation td {
	padding: 5px;
}
.hidden {
	display: none;
}
#selectCoveredVias {
	width: 225px;
}
.coveredVias {
	color: #AA0000;
	font-weight: bold;
}
#aEmailAddress {
	top: 3px;
}

.navigation_ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0px;
	overflow: hidden;
	background-color: #111111;
	display: block;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;
	margin-bottom:0;
}

.navigation_li {
	float: left;

}

.navigation_li_a_dropbtn {
	display: inline-block;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

.navigation_li a, .navigation_li_dropdown a{
	color: #d27e00;
}
.navigation_li_a_dropbtn:hover, .navigation_li_dropdown:hover .navigation_li_a_dropbtn {
	background-color: #d27e00;
	color:#ffffff;
}

.navigation_li_dropdown {
	display: inline-block;
}

.navigation_li_dropdown-content {
	display: none;
	position: absolute;
	background-color: #111111;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.navigation_li_dropdown-content_a {
	color: black;
	padding: 12px 12px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.navigation_li_dropdown-content_a:hover {
	background-color: #d27e00;
	color:#ffffff;
}

.navigation_li_dropdown:hover .navigation_li_dropdown-content {
	display: block;
	border: 1px solid #97b70c;
}