/**************************
General
**************************/

body{
    background-color: #ffffff;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 13px;
    line-height:18px;
    color: #000000;
    overflow-y:scroll;
    overflow-x:hidden;
}
a,
a:link,
a:active,
a:visited{
    color: #717171;
    text-decoration: none;
    outline:none;
}
a:hover{
    color: #333333;
    text-decoration: underline;
}
a.journey{
    position:absolute;
    right:-54px;
    bottom:-20px;
    z-index:100;
}
form{
    display:inline-block;
}
#footercontent{
    color: #717171;
    font-size: 12px;
}
#page{
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
}
.stage{
    width: 990px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

.logo{
    margin:20px 0 20px 0;
}

.clearing{
    clear:both;
    overflow:hidden;
}
/**************************
Header
**************************/
#topline{
    height: 68px;
    width: 2px;
    background-color: #ffffff;
    overflow: hidden;
    position: absolute;
    top: -68px;
    left: 53px;
}
#header{
    height: 120px;
    border-top: 68px solid #009545;
    border-bottom: 3px solid #009545;
}

/**************************
Cookie-Leiste
**************************/
#cookie-bar{
    position: fixed;
    bottom: 0;
    background-color: #000;
    color: #fff;
    z-index:99999;
    overflow:hidden;
    width:100%;
}
.cookie-wrapper{
    width: 80%;
    margin: 0 auto;
    overflow:hidden;
}
#cookie-bar p{
    display:block;
    padding:20px 0;
}
p.left{
    float:left;
    display:block;
    width:80%;
    font-size:15px;
}
p.left a{
    text-decoration:underline;
}
p.right{
    display:block;
    float:left;
    width:20%;
    padding:0;
}

p.right a.close{
    background-color:#f1d600;
    line-height:1;
    font-size:20px;
    color:#000;
    padding:10px;
    display:block;
    text-align: center;
    opacity:1;
    text-shadow: 0 0 0 #fff;
    font-weight:300;
}
p.right a:hover{
    cursor:pointer;
    text-decoration: none;
}

/**************************
Footer
**************************/
#footline{
    height: 1px;
    overflow: hidden;
    background-color: #2b2b2b;
    margin-top: 30px;
    margin-bottom: 30px;
}
#footercontent{
    height: 67px;
    background-color: #e2e2e3;
    padding-top: 20px;
    position: relative;

}
#footerline{
    height: 87px;
    width: 2px;
    background-color: #ffffff;
    overflow: hidden;
    position: absolute;
    top: -20px;
    left: 53px;
}
#footercontent img{
    margin-right: 57px;
    vertical-align: bottom;
}
/**************************
Index
**************************/
#index-wrapper{
    position: relative;
    min-height: 260px;
    height:58vh;
    z-index: 1;
}
#contentline{
    height:58vh;
    width: 2px;
    background-color: #ffffff;
    overflow: hidden;
    margin-left: 53px;
    position: absolute;
    z-index: 5;
}
.index-slide{
    min-height: 260px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    height:58vh;
    overflow: hidden;
    width: 100%;
    position: absolute;
    display: none;
    z-index: 2;
}
.index-slide img{
    display: none;
}

.raffer{
    position:relative;
    top:-100px;
}


/**************************
Keyvisual Overlay
**************************/
#shoutbox{
    position: absolute;
    width: 990px;
    height: 319px;
    background-color: #333333;
    opacity: 0.9;
    margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
    clear: left;
    z-index: 3;
}
#shoutbox #shoutbox-icons{
    width: 53px;
    float: left;
}
#shoutbox #shoutbox-icons ul, #shoutbox #shoutbox-icons li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#shoutbox #shoutbox-icons li{
    height: 80px;
    width: 53px;
    cursor: pointer;
}
#shoutbox #shoutbox-text{
    margin-left: 53px;
    overflow: hidden;

}
#shoutbox #shoutbox-text span a,
#shoutbox #shoutbox-text span a:link,
#shoutbox #shoutbox-text span a:active,
#shoutbox #shoutbox-text span a:visited,
#shoutbox #shoutbox-text span a:hover{
    display: none;
    position: absolute;
    top: 0; left: 53px; bottom: 0; right: 0;
    text-decoration: none;
    color: #ffffff;
    font-family:'Times New Roman',Times,serif;
    font-size: 100px;
    line-height: 100px;
    padding: 50px;
    z-index: 4;
    text-align:center;
}
#shoutbox img#more{
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}
/**************************
Menu
**************************/
a.menu{
    float: right;
    margin-top: 72px;
}
#navigation{
    position: absolute;
    width: 960px;
    min-height: 240px;
    background-color:rgba(51,51,51,0.9);
    z-index: 7;
    padding-left: 30px;
    padding-top: 30px;
    border-bottom: 3px solid #009545;
    display: none;
}
#navigation .block{
    float: left;
    background-color: #009545;
    margin-right: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    visibility: visible;
    cursor: pointer;
}


#navigation .block-1-3{
    width: 250px;
}
#navigation .block-2-3{
    width: 570px;
}
#navigation .block h3{
    font-family:'Times New Roman',Times,serif;
    font-size: 24px;
    font-weight: normal;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
    margin-bottom: 4px;
    line-height:1.0;
}
#navigation .block p{
    font-size: 12px;
    font-style: italic;
    color: #ffffff;
    display: block;
    margin:10px 0 10px 0;
}
#navigation .row{
    position: relative;
    clear: left;
    margin: 0 0 30px 0;
    overflow: hidden;
}
#navigation .block ul,
#navigation .block li{
    margin: 0;
    padding: 0;
    list-style: none;
}
#navigation .block.block-2-3 li{
    float: left;
    min-width: 40%;
}
#navigation .block li a,
#navigation .block li a:active,
#navigation .block li a:visited,
#navigation .block li a:link{
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    line-height: 24px;
    display: block;
    padding:0 0 0 5px;
}
#navigation .block.menu-overlay li a,
#navigation .block.menu-overlay li a:active,
#navigation .block.menu-overlay li a:visited,
#navigation .block.menu-overlay li a:link{
    color: #333333;
}
#navigation .block.menu-overlay li a:hover{
    color: #f9b200;
    background-color: #333333;
}
#navigation #contact.block.menu-overlay li a:hover{
    width:135px;
}
#navigation .menu-overlay{
    background-color: #f9b200;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 110px;
    text-decoration:none;
    height:73px;
}
#navigation .block.menu-overlay h3{
    color: #333333;
    border-bottom: 0px none;
}
#navigation .block.menu-overlay p{
    display: none;
}
#navigation #roeper-products.menu-overlay{
    background-image: url('/img/menu/bg-1-3-product.jpg');
}
#navigation #roeper-casestudies.menu-overlay{
    background-image: url('/img/menu/bg-1-3-case.jpg');
}
#navigation #about.menu-overlay{
    background-image: url('/img/menu/bg-2-3-about.jpg');
}
#navigation #contact.menu-overlay{
    background-image: url('/img/menu/bg-2-3-contact.jpg');
}
#navigation #roeper-world.menu-overlay{
    background-image: url('/img/menu/bg-2-3-world.jpg');
}
/**************************
Page
**************************/
#page-wrapper{
    position: relative;
    height: 300px;
    z-index: 1;
    overflow:hidden;
}
#page-keyvisual{
    z-index: 1;
}
#page-wrapper #shoutbox{
    position: absolute;
    width: 990px;
    height:105px;
    background-color: #333333;
    opacity: 0.9;
    margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
    clear: left;
    z-index: 3;
}
#page-wrapper #shoutbox #shoutbox-text{
    position: absolute;
    top: 0; left: 106px; bottom: 0; right: 0;
    color: #ffffff;
    font-family:'Times New Roman',Times,serif;
    font-size: 60px;
    line-height:105px;
    z-index: 4;
}
#page-wrapper #contentline{
    background-color: #ffffff;
    height: 300px;
    overflow: hidden;
    position: absolute;
    top: -303px;
    width: 2px;
}
/**************************
Content
**************************/
h1{
    margin:0;
    padding:0;
    font-family:'Times New Roman',Times,serif;
    font-size: 60px;
    font-weight:normal;
    line-height:105px;
}
h2{
    margin:0;
    padding:0;
    font-family:'Times New Roman',Times,serif;
    font-size: 24px;
    font-weight:normal;
    line-height:26px;
    border:0px;
}
.content {
    margin:40px 0;
    font-size: 13px;
    font-weight:normal;
    line-height:18px;
}
.cols {
    overflow:hidden;
}
.col1, .col2{
    width:475px;
}
.col1{
    float:left;
}
.col2{
    float:right;
}
.content p {
    margin:0 0 18px 0;
}
.content ul, .content ul li {
    color:#01632e;
    margin:0;
}
.content ul {
    list-style:none;
    padding:0;
}
.content ul li {
    position:relative;
    padding:0 30px;
}
.content ul li:before {
    position:absolute;
    content:"»";
    left:15px;
}
.career ul li{
    padding-bottom:10px;
}
.content a,
.content a:active,
.content a:visited,
.content a:link{
    color: #01632e;
}
.content a:hover{
    color: #333;
    text-decoration:underline;
}
/**************************
Content - J
**************************/
.left{
    float:left
}

.right{
    float:right;
}

.logos {
    padding:0;
}

.logos img{
    float:left; 
    margin:0 15px 20px 0;}

.col2.adress h2{
    margin:0 0 5px 0;}

figure{
    display:block;
    width:280px;
    float:left;}

figcaption{
    font-style:italic;
    padding:10px 0 0 0;
    text-align:left;
    opacity:0.6;
    font-size:11px;
}
.zerti{overflow:hidden;}
/**************************
Accordion
**************************/

.panel-body .content img {margin:0 25px 0 0;}
.panel-body .content.zerti img {margin:0 15px 0 0;}
.panel-body .content img.panelzentriert {margin:0 0 0 80px;}
.panel-body .content p {
    display:block; 
    margin:0 0px 20px 455px;
}

.panel-body .content p.fullwidth{
    margin:0 0 20px 0;
}

.panel-body .content a.acc-link, a.acc-link{
    color:#2b2b2b; 
    background-color:#f9b200; 
    font-weight:bold;
    padding:5px 30px; 
    display:block;
    float:right;
    text-align:right;
    bottom:0px;
}	

.panel-body .content a.acc-link:hover, a.acc-link:hover{
    color:#2b2b2b;
    background-color:#fdd278; 
    text-decoration:none;
}	


/**************************
Roeper World
**************************/		

#world #main{
    overflow:hidden;
}

#container{
    position:relative;
    width:990px;
}


#world .world-block h3, #world .world-block h4{
    color:#00662f;
}

#world .world-block h3{
    display:block;	
    padding:10px 0 10px 0;
    margin:0 9px;
    border-top:1px solid #f9b200;	
    font-size: 18px;
    line-height:18px;
    font-family:'Times New Roman',Times,serif;
}

#world .world-block h4{
    margin:0;
    font-size: 13px;
    padding:0 9px 10px 9px;
}

#world #main .world-block p, #world .block h3, #world .block h4, #world span {
    margin:0 9px;
}

#world #main .world-block p{
    margin:0 0 10px 0;
    padding:0 10px;
}

#world #main .world-block {
    width:232px;
    padding:7px 0;
    border:1px solid #ededed; 
    overflow:hidden;
    position:absolute;
}

#world #main img.test {
    float:right; 
}

#world #main .world-block img.left{
    margin:0 20px 20px 0;
}

#world #main .world-block img.right{
    margin:0 0 20px 20px;
}

#world #main .world-block span{
    display:block;
    margin:0 9px 10px 9px;
    padding:5px;
    border-top:1px solid #f9b200;
    font-style:italic;
    line-height:20px;
    color:#01632e;
}

#world #main .world-block span.headline {
    border-top:0px;
    border-bottom:0px;
    color:#f9b200;
}	

#world #main .world-block span a:hover{
    text-decoration:none;
}

#world #main .world-block .modal-header span{
    border:0px;

}	

/**************************
Historie
**************************/	
#buehne{
    width:990px;
    height:600px;
    margin:20px 0 0 0;
    position: relative;
    background: url('/img/history/buehnen-bg.jpg') no-repeat;
}


.buehnenimg, .buehnentext{
    position:absolute;
}

.buehnenimg{
    -webkit-box-shadow: 0px 0px 11px 1px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 11px 1px rgba(255,255,255,1);
    box-shadow: 0px 0px 11px 1px rgba(255,255,255,1);
}

.buehnentext{
    background-image: url('/img/site/overlay.png');
    color:#fff;
    font-family:'Times New Roman',Times,serif;
    font-size:26px;
    line-height:26px;
    padding:40px 30px;
}

.buehnentext span{
    font-size:36px;
    line-height:36px;
    display:block;
}

#newspaper {
    position: relative;
    top:400px;
    height: 130px;
    overflow:hidden;
}

#newspaper > div.schlagzeilen{
    position:absolute;
    top:400px;
    left:195px;
    width:540px;
    height:130px; 
    padding:15px 30px;
    background-image: url('/img/history/bg-zeitung.jpg');
    z-index:3;
    text-align:center;
}

.schlagzeilen span{
    font-weight:bold;
    padding:0 5px 0 0;
}

.schlagzeilen span:after {
    content:" – ";
    font-weight:bold;
}

.schlagzeilen p{
    border-top:1px solid #000;
    padding:5px 0 0 0;
}

.schlagzeilen h2{
    font-size:34px;
    line-height:38px;
}	

#timeline{
    display:block;
    width:990px;
    height:131px;
    position:absolute;
    overflow:hidden;
    top:470px;
    background: url('/img/history/zeitleiste.png') no-repeat;
    z-index:2;	
}

#totop{
    color:#f9b200;
    position:absolute;
    bottom:90px;
    right:10px;
    width:32px;
    height:25px;
    background: url('/img/site/totop.png') no-repeat;
    z-index:9999;
}

#totop:hover{
    text-decoration:none;
    background: url('/img/site/totop.png') no-repeat -32px 0;
}

#hier{
    width:24px;
    height:24px;
    position:absolute;
    bottom:2px;
    left:483px;
    background-image: url('/img/history/hier.png');
}

#hier.active{
    background-position:0 -25px;
}


.displaynone {
    opacity:0;
}	

#bo1{
    top:100px;
    left:380px;
    max-width:280px;
}

#bo2{
    top:60px;
    left:60px;
    width:268px;
    height:367px;
}

#bo3{
    top:40px;
    left:660px;
    width:216px;
    height:325px;
}

#bo4{
    top:280px;
    left:380px;
    max-width:500px;
    z-index:2;
}

#bo5{
    top:30px;
    left:60px;
    width:335px;
    height:277px;
}

#bo6{
    top:60px;
    left:580px;
    width:250px;
    height:316px;
    z-index:2;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);	
}	

#bo7{
    top:280px;
    left:150px;
    max-width:900px;
    z-index:3;
}

#bo8{
    top:30px;
    left:40px;
    width:335px;
    height:277px;
}

#bo9{
    top:70px;
    left:550px;
    width:400px;
    height:300px;
    z-index:2;
}

#bo10{
    top:160px;
    left:240px;
    max-width:280px;
    z-index:3;
}

#bo11{
    top:30px;
    left:40px;
    width:600px;
    height:168px;
    opacity:0;
}

#bo12{
    top:70px;
    left:550px;
    width:366px;
    height:357px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);	
}

#bo13{
    top:30px;
    left:100px;
    max-width:280px;
    z-index:3;
}

#bo14{
    top:30px;
    left:40px;
    width:600px;
    height:168px;
    opacity:0.8;
}

#bo15{
    top:70px;
    left:550px;
    width:350px;
    height:444px;	
}	

#bo16{
    top:30px;
    left:100px;
    max-width:280px;
    z-index:3;
}

#bo17{
    top:130px;
    left:40px;
    width:300px;
    height:218px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    z-index:2;	
}

#bo18{
    top:70px;
    left:250px;
    width:444px;
    height:718px;	
}		

#bo19{
    top:20px;
    left:50px;
    max-width:900px;
    z-index:3;
}

#bo20{
    top:30px;
    left:40px;
    width:335px;
    height:277px;
}

#bo21{
    top:110px;
    left:190px;
    width:693px;
    height:341px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
}	

#bo22{
    top:160px;
    left:240px;
    max-width:280px;
}

#bo23{
    top:280px;
    left:20px;
    width:800px;
    height:84px;
    z-index:2;
}

#bo24{
    top:50px;
    left:450px;
    width:423px;
    height:520px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);	
}	

#bo25{
    top:30px;
    left:100px;
    max-width:280px;
    z-index:3;
}

#bo26{
    top:30px;
    left:40px;
    width:600px;
    height:168px;
    opacity:0.8;
}

#bo27{
    top:40px;
    left:550px;
    width:350px;
    height:444px;	
}	

#bo28{
    top:270px;
    left:50px;
    max-width:280px;
    z-index:3;
}

#bo29{
    top:50px;
    left:40px;
    width:600px;
    height:168px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);	
    z-index:2;
}

#bo30{
    top:60px;
    left:480px;
    width:450px;
    height:372px;	
}		

#bo31{
    top:120px;
    left:520px;
    max-width:280px;
    z-index:3;
}

#bo32{
    top:30px;
    left:40px;
    width:600px;
    height:168px;
    opacity:0.8;
}

#bo33{
    top:50px;
    left:40px;
    width:400px;
    height:466px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);		
}	

#bo34{
    top:30px;
    left:30px;
    max-width:280px;
    z-index:3;
}

#bo35{
    top:30px;
    left:40px;
    width:600px;
    height:168px;
    opacity:0.8;
}

#bo36{
    top:15px;
    left:480px;
    width:495px;
    height:496px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);		
}	

#bo37{
    top:270px;
    left:30px;
    max-width:480px;
    z-index:2;
}

#bo38{
    top:30px;
    left:340px;
    width:600px;
    height:402px;
}

#bo39{
    top:100px;
    left:180px;
    width:201px;
    height:235px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    z-index:3;	
}		

#bo40{
    top:30px;
    left:30px;
    max-width:680px;
}

#bo41{
    top:185px;
    left:60px;
    width:300px;
    height:201px;
}

#bo42{
    top:60px;
    left:780px;
    width:217px;
    height:148px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
}

#bo42a{
    top:100px;
    left:540px;
    width:350px;
    height:342px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
}	

#bo43{
    top:50px;
    left:260px;
    max-width:280px;
    z-index:2;
}

#bo44{
    top:185px;
    left:60px;
    width:250px;
    height:170px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);	
}

#bo45{
    top:60px;
    left:480px;
    width:450px;
    height:381px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
}

#bo46{
    top:220px;
    left:240px;
    max-width:680px;
}

#bo47{
    top:0px;
    left:0px;
    width:250px;
    height:170px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);	
}

#bo48{
    top:80px;
    left:500px;
    width:250px;
    height:170px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
}	

#bo52{
    top:30px;
    left:30px;
    max-width:480px;
    z-index:3;
}

#bo53{
    top:60px;
    left:360px;
    width:550px;
    height:366px;
}

#bo54{
    top:210px;
    left:50px;
    width:453px;
    height:85px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);		
}

#bo55{
    top:150px;
    left:630px;
    max-width:480px;

}

#bo56{
    top:120px;
    left:760px;
    width:140px;
    height:105px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);	
}

#bo57{
    top:20px;
    left:50px;
    width:450px;
    height:338px;		
}

#bo58{
    top:50px;
    left:20px;
    width:600px;
    height:396px;		
}	

#bo59{
    top:30px;
    left:580px;
    max-width:300px;
}

#bo60{
    top:40px;
    left:380px;
    max-width:300px;
}	

#bo61{
    top:30px;
    left:80px;
    width:250px;
    height:204px;
}	

#bo62{
    top:80px;
    left:80px;
    max-width:250px;
}

#bo62a{
    top:0;
    left:430px;
    width:450px;
    height:423px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);	
}

#bo62b{
    top:170px;
    left:625px;
    width:67px;
    height:67px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);	
}	

#bo62c{
    top:235px;
    left:625px;
    width:67px;
    height:67px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);	
}	

#bo62d{
    top:170px;
    left:560px;
    width:67px;
    height:67px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);	
}

#bo62e{
    top:230px;
    left:560px;
    width:67px;
    height:67px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);	
}	

#bo61a{
    top:280px;
    left:620px;
    width:250px;
    height:94px;
}		

#bo63{
    top:30px;
    left:580px;
    max-width:300px;
}	

#bo64{
    top:5px;
    left:40px;
    max-width:250px;
}	

#bo65{
    top:30px;
    left:390px;
    width:250px;
    height:369px;
}	

#bo66{
    top:30px;
    left:590px;
    width:250px;
    height:368px;
}

#bo67{
    top:150px;
    left:290px;
    width:600px;
    height:360px;
}	

#bo68{
    top:30px;
    left:590px;
    width:400px;
    height:268px;
}	

#bo69{
    top:30px;
    left:490px;
    width:400px;
    height:80px;
}		


#so1{
    background-position:0 -0px;
}

#so2{
    background-position:0 -260px;
}

#so3{
    background-position:0 -390px;
}
#so4{
    background-position:0 -520px;
}

#so5{
    background-position:0 -650px;
}

#so6{
    background-position:0 -780px;
}
#so7{
    background-position:0 -0px;
}

#so8{
    background-position:0 -260px;
}

#so9{
    background-position:0 -390px;
}
#so10{
    background-position:0 -520px;
}

#so11{
    background-position:0 -650px;
}

#so12{
    background-position:0 -780px;
}	
#so13{
    background-position:0 -0px;
}

#so14{
    background-position:0 -260px;
}

#so15{
    background-position:0 -390px;
}
#so16{
    background-position:0 -520px;
}

#so17{
    background-position:0 -650px;
}

#so18{
    background-position:0 -780px;
}	

#so19{
    background-position:0 -0px;
}

#so20{
    background-position:0 -260px;
}

#so21{
    background-position:0 -390px;
}

#so22{
    background-position:0 -520px;
}

#so23{
    background-position:0 -650px;
}

#so24{
    background-position:0 -780px;
}

#so25{
    background-position:0 -0px;
}

#so26{
    background-position:0 -260px;
}

#so27{
    background-position:0 -390px;
}

#so28{
    background-position:0 -520px;
}

#so29{
    background-position:0 -650px;
}

#so30{
    background-position:0 -780px;
}	

#so31{
    background-position:0 -0px;
}

#so32{
    background-position:0 -260px;
}

#so33{
    background-position:0 -390px;
}

#so34{
    background-position:0 -520px;
}

#so35{
    background-position:0 -650px;
}

#so36{
    background-position:0 -780px;
}

#so37{
    background-position:0 -0px;
}

#so38{
    background-position:0 -260px;
}

#so39{
    background-position:0 -390px;
}

#so40{
    background-position:0 -520px;
}

#so41{
    background-position:0 -650px;
}

#so42{
    background-position:0 -780px;
}

#so43{
    background-position:0 -0px;
}

#so44{
    background-position:0 -260px;
}

#so45{
    background-position:0 -390px;
}

#so46{
    background-position:0 -520px;
}

#so47{
    background-position:0 -650px;
}

#so48{
    background-position:0 -780px;
}

#so49{
    background-position:0 -0px;
}

#so50{
    background-position:0 -260px;
}

#so51{
    background-position:0 -390px;
}

#so52{
    background-position:0 -520px;
}

#so53{
    background-position:0 -650px;
}

#so54{
    background-position:0 -780px;
}

#so55{
    background-position:0 -0px;
}

#so56{
    background-position:0 -260px;
}

#so57{
    background-position:0 -390px;
}

#so58{
    background-position:0 -520px;
}

#so59{
    background-position:0 -650px;
}

#so60{
    background-position:0 -780px;
}	

#so61{
    background-position:0 -0px;
}

#so62{
    background-position:0 -260px;
}

#so63{
    background-position:0 -390px;
}

#so64{
    background-position:0 -520px;
}

#so65{
    background-position:0 -650px;
}

#so66{
    background-position:0 -780px;
}	

#so67{
    background-position:0 -0px;
}

#so68{
    background-position:0 -260px;
}

#so69{
    background-position:0 -390px;
}

#so70{
    background-position:0 -520px;
}

#so71{
    background-position:0 -650px;
}

#so72{
    background-position:0 -780px;
}	

#so73{
    background-position:0 -0px;
}

#so74{
    background-position:0 -260px;
}

#so75{
    background-position:0 -390px;
}

#so76{
    background-position:0 -520px;
}

#so77{
    background-position:0 -650px;
}

#so78{
    background-position:0 -780px;
}	

#so79{
    background-position:0 -0px;
}

#so80{
    background-position:0 -260px;
}

#so81{
    background-position:0 -390px;
}

#so82{
    background-position:0 -520px;
}

#so83{
    background-position:0 -650px;
}

#so84{
    background-position:0 -780px;
}	

#so85{
    background-position:0 -0px;
}

#so86{
    background-position:0 -260px;
}

#so87{
    background-position:0 -390px;
}

#so88{
    background-position:0 -520px;
}

#so89{
    background-position:0 -650px;
}

#so90{
    background-position:0 -780px;
}	

#so91{
    background-position:0 -0px;
}

#so92{
    background-position:0 -260px;
}

#so93{
    background-position:0 -390px;
}

#so94{
    background-position:0 -520px;
}

#so95{
    background-position:0 -650px;
}

#so96{
    background-position:0 -780px;
}	

#so97{
    background-position:0 -0px;
}

#so98{
    background-position:0 -260px;
}

#so99{
    background-position:0 -390px;
}

#so100{
    background-position:0 -520px;
}

#so101{
    background-position:0 -650px;
}

#so102{
    background-position:0 -780px;
}

#so103{
    background-position:0 -0px;
}

#so104{
    background-position:0 -260px;
}

#so105{
    background-position:0 -390px;
}

#so106{
    background-position:0 -520px;
}

#so107{
    background-position:0 -650px;
}

#so108{
    background-position:0 -780px;
}	

#so109{
    background-position:0 -0px;
}

#so110{
    background-position:0 -260px;
}

#so111{
    background-position:0 -390px;
}

#so112{
    background-position:0 -520px;
}

#so113{
    background-position:0 -650px;
}

#so114{
    background-position:0 -780px;
}	

#so115{
    background-position:0 -0px;
}

#so116{
    background-position:0 -260px;
}

#so117{
    background-position:0 -390px;
}

#so118{
    background-position:0 -520px;
}

#so119{
    background-position:0 -650px;
}

#so120{
    background-position:0 -780px;
}	





/**************************
Roeper Team
**************************/	
#team .team-block{
    position:relative;
    display:block;
    width:990px;
    overflow:hidden;
    clear:both;
    margin:0;
    padding:20px 0 20px 0;
    border-top:1px solid #000;
}

#team .team-block.big a.more{
    left:0px;
    bottom:50px;
}

#team .team-block.big a.contact{
    left:200px;
    bottom:50px;
}

#team .team-block .column-left{
    margin:0 20px 0 0;
    display:block;
    float:left;
    overflow:hidden;
}

#team .team-block .column-right{
    display:block;
    overflow:hidden;
    margin:0 0 0 20px;
}	

#team .team-block.big .column-left{
    width:230px;
}

#team .team-block .column-left.half{
    width:484px;
}

#team .team-block .column-right.half{	
    width:486px;
}

#team .zitat{
    display:block;
    position:absolute;
    bottom:24px;
    right:0px;
    width:737px;
    height:349px;
    background-image:url('/img/site/overlay.png');
}

#team .team-block .zitat  a.inzitat{
    width:180px;
    height:120px;
    position:relative;
    display:block;
    margin:20px;
    bottom:30px;
    left:440px;
}


#team .team-block .zitat p{
    font-family:'Times New Roman',Times,serif;
    font-style:italic;
    font-size:38px;
    line-height:38px;
    padding:0 35px 0 35px;
    color:#f9b200;
}

#team .team-block .zitat span{
    font-size:18px;
}	

#team .team-block.wide{
    min-height:405px;
}
#team .team-block.wide.about{
    height:auto;
}

#team .team-block.wide a.more{
    position:absolute;
    top:300px;
    left:285px;
}

#team .team-block.wide a.contact{
    position:absolute;
    top:300px;
    left:505px;
}

#team .team-block .small{
    overflow:hidden;
}

#team .team-block .small-vertauscht .column-right{
    width:233px;
}

#team .team-block .small .column-left{
    width:233px;
    margin:0;
}

#team .team-block .small .column-right{
    float:right;
    width:180px;
    margin:0;
}	

#team .team-block .small-getauscht .column-middle{
    width:540px;	
    margin:0 0 0 220px;
}

#team .team-block .small .column-middle{
    width:540px;
    margin:0 0 0 250px;
}

#team .team-block .small .column-middle a.contact{
    display:block;
    margin:0;
}

p.shout{
    display:block;
    margin:50px 0 20px 0;
    font-family:'Times New Roman',Times,serif;
    font-style:italic;
    font-size:123px;
    color:#f9b200;
}

p.shout span{
    font-size:40px;
}

#team .team-block.small .column-right.various img, #team .team-block.small-vertauscht .column-left.various img{
    margin:0 0 2px 0;
}	

/**************************
Roeper Case Studies
**************************/	



.carousel.fade {
    opacity: 1;
}
.carousel.fade .item {
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    left: 0 !important;
    opacity: 0;
    top:0;
    position:absolute;
    width: 100%;
    display:block !important;
    z-index:1;
}
.carousel.fade .item:first-child {
    top:auto;
    position:relative;
}
.carousel.fade .item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    z-index:2;
}

.carousel-caption{
    width:38%;
    background-image: url('/img/site/overlay.png');
    text-align:left;
    position:relative;
    left:0px;
    margin:12% 0 0 8%;
    padding:85px 0 30px 0;

}

.carousel-caption h2{
    color:#f9b200;
    margin:0 9% 3% 9%;
}

.carousel-caption p{
    margin:0 9% 0 9%;
}	

.carousel-navi{
    background-image: url('/img/site/overlay-dark.png');
    height:60px;
    width:100%;
    display:block;
    position:absolute;
    top:0px;
}

.carousel-indicators{
    left:0;
    bottom:inherit;
    margin-left:0;
    text-align:left;
    width:38%;
    margin:12% 0 0 11%;
}

.carousel-indicators li{
    float:left;
    margin:0 5px 0 0;
    border:0px;
    border-radius:0px;
    width:16px;
    height:16px;
    background-color:#f9b200;
    opacity:0.4;
}

.carousel-indicators li:hover{
    opacity:1;	
}

.carousel-indicators li.active{	
    margin:0 5px 0 0;
    border:0px;
    border-radius:0px;
    width:16px;
    height:16px;
    background-color:#f9b200;
    opacity:1;
}

a.caseclose{
    display:block;
    position:absolute;
    top:30px;
    right:30px;
    width:46px;
    height:42px;
    background: url('/img/site/case-close.png') no-repeat;
    background-position:0 -42px;
    z-index:3;
}


/**************************
Roeper Inquiry
**************************/	

.anrede{
    display:inline-block;
    margin:0 30px 0 0;
}

.form-table{
    margin:0 0 20px 0;
}

.form-table td label{
    width:120px;
    font-weight:normal;
}

.form-table td input, .form-inline .form-control, .form-table td select.form-control.land {
    width:260px; 
    margin:0 0 10px 0;
}

table td label {
    padding:0 0 11px 0;
    font-weight:normal; 
    display:inline-block; 
    margin:0;
}

.form-horizontal .form-group {
    margin:0 0 15px 0;
}

.form-horizontal input.form-control{
    border-radius:0px; 
    box-shadow:0 0 0 0; 
    height:25px; 
    font-size:12px; 
    padding:5px;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-table tr td {
    min-height:40px;
}

label.control-label.rechts{
    padding:0 0 0 25px;
}

.form-inline select.form-control {
    border-radius:0px; 
    box-shadow:0 0 0 0; 
    height:25px; 
    padding:3px; 
    width:465px; 
    margin: 0 0 0 40px;
}

.form-inline textarea.form-control {
    border-radius:0px; 
    box-shadow:0 0 0 0; 
    padding:0 0 0 3px; 
    margin:0 0 20px 0; 
    width:729px;
}

label.rechts{padding:0 0 0 150px;}	

.radio {
    display:inline-block;
}

.radio label{
    margin:0 80px 0 0;
}

td.send{
    vertical-align:bottom;
    text-align:left;
    padding:0 0 0 20px;
}	

td img{
    display:block;
    margin:0 30px 20px 0;
}


.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    margin:0 10px 0 0;
}

.col2.message img{
    margin:30px 0;
}

.form-control.error {
    background-color: #fff;
    background-image: none;
    border: 1px solid red;
}

/**************************
Roeper Where we are
**************************/	

.map{
    position:relative;
    width:990px;
    height:574px;
    background-image: url('/img/content/roeper-map.jpg');
    background-repeat: no-repeat;
    margin:50px 0;
}

.office{
    z-index:1;
    width:8px;
    height:8px;
    border-radius:15px;
    display:block;
    background-color:#019444;
    border:8px solid #f9b200;
}

a.office:hover{
    text-decoration:none;
}

.russia{
    position:absolute;
    top:160px;
    left:565px;
}	

.poland{
    position:absolute;
    top:175px;
    left:508px;
}

.china{
    position:absolute;
    top:225px;
    left:795px;
}	


.germany{
    position:absolute;
    top:195px;
    left:490px;
    width:20px;
    height:11px;
    background: url('/img/content/roeper-logo-network.png') no-repeat;
    z-index:2;
}

.agent{
    position:absolute;
    width:9px;
    height:9px;
    border-radius:10px;
    display:block;
    background-color:#f9b200;
    border:1px solid #019444;
    padding:1px;
}

.denmark{
    top:176px;
    left:490px;
}

.sweden{
    top:160px;
    left:505px;
}

.norway{
    top:160px;
    left:488px;
}

.finland{
    top:157px;
    left:528px;
}

.switzerland{
    top:213px;
    left:490px;
}

.italy{
    top:228px;
    left:498px;
}

.bulgaria{
    top:225px;
    left:535px;
}

.serbia{
    top:225px;
    left:525px;
}

.iran{
    top:252px;
    left:608px;
}

.phillipines{
    top:307px;
    left:813px;
}

.srilanka{
    top:338px;
    left:698px;
}

.portugal{
    top:238px;
    left:445px;
}

.venezuela{
    top:330px;
    left:275px;
}

.brazil{
    top:400px;
    left:340px;
}

.peru{
    top:390px;
    left:252px;
}

.argentinia{
    top:462px;
    left:300px;
}

.southafrica{
    top:455px;
    left:520px;
}

.australia{
    top:473px;
    left:882px;
}

.mexico{
    top:295px;
    left:185px;
}

.austria{
    top:210px;
    left:505px;
}

.hungary{
    top:210px;
    left:520px;
}

.ukraine{
    top:198px;
    left:540px;
}

.netherlands{
    top:188px;
    left:480px;
}

.england{
    top:188px;
    left:455px;
}

.iceland{
    top:138px;
    left:425px;
}

.belgium{
    top:198px;
    left:480px;
}

.france{
    top:208px;
    left:475px;
}

.office-keyvisual{
    margin:0 23px 0 0;
}

.rp_close{
    width:11px;
    height:12px;
    display:block;
    background-image: url('/img/site/rp-close.png');
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#000;
    border:0px;
    padding:17px;
    float:right;
    text-decoration:none;
}


.text-schmal{
    color:#fff;
    width:460px;
}

.text-breit{
    width: 450px;
    padding:0;
}


/**************************
Buttons
**************************/
a.button{
    display:inline-block;
    position:absolute;
    width:180px;
    height:120px;
    margin:0 0 0 0;	
    background-repeat:no-repeat;
}

a.button.acc-right{
    margin:0 0 0 230px;
}

a.button.contact:hover, a.button.email:hover, a.button.more:hover, a.button.case:hover, a.button.send:hover{
    text-decoration:none;
    background-position: 0 -120px;
}

a.button.contact{
    background-image: url('/img/site/contact.png');
}

a.button.contact:hover{
    background-image: url('/img/site/contact.png');
}

a.button.email{
    background-image: url('/img/site/email.png');
}

a.email:hover{
    background-image: url('/img/site/email.png');
}

a.button.more{
    background-image: url('/img/site/more.png');
}

a.button.more:hover{
    background-image: url('/img/site/more.png');
}	

a.button.case {
    background-image: url('/img/site/link-casestudies.png');
}

a.button.case:hover{
    background-image: url('/img/site/link-casestudies.png');
}	

a.button.send {
    background-image: url('/img/site/send.png');
}

a.button.send:hover{
    background-image: url('/img/site/send.png');
}




/**************************
Products
**************************/


hr{
    border: none;
    border-top: 1px solid #000;
    color: #fff;
    background-color: #fff;
    height: 1px;
    margin:0px 0 20px 0;
}

.col2 h2{
    margin:0 0 20px 0;
}

#imprint .col2 h2{
    margin:0;
}

.product{
    display:block;
    width:232px;
    overflow:hidden;
    margin:0 20px 20px 0;
    float:left;
}

.product-overlay{
    position:absolute;
    display:block;
    width:232px;
    height:232px;
    overflow:hidden;
    margin:0px 20px 20px 0;
    float:left;
    background-color:rgba(51, 51, 51, 0.9);
    z-index:9999;
    display: none;
}

.product-overlay a{
    display:block;
    width:163px;
    height:47px;
    left:35px;
    position:absolute;
}

.product-overlay a.product-sheet{
    top:58px;
    background-image:url('/img/site/project-sheet.png');
}

.product-overlay a.expose{
    top:125px;
    background-image:url('/img/site/expose.png');
}	

.product-overlay a.product-sheet:hover, .product-overlay a.expose:hover{
    background-position: 163px 0;
}

/*
.product:hover{
opacity:0.8;	
}
*/

.product-detail{
    position:relative;
    display:block;
    margin:0;
    padding:20px 0 20px 0;
    border-bottom:1px solid #000;
    border-top:1px solid #000;
}

.product-detail a.button.email{
    bottom:20px;
    right:0px;
}

.product-detail a.button.email:hover{
    background-image: url('/img/site/email.png');
}

#products .col2 ul li{
    /*list-style-type:none;*/
}


a.prod-close{
    position:absolute;
    padding:10px;
    display:inline-block;
    top: 5px;
    right:-10px;
    z-index:1;
}	

a.prod-next{
    background: url('/img/site/products-next.png') no-repeat;
    display:block;
    z-index:3;
    width: 10px;
    height:20px;
    overflow:hidden;
    float:right;
    margin:0 0 10px 10px;
}


a.productname{
    display:block;
    margin:0 0 10px 0;
}

.products-overview{
    margin:20px 0 0 0;
    overflow:hidden;
    width: 1010px;
}

.products-overview a{
    color:#000;
}

.products-overview a:hover{
    text-decoration:none;
}

.last{
    margin:0;
}

.products-filter{
    position:relative;
    display:block;
    border-bottom:1px solid #000;
    margin:0;
    padding:0 0 20px 0;
}

.products-filter p{
    display:inline-block;
    font-family:'Times New Roman',Times,serif;
    font-size: 20px;
    font-weight:normal;
    line-height:26px;
    margin:0 50px 0 0;
}

.products-filter a.clear-filter{
    display:inline-block;
    width:180px;
    height:47px;
    position:relative;
    top:20px;
    background-image: url('/img/site/clear-filter.png');
    background-repeat:no-repeat;
}

.products-filter a.clear-filter:hover{
    background-image: url('/img/site/clear-filter.png');
    background-position:0 -47px;
}

.chosen-container{
    display:inline-block;
    font-size: 15px;
    margin:0 147px 0 0;
}

.chosen-container a {
    width:100%;
}

.chosen-container-single .chosen-single div {
    width: 45px;
}

.chosen-container-single .chosen-single div b {
    background: url('/img/site/select-down.png') no-repeat 0 0;
}

.chosen-container-single .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single{
    height: 45px;
    background: none;
    vertical-align:middle;
    line-height: 45px;
    box-shadow: none;
}

.chosen-container-active.chosen-with-drop .chosen-single div{
    border-bottom: 1px solid #ccc;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background: url('/img/site/select-up.png') no-repeat 0 0;
}

.chosen-container-single .chosen-default {
    color: #2b2b2b;
}

.chosen-container-active .chosen-single {
    border:1px solid #aaa;
    box-shadow: none;
}


/*** Downloads**/
.downloads{
    text-align: center;
    width:100%;
    margin: 40px auto;
}

.downloads a{
    display:block;
    width:237px;
    height:150px;
    float:left;
    padding:5px;
}
.downloads a img{
    width:100%;
}
.responsive .linkweb{
    display:none;
    text-align: center;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 769px) {
    .products-filter {
        display:none;
    }		
}

/**************************
Bootstrap
**************************/

* {
    box-sizing:content-box;
}

/*img {
  vertical-align:top;
}*/
/**************************
Bootstrap - Tooltip
**************************/	
.tooltip-inner {
    max-width: 280px;
    padding: 10px 10px;
    border-radius: 0px;
    background-color: #333333;
    border:1px solid #f9b200;
    text-align: left;
}

.tooltip-arrow {
    display:none;
}  
/**************************
Bootstrap - Overlay
**************************/

.modal-dialog {
    width: 990px;
    margin: 5% auto 0 auto;
}  

.modal-dialog h2{
    color:#f9b200;
    margin:0 0 10px 0;
}

.modal-backdrop.in {
    opacity:0.8;
}

.modal-body {
    display:block;
    padding: 15px 67px 15px 0;
    overflow:hidden;
}

.modal-content {
    position: relative;
    display:block;
    color:#fff;
    background-color: transparent;
    border-top: 1px solid #f9b200;
    border-right:0px;
    border-left:0px;
    border-bottom:0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: none;
    outline: 0;
    margin:0 0 15px 0;
}

.modal-content h2{
    color:#f9b200;
}

.modal-header {
    display:block;
    padding: 5px 0;
    border-bottom: 0px;
    min-height: 16.42857143px;
}

.modal-footer {
    display:block;
    clear:both;
    padding: 5px;
    text-align: left;
    color:#f9b200;
    border-top: 1px solid #f9b200;
    border-bottom: 1px solid #f9b200;
}

.modal-footer span{
    margin:0 60px 0 0;
}

.modal-footer a{
    color: #f9b200;
}

.modal-footer span.headline{
    font-size:18px;
}

.close{
    display:none;
}

.agent-overlay{
    border-bottom:0px;
    border-top: 1px solid #f9b200;
}

.modal-content img.oben{
    position:absolute;
    top:250px;
    left:225px;
}
/**************************
Bootstrap - Accordion
**************************/
.panel-group {
    display:block;
    overflow:hidden;
    width:900px;
    margin:25px auto;
}

.panel-group .panel {
    border-radius: 0px;
}

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-heading {
    padding: 0 0;
    border-bottom: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.panel-title a{
    font-family: "Times New Roman",Times,serif;
    font-size: 24px;
    text-decoration:none;
    color:#000;
    width:880px;
    display:block;
    background-color: #f9b200;
    background-image: url('/img/site/acc-hover-close.png');
    background-repeat: no-repeat;
    background-position: 857px center;
    border-bottom:1px solid #ddd;
    padding:0 0 0 20px;
}

.panel-title a.collapsed{
    font-family: "Times New Roman",Times,serif;
    font-size: 24px;
    text-decoration:none;
    color:#fff;
    width:880px;
    display:block;
    background-color: #009545;
    background-image: url('/img/site/acc-default.png');
    background-repeat: no-repeat;
    background-position: 860px center;
    border-bottom:1px solid #ddd;
    padding:0 0 0 20px;
}

.panel-title a.collapsed:hover{
    background-color:#f9b200;
    color:#000;
    background-image: url('/img/site/acc-hover-open.png');
    background-repeat: no-repeat;
    background-position: 860px center;
}

.panel-title a:hover{
    background-color:#f9b200;
    color:#000;
    background-image: url('/img/site/acc-hover-close.png');
    background-repeat: no-repeat;
    background-position: 857px center;
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.panel-title {
    margin:0;
    padding:0;
    font-family:'Trebuchet MS',Helvetica,sans-serif;
    font-size: 30px;
    font-weight:normal;
    line-height:50px;
}

.panel-body {
    width:860px;
    padding:20px;
}

.panel-body .content{
    margin:0;
    padding:0;
}

.panel-body .content .narrow p, .panel-body .content .narrow ul{
    display:block;
    width: 450px;
    float:right;
}

.panel-body .content .narrow img{
    float:left;
    margin:0 20px 0 0;
}

.panel-default > .panel-heading {
    color: #000;
    background-color: #fff;
    border-bottom: 0px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top:0px;
}

/* products */
div.product-detail{
    display: none;
}
div.product-detail .left{
    min-height: 490px;
}
div.product-detail .left img{
    position: absolute;
}
a.acshow{
    display: none;
}
div.productdetailwrapper, div.randomwrapper{
    display: block;
    clear: both; 
}

/****** ADMIN *******/
div.admin img.left{
    margin:0 20px 20px 0;
}

div.admin img.right{
    margin:0 0 20px 20px;
}

#print{
    display:none;
}	


@media print {

    #print{
        display:block;
        margin:30px auto;
        width:450px;
        border-top:10px solid #009545;
        font-size:12px;
    }

    #print img{
        float:left;
        margin:20px 25px 20px 0;
    }

    #print .footer {
        margin:40px 0 0 0;
        display:block;
        border-top:1px solid #666;
        font-size:10px;
        line-height:12px;
        color:#666;
    }

    #page, #carousel-example-generic, .stage{
        display:none;
    }

}

@media (max-width: 990px) {
    .responsive .linkweb{
        display:block;
    }
    .responsive .stage{
        width: calc(100% - 40px);
    }
    .responsive #header{
        padding-bottom:20px;
    }
    .responsive #page-wrapper{
        height: auto;
    }
    .responsive #page-wrapper img{
        width:100%;
    }
    .responsive #shoutbox{
        display:none;
    }
    .responsive .downloads{
        width:741px;
    }
    .responsive .menu{
        display:none;
    }
}
@media (max-width: 768px) {
    .responsive .downloads{
        width:494px;
    }
    .responsive #footerline{
        display:none !important;
    }
    .responsive #footercontent{
        height:auto;
    }
    .responsive #footercontent span{
        display:block;
    }
    .responsive #footercontent img{
        text-align: center;
        display:block;
        margin: 20px auto;
    }
    .responsive #footercontent a{
        display:block;
        padding:20px 0;
    }
    .responsive #footercontent p{
        text-align: center;
    }
    span.not{display:none !important;}
}
@media (max-width: 450px) {
    .responsive .downloads{
        width:247px;
    }
}