/*
## -----------------------------------------------------------------------------
##
##
##  STYLE SHEET
##                                             
##        Style-Sheet-Definitionen | Haus Birke
##                                                                          
##        SCHEME:      __hb__scheme__                                                
##        AUTHOR:      Carsten Zandecki, mediaMinds internet services            
*/


*          { margin:0; padding:0; }


@font-face { font-family: 'PTSansBold';
	     src: url('../fonts/ptsans_bold/PTS75F-webfont.eot');
	     src: url('../fonts/ptsans_bold/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
	          url('../fonts/ptsans_bold/PTS75F-webfont.woff') format('woff'),
	          url('../fonts/ptsans_bold/PTS75F-webfont.ttf') format('truetype');
           }

@font-face { font-family: 'PTSans';
	     src: url('../fonts/ptsans_regular/PTS55F-webfont.eot');
	     src: url('../fonts/ptsans_regular/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
	          url('../fonts/ptsans_regular/PTS55F-webfont.woff') format('woff'),
	          url('../fonts/ptsans_regular/PTS55F-webfont.ttf') format('truetype');
           }




html       { height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; 
             background-attachment: fixed; -webkit-background-size: cover; /*-moz-background-size: cover;*/ -o-background-size: cover;
             background-size: cover;
           }

body       { text-align: center; font-family: PTSans; font-size: 16px; color: #666; margin: auto; background:transparent; }

img        { border:0px; max-width:100%; } 

.scrollup 
{ 
	background: url('../images/arr_up.png') no-repeat, linear-gradient(0deg, #064a1f, #09642b);
	background-size: 35px 40px;
	background-position: center center;
	bottom: 20px;
        border-radius:10px;
	/*display: none;*/
	height: 40px;
	position: fixed;
	right: -60px;
	text-indent: -9999px;
	width: 42px;
	z-index: 999;
        border:2px solid rgba(255,255,255,0.8); /*#fff; #85bd43;*/
}


/*
## -----------------------------------------------------------------------------
##
##  GENERAL ELEMENT/FORM CLASSES
##                                             
*/


form         { height:100%; }
input        { font-family: PTSans; font-size:1.000em; border: 1px solid #666; padding:8px; color:#666; margin-top:5px; border-radius:7px; }
input:focus  { background-color: #fff; border: 1px solid #09642b; outline: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); }

textarea     { font-family: PTSans; font-size:1.000em; border: 1px solid #666; padding:8px; color:#666; margin-top:5px; border-radius:7px; }
textarea:focus  { background-color: #fff; border: 1px solid #09642b; outline: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); }

.noborder    { border:0px; }
.sndbutton   { font-size:0.938em; border:0px; background: #076633; color: #fff; width:120px; height:46px; font-weight:bold; }
.formspacer  { clear:both; padding:1%; }

.sentbutton  { margin:10px 0 0 173px; }
.sentbutton2 { margin:10px 0 0 287px; }

.red         { color: #c00; font-style:italic; }

.osndButton  { display:block; font-size:0.938em; border:0px; background: #076633; color: #fff; height:26px; padding: 14px 10px 6px 10px; font-weight:bold; }
a.osndButton { text-decoration:none; color:#fff; }

#emailError  { background: #aa0000; padding:2%; color:#fff; }
#emailOk     { background: #2fac66; padding:2%; color:#fff; }

.formContainer   { background:#eee4d7; width:94%; text-align:left; padding:3%; color:#333; border-radius:5px; border:1px solid #dbd3c9; }
.formContainerOk { background:#a5c425; width:94%; text-align:left; padding:3%; color:#fff; border-radius:5px; border:1px solid #85a110; }


/*
## -----------------------------------------------------------------------------
##
##  MESSAGES FORMS
##                                             
*/

.panel    { background: #fff; font-size:13px; border-radius: 5px; box-shadow: 0 0 8px 0 #ccc; float: left; height: auto; margin:0 0 20px 0; text-align:left; }
.panel100 { width: 98%; padding: 12px; }
.msg      { display:block; padding-left:54px; }
.msgOk    { clear:both; display: block; font-size:16px; color:#fff; background: #95b122 /*#a5c425*/ url('../images/msgOk_w.svg') no-repeat; background-size: 42px 42px; background-position: 12px 12px; min-height:42px; }
.msgError { clear:both; display: block; font-size:16px; color:#fff; background: #bb0000 url('../images/msgError_w.svg') no-repeat; background-size: 42px 42px; background-position: 12px 12px; min-height:42px; }

/*
## -----------------------------------------------------------------------------
##
##  NORMAL SITE STYLES
##
##
*/


#topbar      { position:absolute; display:block; z-index:895; top:0; width:100%; height:412px; background: url('../images/topbar.png'); background-position: center;  }

#horizon     { position:relative; z-index:899; clear:both; width:100%; max-width:1010px; margin:0 auto; background: transparent; /*box-shadow: 0 0 15px rgba(33,33,33, 0.6);*/ } 



#headline    { width:100%; height:147px; margin:0 auto; background: transparent;}
#headarea    { width:1010px; height:147px; padding:0; margin:0 auto; background: transparent; text-align:left; }

#logo        { position: relative; z-index: 898; float: left; padding-top: 12px; }
#logoxy      { width: 274px; height:262px; }

#menuarea       { float:left; margin:84px 0 0 14px; width: 712px; /*background: rgba(55,131,44,0.8);*/ }
#menuarea:after { clear:both; }


#bread       { position:absolute; z-index:898; margin: 55px 0 0 258px; font-family: PTSans;  font-size: 16px; color:#053717; height:32px; }
#breadcorner { float:left; width:30px; height:32px; background: url('../images/corner.png') no-repeat; }
#breadcon    { float:left; width:665px; height:20px; background: #85bd43;  border-radius: 0 10px 10px 0; padding:6px 0 6px 0; margin:0 auto 0 auto; text-align:left; }


.fbook       { position:absolute; z-index: 935; right:55px; top:47px; transform: rotate(3deg); width:187px; height:40px; background: url('../images/facebook.png'); }

/*
## -----------------------------------------------------------------------------
##
##  MOBILEMENU/TABLEMENU STYLES
##
##
*/

  #mobilebutton { position:absolute; width:92px; height:36px; top:-45px; right:20px; z-index:999; display:block; border-radius:5px; margin:150px auto; padding:5px; background:#085e28 url('../images/menu.png') 5px 5px no-repeat; height:38px; text-align:center; }
  #mobilebutton img { margin:0 auto; }

  #mobilemenu   { display:none; font-size:16px; position:absolute; z-index:999; width:100%; height:auto; background:#fff; left:0px; top:176px; color:#085e28; border-top:3px solid #77af30; }
  #mobilemenu a { width:90%; padding:5%; display:block; color: #085e28; text-align:center; border-bottom:2px solid #77af30; }
  #mobilemenu a:hover { background: #c2dea1; color:#085e28; } 

  #mobilemenu a.mobgrey { background:#f1f1f1; border-bottom:2px solid #77af30; }
  #mobilemenu a.mobgrey:hover { background: #c2dea1; color:#085e28; border-bottom:2px solid #77af30; }

  .mobilecategory { display:block; width:100%; heigth:28px; padding:15px 0; background: #085e28; color:#fff; }
      

  #tabletbutton { position:absolute; width:92px; height:36px; top:-45px; right:20px; z-index:999; display:block; border-radius:5px; margin:150px auto; padding:5px; background:#085e28 url('../images/menu.png') 5px 5px no-repeat; height:38px; text-align:center; }
  #tabletbutton img { margin:0 auto; }


  #tabletmenu   { display:none; box-sizing: border-box; font-size:16px; position:absolute; z-index:999; width:100%; height:auto; background:#085e28; padding:20px; left:0px; top:176px; color:#085e28; border-top:3px solid #77af30; }
  #tabletmenu a { width:90%; padding:5%; display:block; color: #77af30; text-align:left; }
  #tabletmenu a:hover { background: #c2dea1; color:#085e28; } 

  .tabletcategory { display:block; width:100%; heigth:28px; text-align:left; padding:5%; background: #085e28; color:#fff; }

  .tbcol50   { float:left; width:44%; display:block; }
  .tbspace50 { margin-right:6%; }



/*
## -----------------------------------------------------------------------------
##
##  SITE MENU STYLES
##
##
*/


nav        { display:block; float:left; position:relative; z-index:899; left:0px; top:0px; width:100%; height:116px; }

#menuNav > ul{	width: 100%; /* Increase when adding more menu items */
	        /*margin:0 auto; */
           
          }
 
#menuNav > ul > li{ /* will style only the top level li */

	list-style: none;
	position:relative;
	display: inline-block;
	line-height: 1px;
        margin-top:6px;
        padding:45px 0 30px 0;
	border-radius: 3px;
}

#menuNav > ul > li:before {
    font-size:38px;
    position:relative;
    top:8px;
    left:2px;
    content: '';
    color: #c9d7f0; /* or whatever color you prefer */

}

#menuNav > ul > li:hover:before {
    font-size:38px;
    position:relative;
    top:8px;

    /*left:2px; */
    content: "";

    /* background:#fff;
       border-bottom: 5px solid #340033;
    */

    color: #49bdc7; /* or whatever color you prefer */
}




#menuNav > ul > li > a{
	color:inherit;
	text-decoration:none !important;
	font-size:24px;
	margin:0 15px 20px 15px;
        padding:3px 0 3px 0;
        font-family: PTSansBold;
        /*font-weight:normal;*/
        /*color: #451f31;*/

        color: #09642b;
        /*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/

}

#menuNav > ul > li > a.active, #menuNav > ul > li > a.active:hover  {
	color:inherit;
	text-decoration:none !important;
	font-size:24px;
	margin: 0 15px 20px 15px;
        padding:3px 0 14px 0;
        font-family: PTSansBold;
        font-weight:normal;
        color: #09642b;
        border-bottom: 5px solid #85bd43;
        
        /*background:#451f31;*/
        /*background:#8e3314;*/

}       


#menuNav > ul > li > a:hover{
	color:inherit;
        font-family: SourceSans;
	text-decoration:none !important;
	font-size:24px;

	margin: 0px 15px 10px 15px;
        padding: 3px 0 20px 0;
        font-family: PTSansBold;
        font-weight:normal;
        color: #09642b;


        /*color: #fff;*/
        /*background: #b97ab4;*/
        /*background: #ed7302;*/

        /*border-bottom: 5px solid #85bd43;*/
}

.runlink {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

.runlink::after {
    content: '';
    display: block;
    /*margin: 18px 0 0 0;*/
    position:relative; top:19px;  
    width: 0;
    height: 5px;
    background: #85bd43;
    transition: width .4s;
}

.runlink:hover::after {
    width: 100%;
    position:relative; top:19px; 
    /* margin: 18px 0 0 0; */
    /* transition: width .4s; */
}


/* LEVEL II */

#menuNav > ul > li > ul{ position:absolute; list-style:none; z-index:900; text-align:left; width:auto; left:0%; margin-left:0px; top:70px; 

 font-family: PTSans; font-size:16px; /*border-radius:0px; */ box-shadow: 0px 6px 22px rgba(106,106,106,0.5);



	/* This is important for the show/hide CSS animation */


	max-height:0px;
	overflow:hidden;
	
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;


}

#menuNav > ul > li > ul:before { content: ""; }
#menuNav > ul > li > ul:last-child { border-radius: 0 0 10px 10px; }
#menuNav > ul > li > ul > li{ background-color: #fff; border-bottom:1px solid #dddddd; }
#menuNav > ul > li > ul > li:last-child { border-bottom: none; }
#menuNav > ul > li > ul > li a{ margin:0 15px;font-size:17px; padding:20px 13px 20px 3px; color:#09642b !important; text-decoration:none !important; display:block; }
#menuNav > ul > li > ul > li a:first-child { }
#menuNav > ul > li > ul > li:nth-child(odd){ /* zebra stripes */ border-bottom:1px solid #dddddd; }
#menuNav > ul > li > ul > li:hover{ background-color: #c2dea1; }
#menuNav > ul > li > ul > li:first-child{ position:relative; border-top: 5px solid #85bd43; }
#menuNav > ul > li > ul > li:first-child:before{ /* the pointer tip */ content:''; }
#menuNav > ul > li > ul > li:last-child{ border-bottom-left-radius:10px; border-bottom-right-radius:10px; }

/* This will trigger the CSS */
/* transition animation on hover */

#menuNav > ul > li:hover > ul{ max-height:500px; } /* Increase when adding more dropdown items */


/* LEVEL III */



#menuNav > ul > li > ul > li > ul{ position:absolute; float:left; list-style:none; z-index:901; text-align:left; width:auto; left:0%; margin-left:215px;

                      font-family: PTSans; font-size:16px; /*border-radius:0px;  box-shadow: 0px 6px 22px rgba(106,106,106,0.5); */



	/* This is important for the show/hide CSS animation */


	max-height:0px;
	overflow:hidden;
	
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;


}

#menuNav > ul > li > ul > li > ul:before { content: ""; }
#menuNav > ul > li > ul > li > ul:last-child { border-radius: 0 0 0 0; }
#menuNav > ul > li > ul > li > ul > li{ background-color: #f1f1f1; border-bottom:1px solid #dddddd; }
#menuNav > ul > li > ul > li > ul > li a{ margin:0 15px; font-size:17px; padding:20px 13px 20px 3px; color:#09642b !important; text-decoration:none !important; display:block; }
#menuNav > ul > li > ul > li > ul > li a:first-child { }
#menuNav > ul > li > ul > li > ul > li:nth-child(odd){ /* zebra stripes */ border-bottom:1px solid #dddddd; }
#menuNav > ul > li > ul > li > ul > li:hover{ background-color: #c2dea1; }

#menuNav > ul > li > ul > li > ul > li:first-child{ position:relative; border-top: 5px solid #85bd43; }
#menuNav > ul > li > ul > li > ul > li:first-child:before{ /* the pointer tip */ content:''; }

/*#menuNav > ul > li > ul > li > ul > li:last-child{ border-bottom-left-radius:10px; border-bottom-right-radius:10px; } */
#menuNav > ul > li > ul > li > ul > li:last-child{ border-bottom: 5px solid #85bd34; border-bottom-left-radius:0px; border-bottom-right-radius:0px; }

/* This will trigger the CSS */
/* transition animation on hover */

#menuNav > ul > li > ul > li:hover > ul{ max-height:500px; } /* Increase when adding more dropdown items */
#menuNav .tip { /*background:#ccc;*/ }


#menuNav > ul > li > ul > .menusub:hover { width:413px; }
.menusub  { position:relative; /*float:left;*/ display:block; /*margin-bottom:20px;*/ font-size:17px; padding:20px 13px 20px 20px; color:#09642b !important; text-decoration:none !important; } 

/* @-moz-document url-prefix() { .menusub { padding:20px 13px 13px 20px; }} */

.menusub3 { position:absolute; float:left; top:-5px; width:auto; min-width:230px; border-left:1px solid #ddd; border-right:1px solid #ddd; }



/*
## -----------------------------------------------------------------------------
##
##  BUTTONS / GLOBAL LINKS
##                                             
*/

a            { color: #85bd43; font-family: PTSans; font-size:16px; text-decoration:none; }
.abutton     { width:auto; height: auto; font-family: PTSans; font-size: 16px; text-align: left; background: linear-gradient(0deg, #064a1f, #09642b); color: #fff; padding: 12px 12px 12px 12px; border-radius: 10px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); text-decoration: none;}
.abuttonspan { display:inline; white-space:nowrap; position:relative; width: 26px; z-index:205; top: -12px; left: 5px; line-height: 24px; padding: 0px 0px 24px 29px; background: transparent url('../images/arrow_right.png') 0px 11px no-repeat; }



a.std { color: #85bd43; font-family: PTSansBold; font-size:16px; /* text-decoration:none; */ }
a.std:after { content: ""; display:inline-block; position:relative; top:5px; left:1px; margin:0 2px 0 4px; border-radius:50%; background: #85bd43 url('../images/arrow_right.png') 0px 1px no-repeat; background-size:17px 16px; font-size:0.875em; color:#fff; width: 18px; height:18px; font-weight:bold;  }



/*
## -----------------------------------------------------------------------------
##
##  MAIN SITE STYLES
##                                             
*/


#imgContainer { /*border-top:3px solid #666;*/ display:block; width:1010px; height:348px; background: transparent;
                text-align:left;
                border-bottom: 3px solid #666; }

section      { /*background: rgba(0,255,0,0.2);*/ }

.full      { width:100%; display:block;  }
.fullbo    { width:98%; border:3px solid #666; display:block; }


.content         { clear:both; position:relative; z-index:895; min-height:700px; top:-102px; width:86.4%; padding:140px 6.8% 260px 6.8%; display:block; margin:0 auto; text-align:left; background: rgba(255,255,255,0.9); color:#666; }
.contentstart    { clear:both; width:100%; display:block; margin:0 auto; text-align:left; padding:180px 0px 500px 0px; color:#666; }

@-moz-document url-prefix() { .content { top: -103px; }}



.contentGoldRev12 { float:left; width:260px; margin-right:40px; text-align:center;}
.contentGoldRev21 { float:left; padding-top:80px; width:560px; text-align:center; }


.negCorrectBuchung { position:relative; top:-130px; }
.negCorrectMargin  { margin-bottom: -130px; }


.imgContent      { border-radius:10px; border:5px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.imgDesc p       { display:block; font-family: PTSans; font-size: 14px; line-height:1.3em; margin-top:15px; text-align:left; }
.imgDesc strong  { font-family: SourceSansRegular; font-size:1.125em; line-height:1.500em; font-weight: normal; }


.imgTeam         { width:75%; border:8px solid #fff; border-radius:50%; box-shadow: 0 0 10px rgba(0,0,0,0.3); margin:0 auto; }


section ul       { padding:0 0 5px 10px; line-height:1.4em; }
section li       { padding-left:14px; margin:0 0 10px 15px; font-size:1.000em;}
section .infobar { position:absolute; z-index:999; top:350px; left:50%; margin-left:-654px;  padding:8px 10px 8px 15px; width:267px; height:20px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); background: #4265ae; color: #fff; }





article { }

h1 { font-family: PTSansBold;
     font-size: 28px;
     font-weight:normal;
     color: #09642b;
     margin-bottom:25px;
   }

h2 { font-family: PTSansBold;
     font-size: 20px;
     color: #666666;
     font-weight:normal;
     margin:40px 0 25px 0;
   }

h3 { font-family: PTSansBold;
     font-size: 16px;
     color: #666666;
     font-weight:normal;
     margin:40px 0 25px 0;
   }

h4 { font-size: 16px; font-weight:bold; margin:25px 0 25px 0; }


.hsize {  font-size: 24px;
     font-weight:normal;
     color: #09642b;
     margin-bottom:25px;
 }

.nomargin { margin:0 0 25px; 0; }

.ausstattung { width:100%; }
.check       { width:22px; background: url('../images/circle-check.svg') 6px 8px no-repeat; background-size:22px 22px; }
.desc        { width:250px; }
.nb          { border:none; }
.rform       { padding:0px; }


.dateblock  { display:inline; float:right; font-weight:normal; font-family: PTSans; border-radius:5px; background: #09642b; color:#fff; font-size:14px; padding:5px; }


table { width:100%; }
table,th,td { border: 1px solid #666; border-collapse: collapse; }

th, td { padding:7px; text-align:left; }

th { background: #09642b;
     color:#fff;
   }

td { background:rgba(255,255,255,0.8); }

.subheader { font-weight:bold; background: #85bd43; color:#053717; }


#tablemobileentgelte { display:none; }



p  { /*text-align:justify;*/ letter-spacing: 0px; margin-top:25px; line-height:1.4em; }

/*
## -----------------------------------------------------------------------------
##
##  IMAGE HOVER FX
##                                             
*/


.imgpress { position: relative; padding: 0; margin:0 auto; width:90%; display:block; cursor:pointer;  }

.imghover { position: relative; padding: 0; width:100%; display:block; cursor:pointer;  }
.imgtext  { position: absolute; 
            display:table-cell; 
            width: 100%;
            height: 94.8%;
         
            color:#064a1f; 
            
            background-color:rgba(133,189,67,0.8);
    
            text-align: center; 

            z-index: 10;
	    opacity: 0;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            border:5px solid #fff;
            border-radius:10px;
          }

.imgtext:hover { opacity:1; }
.hovertext     { display:flex; align-items: center; justify-content: center; width:100%; height:100%; line-height:1.4em; vertical-align:middle; }
img            { z-index:1;  }


/*
## -----------------------------------------------------------------------------
##
##  COLS
##                                             
*/


.col100 { }
.col50  { float:left; display:block; width:46.75%; }
.col33  { float:left; display:block; margin:25px 0 25px 0; width:31.333333%;  }
.col25  { float:left; display:block; margin:5px 0 25px 0;  width:23.5%; }

.colGold21   { clear:both; float:left; display:block; width:58%; }
.colGold12   { float:left; display:block; width:35%; text-align:left; }

.start33 { position:relative; float:left; display:block; font-size:16px; width:27.6667%; min-height: 325px; padding: 1.5%; background: #fff; border-radius:10px; box-shadow: 0 0 24px #201a17; }
.stspace { margin-right:4%; }

.start33 p   { display:block; text-align:center; margin-top:10px; }
.start33 img { border-radius:10px; }
.start33 .cbutton { position:absolute; bottom:30px; right:4%; width:100%; text-align:right; }

.vertspace { height:80px; }
.cdiv      { text-align:center; }
hr.light     { background:#aaa; border:0; height:1px; margin:25px 0 25px 0; }

.space21 { float:left; display:block; margin-right:7%;   }
.space50 { float:left; display:block; margin-right:6.5%; }
.space33 { float:left; display:block; margin-right:3%;   }
.space25 { float:left; display:block; margin-right:2%;   }




/******************************************************************************/
/*                                                                            */
/* MODULE STYLES                                                              */
/*                                                                            */
/******************************************************************************/


.module    { display:block; padding: 14px 14px 14px 14px; background: #f5f5f5; /*#2fac66;*/ /*#f5f5f5;*/ /*#f5f5f5;*/  color:#444; margin:-17px 0px 0px 0px; text-align:center; }
.module h3 { margin:4px 0 0 64px; text-align:left; color: #666; /*#666;*/ }
.module p  { margin-top:16px; text-align:center; color: #666;}


/*
## -----------------------------------------------------------------------------
##
##  Footer - Styles
##                                             
*/


footer     { clear:both; position:relative; width:100%; height:280px; bottom: -100px; padding-top:30px; z-index:900; background: url('../images/bottombar.png') no-repeat; background-position: center top; margin:-380px auto 0 auto; }
#footbar   { clear:both; position:relative; z-index:1; width:870px; margin:0 auto; padding:0px 70px 0 70px; text-align:left; color: #235e25; /*background: #ed7302;*/ }

.footcol01 {  float:left; padding-top:152px; margin-right:55px; }

.footcol02 {  float:left; padding-top:84px; margin-right:55px; }
.footcol03 {  float:left; padding-top:62px; margin-right:47px; }
.footcol04 {  float:left; width:169px; height:135px; padding-top:100px; background: url('../images/trees.png') 0 100px no-repeat; }

#footbar a { font-family: PTSans; color: #fff; }
#footbar a:hover { text-decoration:underline;  }
#footbar .arr { padding-left:18px; background: url('../images/arrow_right_light.png') 0 4px no-repeat; }
#footbar h3 { font-family: PTSansBold; font-size:24px; color: #235e25; line-height:2px; }

#ccNotice  { display:block; box-sizing: border-box; width:100%; background: rgba(119, 175, 48,.95); color:#fff; padding:15px; position:fixed; z-index:1111; bottom:0px; line-height:1.5em; }
.ccButton  { font-size:15px; margin-left:10px; font-weight:bold; padding:6px 10px; background: #085e28; border-radius: 7px; box-shadow: 0px 0px 0px rgba(88,88,88,0.5); color:#fff; border:none; display:inline-block; }


/*
## -----------------------------------------------------------------------------
##
##  CLEAR STYLES
##                                             
*/
 
    .clear        { clear:both; }
    .group:after  { content: ""; display: table; clear: both; }