/*****************
BASICS
*****************/

body {
    background: #ffffff;
    color: #444444;
    font-size: 15px;
    font-family: "Century Gothic", AppleGothic, Arial, Helvetica, sans-serif;
}

a, a:focus {
    outline: none;
    outline-style: none;
}

#headerprint {
    display: none;
}

/*****************
LAYOUT
*****************/
#page {
    width: 978px;
    margin: 0 auto;
    overflow: hidden;
}

#pageheader {
    overflow: hidden;
    height: 340px;
    position: relative;

}

#sprachwahl {
    position: absolute;
    top: 15px;
    right: 0;
}

#sprachwahl a {
    font-size: 12px;
    color: black;
    text-decoration: none;
}

#sprachwahl a.aktiv {
    font-weight: bold;
}

#sprachwahl a:hover {
    text-decoration: underline;
}


#pageheader .image {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 250px;
    left: 0;
    top: 50px;
    background: white url(/files/_headerbilder/default.jpg) no-repeat center center;
}
    

#pageheader .overlay {
    position: absolute;
    height: 340px;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent url(../images/bg-header.png) no-repeat center top;
}

#pageheader .innerheader {
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 100%;
}

#pageheader .logo {
    display: block;
    position: absolute;
    /*background: transparent url(../images/logo-omnipack.png) no-repeat;*/
    width: 320px;
    height: 76px;
    top: 14px;
    left: 0;
}

.subpage #pageheader {
    height: 290px;
}

.subpage #pageheader .image {
    height: 200px;
}

.subpage #pageheader .overlay {
    height: 290px;
    background: transparent url(../images/bg-header-small.png) no-repeat center top;
}

.subpage.cat1 #pageheader .overlay {
    background: transparent url(../images/bg-header-small.png) no-repeat center top;
}

.subpage.cat2 #pageheader .overlay {
    background: transparent url(../images/bg-header-small.png) no-repeat center top;
}

.subpage.cat3 #pageheader .overlay {
    background: transparent url(../images/bg-header-small.png) no-repeat center top;
}

#pagebody {
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
}

#pagefooter {
    width: 100%;
    min-height: 20px;
    background: #0051BA url(../images/bg-footer.png) no-repeat center top;
    font-family: "Century Gothic",AppleGothic,Arial,Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
}

#pagefooter .innerfooter{
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    color: white;
    padding: 10px 0;
    font-size: 14px;
    position: relative;
}

#pagefooter a {
    color: white;
    text-decoration: none;
}

#pagefooter a:hover {
    text-decoration: underline;
}



.startpage .logosalzmann {
	display: none;
}

.startpage #content {
	width: 100%;
}

.startpage #column {
	display: none;
}

.logosalzmann {
    background:  url("../images/logo-salzmann-group.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 100px;
    margin: 37px auto 0;
    width: 150px;
}

/*.logosalzmann:hover {
    background-position: -160px 0;
}*/

/*****************
MENU
*****************/

ul.menu {
    list-style-type: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.menu a {
    text-decoration: none;
}

#headermenu {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 40px;
    top: 300px;
    font-family: "Century Gothic",AppleGothic,Arial,Helvetica,sans-serif;
}

.subpage #headermenu {
    top: 250px;    
}

#headermenu ul {
    overflow: hidden;
    height: 40px;
}

#headermenu ul li {
    float: left;
    margin-right: 30px;
}

#headermenu ul li a {
    color: white;
    font-size: 16px;
    /*font-weight: bold;*/
    height: 40px;
    line-height: 40px;
}

#headermenu ul li a div {
    float: left;
}

#headermenu ul li a .tableft,
#headermenu ul li a .tabright {
    width: 8px;
    height: 40px;
}

#headermenu ul li a:hover .tableft,
#headermenu ul li a.active .tableft {
    background: transparent url(../images/menu-hover.png) no-repeat;
}

#headermenu ul li a:hover .tabright,
#headermenu ul li a.active .tabright {
    background: transparent url(../images/menu-hover.png) no-repeat -292px;
}

#headermenu ul li a:hover .tabtitle,
#headermenu ul li a.active .tabtitle {
    background: transparent url(../images/menu-hover.png) no-repeat center; 
}

#productmenu  {
    position: absolute;
    right: 9px;
    top: 62px;
}

a.productbtn {
    display: block;
    width: 280px;
    height: 52px;
    line-height: 52px;
    background: transparent url(../images/btn-products.png) no-repeat;
    margin-bottom: 10px;
    text-decoration: none;
    color: white;
    font-size: 22px;
    text-align: center;
}

.productbtn.orange {
    background-position: 0 0;
}

.productbtn.yellow {
    background-position: 0 -62px;
}

.productbtn.green {
    background-position: 0 -124px;
}

.productbtn.orange.gray {
    background-position: -580px 0;
}

.productbtn.yellow.gray {
    background-position: -580px -62px;
}

.productbtn.green.gray {
    background-position: -580px -124px;
}

.productbtn.orange:hover {
    background-position: -290px 0;
}

.productbtn.yellow:hover {
    background-position: -290px -62px;
}

.productbtn.green:hover {
    background-position: -290px -124px;
}

#headersubmenu {
    margin-top: 37px;
}

#headersubmenu .bordertop {
    height: 10px;
    background: transparent url(../images/bg-submenu-top.png) no-repeat;
}

#headersubmenu .borderbottom {
    height: 10px;
    background: transparent url(../images/bg-submenu-bottom.png) no-repeat;
    margin-bottom: 10px;
}

#headersubmenu ul {
    display: block;
    overflow: hidden;
    background: transparent url(../images/bg-submenu-center.png) repeat-y;
}

#headersubmenu li {
    margin: 2px 0;
}

#headersubmenu a {
    display: block;
    color: white;
    font-size: 15px;
/*    font-weight: bold;*/
    line-height: 19px;
    margin: 0 10px;
    position: relative;
}

#headersubmenu a .left {
    position: absolute;
    overflow: hidden;
    width: 8px;
    height: 100%;
    top: 0;
    left: 0;
}

#headersubmenu a .right {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 8px;
    height: 100%;
}

#headersubmenu a .text {
    overflow: hidden;
    margin: 0 8px;
    padding: 4px 0;
    color: black;
    font-size: 13px;
}

#headersubmenu a:hover .left,
#headersubmenu a.active .left {
    background: transparent url(../images/submenu-hover.png) no-repeat;
}

#headersubmenu a:hover .text,
#headersubmenu a.active .text {
    background: transparent url(../images/submenu-hover.png) repeat-x center center;
}

#headersubmenu a:hover .right,
#headersubmenu a.active .right {
    background: transparent url(../images/submenu-hover.png) no-repeat right bottom;
}

#headersubmenu .catmenu .level3 {
    font-size: 13px;
    color: black;
    line-height: 24px;
    margin: 0;
}

#headersubmenu .level3 a.active,
#headersubmenu .level3 a:hover {
    font-weight: bold;
}

#headersubmenu .level4 a {
    font-size: 13px;
    line-height: 24px;
    margin: 0 0 0 40px;
}

#headersubmenu .level4 a.active,
#headersubmenu .level4 a:hover {
    font-weight: bold;
}

#headersubmenu .catmenu.cat1 a,
#headersubmenu .catmenu.cat2 a,
#headersubmenu .catmenu.cat3 a {
    color: #333333;
}

#headersubmenu .catmenu.cat1 .level2,
#headersubmenu .catmenu.cat2 .level2,
#headersubmenu .catmenu.cat3 .level2 {
    margin: 0;
}

#headersubmenu .catmenu.cat1 .level2 a,
#headersubmenu .catmenu.cat2 .level2 a,
#headersubmenu .catmenu.cat3 .level2 a {
    font-size: 16px;
    line-height: normal;
}

#headersubmenu .catmenu .level3 a {
    font-size: 14px;
    line-height: 26px;
    margin-left: 18px;
    margin-right: 10px;
}

#headersubmenu .catmenu.cat1 .bordertop,
#headersubmenu .catmenu.cat2 .bordertop,
#headersubmenu .catmenu.cat3 .bordertop {
    background: url("../images/bg-submenu-top-o.png");
}

#headersubmenu .catmenu.cat1 .borderbottom,
#headersubmenu .catmenu.cat2 .borderbottom,
#headersubmenu .catmenu.cat3 .borderbottom {
    background: url("../images/bg-submenu-bottom-o.png");
}

#headersubmenu .catmenu.cat1 .menu,
#headersubmenu .catmenu.cat2 .menu,
#headersubmenu .catmenu.cat3 .menu {
    background: none;
}

#headersubmenu .cat1 {
    background: url('../images/bg-submenu-center-garne.png') no-repeat center center;
}

#headersubmenu .cat2 {
    background: url('../images/bg-submenu-center-kompressionsstruempfe.png') no-repeat center center;
}

#headersubmenu .cat3 {
    background: url('../images/bg-submenu-center-messgeraete.png') no-repeat center center;
}

#headersubmenu .catmenu a:hover,
#headersubmenu .catmenu a.active {
    color: white;
    font-weight: normal;
}

/*#headersubmenu .catmenu .level2 a:hover,
#headersubmenu .catmenu .level2 a.active {
    color: #333333;
}

#headersubmenu .catmenu .level2 a:hover div,
#headersubmenu .catmenu .level2 a.active div {
    background: none;
}
*/

#headersubmenu .cat1 a:hover .left,
#headersubmenu .cat1 a.active .left {
    background: url("../images/bg-submenu-garne-hover.png") no-repeat scroll left top transparent;
}

#headersubmenu .cat1 a:hover .right,
#headersubmenu .cat1 a.active .right {
    background: url("../images/bg-submenu-garne-hover.png") no-repeat scroll right bottom transparent;
}

#headersubmenu .cat1 a:hover .text,
#headersubmenu .cat1 a.active .text {
    background: url("../images/bg-submenu-garne-hover.png") no-repeat scroll center center transparent;
}

#headersubmenu .cat2 a:hover .left,
#headersubmenu .cat2 a.active .left {
    background: url("../images/bg-submenu-kompressionsstruempfe-hover.png") no-repeat scroll left top transparent;
}

#headersubmenu .cat2 a:hover .right,
#headersubmenu .cat2 a.active .right {
    background: url("../images/bg-submenu-kompressionsstruempfe-hover.png") no-repeat scroll right bottom transparent;
}

#headersubmenu .cat2 a:hover .text,
#headersubmenu .cat2 a.active .text {
    background: url("../images/bg-submenu-kompressionsstruempfe-hover.png") no-repeat scroll center center transparent;
}

#headersubmenu .cat3 a:hover .left,
#headersubmenu .cat3 a.active .left {
    background: url("../images/bg-submenu-messgeraete-hover.png") no-repeat scroll left top transparent;
}

#headersubmenu .cat3 a:hover .right,
#headersubmenu .cat3 a.active .right {
    background: url("../images/bg-submenu-messgeraete-hover.png") no-repeat scroll right bottom transparent;
}

#headersubmenu .cat3 a:hover .text,
#headersubmenu .cat3 a.active .text {
    background: url("../images/bg-submenu-messgeraete-hover.png") no-repeat scroll center center transparent;
}

#footermenu {
    font-size: 11px;
    position: absolute;
    bottom: 12px;
    right: 30px;
}

#footermenu a {
    text-decoration: none;
}

#footermenu a:hover {
    text-decoration: underline;
}

/*****************
CATBOXES
*****************/

.catboxes {
    overflow: hidden;
    margin-bottom: 15px;
}

.catbox {
    display: block;
    width: 210px;
    height: 280px;
    float: left;
    margin-right: 20px;
    padding: 0 5px;
    margin-top: 20px;
}

.catbox.orange {
    background: url(../images/catbox/catbox-garne.png) no-repeat;
}

.catbox.yellow {
    background: url(../images/catbox/catbox-kompressionsstruempfe.png) no-repeat;
}

.catbox.green {
    background: url(../images/catbox/catbox-messgeraete.png) no-repeat;
}

.catbox.blue {
    background: url(../images/catbox/catbox-blue.png) no-repeat;
}

a.catbox.blue {
    color: white!important;
}

a.catbox.orange:hover {
    background: url(../images/catbox/catbox-garne-hover.png) no-repeat;
}

a.catbox.yellow:hover {
    background: url(../images/catbox/catbox-kompressionsstruempfe-hover.png) no-repeat;
}

a.catbox.green:hover {
    background: url(../images/catbox/catbox-messgeraete-hover.png) no-repeat;
}

a.catbox.blue:hover {
    background: url(../images/catbox/catbox-blue-hover.png) no-repeat;
}

.catbox .title {
    height: 65px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 210px;
    font-weight: bold;
}

a.catbox {
    text-decoration: none!important;
    color: #333333!important;
    font-size: 18px;
    
}

.catbox .imagecontainer {
    height: 210px;
    width: 210px;
    position: relative;
    overflow: hidden;
}

.catbox .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 210px;
    height: 210px;
}

.catbox.orange .overlay {
    background: url(../images/catbox/overlay-garne.png) no-repeat;
}

.catbox.yellow .overlay {
    background: url(../images/catbox/overlay-kompressionsstruempfe.png) no-repeat;
}

.catbox.green .overlay {
    background: url(../images/catbox/overlay-messgeraete.png) no-repeat;
}

.catbox.blue .overlay {
    background: url(../images/catbox/overlay-blue.png) no-repeat;
}

a.catbox.orange:hover .overlay {
    background: url(../images/catbox/overlay-garne-hover.png) no-repeat;
}

a.catbox.yellow:hover .overlay {
    background: url(../images/catbox/overlay-kompressionsstruempfe-hover.png) no-repeat;
}

a.catbox.green:hover .overlay {
    background: url(../images/catbox/overlay-messgeraete-hover.png) no-repeat;
}

a.catbox.blue:hover .overlay {
    background: url(../images/catbox/overlay-blue-hover.png) no-repeat;
}


.catbox .imagelist {
    width: 210px;
    height: 210px;
    position: absolute;
    top: 0;
    left: 0;
    background: white;
}

.catbox .imagelist img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

/*****************
CONTENT
*****************/

#content {
    min-height: 300px;
    float: left;
    width: 700px;
    overflow: hidden;
    margin-bottom: 100px;
    line-height: 160%;
}

#column {
    float: right;
    width: 220px;
    min-height: 200px;
    margin-bottom: 90px;
}

.subpage #content {
    float: right;
}

.subpage #column {
    float: left;
}

#content a{
    color: #0051BA;
    text-decoration: underline;
}
#content a:hover{
    text-decoration: none;
}
h1 {
    font-weight: normal;
    font-size: 25px;
    color: #333333;
    margin: 34px 0 20px 0;
    line-height: 140%;
    font-family: "Century Gothic",AppleGothic,Arial,Helvetica,sans-serif;
}

h2 {
    font-weight: normal;
    font-size: 22px;
}

.newslist {
    margin: 0 0 20px 0;
    overflow: hidden;
    clear: both;
}

.newslist h2 {
    margin-top: 15px;
}


.newslist h3 {
    font-size: 15px; 
    font-weight: bold;    
    margin-bottom: 0px;
}

.newslist p {
    margin: 5px 0;
    font-size: 13px;
}

.newslist hr {
    border: none;
    height: 1px;
    background: #0051BA;
    margin: 15px 0 0 0;
}

a.swix {
    position: absolute;
    right: 220px;
    bottom: 12px;
    display: block;
    padding: 0;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #97C646!important;
}

a.swix:hover {
    text-decoration: none!important;
    color: white!important;
}

/******************
* CATLISTBOX
******************/

a.catlistbox {
    display: block;
    width: 690px;
    height: 140px;
    overflow:hidden;
    margin-bottom: 10px;
    background: url(../images/catlistbox.png) no-repeat top left;
    color: #333333;
    padding: 5px;
    position: relative;
}

a.catlistbox.orange {
    background: url(../images/catlistbox-garne.png) no-repeat top left;
    color: #333333;
}

a.catlistbox.yellow {
    background: url(../images/catlistbox-kompressionsstruempfe.png) no-repeat top left;
    color: #333333;
}

a.catlistbox.green {
    background: url(../images/catlistbox-messgeraete.png) no-repeat top left;
    color: #333333;
}

a.catlistbox:hover {
    background-position: 0 -160px;
}

a.catlistbox .image {
    display: block;
    width: 140px;
    height: 140px;
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 5px;
}

a.catlistbox .image img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

a.catlistbox .image .overlay {
    position: absolute;
    width: 140px;
    height: 140px;
    background: url(../images/catlistbox-overlay.png) no-repeat top left;    
}

a.catlistbox.orange .image .overlay {
    background: url(../images/catlistbox-overlay-garne.png) no-repeat top left;    
}

a.catlistbox.yellow .image .overlay {
    background: url(../images/catlistbox-overlay-kompressionsstruempfe.png) no-repeat top left;    
}

a.catlistbox.green .image .overlay {
    background: url(../images/catlistbox-overlay-messgeraete.png) no-repeat top left;    
}

a.catlistbox:hover .image .overlay {
    background: url(../images/catlistbox-overlay-h.png) no-repeat top left;
}

a.catlistbox.orange:hover .image .overlay {
    background: url(../images/catlistbox-overlay-garne-hover.png) no-repeat top left;
}

a.catlistbox.yellow:hover .image .overlay {
    background: url(../images/catlistbox-overlay-kompressionsstruempfe-hover.png) no-repeat top left;
}

a.catlistbox.green:hover .image .overlay {
    background: url(../images/catlistbox-overlay-messgeraete-hover.png) no-repeat top left;
}


a.catlistbox .text {
    position: absolute;
    top: 5px;
    left: 150px;
    width: 505px;
    height: 124px;
    color: #333333;
    padding: 8px 20px;
    overflow: hidden;
    font-size: 15px;
}

a.catlistbox .text h2 {
    margin: 0 0 3px 0;
    
}

a.catlistbox:hover h2 {
    text-decoration: underline;
}

a.catlistbox .text p {
    margin: 0 0 0 0;
    line-height: normal;
    color: #444444;
}

a.catlistbox.orange .text {
    color: #333333;
}

a.catlistbox.yellow .text {
    color: #333333;
}

a.catlistbox.green .text {
    color: #333333;
}

/******************
* FOTOPLAYER
******************/

.fotoplayer {
    position: relative;
    width: 700px;
    height: 370px;
    overflow:hidden;
    margin-top: 30px;
    margin-bottom: 50px;
}

.fotoplayer .overlay {
    position: absolute;
    width: 700px;
    height: 371px;
    overflow: hidden;
    background: url(../images/fotoplayer-overlay.png) no-repeat top left;
}

.fotoplayer .fotolist {
    width: 690px;
    height: 360px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.fotoplayer .fotolist img {
    position: absolute;
    top: 0;
    left: 0;
}

.fotoplayer .textlist {
    position: absolute;
    bottom: 0;
    left: 5px;
    width: 690px;
    color: white;    
    font-weight: normal;
    overflow: hidden;
    height: 100px;
}

.fotoplayer .textlist .text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 20px;
    background: transparent url('../images/fotoplayer-text-bg.png');
    width: 690px;
    overflow: hidden;
}

.fotoplayer .textlist .text h3 {
    font-weight: normal;
    margin: 5px 0 0 0;
}

.fotoplayer .textlist .text p {
    margin: 0 0 7px 0;
}

.fotoplayer .controls {
    position: absolute;
    top: 6px;
    left: 5px;
    width: 690px;
    height: 360px;
}

.fotoplayer .last {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 360px;
    width: 50%;
    background: url(../images/fotoplayer-last.png) no-repeat center left;
}

.fotoplayer:hover a.last:hover {
    background: url(../images/fotoplayer-last-hover.png) no-repeat center left;
}

.fotoplayer .next {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 360px;
    width: 50%;
    background: url(../images/fotoplayer-next.png) no-repeat center right;
}

.fotoplayer a.next:hover {
    background: url(../images/fotoplayer-next-hover.png) no-repeat center right;
}

table p {
    margin-top: 0;
}

table.filelist .icon {
    width: 25px!important;
}

table.filelist .link {
    width: 350px!important;
}

table.filelist .text {
    display: none;
}

.filesize {
    display: none!important;
}