*{margin:0; padding:0;}
body,
input,select,textarea,button{font-family:verdana; font-size:11px;}

a img{border:none;}

#visual{position:fixed; left:0; top:0; width:373px; height:100%; background:#dfe1ec;}
    #visualImg{position:fixed; bottom:0; width:373px; height:747px; background:url(../img/visual.jpg);}
    #logo{position:fixed; top:156px; width:373px; height:124px; background:url(../img/logo.jpg);}
    #logo span{display:none;}
    
#main{position:absolute; left:347px; right:0px; top:0; min-width:933px; min-height:100%; padding-left:26px; background:url(../img/content_shadow.png) repeat-y;}
    #search{display:none;} /* not available atm */
    #search{osition:absolute; left:50px; top:10px;}
    #search input.text{float:left; width:144px; height:21px; font-size:10px; color:#979fa7;}
    #search .submit{float:left; border:none; margin:5px 0 0 5px; width:12px; height:13px; background:url(../img/search_arrow.png) no-repeat; cursor:pointer;}
    #search .submit:hover{background-position:-12px 0;}
    
    #address{position:absolute; left:319px; top:7px; font-size:10px; color:#979fa7;}
    
    #language{position:absolute; right:55px; top:7px; font-size:10px; color:#979fa7;}
    #language p{float:left; padding:0 5px;}
    #language a{color:#979fa7;}
    #language a:hover{color:black;}
    
    #building{position:absolute; z-index:-1; right:0; top:51px; width:320px; height:105px; background:url(../img/building.jpg);}
    #navbar{position:absolute; left:26px; right:0; top:156px; min-height:124px; background:#ecedef;}
    #navbar ul{float:left; width:256px; padding-top:7px; padding-bottom:7px; list-style:none;}
    #navbar ul a{font-size:14px; line-height:14px; text-transform:uppercase; text-decoration:none; color:#959ea7;}
    #navbar ul a.active,
    #navbar ul a:hover{color:black;}
        #mainnav{padding-left:24px; border-right:4px solid white;}
        #subnav{padding-left:10px;}

    #content{float:left; margin-top:280px; width:854px;}
        h1,
        h2{float:left; padding-left:293px; text-transform:uppercase;}
        h1{width:640px; margin-bottom:30px; padding-top:31px; font-size:31px;}
        h2{clear:left; margin-top:-37px; font-size:15px;}
        #content>.contact{float:left; padding-left:293px; clear:left; margin-top:-30px; font-size:15px;}
        #content>.contact>a{color:black;}

        .loupe{position:absolute; right:0; bottom:0; width:21px; height:21px; background:url(../img/loupe.png);}
        a:hover .loupe{background-position:-21px 0;}
        
        .section{float:left; width:100%; padding-bottom:20px;}
        .section .col{float:left;}
        .section .colLeft{margin-right:4px; width:280px;}
        
        .section .colLeft .box{float:left; margin-bottom:4px; width:246px; padding:8px 10px 10px 24px; color:white; background:#272425;}
        .section .colLeft .box p{float:left; width:100%; padding-bottom:10px;}
        .section .colLeft .box h3{font-size:15px; text-transform:uppercase;}
        .section .colLeft .box .link{float:left; width:100%; margin-bottom:-10px;}
        .section .colLeft .box .link a{float:right; margin:4px -10px 0 0; padding:0 1px 0 1px; text-decoration:none; color:black; background:white;}
        .section .colLeft .box .link a:hover{background:#959fa7;}
        .section .colLeft .box a:hover img{opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
        
        .section .colLeft .image{float:right; width:256px;}
        .section .colLeft .image a{float:left; position:relative;}
        .section .colLeft .image  img{float:left;}        
        .section .colLeft .image p{float:left; padding-top:7px;}
        
        .section .colRight{float:right; width:570px; line-height:15px;}

        .section .colRight .slides{float:left; width:100%; padding-bottom:18px;}
        .section .colRight .slides .pane{position:relative; float:left; width:100%; height:345px; background:#272425;}
        .section .colRight .slides .pane.simple{height:320px;}
        .section .colRight .slides .pane .image{display:none; width:570px; height:320px; vertical-align:middle; line-height:0; text-align:center;}
        .section .colRight .slides .pane .image:first-child{display:table-cell;}
        .section .colRight .slides .pane .image .container{display:inline-block; position:relative;}
        .section .colRight .slides .pane .image .container img{float:left;}
        .section .colRight .slides .pane .arrow{display:none; position:absolute; width:52px; height:58px; background:url(../img/arrows.png);}
        .section .colRight .slides .pane .arrPrev{top:155px; left:-10px;}
        .section .colRight .slides .pane .arrNext{top:155px; right:-10px; background-position:-52px 0;}        
        .section .colRight .slides .pane .image p{position:absolute; left:0; bottom:0; width:100%; height:25px; line-height:20px; text-align:center; color:white;}
        
        .section .colRight .slides .slider{float:left; width:100%; height:58px; margin-top:10px;}
        .section .colRight .slides .slider .scroll{float:left; width:62px; height:100%; background:url(../img/slides_arrows.png);}
        .section .colRight .slides .slider .scrLeft{}
        .section .colRight .slides .slider .scrLeft:hover{background-position:0 -58px;}
        .section .colRight .slides .slider .scrRight{background-position:-62px 0;}
        .section .colRight .slides .slider .scrRight:hover{background-position:-62px -58px;}
        
        .section .colRight .slides .slider .mask{position:relative; float:left; width:446px; height:100%; overflow:hidden;}
        .section .colRight .slides .slider .mask .images{position:absolute; left:0; white-space:nowrap;}
        .section .colRight .slides .slider .mask .images a{display:inline-block;}
        .section .colRight .slides .slider .mask .images a img{float:left;}
        
        .section .colRight .tinymce a{color:black;}
        .section .colRight .tinymce a:hover{color:#959fa7;}
        .section .colRight .tinymce p{padding-bottom:10px;}
        .section .colRight .tinymce h3{margin-top:12px; font-size:11px;}
        .section .colRight .tinymce img.left{float:left; margin-right:5px;}
        .section .colRight .tinymce a:hover img{opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
        .section .colRight .tinymce ul{padding:0 0 10px 18px; list-style-image:url(../img/listitem.png);}
        .section .colRight .tinymce ol{padding:0 0 10px 18px;}
        .section .colRight .tinymce .link{}
        .section .colRight .tinymce .link a{float:right; margin:4px -10px 0 0; padding:0 1px 0 1px; text-decoration:none; color:white; background:black;}
        .section .colRight .tinymce .link a:hover{background:#959fa7;}

        /* basic form styling. only form atm is contact form, refs #3832 */
        .section .colRight .tinymce form{float:left; box-sizing:border-box; width:100%; padding:20px 10px 20px 10px; background:#ecedef;}
        .section .colRight .tinymce form fieldset{border:none;}
        .section .colRight .tinymce form .field{float:left; margin-bottom:10px; width:100%;}
        .section .colRight .tinymce form .field label.left{float:left; width:130px;}
        .section .colRight .tinymce form .field input.text{box-sizing:border-box; width:400px;}
        .section .colRight .tinymce form .field textarea{box-sizing:border-box; width:400px;}
        .section .colRight .tinymce form .requiredInfo{float:right; width:400px;}
        .section .colRight .tinymce form button[type="submit"]{float:right; position:relative; left:10px; border:none; padding:2px 2px 3px 2px; line-height:11px; color:white; background:black; cursor:pointer;}
        .section .colRight .tinymce form button[type="submit"]::-moz-focus-inner{border:0; padding:0;}
        .section .colRight .tinymce form button[type="submit"]:hover{background-color:#959FA7;}
        .section .colRight .tinymce form .message{font-weight:bold;}

        .secStandard  .tinymce{float:left; width:550px; padding:0 10px;}
        
        .secSearch ul{padding:0 10px; list-style:none;}
        .secSearch li{padding-bottom:15px;}
        .secSearch a{text-decoration:none; color:black;}
        .secSearch a:hover *{color:#989EA5;}        
        .secSearch h3{font-size:11px;}
        .secSearch .highlight{background:#969da5;}
        .secSearch a:hover .highlight{color:white; background:black;} 
        
        .secArchive .years{float:left; margin-bottom:20px; width:100%; background:#eff0f2; list-style:none;}
        .secArchive .years li{float:left; padding:10px;}
        .secArchive .years li a{font-size:14px; text-decoration:none; color:#a9aeb4;}
        .secArchive .years li a:hover{color:black;}
        
        .secArchive .year{float:left; width:100%;}
        .secArchive h3{margin:8px 0 -24px -42px; font-size:14px;}
        .secArchive .year .item{float:left; margin-bottom:10px; width:100%; padding-bottom:10px; background:#eff0f2;}
        .secArchive .year .item h4{float:left; width:550px; padding:8px 10px; font-size:14px; text-transform:uppercase;}
        .secArchive .year .item h4 a{text-decoration:none; color:black;}
        .secArchive .year .item .image{float:left;}
        .secArchive .year .item .tinymce{float:right; width:264px; padding:0 10px 0 13px;}
        .secArchive .top{position:relative; left:-35px; float:left; margin-top:-21px; width:13px; height:12px; background:url(../img/top.png) 0 -12px;}
        .secArchive .top:hover{background-position:0 0;}
        
        
        #footer{float:left; width:100%; padding:50px 0 20px 0;}
            #wunderweiss{float:right; margin-top:30px; color:#989ea5;}
            #wunderweiss a{font-size:10px; color:#989ea5;}
            #wunderweiss a:hover{color:black;}
            
/* fancybox tweaking */
#fancybox-close{right:-10px; top:-10px; width:21px; height:21px; background:url(../img/close.png);}            
#fancybox-left-ico{width:52px; height:58px; background:url(../img/arrows.png);}
#fancybox-left:hover span{left:-10px;}
#fancybox-right-ico{width:52px; height:58px; background:url(../img/arrows.png) -52px 0;}
#fancybox-right:hover span{right:-10px;}
#fancybox-outer{background:#272425;}
#fancybox-title{background:#272425;}
#fancybox-title-inside{padding-top:7px; font-family:verdana; font-size:11px; color:white;}
#fancybox-overlay{background:white !important;}

/* cms login */
.form{float:left; clear:left; margin-left:294px;}