.boxCanvas
{
    position:relative;
    width:100%;

    color:#444;
    font-family: 'Open Sans','Helvetica Neue', Helvetica;
    font-size:86%;
    line-height:1.45;
}

.boxContent
{
    position:relative;

    min-height:460px;
    min-width:560px;

    padding:1.5%;
    padding-bottom:25px;

    margin-top:35px;
    margin-bottom:15px;


    background-color:#F7F7F7;
    border-color:white;
    border-style:solid;
    border-width:6px;
    border-radius:6px;
    box-shadow: 0px 0px 8px 0px #AAA;
}


/************* ABOUT INFO *****************************/

.aboutTitle
{
    font-family:'Roboto Condensed';
    font-size:26px;
    font-weight:500;
    line-height:32px;

    color:#3B3B39;
    margin-bottom:20px;
}

.aboutCoordinates
{
    margin-top:5px;
    margin-bottom:20px;
}

.contactDiv
{
    float:left;
    font-weight:600;
}
.aboutUrl
{
    font-weight:600;
}
.aboutUrl a:link, .mapAddress a:link {text-decoration: none; color:#20ACF0;}
.aboutUrl a:visited, .mapAddress a:visited, .crosslinks a:visited {text-decoration: none; color:#20ACF0;}
.aboutUrl a:active, .mapAddress a:active, .crosslinks a:active {text-decoration: none; color:#20ACF0;}
.aboutUrl a:hover, .mapAddress a:hover, .crosslinks a:hover {text-decoration: none; color:#20ACF0;}

.crosslinks a:link {text-decoration: none;}

.boxTag
{
    float:left;
    background-color:#E5E5E5;
    border-color:#FFF;
    border-width:1px;
    border-style:solid;
    border-radius:4px;
    padding:4px;
    padding-left:6px;
    padding-right:6px;
    margin-bottom:6px;
    margin-right:6px;
}
.boxTag:hover
{
    background-color:#20ACF0;
    color:white;
}

.boxTags
{
    float:left;
    font-size:13px;
    line-height:20px;
    margin-top:10px;
    margin-bottom:10px;
    position:relative;
    bottom:5px;
}
.boxTagImage
{
    vertical-align:middle;
    margin-top:3px;
    margin-right:12px;
    width:24px;
}


.boxTags a:link {text-decoration: none; }
.boxTags a:visited {text-decoration: none; }
.boxTags a:active {text-decoration: none; color:#20ACF0;}
.boxTags a:hover {text-decoration: none; color:#20ACF0;}


/***** OPENING HOURS SHOW *****/

.opening_hours_day
{
    color:#333;

    font-family:"Roboto Condensed";
    font-size:13px;

    float:left;
    padding:3px;
    height:20px;
    width:20px;
    text-align:center;
    cursor: pointer;

    border-width:1px;
    border-right-width:0px;
    border-color:#888;
    border-style:solid;
    background-color:white;
}

.selected_day
{
    color:#FFFFFF;
    border-color:white;
    background: #109CE0;
}

.not_selected_day
{
    background-color:#E8E8E8;
    color:#B1B1B1;
    border-color:#FAFAFA;
}
.not_selected_left_border
{
    border-left-color:#777;
    border-color:#FAFAFA;
}

.sunday
{
    border-right-width:1px;
}



/************* IMAGES ************************************/

.oneImage,
.twoImages,
.boxImages
{
    width:100%;
}

.aboutThumb
{
    display:block;
    width:100%;
}

.aboutImageCopyright
{
    position:absolute;
    right:10px;
    bottom:15px;
    z-index:3;
    color:white;
    font-size:10px
}
.aboutImageCopyrightSmall
{
    position:absolute;
    right:5px;
    bottom:10px;
    z-index:3;
    color:white;
    font-size:10px
}


/************* MAP ************************************/


/* To become that the map is always is a square (ratio 1:1)
    http://www.mademyday.de/css-height-equals-width-with-pure-css.html */
.map-canvas-box
{
    position:relative;
    float:right;

    width: 45%;
    min-width:250px;
    
    border-width:1px;
    border-color:white;
    border-style:solid;

}
.map-canvas-box:before {
    content: "";
    display: block;
    padding-top: 92%; 	/* initial ratio of 1:1*/
}
.map-canvas
{
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
}

.mapAddress
{
    position:relative;
    float:left;
    clear:both;
    
    font-size:92%;
    bottom:20px;
    left:10px;
    padding:8px;
    padding-right:20px;
    background-color:#FEFEFE;

    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(90, 90, 90, 0.2);
    -moz-box-shadow:    0px 1px 2px 0px rgba(90, 90, 90, 0.2);
    box-shadow:         0px 1px 2px 0px rgba(90, 90, 90, 0.2);

}

/********** ICONS *********************/

.aboutIcon
{
    float:left;
    width: 28px;
    height: 28px;
    text-indent: -99999px;
    margin-right:5px;
}

.facebookIcon {
    background: url('/images/child/icons/socialmedia/noborder/facebook.png') no-repeat top ;
    background-size: 28px 28px;

}
.facebookIcon:hover {     background-position: bottom; }

.homeIcon {
    background: url('/images/child/icons/socialmedia/noborder/home.png') no-repeat top ;
}
.homeIcon:hover {     background-position: bottom; }

.locationIcon {
    background: url('/images/child/icons/icon_location.png') no-repeat top ;
}
.phoneIcon {
    background: url('/images/child/icons/icon_phone.png') no-repeat top ;
}
.twitterIcon {
    background: url('/images/child/icons/socialmedia/noborder/twitter.png') no-repeat top ;
    background-size: 28px 28px;

}
.pinterestIcon {
    background: url('/images/child/icons/socialmedia/noborder/pinterest.png') no-repeat top ;
    background-size: 28px 28px;

}
.instagramIcon {
    background: url('/images/child/icons/socialmedia/noborder/instagram4.png') no-repeat top ;
    background-size: 28px 28px;

}


.youtubeIcon {
    background: url('/images/child/icons/socialmedia/noborder/youtube.png') no-repeat top ;
    background-size: 28px 28px;

}
.linkedinIcon {
    background: url('/images/child/icons/socialmedia/noborder/linkedin.png') no-repeat top ;
    background-size: 28px 28px;

}
.myspaceIcon {
    background: url('/images/child/icons/socialmedia/noborder/myspace.png') no-repeat top ;
    background-size: 28px 28px;

}


/********* BOX NAVIGATION ARROWS **********************/

#aboutArrows
{
    position:relative;
    float:right;
    top:12px;
    margin-right:20px;
}
#aboutMoveLeft
{
    position:relative;
    right:10px;
    cursor: pointer;
    z-index:500;
}
#aboutMoveRight
{
    position:relative;
    right:5px;
    cursor: pointer;
    z-index:500;
}


/************* TEMPLATES ****************/


.linkButton
{
    float:left;
    font-family:Helvetica;
    font-size:13px;
    
    border-style:solid;
    border-width:0px;
    padding:4px;
    padding-left:10px;
    padding-right:10px;
    margin-top:15px;
    margin-bottom:10px;
    color:white;
    background: #088ADA;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    cursor: pointer;
}


/***** ABOUT NEW *************/


#boxContainer
{
    min-height:600px;
    margin-top:25px;
    
    background-image: linear-gradient(to top, #FFFFFF 0%, #F5F5F5 100%);
    color:#3C3C3C;
    
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
    border-radius:4px;
    padding:15px;
}

.aboutOpeningHours
{
    font-size:14px;
}