/*Farben
	Menu aktive Farbe: orange: 									#fac154
	Menu erste Ebende hover: helles grün: 						#cfe1d3
	Menu zweite Ebende aufklappen: nicht ganz so helles grün: 	#bed5c6
	Content-Border: dunkelgrün									#007348
	Hintergrund-Textfeld Kontakt:								#fdf3eb
	Kontakt-Textbox-Hintegrund - helles grün:					#e9f6ee
 	H2- Beitragsüberschrift im Kategorieblog					#007348 grün 
*/



html {
height: 10%;

}

.aktuell_text
{
color: #666;
display:block;
font-size: 14px;
padding: 16px;
background: #fff;
-webkit-box-shadow: 0px 5px 15px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 15px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 15px rgba(50, 50, 50, 0.75);
width: 740px;
min-width: 740px;

}

a.pdfpic { 
   display:block;
   background-image:url(../images/pdf_icon3.png);
   margin-left: auto;
   margin-right: auto;
   width:64px; 
   height:65px;
}

a.pdfpic:hover { 
	background-image:url(../images/pdf_icon3_h.png);
}

a.linkpic { 
   display:block;
   background-image:url(../images/link.png);
   width:64px; 
   height:65px;
}

a.linkpic:hover { 
	background-image:url(../images/link_h.png);
}


a.cat_automat { 
   display:block;
   background-image:url(../images/automat.png);
   width:150px; 
   height:151px;
}

a.cat_automat:hover { 
	background-image:url(../images/automat_h.png);
}

a.cat_stat { 
   display:block;
   background-image:url(../images/stationaer.png);
   width:150px; 
   height:151px;
}

a.cat_stat:hover { 
	background-image:url(../images/stationaer_h.png);
}

a.cat_portabel { 
   display:block;
   background-image:url(../images/portabel.png);
   width:150px; 
   height:151px;
}

a.cat_portabel:hover { 
	background-image:url(../images/portabel_h.png);
}

a.cat_mobil { 
   display:block;
   background-image:url(../images/mobil.png);
   width:150px; 
   height:151px;
}

a.cat_mobil:hover { 
	background-image:url(../images/mobil_h.png);
}


.article_bg {
	background-image: url(../images/article_bg.png);
	background-repeat:no-repeat;
	width:850px;
	height:700px;
	position:relative;
	z-index: -1;
}

.support_pic {
	background-image: url(../images/support.png);
	background-repeat:no-repeat;
	width:500px;
	height:3650px;
	position:relative;
	z-index: -1;
	float: right;
}

.back_button a
{
color: #fff;
font-size: 12px;
padding: 6px;
text-shadow: 0px 4px 3px rgba(30, 30, 30, 0.83);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fff;
background: -moz-linear-gradient(90deg, #007348 0%, #cee1d5 70%);
background: -webkit-linear-gradient(90deg, #007348 0%, #cee1d5 70%);
background: -o-linear-gradient(90deg, #007348 0%, #cee1d5 70%);
background: -ms-linear-gradient(90deg, #007348 0%, #cee1d5 70%);
background: linear-gradient(0deg, #007348 0%, #cee1d5 70%);
-webkit-box-shadow: 0px 10px 17px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 10px 17px rgba(50, 50, 50, 0.75);
box-shadow:         0px 10px 17px rgba(50, 50, 50, 0.75);
}

.back_button a:hover {
color: #fff;
background: #007348;
background: -moz-linear-gradient(90deg, #fa9f0f 0%, #f6deb7 70%);
background: -webkit-linear-gradient(90deg, #fa9f0f 0%, #f6deb7 70%);
background: -o-linear-gradient(90deg, #fa9f0f 0%, #f6deb7 70%);
background: -ms-linear-gradient(90deg, #fa9f0f 0%, #f6deb7 70%);
background: linear-gradient(0deg, #fa9f0f 0%, #f6deb7 70%);
}  


/* ++++++++++++++  image float style ++++++++++++++ */
.img-fulltext-left {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img-intro-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.img-intro-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-none
{display:block;
	margin:10px 0
}

.blogitem {
	border:  solid 1px;
	border-color: #DDD;
	margin-right: 20px;
	margin-bottom: 20px;
}

.blogitem_content {
	margin: 5px;
}



.beitrag_slogan
{
color: #F60;
font-size: 16px;
padding: 20px;
background: #e5f3ea;
background: -moz-linear-gradient(90deg, #e5f3ea 0%, #fff 70%);
background: -webkit-linear-gradient(90deg, #e5f3ea 0%, #fff 70%);
background: -o-linear-gradient(90deg, #e5f3ea 0%, #fff 70%);
background: -ms-linear-gradient(90deg, #e5f3ea 0%, #fff 70%);
background: linear-gradient(0deg, #e5f3ea 0%, #fff 70%);
-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.75);
width: 300px;
}

.beitrag_slogan2
{
display:block;
color: #F60;
font-size: 16px;
padding: 16px;
background: #e5f3ea;
background: -moz-linear-gradient(90deg, #e5f3ea 0%, #fff 70%);
background: -webkit-linear-gradient(90deg, #e5f3ea 0%, #fff 70%);
background: -o-linear-gradient(90deg, #e5f3ea 0%, #fff 70%);
background: -ms-linear-gradient(90deg, #e5f3ea 0%, #fff 70%);
background: linear-gradient(0deg, #e5f3ea 0%, #fff 70%);
-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.75);
width: 500px;
min-width: 500px;
}

.beitrag_zahlungsarten
{
color: #666;
font-size: 12px;
background: #FBEEDD;
-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.75);
}

.beitrag_einsatzbereich
{
display:block;
color: #666;
font-size: 14px;
padding: 16px;
background: #fff;
-webkit-box-shadow: 0px 5px 15px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 15px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 15px rgba(50, 50, 50, 0.75);
width: 340px;
min-width: 340px;
}

.beitrag_text
{
color: #666;
display:block;
font-size: 14px;
padding: 16px;
background: #fff;
-webkit-box-shadow: 0px 5px 15px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 15px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 15px rgba(50, 50, 50, 0.75);
width: 630px;
min-width: 630px;

}

.zahlungsarten_line {
border-bottom: solid 1px #CCC;
width: 1100px;
}


.zahlungsarten_text
{
color: #666;
display:block;
font-size: 14px;
padding: 16px;
background: #fff;
-webkit-box-shadow: 0px 5px 15px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 15px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 15px rgba(50, 50, 50, 0.75);
width: 798px;
text-align: justify;
text-justify: inter-word;
}

.zahlungsarten_empfehlung
{
display:block;
color: #F60;
font-size: 14px;
padding: 16px;
background: #fff;
-webkit-box-shadow: 0px 5px 15px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 15px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 15px rgba(50, 50, 50, 0.75);
width: 340px;
min-width: 340px;
}

.techn_info
{
font-size: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 10px 17px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 10px 17px rgba(50, 50, 50, 0.75);
box-shadow:         0px 10px 17px rgba(50, 50, 50, 0.75);
position: absolute;
margin-top: -150px;
margin-left: 685px;

}

.fehlercodes
{
font-size: 14px;
-webkit-box-shadow: 0px 10px 17px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 10px 17px rgba(50, 50, 50, 0.75);
box-shadow:         0px 10px 17px rgba(50, 50, 50, 0.75);
}

.fehlercodes_titel
{
font-size: 16px;
background: #007348;
color: #FFF;
padding: 18;
height: 30px;
}

.link_rs{
	font-family: Arial;
	text-decoration: none;
	font-size:9px;
	color:#CECFBA;
}

.headerpic {
width:1240px;
height:271px !important;
margin-top:0px;
padding:0;
position:absolute;
left: 10px;
}

#headerpos {
float:left;
width:1230px;
height:271px !important;
background:#fff;
margin-top:15px;
margin-left:8px;
position:relative;
padding:0;
}

body{
margin:0;
padding:0;
text-align:center;
background:transparent;
font-size:13px;
color:#6e6e6e;
font-family:  Arial, Helvetica, sans-serif;
font-weight:normal;
}

#background {
position:fixed; 
top:-100px; 
left:0;
margin:-100px;
z-index:-1; 

} 

/*texte*/
.txt_style_doc{
	font-size: 14px;
	color:#666;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:normal;
}

p {
font-size: 100%;

}

h1 {
font-size: 200%;

}



h2 {
font-size: 150%;
color:#007348;
}

h3 {
font-size: 125%;

}

h4, h5, h6 {
font-size: 100%;

}

/* liens hypertextes*/
 a:link, a:visited {
text-decoration:none;
font-weight:bold;
color:#6e6e6e;

}



a:hover {
color:#D30E2C;

}

.textlink {
	text-decoration:none;
	color:#00F;
}

.textlink:hover {
	color:#D30E2C;
}


ul {
margin:0;
padding-left:20px;

}

li {
list-style-type:disc;
background:transparent;
margin: 4px;

}

img {
border:none;
margin: 5px 0px 10px 0px;
padding:0;

}

img .caption {
text-align: left;

}

.highlight{
background:#57baf0;
padding: 0px 2px 0px 2px;
color:#f1f1f1;

}

.button {
background:#57baf0;
border:none;
color:#fff;
font-weight:bold;
padding:4px;

} 

.inputbox {
color:#fff;
background:#57baf0;
border:none;
padding:4px;
font-weight:normal;

} 

.pagewidth{
width:1280px;
text-align:center;
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
}

label {
text-align:left;
color:#57baf0;

}

fieldset {
margin:0px 5px 5px 5px;
padding:10px;
border:none;

}

.clr {
clear:both;

}

/***************************/
#content-top {
float:left;
width:1200px;
height:60px;
background:#fff;
top: 0px;
}

#sitename {
float:left;
width:197px;
height:69px;
margin:30px 0 0 45px;

}

#content {
float:left;
width:1275px;
background:#fff;
border:solid 3px #007348;
top: 0px;
-webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.75);
}

/*********************/

#topmenu {
float:left;
width:700px;
height:50px;
background:transparent;
margin:0 0 0 10px;

}



/* +++++++++++++++++ Breadcrumbs  +++++++++++++++++++++++++++  */

.breadcrumbs {
	padding: 2px;
	margin: 0 0 0px;
	list-style: none;
	text-align: left;
	left: 10px;
	position: relative;
}


.breadcrumbs img{
	position: relative;
	top: 10px;
	
	
}





.navigation { 
float:left;
width: 700px; 
background:transparent;
margin-top:10px;

}

.navigation ul {
list-style: none; 
margin:0; 
padding:0;
float: left;

}

.navigation ul ul {
margin: 0; /* all lists */
padding: 0;

}

.navigation ul li {
margin:0 7px;
padding: 0;
float: left;
list-style: none;
background: none;
display: block;

}

.navigation ul li ul {
width: 180px;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
w\idth: 180px;

}

.navigation ul li ul ul {
margin: 0; /* third-and-above-level lists */

}

.navigation ul li li {
padding: 0;
margin: 0;
width: 100%;

}

.navigation ul ul a {
width: 180px;

}

.navigation ul li:hover ul ul,
.navigation ul li:hover ul ul ul,
.navigation ul li.sfhover ul ul,
.navigation ul li.havechildsfhover ul ul,
.navigation ul li.havechild-activesfhover ul ul,
.navigation ul li.activesfhover ul ul,
.navigation ul li.sfhover ul ul ul,
.navigation ul li.havechildsfhover ul ul ul,
.navigation ul li.havechild-activesfhover ul ul ul,
.navigation ul li.activesfhover ul ul ul {
left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
.navigation ul li:hover ul,
.navigation ul li li:hover ul,
.navigation ul li li li:hover ul,
.navigation ul li.sfhover ul,
.navigation ul li.havechildsfhover ul,
.navigation ul li.havechild-activesfhover ul,
.navigation ul li.activesfhover ul,
.navigation ul li li.sfhover ul,
.navigation ul li li.havesubchildsfhover ul,
.navigation ul li li.havesubchild-activesfhover ul,
.navigation ul li li.activesfhover ul,
.navigation ul li li li.sfhover ul,
.navigation ul li li li.havesubchildsfhover ul,
.navigation ul li li li.havesubchild-activesfhover ul,
.navigation ul li li li.activesfhover ul {
left: auto;
}

/* STYLING THE MENU

-----------------------------------*/

/* 1st level */
.navigation ul li a {
padding: 12px 10px 0 10px ; 
margin:0;
display: block; 
font-weight: bold;	
font-size:13px;
text-transform:capitalize;
height:25px;
background:transparent; 
-webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.75);
}

.navigation ul li {
height:25px;

}



.navigation li.active a {
color:#fff ;
height:25px ;
background:#fac154 ;

}


.navigation li:hover a {
color:#333 ;
height:25px ;
background:#cfe1d3 ;
}



/* 2nd level and above */

 .navigation ul li ul {
text-align:left !important;
background:#bed5c6 !important ;
width:200px;
margin-top:0px;
margin-bottom:15px;
}



.navigation ul li ul li {
height:40px !important;
background:none !important;
border-bottom:1px dotted #fff;
} 

.navigation ul li ul li a{
color:#fff;

} 

.navigation ul li ul li a:hover{
color:#ff9000;
} 


.navigation ul li ul li ul {
margin-left:190px;
margin-top: -30px;
text-align:left !important;

} 

.navigation ul li ul li active{
	background: #900;
}

.navigation11 ul li ul li.active {
height:40px ;
background:none !important ;
}

.navigation11 ul li ul li.active span {
height:40px ;
background:none !important ;
}

.navigation11 ul li ul li.active a {
color:#fff ;
height:40px ;
background:none !important ;
}

.navigation22 ul li ul li {
height:40px ;
background:none !important ;

}

.navigation22 ul li ul li span {
height:40px ;
background:none !important;

}

.navigation ul li ul  li a {
height:40px ;
color:#fff ;
background:none !important;
} 

/****SLIDE*********/
.slidedefault1 {
float:left;
width:835px;
height:335px !important;
background:#fff;
margin-top:25px;
margin-left:21px;
position:absolute;
padding:0;
border:1px solid #cfe1d3;
}

.slidedefault {
width:813px;
height:313px !important;
background:#fff;
margin-top:10px;
padding:0;
border:1px solid #cfe1d3;
position:absolute;
left: 10px;
}

#slide {
float:left;
width:835px;
height:335px !important;
background:#fff;
margin-top:25px;
margin-left:21px;
position:relative;
padding:0;
border:1px solid #cfe1d3;

}

#slideshow-w {
float:left;
width:835px;
height:335px !important;
margin:10px 0 0 10px;

}

#slideshow {
float:left;
width:835px;
height:335px;
background:transparent;
position:relative;

}

.slideshowlite {
float:left !important;
width: 835px;
height:335px;
padding:0;
margin:0;

}

.slideshowlite a {
position:absolute;
left:0;
z-index: 5;
text-align:left;

} 

.slideshowlite img {
border: none;
z-index:3;
margin:0;
padding:0;

} 

.slideshowlite ul {
position: absolute;
margin-top: 311px;
left:-18px !important;
z-index: 9; 
list-style-type:none;
width:300px;
height:20px;

}

.slideshowlite ul li,
.slideshowlite ol li {
float: left;
width: 10px;
padding: 0 2px 0 2px;
margin:0;
list-style-type:none;
border:none !important;

}

 .slideshowlite ul li a {
background:#f6bc83;
 position: relative; 
display: block; 
width: 8px !important;
height: 8px !important;
float: left;
line-height: 23px; 
text-decoration: none;
text-align: center !important;
font-size: 12px;
 font-weight: bold; 
color: #fff !important;
border:none !important; 
text-indent:-5000px;
margin-top:5px;
margin-left:0;
border-radius:25px;
}

.slideshowlite ul li a.current {
background:#a25204;
border-radius:25px;
}

.slideshowlite ul li a:hover {
background:#a25204;
border-radius:25px;
}
 
.slideshowlite ol {
display: none;

} 


/***********************/

#main {
float:left;
background:transparent;
width:1200px;
padding:0;
text-align:left;
margin-bottom:10px;
margin-left:20px;
margin-right:10px;
margin-top:50px;

}

#main-full {
float:left;
width:1200px;
text-align:left;
margin-bottom:10px;
background:transparent;
margin-top:0px;
margin-left:20px;
margin-right:10px;
}

/*****************/

.contentheading {
font-size:18px;
font-weight:bold;
padding-top:12px;
padding-bottom:12px;

}

/******CALENDAR*******/
.calendar {
float:left;
margin-right:15px;
margin-bottom:0; 
display:block ;
padding: 5px 0 0 0 ;
background:#57baf0;
width:40px ;
height:40px;
text-align:center;
border-radius:25px;

}

.day {
color: #fff;
font-weight:bold;
margin: 0 0 5px 0;
padding:0  ;
font-size:12px;
background:transparent;
display:block;

}

.month {
color: #fff;
font-weight: bold;
margin: 0;
padding:0px 0 0 0 ;
font-size:12px;
background:transparent;
display:block;

}

/***********************/

#right {
float:left;
width:215px;
margin-top:33px;
text-align:left;

}

#right h3 {
font-size:18px;
text-transform:capitalize;
text-align:left;
font-weight:bold;
background: url(../images/left-h3.jpg) 0 0 no-repeat;

}

#right .moduletable_menu,
#right .moduletable {
margin-bottom:20px;
padding-left:20px;
padding-right:20px;
background:transparent;
padding-bottom:20px;
font-size:12px;
 background:#fff;
border:1px solid #e7e7e2; 

}

#right .moduletable_menu a,
#right .moduletable a,
#right a {

}

#right .moduletable_menu a:hover,
#right .moduletable a:hover,
#right a:hover {

}



/***************************/
#footer {
float:left;
width:1200px;
background:#fff;
margin-top:10px;
margin-left:25px;

}



.box{
float:left;
width:190px;
background: url(../images/right.jpg) 0 0 repeat;
padding-bottom:20px;
margin-top:0px;
padding-top:15px;
text-align:left;
margin-left:10px;

}

.box .moduletable_menu h3,
.box .moduletable h3,
.box h3 {
font-size:15px;
text-align:left;
font-weight:bold;
margin-left:10px;

}

.box .moduletable_menu ,
.box .moduletable ,
.box  {
padding-bottom:10px;
font-size:12px;

}

.box .moduletable_menu a,
.box .moduletable a,
.box a {
font-weight:normal;
font-style:italic;
font-size:13px;

}

/***********************/

#ftb-f{
 float:left;
 width:1200px;
 height:60px;
 background:transparent;

}

 .ftb {
 float:left;
 margin-top:20px;
 text-align:center;
 font-weight:bold;
 font-size:13px;
 width:730px;
color:#7c7c76;
 padding:0;

}


 .ftb a{
 padding:0 !important;
 border:none !important;
color:#7c7c76;
 font-weight:bold;

} 

 .ftb a:hover{
 padding:0 !important;
 border:none !important;
color:#7c7c76;


} 

#top {
 float:left;
 width:30px !important;
 height:30px !important;
 margin-top:10px !important;
 padding:0 !important;
 border:none !important;
 background:transparent;

 }

 .top_button {
 padding:0 !important;
 border:none !important;
 width:30px !important;
 height:30px !important;

 }

/* ##########################  contacts   ########################### */

.contact form
{
	background:#fff;
	color:#000;
}

.contact input
{
	background:#e9f6ee;
	border:solid 2px #007348;
	color:#000;
	padding:8px;
	height:14px;
}

.contact input:hover {
     border: 2px solid #bd1b06;
 }
 
.contact .btn
{
color: #fff;
font-size: 14px;
padding: 11px;
text-shadow: 0px 4px 3px rgba(30, 30, 30, 0.83);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #d3dff5;
background: -moz-linear-gradient(90deg, #E79418 0%, #FBEEDB 70%);
background: -webkit-linear-gradient(90deg, #E79418 0%, #FBEEDB 70%);
background: -o-linear-gradient(90deg, #E79418 0%, #FBEEDB 70%);
background: -ms-linear-gradient(90deg, #E79418 0%, #FBEEDB 70%);
background: linear-gradient(0deg, #E79418 0%, #FBEEDB 70%);
-webkit-box-shadow: 0px 10px 17px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 10px 17px rgba(50, 50, 50, 0.75);
box-shadow:         0px 10px 17px rgba(50, 50, 50, 0.75);


}

.contact .button:hover
{
color: #00F;
}




#jform_contact_email_copy-lbl, #jform_contact_email-lbl, #jform_contact_name-lbl, #jform_contact_emailmsg-lbl, #jform_contact_message-lbl {
	font-size:13px;
	color:#007348;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#jform_contact_email_copy {
	height:20px;
	width: 20px;
	border:2px solid #007348;
	background: var(--txtbox-bg-color);
}

#jform_contact_email_copy:hover {
     border: 2px solid #bd1b06;
 }

.contact textarea {
	height:150px;
	border:2px solid #007348;
    background: #e9f6ee;
   	scrollbar-arrow-color:#d28207; /*Pfeilfarbe: orange */
   	scrollbar-face-color:#DB740D; 
   	scrollbar-highlight-color:#F0F;
   	scrollbar-shadow-color:#FF8000;
   	scrollbar-track-color:#bed5c6; 
}

.contact textarea:hover {
     border: 2px solid #bd1b06;
 }

.contact input.invalid,
.contact textarea.invalid
{
	border:solid 2px red;
}

.contact label.invalid
{
	color:red;
}

.panel .contact-form,
.panel  .contact-miscinfo
{
	padding:10px
}



.contact .panel .contact-form form,
.contact .panel .contact-address
{
	margin:20px 0 0 0
}

/* contact  plain */
#main .contact h3
{
	border-bottom:solid 1px #ddd;
	margin: 20px 0
}

.contact_icon {
	left: -30px;
	top: 30px;
	position: relative;
}



/* ##########################  Flexicontact   ########################### */


.fc_form input:focus{
	outline: 1px solid #bcbcbc;
	background-color: #f8f8f8;
}

.fc_form textarea:focus{
	outline: 1px solid #bcbcbc;
	background-color: #f8f8f8;
}

.fc_input
{
	background:#e9f6ee;
	border:solid 2px #007348;
	color:#000;
	padding:8px;
	height:14px;
}

.fc_input:hover {
     border: 2px solid #bd1b06;
 }
 
.fc_button2
{
color: #fff;
font-size: 14px;
padding: 11px;
text-shadow: 0px 4px 3px rgba(30, 30, 30, 0.83);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #d3dff5;
background: -moz-linear-gradient(90deg, #007348 0%, #cbe3da 70%);
background: -webkit-linear-gradient(90deg, #007348 0%, #cbe3da 70%);
background: -o-linear-gradient(90deg, #007348 0%, #cbe3da 70%);
background: -ms-linear-gradient(90deg, #007348 0%, #cbe3da 70%);
background: linear-gradient(0deg, #007348 0%, #cbe3da 70%);
-webkit-box-shadow: 0px 10px 17px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 10px 17px rgba(50, 50, 50, 0.75);
box-shadow:         0px 10px 17px rgba(50, 50, 50, 0.75);


}

.fc_button2:hover
{
color: #E96F25;
}




#jform_contact_email_copy-lbl, #jform_contact_email-lbl, #jform_contact_name-lbl, #jform_contact_emailmsg-lbl, #jform_contact_message-lbl {
	font-size:13px;
	color:#007348;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#fc_checkbox {
	height:20px;
	width: 20px;
	border:2px solid #007348;
	background: #e9f6ee;
}

#fc_checkbox:hover {
     border: 2px solid #bd1b06;
 }

.fc_textarea {
	height:150px;
	border:2px solid #007348;
	background: #e9f6ee;
	
   	scrollbar-arrow-color:#E96F25; /*Pfeilfarbe: orange */
   	scrollbar-face-color:#E96F25;  /*Schieberfarbe: orange */
   	scrollbar-highlight-color:#1eb716; /* grün */
   	scrollbar-shadow-color:#e9f6ee; /* Schieberrahmen: hellgrün */
   	scrollbar-track-color:#007348;  /* grün - balkenhintegrund */

	scrollbar-base-color:##CF0; /*gelb */
	scrollbar-3d-light-color:##0FF; /* cyan */
	scrollbar-darkshadow-color:##AEECA4; /* hellgrün */
}

.fc_textarea:hover {
     border: 2px solid #bd1b06;
 }

.fc_input.invalid,
.fc_textarea.invalid
{
	border:solid 2px red;
}

.contact label.invalid
{
	color:red;
}

.panel .contact-form,
.panel  .contact-miscinfo
{
	padding:10px
}



.contact .panel .contact-form form,
.contact .panel .contact-address
{
	margin:20px 0 0 0
}

/* contact  plain */
#main .contact h3
{
	border-bottom:solid 1px #ddd;
	margin: 20px 0
}

.contact_icon {
	left: -30px;
	top: 30px;
	position: relative;
}