/* All rights reserved - all visual effects and grafik is made by webmaster */

html
{

 overflow-y:                        scroll;

}

html, body 
{

 color:                             #616161; 
 font-family:                       verdana; 
 font-size:                         10px; 
 margin:                            0px;
 height:                            100%;
 line-height:                       15px;

}


body 
{

 background-color:                  #F5F5F5;

}

:root 
{

 overflow-y:                        scroll !important;

}

form
{

 margin:                            0px;
 padding:                           0px;

}

h1, h2, h3, h4, h5, h6
{

 margin:                            0px;
 padding:                           0px;
 font-size:                         10px;
 font-weight:                       bold;
 display:                           inline;

}

h2
{

 font-size:                         15px;
 font-weight:                       bold;

}

p
{

 margin-top:                        0px;

}

fieldset, legend, label, input, select, option, textarea, button
{

 color:                             #616161; 
 font-family:                       verdana; 
 font-size:                         10px; 

}

a
{

 color:                             #616161; 
 cursor:                            pointer;

}

.top-border
{

 height:                            5px; 
 background:                        #94BDA7 url('../images/greenbg.png'); 
 overflow:                          hidden;

}

.top-header
{

 background:                        url('../images/topbg.png') repeat-x;

}

.top-header .container
{

 width:                             900px; 
 height:                            150px; 
 margin:                            0px auto;

}

.top-header .container .search-box
{

 float:                             right; 
 width:                             291px; 
 text-align:                        center; 
 background:                        #94BDA7 url('../images/greenbg.png'); 
 padding:                           10px 0px 12px 0px; 
 color:                             #ffffff;

}

.top-header .container .search-box input.field
{

 width:                             185px; 
 border:                            none; 
 vertical-align:                    middle; 
 padding-right:                     14px;

}

.top-header .container .search-box input.button
{

 vertical-align:                    middle; 
 margin-left:                       -14px;

}

.top-header .container img.logo
{

 margin-top:                        23px;
 vertical-align:                    bottom;

}

.top-header .container ul.mainmenu
{

 height:                            25px; 
 list-style:                        none; 
 margin:                            28px 0px 0px 0px; 
 padding:                           0px;   
 background:                        url('../images/menutopbg.png') no-repeat;

}

.top-header .container ul.mainmenu li
{

 float:                             left; 
 height:                            25px; 
 margin-right:                      20px;

}

.top-header .container ul.mainmenu li a
{

 font-size:                         11px; 
 text-decoration:                   none;

}

.top-header .container ul.mainmenu li a img
{

 float:                             left;

}

.top-header .container ul.mainmenu li a span
{

 float:                             left; 
 height:                            20px; 
 padding:                           5px 12px 0px 12px; 
 color:                             #ffffff; 
 font-weight:                       bold; 
 background:                        #94BDA7 url('../images/menutopselbg.png');

}

.top-header .container ul.mainmenu li div
{

 float:                            left; 
 height:                           20px; 
 padding:                          5px 20px 0px 20px; 
 color:                            #838383; 
 font-weight:                      bold;

}

.top-header .container ul.mainmenu li div.first
{

 padding-left:                    16px;

}

.content
{

 background:                      url('../images/contentbg.png') repeat-x;

}

.content .submenu
{

 width:                           900px; 
 margin:                          0px auto;

}

.content .submenu ul
{

 list-style:                      none; 
 height:                          25px; 
 margin:                          0px 4px 0px 4px; 
 padding:                         0px; 
 background:                      #94BDA7 url('../images/greenbg.png');

}

.content .submenu ul li
{

 float:                           left;
 height:                          19px; 
 margin:                          0px 20px 0px 0px; 
 padding:                         6px 12px 0px 12px; 

}

.content .submenu ul li a
{

 color:                           #ffffff; 
 text-decoration:                 none;

}

.content .submenu .right
{

 float:                           right;

}

.content .submenu .left
{

 float:                           left;

}

.content .box
{

 width:                           890px; 
 height:                          183px; 
 margin:                          0px auto; 
 padding:                         20px;
 background:                      #ffffff url('../images/contentboxbg.png') no-repeat;

}

.content .container
{

 width:                           930px;
 margin:                          0px auto;
 padding:                         0px 0px 20px 0px;

}

.content .container .right-column 
{

 float:                           right;
 width:                           304px; 
 margin:                          0px 8px 20px 0px; 

}

.content .container .offer-box
{

 background:                      #ffffff url('../images/contentofferboxbg.png');

}

.content .container .offer-box .bottom
{

 background:                      url('../images/contentofferboxbottombg.png') left bottom no-repeat;

}

.content .container .offer-box .bottom .top
{

 min-height:                      200px;
 background:                      url('../images/contentofferboxtopbg.png') no-repeat; 
 padding:                         12px;
 overflow:                        hidden;

}

.content .container .offer-box .bottom .top .heading
{

 border-bottom:                   1px #ffffff solid; 
 font-weight:                     bold; 
 color:                           #ffffff;
 padding:                         0px 0px 3px 0px;

}

.content .container .offer-box .bottom .top .form
{

 margin:                          13px 0px 0px 0px; 
 padding:                         7px;
 color:                           #ffffff;

}

.content .container .offer-box .bottom .top .form input
{

 width:                           260px;
 margin-bottom:                   5px;

}

.content .container .offer-box .bottom .top .form textarea
{

 width:                           260px;
 height:                          50px;
 margin-bottom:                   5px;

}

.content .container .offer-box .bottom .top .form .submit 
{

 text-align:                      right;

}

.content .container .offer-box .bottom .top .form .submit input
{

 width:                           120px;
 height:                          24px;
 background:                      #79A5B2;
 color:                           #ffffff;
 font-weight:                     bold;
 border:                          none;
 cursor:                          pointer;

}

.content .container .offer-box .bottom .top .form .submit input:hover
{

 background-color:                #618E9B;

}

.content .container .offer-box .bottom .top .form .success
{

 margin:                            0px 0px 10px 0px;
 padding:                           3px 7px 3px 7px; 
 background:                        #D4F6CF;
 border:                            1px #8EC37C solid; 
 color:                             #8EC37C;
 text-align:                        left;

}

.content .container .offer-box .bottom .top .form .error
{

 margin:                            0px 0px 10px 0px;
 padding:                           3px 7px 3px 7px; 
 background:                        #F6CFCF;
 border:                            1px #C37C7C solid; 
 color:                             #C37C7C;
 text-align:                        left;

}

.content .container .contact-box
{

 margin-top:                      1px;
 background:                      #ffffff url('../images/contentcontactboxbg.png');

}

.content .container .contact-box .bottom
{

 background:                      url('../images/contentcontactboxbottombg.png') left bottom no-repeat;

}

.content .container .contact-box .bottom .top
{

 background:                      url('../images/contentcontactboxtopbg.png') no-repeat; 
 padding:                         12px;
 overflow:                        hidden;

}

.content .container .contact-box .bottom .top .heading
{

 border-bottom:                   1px #ffffff solid; 
 font-weight:                     bold; 
 color:                           #ffffff;
 padding:                         0px 0px 3px 0px;

}

.content .container .contact-box .bottom .top .text
{

 margin:                          8px 0px 3px 3px; 
 padding:                         7px;
 line-height:                     24px;
 color:                           #ffffff;

}

.content .container .contact-box .bottom .top .text img, .content .container .contact-box .bottom .top .text span
{

 vertical-align:                  middle;

}

.content .container .contact-box .bottom .top .text a
{

 color:                           #ffffff;

}

.content .container .news-box
{

 float:                           right; 
 width:                           304px; 
 margin:                          0px 8px 20px 0px; 
 background:                      #ffffff url('../images/contentnewsbg.png');

}

.content .container .news-box .bottom
{

 background:                      url('../images/contentnewsbottombg.png') left bottom no-repeat;

}

.content .container .news-box .bottom .top
{

 height:                          405px;
 background:                      url('../images/contentnewstopbg.png') no-repeat; 
 padding:                         12px;
 overflow:                        hidden;

}

.content .container .news-box .bottom .top .heading
{

 border-bottom:                   1px #cccccc solid; 
 font-weight:                     bold; 
 padding:                         0px 0px 3px 0px;

}

.content .container .news-box .bottom .top .row
{

 margin:                          13px 0px 0px 0px; 
 padding:                         7px;
 font-weight:                     bold;

}

.content .container .news-box .bottom .top .row.differ
{

 background-color:                #F2F2F2;

}

.content .container .news-box .bottom .top .row span
{

 float:                           right; 
 font-weight:                     normal; 
 color:                           #cccccc;
 font-weight:                     normal;

}

.content .container .news-box .bottom .top .row .text
{

 margin:                          8px 0px 3px 0px;
 font-weight:                     normal;

}

.content .container .news-box .bottom .top .row a
{

 font-weight:                     normal;

}

.content .container .page-box
{

 margin:                          0px 313px 0px 0px; 
 background:                      #ffffff url('../images/contentmainbg.png');

}

.content .container .page-box .bottom
{

 background:                      url('../images/contentmainbottombg.png') left bottom no-repeat;

}

.content .container .page-box .bottom .top
{

 min-height:                      168px; 
 background:                      url('../images/contentmaintopbg.png') no-repeat; 
 padding:                         12px 13px 15px 20px

}

.content .container .page-box .bottom .top .heading
{

 border-bottom:                   1px #cccccc solid; 
 font-weight:                     bold;               
 padding:                         0px 0px 3px 0px;

}

.content .container .page-box .bottom .top h1.seo-heading
{

 display:                         none;

}

.content .container .page-box .bottom .top .text
{

 margin:                          15px 0px 0px 0px; 
 padding:                         7px 7px 0px 7px;

}

.content .container .bottom-logos
{

 margin: 0px 15px 0px 15px;

}

.content .container .bottom-logos .oscommerce
{

 float:                           left; 
 width:                           179px; 
 height:                          31px; 
 margin-top:                      25px; 
 margin-bottom:                   10px;
 background:                      url('../images/bottom-oscommerce.png') no-repeat;

}

.content .container .bottom-logos .prestashop
{

 float:                           left; 
 width:                           96px; 
 height:                          31px; 
 margin-top:                      25px; 
 margin-bottom:                   10px;
 margin-left:                     65px;
 background:                      url('../images/bottom-prestashop.png') no-repeat;

}

.content .container .bottom-logos .swiftcms
{

 float:                           left; 
 width:                           135px; 
 height:                          31px; 
 margin-top:                      25px; 
 margin-bottom:                   10px;
 margin-left:                     65px;
 background:                      url('../images/bottom-swiftcms.png') no-repeat;

}

.content .container .bottom-logos .swiftshop
{

 float:                           left; 
 width:                           125px; 
 height:                          40px; 
 margin-top:                      7px; 
 margin-bottom:                   10px;
 margin-left:                     65px;
 background:                      url('../images/bottom-swiftshop.png') no-repeat;

}

.content .container .bottom-logos .magento
{

 float:                           left; 
 width:                           102px; 
 height:                          31px; 
 margin-top:                      25px; 
 margin-bottom:                   10px;
 margin-left:                     65px;
 background:                      url('../images/bottom-magento.png') no-repeat;

}

.content .container .bottom-logos .clear
{

 height:                          10px;
 overflow:                        hidden;
 clear:                           both;

}

.content .container .bottom-links
{

 margin:                          20px 15px 0px 15px;
 border-top:                      1px #E2E2E2 solid; 
 border-bottom:                   1px #E2E2E2 solid; 
 background-color:                #FBFBFB;
 clear:                           both;

}

.content .container .bottom-links ul
{

 margin:                          0px;
 padding:                         10px 0px;
 list-style:                      none;
 text-align:                      center;

}

.content .container .bottom-links ul li
{

 display:                         inline;

}

.content .container .bottom-text
{

 margin:                          15px 15px 0px 15px;
 font-size:                       9px;

}

.content .container .bottom-text div
{

 float:                           right; 
 color:                           #cccccc

}

.content .container .bottom-text div img
{

 width:                           1px; 
 height:                          16px; 

}

.content .container .bottom-text a
{

 text-decoration:                none;

}

.content .container .bottom-text span, .content .container .bottom-text img
{

 vertical-align:                  middle;

}

.content .container .page-box .bottom .top ul
{

 margin:                          0px;
 padding:                         0px;

}

.content .container .page-box .bottom .top ul.normal
{

 margin:                          0px 0px 0px 20px;

}

/* ------------------------------ Modules modification -------------------- */

form.module-newsletter-registration div.success
{

 margin:                          10px 0px 0px 20px;

}

form.module-newsletter-registration div.failure
{

 margin:                          10px 0px 0px 20px;

}

form.module-newsletter-registration p
{

 display:                         inline;

}

form.module-newsletter-registration div.form
{

 margin:                          25px 0px 10px 20px;
                   
}

form.module-newsletter-registration div.email input
{

 width:                            300px;

}

form.module-newsletter-registration div.submit
{

 margin:                          5px 0px 0px 200px;

}

form.module-newsletter-registration div.submit input
{

 width:                           100px;

}

form.module-newsletter-recommend div.success
{

 margin:                          10px 0px 0px 20px;

}

form.module-newsletter-recommend div.failure
{

 margin:                          10px 0px 0px 20px;

}

form.module-newsletter-recommend p
{

 display:                         inline;

}

form.module-newsletter-recommend div.form
{

 margin:                          25px 0px 10px 20px;

}

form.module-newsletter-recommend div.receiver-name input, form.module-newsletter-recommend div.receiver-email input, form.module-newsletter-recommend div.sender-name input, form.module-newsletter-recommend div.sender-message textarea
{

 width:                            300px;

}

form.module-newsletter-recommend div.submit
{

 margin:                          5px 0px 0px 200px;

}

form.module-newsletter-recommend div.submit input
{

 width:                           100px;

}

form.module-contact-formular p
{

 display:                         inline;

}

form.module-contact-formular div.success
{

 margin:                          15px 0px 0px 20px;

}

form.module-contact-formular div.failure
{

 margin:                          15px 0px 0px 20px;

}

form.module-contact-formular div.form
{

 margin:                          15px 0px 10px 290px;

}

form.module-contact-formular div.sender-name input, form.module-contact-formular div.sender-email input, form.module-contact-formular div.sender-phone input, form.module-contact-formular div.sender-message textarea
{

 width:                            260px;

}

form.module-contact-formular div.submit
{

 margin:                          5px 0px 0px 160px;

}

form.module-contact-formular div.submit input
{

 width:                           100px;

}

form.module-sitemap-formular li.main, form.module-sitemap-formular li.parent
{

 list-style-type:                 disc;
 color:                           #CCCCCC;

}

form.module-sitemap-formular ul.main
{

 margin:                          20px 0px 0px 10px;

}

form.module-sitemap-formular li a
{
 
 font-weight:                     bold;
 color:                           #919191;
 text-decoration:                 none;

}

form.module-sitemap-formular li a:hover
{
 
 color:                           #616161;

}

form.module-sitemap-formular li span
{

 color:                           #616161;

}

/* ------------------------------ Lightbox -------------------------------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }