/**
 * Theme: Greensilver
 * Description: Basis-CSS
 * @version	 	1.0.1
 * @lastmodified	13. August 2014  
 * Author URI: 		Michael Mader
 */

 
* { margin: 0; padding: 0; outline: 0 none;} /* Alle Elemente zurücksetzen */

html {min-height: 100%;}
body {color: #000; font-size: 14px; font-family: 'Tahoma', Geneva, sans-serif; text-align: left; background-color: #fff ; }    


.page_margins { position: relative; width: 960px; margin: 0 auto; }
/*DSGVO */

.container_kontakt-route {background-color: #eee; padding: 20px; text-align: center; height: 615px;}
.container_kontakt-route h3 {margin-bottom:35px;}
.container_kontakt-route p {margin-bottom:25px;}
.google_maps iframe {width: 100%;height: 615px;border: none;}
.map button {width:100%;}

/* Header */

#header {height: 175px; margin: 0 auto; position:relative; background-color:#cfcfcf; -webkit-box-shadow: 0px 3px 4px #d1d1d1; /* webkit browser*/ -moz-box-shadow: 0px 3px 4px #d1d1d1; /* firefox */ box-shadow: 0px 3px 4px #d1d1d1; 
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 ); } 

#desc {width: 960px; height: 130px; margin: 0 auto;}
#header h1 { padding: 20px 0 0; left: -999em; position:absolute;}
#header span { padding: 0 20px 0; font-size: 16px; text-shadow: 1px 2px 2px #939393; left: -999em; position:absolute;}
.logo {position:absolute; margin: 25px 0 0 0px; height:195px; width:240px; background: #transparent url(images/logo_greensilver.png) top left no-repeat;}



/* Navigation und Hintergrund */


#responsive-menu-button {z-index:5000 !important; display:block  !important;}
#responsive-menu-container {z-index:5000 !important;}

#navigation {width: 960px; margin:0 auto; position:relative; height:50px;}

#topNav {position: absolute; width: 100%; padding: 0; }

#topNav .menu { position: relative; } 
#topNav ul.menu { list-style: none; font-size:16px; margin: 4px 0 0; display:block; text-transform:uppercase;}

#topNav .menu li:hover ul,  #topNav .menu li.sfhover ul { left: auto;}

#topNav .menu li, #topNav .menu a { display:block;  padding: 10px 20px; margin: 0 3px 0 0 ;  color: #b0afaf; position:relative; z-index:1000;}
#topNav .menu a:hover, #topNav .menu .current-menu-item a { color: #fff; background-color: #467c3a; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
#topNav .menu .current-menu-parent a, #topNav .menu .current-menu-ancestor a { color: #fff !important; background-color: #467c3a; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}

#topNav ul.menu li { float: left; margin:0; padding: 0; background: none;}
#topNav ul.menu li:hover {  }

/*hier wir der fEHLER IN sAFARI VERUSACHT */

#topNav .menu a:hover:after, #topNav .menu .current-menu-item a:after, #topNav .menu .current-menu-parent a:after, #topNav .menu .current-menu-ancestor a:after { border-color: #467C3A rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 20px 30px 0; content: ""; display: block;  left: 2%; position: absolute; top: 34px; z-index:-100 !important; -webkit-transform:rotate(360deg);}


/* Ab hier kommt das Untermenu Ebene 1 */

#topNav ul li ul li {margin: 0 0 0 20px;}

.menu li ul { background: transparent url(images/nav_opac.png) top left repeat; font-size: 0.9em; font-style: normal; margin: 0; padding: 15px 5px 10px 5px; position: absolute; text-align: left; width: 175px; left:-999em;}
.menu li ul:hover { position:absolute; } 


.menu li ul li { padding: 0; margin: 0; width:100%}
.menu li ul li:hover {}

.menu li ul li a  {color: #fff !important; padding: 4px 0 4px 20px !important; margin: 2px 0 !important; position:relative; font-style:normal !important; background:#b0afaf !important;  -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;}

.menu li ul li a:hover  {margin: 2px 0 !important; position:relative; background-color: #303032 !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;}
.menu li ul li a:after {border:none !important;}

.menu li ul li .current-menu-item a {color:#ff0000 !important;}


/* Ab hier kommt das Untermenu Ebene 2 */

#topNav .menu li ul li:hover ul,  #topNav .menu li ul li.sfhover ul { left: auto !important;}

.current-menu-parent a .menu li ul li ul:hover {margin: 2px 0 !important; position:relative; background-color: #303032 !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;}

.menu li ul li ul { position:absolute; width:165px; text-align: left; margin: -34px 0 0 184px; left:-999em !important; font-style:normal; padding: 5px !important;} 
.menu li ul li ul:hover { position:absolute; left:0 !important; width:165px; text-align: left; font-style:normal;} 

.menu li ul li ul:after {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #303032; border-style: solid; border-width: 13px 0 13px 15px; content: ""; height: 0; left: -10px; position: absolute; top: 6px; width: 0; }


/* Parent färben wenn Maus auf Child (Hover) */
.sub-menu li:hover>a {background:#303032 !important;}
#topNav li:hover>a { color: #fff; background-color: #467c3a; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
#topNav li:hover>a:after { border-color: #467C3A rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 20px 30px 0; content: ""; display: block; height: 100%; left: 2%; position: absolute; top: 34px; -webkit-transform:rotate(360deg) }


/* Slider Container */

#slider_container {height: 350px; margin: 0 auto; position:relative; background-color:#efefef; z-index:-1;
background: rgba(239,239,239,1);
background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(236,236,236,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,239,239,1)), color-stop(100%, rgba(236,236,236,1)));
background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(236,236,236,1) 100%);
background: -o-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(236,236,236,1) 100%);
background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(236,236,236,1) 100%);
background: linear-gradient(to bottom, rgba(239,239,239,1) 0%, rgba(236,236,236,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ececec', GradientType=0 ); } 

#slider_outer {height: 350px; margin: 0 auto; position:relative; background: none; z-index:1; margin-top:-350px;}
#slider_inner {width: 960px; height: 330px; margin: 0 auto; position: relative; z-index:1000 !important; padding:10px 0 0;}


/* Content */
 

#content_start { float:left; width:90%; margin:20px 10px 20px 20px; }
#content_sub, #content_main, #content_contact, #content_agb, #content_404 { float:left; width:90%; margin:20px 10px 20px 20px; min-height: 300px;}
#content { float:left; width:90%; margin:20px 10px 20px 20px; min-height: 300px;}

#content_pop_up {padding:20px;}




/* Boxen Contentseiten */

.half_left {width: 415px; float:left;  }
.half_right {width: 415px; float:right;  }
.map {height: 500px; margin: 50px 0 0; padding: 0 0 0 10px; width: 405px;}


/* search */

#search {width: 250px; height:50px; position:absolute; margin: -46px 0 0 755px;}
#s {width: 160px; height: 10px; padding: 5px; margin-right:5px; }



/* Footer */

#footer_top { padding: 0 0 35px; background-color:#303032; }
.footer_widget { width:960px; margin: 10px auto 0;  position:relative; color: #fff; background-color:#fff;}
.fw_left {width: 30%; float:left; margin: 4% 0 0; margin-right: 5%;}
.fw_middle {width: 30%; float:left; margin: 4% 0 0;}
.fw_right {width: 30%; float:right; margin: 4% 0 0;}

#footer_bottom { height:65px; background-color:#29292b; position:relative;}
.footer_disclaimer { width:960px; margin: 0 auto;  position:relative; color: #303021; padding:40px 0 0 0;}

.float_left {float:left;}
.float_right {float: right;}



/* Artikel / Seite */
 
.article, .page, #comments { margin: 0 0 10px 0; }
#content .entry { padding: 0; } 
span.excerpt_more { padding: 10px 0; display: block; }



/** article info box **/

.article .meta { border: 1px #ccc solid; margin: 6px 8px; padding: 6px; }
.article .meta p { margin: 0; }
.cat_thumb {float:left; border: 1px solid #ddd; padding: 3px; margin: 10px 10px 10px 0; height: 150px; width:150px;}
.cat_thumb:hover {float:left; border: 4px solid #ddd; padding: 0px;}



/* Text */
 
p { line-height:1.6em; margin:0; text-align:justify; padding:10px; }  

#footer_bottom .float_left p {padding:0; font-Size: 0.8em; margin-bottom: 0; color: #645858;}
#footer_bottom .float_right p {padding:0; font-Size: 0.8em; margin-bottom: 0; color: #fff;}
.fw_left p, .fw_middle p, {padding: 0 0 26px; line-height: 1.6em;}
.fw_right p {padding: 0 0 26px; line-height: 1.6em; color:#B0AFAF;}

hr { margin:10px 0; color: #703545; } 
small {font-size:0.8em;}
smaller {font-size:0.8em; margin-left:14px;}


/* code, pre, blockquote */

code  { font-family: Serif, Arial, Helvetica; font-size: 12px; color: #555555; }
pre, blockquote { font-family: Serif, Arial, Helvetica; font-size: 14px; color: #444444; }
blockquote { padding: 4px 40px 4px 30px; margin:0 0 10px 12px; text-decoration: italic;}



/* Positionierung von Elementen */

.alignleft { float:left; display:inline; margin-right:12px; margin-bottom:12px; }
.alignright  { float:right; display:inline; margin-left:12px; margin-bottom:12px; }
.cell_small {width: 75px; float:left;}
.cell_middle {width: 250px; float:left;}



/* Captions  */

.wp-caption { display: block; clear: both; padding: 8px 0 8px 8px; border: 1px solid #ccc; } 
.wp-caption img { border: none; margin: 0; padding: 0; }
.wp-caption-text { margin: 0; font-size: 10px; text-align: left; line-height: 10px; }



/* LISTEN */

ul, ol { margin:10px 0 10px 20px;} 
ul li { margin:0 0 0 20px; list-style:disc; }
ol li { margin:0 0 0 20px; list-style:none;}

#list_page ol { margin:10px 0 10px 20px; font-size:18px;} 
#list_page ul.children {font-size:14px; list-style:disc;}

dl { margin:1em 0; }
dt { font-weight:bold; }
dd { margin:0.5em 1em; padding:0; }



/*  LINKS  */

a { color:#467C3A ; text-decoration:none; }
a:hover { color:#565656; text-decoration:none;}
a img, a img:hover {border: none; }

.footer-widget_content a {color:#B0AFAF; }
.footer-widget_content a:hover {color:#137d3b; font-style:italic;}

#footer_bottom .float_left a {padding:0; margin-bottom: 0; color: #645858;}
#footer_bottom .float_right a {padding:0; margin-bottom: 0; color: #fff;}
#footer_bottom .float_left a:hover {color:#fff;}
#footer_bottom .float_right a:hover {color:#645858;}



/* Headlines */

h1,h2,h3,h4,h5,h6 {
	color:#467C3A ;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	margin:0;
}
h1, h1 a {color: #467C3A ; font-size: 2.52em; font-weight: 600; margin: -16px 0 0; text-transform: lowercase; letter-spacing: 0;}
h1 a:hover {color: #fff; }
h2 { color: #3B3B3B; font-size: 2.2em; font-weight: 800; letter-spacing: 0.03em; padding: 0 0 20px;}
h3, h3 a { font-size: 1.3em; padding: 10px 0 15px 0; letter-spacing:0px;}
h4, h4 a { font-size: 1.1em; padding:10px 0 0; letter-spacing:0px;}
h3 a:hover, h4 a:hover {color:#fff;}
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }



/* Hinweise, Notizen, Warnungen */
 
.info { background: url("images/arrow_hover.png") no-repeat scroll 10px 50%  ; padding: 0 0 2px 30px; }
.note { background: url("images/note.png") no-repeat scroll 10px 50%  #fcfd88; border: 2px solid #467C3A ; padding: 6px 6px 6px 60px; }
.warning { background: url("images/warning.png") no-repeat scroll 10px 50% #FFB5B5; border: 2px solid #c00000; padding: 6px 6px 6px 60px; }
 


/* Galerie  */

.gallery { margin: auto; overflow: hidden; width: 110%; position:relative;}
.gallery .gallery-item { float: left; margin-top: 12px; text-align: center; }
.gallery img { border: 1px solid #467C3A ; margin: 0 12px; padding:4px; width:180px; height:180px;}
.gallery img:hover { border: 5px solid #467C3A ; padding:0;}
.gallery .gallery-caption { margin-left: 0; }
.gallery br { clear: both; }

.img_left { background-color: #FFFFFF; border: 2px solid #3E9245; float: left; height: 140px; margin-right: 20px; padding: 3px; width: 210px; display:block;}



/* Banner Logos Startseite */

#inc_brands {width:960px; margin:15px auto 10px; height: 90px; position:relative;}
.brand_img {width:25%; height: 100%; position: relative; float:left; background-color:#fff;}
.brand_img:hover {width:25%; height: 100%; position: relative; float:left; opacity:0.6;}



/* Widgets Startseite */

#startseite_widget { width:100%; margin-top: 70px; position:relative; padding: 0 0 20px 0; color: #303021; background-color:#e6e6e6; -webkit-box-shadow: 0px 3px 4px #d1d1d1; /* webkit browser*/ -moz-box-shadow: 0px 3px 4px #d1d1d1; /* firefox */ box-shadow: 0px 3px 4px #d1d1d1; }
.start_widget_top  { width:100%; position:relative; color: #cdcdcd; padding:0; background-color:#6e6d72; height:70px;}


.start_widget_heading {width:960px; margin:-25px auto 0; position:relative; Background-color: #fff;}
.start_widget_top h2 {color: #CDCDCD; font-family: arial; font-size: 5.2em; font-style: italic; font-weight: 800; letter-spacing: 0.02em; margin: -55px 0 0; position: absolute; }

.start_widget { width:960px; margin:-25px auto 0; position:relative; color: #fff; text-align:justify;}

.start_left {width: 30%; float:left; margin-right: 5%;}
.start_middle {width: 30%; float:left; }
.start_right {width: 30%; float:right;}

.start-widget-title {background-color:#467C3A; padding:8px 10px; color: #fff; font-size: 1.1em; position:relative; margin: 0 0 6px 0; z-index:5;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: -0px 3px 5px #333; /* webkit browser*/ -moz-box-shadow: 0px 3px 5px #333; /* firefox */ box-shadow: 0px 3px 5px #333;}
.start-widget-title:hover { background-color:#007e34; }

.start-widget-title:after { border-color: #467C3A rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 15px 100px 0; content: ""; display: block; height: 100%; left: 15%; position: absolute; top: 34px; -moz-top: 36px; -webkit-transform:rotate(360deg) }
.start-widget-title:hover:after {border-color: #007e34 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 15px 100px 0; content: ""; display: block; height: 100%; left: 15%; position: absolute; top: 34px; -moz-top: 36px; -webkit-transform:rotate(360deg)  }

span.start_widget-title {color:#fff; text-transform: none; font-size: 1em;}

.start_widget_content {color: #575757; margin: 0; padding: 15px 8px 8px; position: relative; z-index: 1; font-size:0.9em; background-color:#cecece;}
.start_widget_content:hover { /* background-color:#cecece; */ }

.img_widget {}
.aligncenter {display: block;
    margin-left: auto;
    margin-right: auto; }

/* Widgets Footer */

.widget .entry { padding:0;}
 
span.widget-title {color:#137d3b; text-transform: uppercase; font-size: 1.2em;}
.footer-widget_content {margin: 6px 0 0 0; padding: 20px 0 0; border-top: 2px solid #137d3b; color:#137d3b; }

.widget .bottom {} 



/* Footer Menu Links */

#nav_menu-3 .menu {  position:relative;} 
.menu-servicemenu-container ul.menu {  font-size:16px; margin: 0; list-style-type:none; display:block; text-transform:none;}

.menu-servicemenu-container ul.menu  li:before {  content: ">"; color:#87bb9b; float:left; padding:0.18em 0.3em 0.18em 0;}
.menu-servicemenu-container ul.menu:hover  li:before {  font-style:normal; }

.menu-servicemenu-container .menu li:hover ul, .menu-servicemenu-container .menu li.sfhover ul { left: auto;}
.menu-servicemenu-container .menu li, .menu-servicemenu-container .menu a {  color: #b0afaf; margin: 0;  display:block; position:relative;}

.menu-servicemenu-container .menu a:hover { font-style:italic; color: #137d3b; padding:0.18em 0; margin:0; background:none !important;}
.menu-servicemenu-container .menu .current-menu-item a { font-style:italic; color: #137d3b; padding:0.18em 0; margin:0; background:none;}
.menu-servicemenu-container .menu .current-menu-parent a { font-style:italic; color: #137d3b; padding:0.18em 0; margin:0; background:none;}
.menu-servicemenu-container ul.menu li { float: left; margin:0; padding: 0; }
.menu-servicemenu-container ul.menu li:hover { color:#cecece; font-style:italic; }

.menu-servicemenu-container  .menu a  { color: #b0afaf; width:300px; background: none; padding:0.18em 0; margin:0;}



/* Footer Menu Mitte */

#nav_menu-2 .menu {  position:relative;} 
.menu-produktmenu-container ul.menu {  font-size:16px; margin: 0; list-style-type:none; display:block; text-transform:none;}

.menu-produktmenu-container ul.menu  li:before {  content: ">"; color:#87bb9b; float:left; padding:0.18em 0.3em 0.18em 0;}
.menu-produktmenu-container ul.menu:hover  li:before {  font-style:normal; }

.menu-produktmenu-container .menu li:hover ul, .menu-produktmenu-container .menu li.sfhover ul { left: auto;}
.menu-produktmenu-container .menu li, .menu-produktmenu-container .menu a {  color: #b0afaf; margin: 0; display:block; position:relative;}

.menu-produktmenu-container .menu a:hover { font-style:italic; color: #137d3b; padding:0.18em 0; margin:0; background:none !important;}
.menu-produktmenu-container .menu .current-menu-item a { font-style:italic; color: #137d3b; padding:0.18em 0; margin:0; background:none;}
.menu-produktmenu-container .menu .current-menu-parent a { font-style:italic; color: #137d3b; padding:0.18em 0; margin:0; background:none;}
.menu-produktmenu-container ul.menu li { float: left; margin:0; padding: 0; }
.menu-produktmenu-container ul.menu li:hover { color:#cecece; font-style:italic; }

.menu-produktmenu-container  .menu a  { color: #b0afaf; width:300px; background: none; padding:0.18em 0; margin:0;}



/* Breadcrumb-Navigation */

#breadcrumb {margin: 20px 0 0 20px; color:#888;}
#breadcrumb a {color: #888;}
#breadcrumb a:hover {color: #467C3A ;}


/* Clearfix  */  

.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }
.clearfix { display:block; }



//* Kontaktformular (Kontakt) */

.your-name { display: table; width: 390px; }
.your-name .wpcf7-form-control, .your-email .wpcf7-form-control, .your-subject .wpcf7-form-control, .your-message .wpcf7-form-control { width: 390px; margin: 0; padding:5px;}
.wpcf7-submit {padding: 5px; width:402px;}

.captcha-418 .wpcf7-form-control, .captcha-418n .wpcf7-form-control {width:305px; margin: -1px 0 0; padding:4px; float:left;}