@font-face {
    font-family: 'BSBold';
    src: url('bs-bold-webfont.eot');
    src: url('bs-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('bs-bold-webfont.woff') format('woff'),
         url('bs-bold-webfont.ttf') format('truetype'),
         url('bs-bold-webfont.svg#BSBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BSMedium';
    src: url('bs-medium-webfont.eot');
    src: url('bs-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('bs-medium-webfont.woff') format('woff'),
         url('bs-medium-webfont.ttf') format('truetype'),
         url('bs-medium-webfont.svg#BSMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BSRegular';
    src: url('bs-regular-webfont.eot');
    src: url('bs-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('bs-regular-webfont.woff') format('woff'),
         url('bs-regular-webfont.ttf') format('truetype'),
         url('bs-regular-webfont.svg#BSRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {
	margin:0;
	padding: 0;
} 
body { 
	font-family: 'BSRegular', 'Courier New';
	font-size: 14px;
	color: #000000;        
	background: #fff;
}
h1 {
	font-family: 'BSBold', 'Courier New';
	font-size:18px;
    letter-spacing: 0.07em;
	color:#781417;
    font-weight: normal;
    position: absolute;
    top: 12px;
    left: 12px;
}
h1 a, h1 a:visited, h1 a:link, h1 a:hover {
	color:#a41f23;
}
h2{
	font-family: 'BSBold', 'Courier New';
	font-size:18px;
    letter-spacing: 0.07em;
	color:#a2daf4;
    font-weight: normal;
}
h2 .sub{
	font-size:14px;
}
h3{
	font-family: 'BSRegular', 'Courier New';
	font-size:26px;
	color:#86888a;
    font-weight: normal;
}
h3 .sub, h3.sub {
	font-size:20px;
}
a, a:visited, a:active, a:hover{
	text-decoration:none;
	color:#000000;
    border:0;
}
img {
    border:0;
}
#navigation{
    background: #ffffff;
}
#navigation ul{
    margin: 0;
    position: absolute;
    top:42px;
    left: 12px;
    list-style: none;
}
#navigation li{
    overflow: hidden;
    height: 16px;
    list-style: none;
}
#navigation li a{
	font-family: 'BSRegular', 'Courier New';
    display: block;
    font-size: 14px;
    font-weight: normal;
	color:#a41f23;
}
#navigation li a:hover,#navigation li a.selected, .leftfilter a.selected, .rightfilter a.selected {
	color:#57a0c2;
}
.leftfilter a.selected_plus, .rightfilter a.selected_plus {
	color:#57a0c2;
}
#page{
    overflow: hidden;
    width: 100%;
    padding: 0 0 20px 0;
}
.box {
    width: 250px;
    height: 160px;
    margin: 20px 0 0 20px;
    float: left;
    position: relative;
    cursor: pointer;
}
.boxborder {
    width: 248px;
    height: 158px;
    border: 1px solid #ccc;
    margin: 20px 0 0 20px;
    float: left;
    position: relative;
    cursor: pointer;
}
.imgmask{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.shortinfo{
    width: 250px;
    height: 160px;
    background: #5e5e62;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
.imgmask.inverted{
    z-index: 5;
    display: none;
}
.shortinfo.inverted{
    display: block;
    z-index: 2;
}
.shortinfo h2{
    position: absolute;
    top: 25px;
    left: 12px;
    width: 230px;
}
.shortinfo_bottom{
    position: absolute;
    top:65px;
    left: 12px;
    font-size: 14px;
    color: #ffffff;
    height: 80px;
    overflow: hidden;
}
.gotodetails{
    position: absolute;
    bottom:10px;
    right: 10px;
    z-index: 10;
}
.shortinfo_bottom label{
    text-transform: uppercase;
    font-size: 10px;
    margin:0 5px 0 0;
}
.detail_container{
    width: 236px;
    overflow: hidden;
    float:left;
    margin: 20px 0 0 32px;
    clear: both;
}
.detail_container label{
    text-transform: uppercase;
    font-size: 10px;
    margin:10px 0 0 0;
    display: block;
}
.detail_container label.empty{
    margin:0;
}








#content_container{
    position: relative;
    overflow:hidden;
}
#content{
    overflow:hidden;
    position: relative;
    margin: 35px 0 0 20px;
    /*margin: 20px 0 0 20px;*/
}
#content_elements{
    overflow: hidden;
    position: relative;  
}
.project_images {
    position: absolute;
}
#pager{
    margin: 0 0 0 -10px;
}
#pager img{
    vertical-align:middle;
    margin: 0 0 5px 0;
}
#active_left, #active_right{
    position: absolute;
    width: 180px;
    z-index: 100;
    background-color: transparent;
    top: 0;
    cursor: pointer;
}
#active_left{
    left:0;
    cursor:url('../images/active_l.png'), url('/_files/img/active_l.cur'), pointer;
}
#active_right{
    right:0;
    cursor:url('../images/active_r.png'), url('/_files/img/active_r.cur'), pointer;
}

#active_left_arrow, #active_right_arrow{
    position: absolute;
    z-index: 99;
    display: none;
}
#active_left_arrow{
    left:0;
}
#active_right_arrow{
    right:0;
}
.pointer{
    cursor: pointer;
}
/*
#active_right{
    cursor:url(../img/fwd.png), url(/_files/img/fwd.cur), pointer;
}
#active_left{
    cursor:url(../img/bwd.png), url(/_files/img/bwd.cur), pointer;
}

#active_bwd, #active_fwd{
    position: absolute;
    z-index: 99;
    display: none;
}
#active_left,#active_bwd{
    left: 40px;
}
#active_right,#active_fwd{
    right: 10px;
}*/
.images, .videos {
    position: absolute;
    display: none;
}
.leftfilter{
    position: absolute;
    top:42px;
    left:12px;
    font-size: 14px;
    text-align: left;
}
.rightfilter{
    position: absolute;
    top:42px;
    left:135px;
    font-size: 14px;
    text-align: left;
}
.award{
    margin: 20px 0 0 0;
}
.nopointer{
    cursor: default;
}
.visible{
    display: block;
}
.invisible{
    display: none;
}
.overview a, .overview a:visited, .overview a:link, .overview a:hover{
    color: #ffffff;
}
.tlabel{
    vertical-align: top;
    white-space: nowrap;
    padding-right: 10px;
}
.redbg{
    background: #781417;
}
.input_search {
    border: solid 1px #e5e5e5;
	font-family: 'BSRegular', 'Courier New';
    display: block;
    font-size: 14px;
    font-weight: normal;
	color:#000000;
    padding: 1px;
    width: 90px;
    float: left;
    margin-right: 5px;
}
.src_image {
    margin: 2px 0 0 0;
}
.default_search{
    color: #cccccc;
}
.imgmask img{
    width: 100%; 
}
#filter{
    display: block;
}
#searchform{
    display: block;
}
.togglebox{
    display: block;
}
.maxwidth{
    width: 400px;
    max-width: 400px;
}
@media(max-width:560px){
    .box {
        width: 95%;
        width: calc(100% - 40px);
        height: 59vw;
        margin: 20px 20px 0 20px;
    }
    .shortinfo, .imgmask {
        width: 100%;
        height: 59vw;
    }
    #filter{
        display: none;
    }
    #navigation {
        height: 200px;
    }
    #navigation li {
        height: auto;
    }
    #navigation li a {
        font-size: 23px;
    }
    #searchform {
        display: none;
    }
    #content_container{
        width: 100%;
    }
    #content{
        margin: 20px 20px 0 32px;
    }
    .images, .videos {
        display: block;
        width: 100%;
        position: relative;
        margin-top: 20px;
    }
    .togglebox{
        display: none;
    }
    .detail_container{
        width: auto;
        margin: 20px 20px 0 32px;
    }
    .detail_container h3{
        padding-left: 30px;
        background: url('/_files/img/toggle_c.png') no-repeat top left;
    }
    .detail_container h3.open{
        background: url('/_files/img/toggle_o.png') no-repeat top left;
    }
    .detail_container h3.notoggle{
        background: none;
        padding-left: 0;
    }
    .detail_container.maxwidth{
        width: 95%;
        width: calc(100% - 50px);
        max-width: 400px;
    }
}