/* ==================================================================== */
/* ============================== LAYOUT ============================== */
/* ==================================================================== */

html {
        overflow-y: scroll;
        scrolling: yes;
        width: 100%;
        height: 100%;
}

/* ========== SUBNAVI ========== */

#subnavi {
        background: #443a39;
        border: 1px solid #d30128;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
}

#subnavi ul {
        /*display: none;*/
}

#subnavi ul.visible {
        display: block;
}

#subnavi ul.visible ul {
        display: block;
}

#subnavi ul li {
        list-style-type: none;
        line-height: 28px;

}

#subnavi ul li a:hover{
        /*background: #002A50 url(/fileadmin/templates/html/media/subnavi_background_hover_2011.gif) top left repeat-x;*/
        color:#BCA9A2 !important;
}

#subnavi ul li a {
        display: block;
        padding: 0px 0px 0px 16px;
        color: #FFF;
        font-size: 12px;
        text-decoration: none;
        background: #696061 url(/fileadmin/templates/html/media/subnavi_background_2011.gif) top left repeat-x;
}

#subnavi ul li.active a {
        background:none;
        color:#BCA9A2 !important;
}

#subnavi ul a:hover {
        /*background: #002A50 url(/fileadmin/templates/html/media/subnavi_background_hover_2011.gif) top left repeat-x;*/
}

#subnavi ul li.active li a {
        padding: 0px 0px 0px 25px;
        color:#ffffff !important;
}

#subnavi ul li.active li a:hover {
        padding: 0px 0px 0px 25px;
        color:#BCA9A2 !important;
}

#subnavi ul li.active li.active a:hover {
        padding: 0px 0px 0px 25px;
        color:#BCA9A2 !important;
}

#subnavi ul li ul li ul li a {
        padding: 0px 0px 0px 45px;
        font-size:11px;
}

#subnavi li.active ul.subnavi-2 li a {
        /*background: #002b51 url(/fileadmin/templates/html/media/subnavi_background_hover_2011.gif) top left repeat-x !important;*/
}

#subnavi li.active li.active ul.subnavi-3 li a {
        /*background: #002b51 url(/fileadmin/templates/html/media/subnavi_background.gif) top left repeat-x;*/
        color:#fff !important;
        margin-left:10px;
}

#subnavi li.active li.active ul.subnavi-3 li a:hover {
        /*background: #002b51 url(/fileadmin/templates/html/media/subnavi_background.gif) top left repeat-x;*/
        color:#BCA9A2 !important;
        margin-left:10px;
}

#subnavi li.active li.active ul.subnavi-3 li.active a {
        /*background: #002b51 url(/fileadmin/templates/html/media/subnavi_background.gif) top left repeat-x;*/
        color:#BCA9A2 !important;
        margin-left:10px;
}

#subnavi .active ul .active a {
        /*background: #002b51 url(/fileadmin/templates/html/media/subnavi_background_hover_2011.gif) top left repeat-x;*/
        color:#BCA9A2 !important;
}

#subnavi li.active ul li a:hover {
        /*background: #003667 url(/fileadmin/templates/html/media/subnavi_background_hover_2011.gif) top left repeat-x;*/
}

#subnavi li.active ul li.active ul li a:hover {
        /*background: #003667 url(/fileadmin/templates/html/media/subnavi_background_hover_2011.gif) top left repeat-x;*/
}

.subnavi {
        background: #443a39;
        border: 1px solid #d30128;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
}

.subnavi .boxhead {
        display: block;
        padding: 6px 0px 6px 8px;
        color: #bca9a2;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
        text-decoration: none;
}

.subnavi ul.visible {
        display: block;
}

.subnavi ul.visible ul {
        display: block;
}

.subnavi ul li {
        list-style-type: none;
        line-height: 28px;

}

.subnavi ul li a:hover{
        color:#BCA9A2 !important;
}

.subnavi ul li a {
        display: block;
        padding: 0px 0px 0px 16px;
        color: #FFF;
        font-size: 12px;
        text-decoration: none;
        background: #696061 url(/fileadmin/templates/html/media/subnavi_background_2011.gif) top left repeat-x;
}

.subnavi ul li.active a {
        background:none;
        color:#BCA9A2 !important;
}

.subnavi ul li.active li a {
        padding: 0px 0px 0px 25px;
        color:#ffffff !important;
}

.subnavi ul li.active li a:hover {
        padding: 0px 0px 0px 25px;
        color:#BCA9A2 !important;
}

.subnavi ul li.active li.active a:hover {
        padding: 0px 0px 0px 25px;
        color:#BCA9A2 !important;
}

.subnavi ul li ul li ul li a {
        padding: 0px 0px 0px 45px;
        font-size:11px;
}

.subnavi li.active li.active ul.subnavi-3 li a {
        color:#fff !important;
        margin-left:10px;
}

.subnavi li.active li.active ul.subnavi-3 li a:hover {
        color:#BCA9A2 !important;
        margin-left:10px;
}

.subnavi li.active li.active ul.subnavi-3 li.active a {
        color:#BCA9A2 !important;
        margin-left:10px;
}

.subnavi .active ul .active a {
        color:#BCA9A2 !important;
}

/* ============================== RIGHT ============================== */

#right {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0;
}

* html #right {
        margin: 0px 0px 0px 23px;
}


/* ========== NAVI ========== */

#header {
        width: 100%;
        margin: 50px 0 35px;
}

#headerimage img{
        width:100%;
        height:auto;
}

#logo img {
        margin-top: 10px;
}

#header .tx-macinasearchbox-pi1{
        float: right;
}

#header > div{
        width: 980px;
        margin: 0 auto;
        height: 70px;
        position:relative;
}

#logo {
        float: left;
        margin-right: 50px;
}

#navibox {
        height: 50px;
        float: right;
    width: 800px;
}

#navi ul {
        float: left;
        margin: 5px 0px 0px 0px;
        font-weight: bold;
}

#navi ul li {
        display: block;
        float: left;
}

#navi ul li.last {
        background: none;
}

#navi ul li a {
        display: block;
        height: 24px;
        padding: 0px 15px;
        color: #979797;
        font-size: 16px;
        text-decoration: none;
        line-height: 24px;
}

#navi ul li:hover > a{
        color: #fff;
}

#navi ul li.act > a {
        color: #fff;
}

#navi a.active {
        color: #fff;
        background: url(/fileadmin/templates/html/media/nav_act.gif) bottom center no-repeat;
}

#navi ul#nav_lvl1 a, #navi ul#nav_lvl1_nodropdown a{
        padding: 15px;
}

#subnav {
    margin: 0 auto 35px;
    position: relative;
    width: 980px;
        height:0;
}

#subnav a{
    text-decoration:none;
}

#subnav ul#nav_lvl2{
        display:block;
        background: #1C1C1C url(/fileadmin/templates/html/media/nav_bg.jpg) bottom left repeat-x;
        border-top:5px solid #393939;
        width: 100%;
        max-width:960px;
        display: none;
        margin: 0;
        z-index: 10;
        left:0;
        padding:30px 20px;
        padding-right:0;
        
        position:absolute;
        top:0;
}

#subnav ul#nav_lvl2 > li{
        width:220px;
}

#subnav ul#nav_lvl2.column2 > li{
        width: 290px;
}

#subnav ul#nav_lvl2.column3 > li{
        width: 290px;
}

#subnav ul#nav_lvl2.column4 > li{
        width: 209px;
}

#subnav ul#nav_lvl2.column5 > li{
        width: 160px;
}

#subnav ul#nav_lvl2 > li{
        margin-right:35px;
        float:left;
}

#subnav ul#nav_lvl2 > li.last{
        margin-right:0 !important;
}

#subnav ul#nav_lvl2 li > a{
        color:#ef9b1f;
        font-size:16px;
        padding:20px 0;
        text-transform:uppercase;
        font-weight:bold;
        display:inline-block;
        zoom:1;
        *display:inline;
}

#subnav ul#nav_lvl2 li > a:hover, #subnav ul#nav_lvl2 li > a:focus, #subnav ul#nav_lvl2 li.act > a{
        color:#fff;
}

.toplvl {
    width: 100% !important;
}

.toplvl a {
    font-size: 23px !important;
    margin-top: -7px;
    padding: 0 !important;
        color: #555 !important;
    font-weight: normal !important;
    margin: 15px 0 !important;
}

.toplvl a:hover, .toplvl a:focus {
        color: #fff !important;
}

.nav_close {
    background: url(/fileadmin/templates/html/media/nav_close.png) 0 0 no-repeat;
    height: 15px !important;
    margin-top: -10px;
    padding: 0 !important;
    position: absolute;
    right: 20px;
    width: 15px;
}

#subnav ul#nav_lvl3{
        width: 100%;
}

#subnav ul#nav_lvl3 li{
        float:none;
        padding:0;
        position: relative;
}

#subnav ul#nav_lvl3 li a{
        color: #939393;
        text-transform:none;
        font-size:14px;
        font-weight:normal;
        display:block;
        border-bottom:1px solid #939393;
        background: url(/fileadmin/templates/html/media/nav_linkpfeil.png) center left no-repeat;
        line-height:140%;
        padding:6px 0 8px 0;
        padding-left:20px;
        height:auto;

}

#subnav ul#nav_lvl3 li a:hover{
        color: #e99521;
        background: url(/fileadmin/templates/html/media/nav_linkpfeil_act.png) center left no-repeat;
}

#subnav ul#nav_lvl3 li.last > a, #subnav ul#nav_lvl4 li.noborder > a{
        border-bottom:none;
}

#subnav ul#nav_lvl4 {
    background: #1B1B1B;
    border: 1px solid #474345;
    left: 100%;
        top:-11px;
    padding: 10px;
    position: absolute;
        z-index:50;
        box-shadow: 0 0 27px rgba(0, 0, 0, 0.75);
}

#subnav ul#nav_lvl2 > li.last ul#nav_lvl4{
         left: auto;
         right: 98%;
}

.navi_ecke {
    background: url(/fileadmin/templates/html/media/navi_ecke.png) top left no-repeat;
    height: 15px;
    left: -8px;
    position: absolute !important;
    top: 20px;
    width: 8px !important;
}

#subnav ul#nav_lvl2 > li.last .navi_ecke {
    background: url(/fileadmin/templates/html/media/navi_ecke_left.png) top left no-repeat;
        left:auto;
    right: -8px;
}

#subnav ul#nav_lvl4 li a{
    border-bottom-color:#252525;
        background:none !important;
        padding-left:0 !important;
}

#subnav ul#nav_lvl5 {
    background: #1B1B1B;
    border: 1px solid #474345;
    left: 100%;
        top:-11px;
    padding: 10px;
    position: absolute;
        z-index:50;
        box-shadow: 0 0 27px rgba(0, 0, 0, 0.75);
}

#subnav ul#nav_lvl5 li a{
        background:none !important;
        padding-left:0 !important;
}

#subnav ul#nav_lvl3 ul{
        min-width:170px;
        display:none;
}



/* ========== LANGUAGE ========== */

#language {
        position: relative;
        float: right;
        margin: 20px 15px 0px 0px;
        font-size: 10px;
        text-transform: none;
}

#showlanguage {
        height: 20px;
        padding: 0px 20px 0px 0px;
        cursor: pointer;
        background: url(/fileadmin/templates/html/media/showlanguage_arrow.gif) right 7px no-repeat;
}

#showlanguage img {
        display: block;
        float: left;
        margin: 4px 7px 0px 0px;
}

#showlanguage span {
        display: block;
        float: left;
}

#language ul {
        display: none;
        position: absolute;
        top: 30px;
        left: -10px;
        width: 80px;
        padding: 0px 0px 2px 10px;
        background: #312829;
}

#language ul a {
        display: block;
        height: 24px;
        color: #FFF;
        text-decoration: none;
}

#language ul a img {
        display: block;
        float: left;
        margin: 4px 7px 0px 0px;
}

#language ul a span {
        display: block;
        float: left;
}

/* ========== BREADCRUMB ========== */

#breadcrumb {
        margin: 0px 0px 20px 0px;
        font-size: 10px;
        color: #D30128;
}

#breadcrumb ul {
        margin-left: 0px !important;
}

#breadcrumb li {
        display: inline;
}

#breadcrumb a {
        color: #D30128;
        text-decoration: none;
}
#breadcrumb a:hover {
        text-decoration: underline;
}
#breadcrumb a {
        color: #D30128 !important;
        text-decoration: none;
}

/* ========== NEWSLETTER ========== */

.newsletter {
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 10px 0px !important;
        border: 1px solid #D30128 !important;
        background: #847977 !important;
}

.newsletter h2 {
        padding: 8px 10px 4px 10px;
        margin: 0px 0px 5px 0px;
        color: #BCA9A2;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        background: #443A39 !important;
}

.newsletter form {
        padding: 5px 10px 10px 10px;
}

.newsletter input {
        width: 143px;
        height: 20px;
        padding: 7px 10px 0px 5px;
        color: #FFF;
        
        font-size: 10px;
        background: #443A39;
        border: 1px solid #443A39;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
}

.newsletter input.button {
        float: right;
        width: auto;
        margin: 10px -2px 0px 0px;
        border: 1px solid #00486F;
}

.newsletter input.button {*width: 100px; *margin: 0px 8px 0px 0px;}
* html .newsletter input.button {margin: 0px 4px 0px 0px;}


/* PRODUKTNAVI */

#naviblock_header.video{
        padding-left:70px;
        background:url(/fileadmin/templates/html/media/icon_video.jpg) 0 3px no-repeat;
}

#naviblock_header.audio{
        padding-left:70px;
        background:url(/fileadmin/templates/html/media/icon_audio.jpg) 0 3px no-repeat;
}

#naviblock_header.format{
        padding-left:70px;
        background:url(/fileadmin/templates/html/media/icon_format.png) 0 3px no-repeat;
}

#naviblock_header.mobile{
        padding-left:70px;
        background:url(/fileadmin/templates/html/media/icon_mobile.png) 0 3px no-repeat;
}

#naviblock_header.streaming{
        padding-left:70px;
        background:url(/fileadmin/templates/html/media/icon_streaming.png) 0 3px no-repeat;
}

#naviblock_header.gpu_acceleration{
        padding-left:70px;
        background:url(/fileadmin/templates/html/media/icon_gpu.png) 0 3px no-repeat;
}

#naviblock_header.transcoding{
        padding-left:70px;
        background:url(/fileadmin/templates/html/media/icon_transcoding.png) 0 3px no-repeat;
}

#naviblock_header.totalcode_studio{

}

#naviblock_header.totalcode_enterprise{

}

#naviblock_header.totalcode_engine{

}

#naviblock_header.lemony{

}

#naviblock_header.plugins_for_adobe{

}

#naviblock_header.plugins_for_sony{

}

#naviblock_header.ibm_admira{

}

#naviblock_header.decoding{

}


#content .naviblock_left h2{
        font-size:30px;
        line-height:54px;
}

#content .naviblock_left{
        width:62%;
        margin-right:3%;
        padding-right:4%;
        float:left;
}

#content .naviblock_right{
        width:30%;
        float:right;
}

#content .naviblock_left .naviebene3{
        margin-right:-100px;
        margin-bottom: 20px;
}

#content .naviblock_left .naviebene3 ul{
        overflow:hidden;
        margin:0;
		list-style:none;
		padding-left:0;
}

#content .naviblock_left .naviebene3 li{
        float:left;
        font-size:15px;
        margin-right:11px;
        padding-right:11px;
        border-right:1px solid #e5e5e5;
        line-height:17px;
        padding-left:0 !important;
        background:none !important;
}

#content .naviblock_left .naviebene3 li.last{
        margin-right:0;
        padding-right:0;
        border-right:none;
}

#content .naviblock_right ul{
        margin-top: 101px;
        margin-bottom:0;
		list-style:none;
		padding-left:0;
}

#content .naviblock_right li{
        font-size:15px;
        margin:0;
        padding-left:0 !important;
        background:none !important;
}

#content .naviblock_right li a{
        color:#4e4e4e;
}

#content .naviblock_right li.active a{
        color:#e91d4e;
}



/* ===== PRODUKTTABELLE ===== */

.product_table {
        font-size: 16px;
}

.product_table .product_navi {
        margin: 0px 0px 0px 1px;
        font-size:15px;
        min-width:820px;
        /*border-bottom:2px solid #E0E0E0;*/
        overflow: hidden;
}

.product_table .product_navi ul {
        margin: 0px !important;
		list-style:none;
		padding-left:0 !important;
}

.product_table .product_navi li {
        list-style-type: none !important;
        float: left;
        padding-top: 4px;
        padding-bottom: 4px;
        margin-left: -1px;
        margin-right: -1px;
        padding-left:0 !important;
        background:none !important;
}

.product_table .product_navi li:first-child a{
        padding-left: 0;
}

.product_table .product_navi a {
        text-decoration: none;
        padding-left: 11px;
        padding-right: 11px;
        color:#272727;
        border-right:1px solid #e5e5e5;
}

.product_table .product_navi .first {
        margin-left:0;
}

.product_table .product_navi .last a {
        border-right:none;
}

.product_table .product_navi .active {
        background: #ffffff;
        color: #8e0203;
}

/*.product_table .product_navi .active a {
        background: none;
        color: #d30128 !important;
}*/

/*.product_table .product_navi .licensing-tab a {
        color: #d30128 !important;
        font-weight: bold;
}*/

.product_table .product_content {
        background:#ffffff;
        /*padding: 22px 22px 10px 22px;*/
}

.product_table .product_page {
        margin: 0 0 60px;
    padding-top: 30px;
        border-top:2px solid #E0E0E0;
}


#product_page-1{
        border-top:none;
        padding-top:0;
}

.product_page-1, .product_page-2, .product_page-3, .product_page-4, .product_page-5, .product_page-6, .product_page-7 {
        margin: 0px !important;
}

.product_table .product_page .navititle {
        color:#a4a4a4;
        font-size:24px;
        
        font-weight:normal;
        margin: 30px 0;
        display:block;
}

/*.product_table .product_content h2 {
        margin: 0px 0px 11px 0px !important;
        color: #222 !important;
        font-size: 17px !important;
        font-weight: normal !important;
        text-transform: none !important;
}*/

.product_table .product_content p {
        margin: 0px 0px 15px 0px;
}

.product_innertable_header span{
        display: block;
    
    font-size: 20px;
        padding:18px 0;
    padding-right: 20px;
    vertical-align: middle;
}

.product_innertable_header img {
    margin-top: -13px;
    position: absolute;
    right: 13px;
    top: 50%;
	display:none;
}

.product_innertable table, table.contenttable, #content table {
        width: 100%;
        margin: 0 -12px;
		margin: 0;
        color: #4E4E4E;
        border-spacing: 3px;
}

.product_innertable_content {
        background: #fff;
        padding: 10px;
        margin-top:1em;
        /*display:none;*/
		display:block !important;
}

.product_content .product_innertable_content {
        padding: 0px;
}

.product_content .product_innertable_content .contenttable{
        margin-top: -12px;
        margin-bottom: 30px;
}

.product_innertable_content p,
.product_innertable_content h2,
.product_innertable_content h3,
.product_innertable_content ul {
        padding: 0 10px 0 2px;
s}

.not-visible tbody {
        display: none;
}

.product_innertable table td,
.product_innertable table th,
table.contenttable td,
table.contenttable th,
#content table td,
#content table th{
        padding: 8px 15px;
        border: 0;
        text-align: left;
}

.product_innertable table td,
.product_innertable table th,
table.contenttable td,
table.contenttable th{
        font-size:14px;
		line-height: 160%;
		background:#f5f5f5;
}

/*.product_innertable_content a {
        color:#4E4E4E !important;
}*/

.product_innertable table th,
table.contenttable th,
#content table th{
        width: 120px;
        background-color: #dfdfdf;
        color:#4e4e4e;
}

/* ========== DAM DOWNLOADS ========== */

.damdownloads .data td {
        width: 236px;
        padding: 8px;
        border: 0;
        text-align: left;
        border-bottom: #000 1px solid;
        border-right: #000 1px solid;
        background: #DEDEDE;
}

.damdownloads .data td.item {
        width: 120px;
        background-color: #C2C6CB;
        font-weight: bold;
}

.damdownloads .data {
        width: 100%;
        margin: 0px 0px 15px 0px;
        color: #111111;
        border-spacing: 3px;
}

.damdownloads .data td{
        background: #001C3F;
        width:15%;
        text-align:right;
}

.damdownloads .data td b{
        font-weight: normal;
}

.damdownloads .data td a{
        color:#fff !important;
}

.damdownloads .data td.item {
        background: #00295D !important;
        color:#fff !important;
        font-weight: normal;
        text-align:left;
}

.damdownloads .data td.endung {
        background: #00295D !important;
        color:#fff !important;
        font-weight: normal;
        width:8%;
        text-align:left;
        padding-right:0;
}

.damdownloads .data td.endung a img{
        width:0;
        height:0;
        position:absolute;
        margin-bottom:-4px;
}

.damdownloads .data td.endung a{
        width:16px;
        height:16px;
        background:url(../ext/dam_downloads/icons/jpg.png) 0 3px no-repeat;
        display:block;
}

.damdownloads .data td.endung img {
        width:16px;
        height:16px;
        margin-bottom:-4px;
}

.damdownloads .data td.item b{
        font-weight: bold;
}

.product_content .damdownloads .data td.item,
.product_innertable .damdownloads .data td.item {
        background: #C2C6CB !important;
}

.product_content .damdownloads .data td.endung,
.product_innertable .damdownloads .data td.endung {
        background: #C2C6CB !important;
}

.product_content .damdownloads .data td,
.product_innertable .damdownloads .data td {
        background: #D2D2D2;
}

.product_content .damdownloads .data td a,
.product_innertable .damdownloads .data td a {
        color: #111 !important;
}

.product_content .damdownloads .data td,
.product_innertable .damdownloads .data td {
        color: #111 !important;
}

.product_innertable_content .damdownloads .data {
        margin-bottom: 0px;
}

/* ========== CART ========== */

#cartwrap {

}

#content #cart h2, #content .infobox_wrap h2 {
        margin: 0px 0px 15px 0px;
        color:#1a1a18;
        text-transform:uppercase;
        font-size:18px;
        text-align:center;
}

#cartbox {
        position: relative;
        padding: 15px;
        margin: 0px 0px 5px 0px;
		min-height: 100px;
}

#cartbox label {
        float: left;
        width: 320px;
		text-transform:uppercase;
		clear: both;
}

#cartbox input {
        float: left;
		width: 50px;
		height: auto;
		padding:0;
		margin: 0;
		text-align: center;
		border: 1px solid #A7A7A7;
		margin-right: 10px;
}

#cartbox .license_quantity{
        /*display: block;
        float: right;
		padding-right:20px;*/
		padding-bottom:10px;
		display:inline-block;
}

#cartbox .quantity{
	padding-left:225px;
	padding-right:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	display:inline-block;
}

#cartbox .license_quantity:before{
        content:"(";
}

#cartbox .license_quantity:after{
        content:")";
}

#cartbutton a, #cart-paypal-button {margin-top:20px !important;}

.license_quantity + label {
	margin-top:10px;
}

#cartbox select {
       float: left;
		width: 130px;
		height: auto;
		padding: 2px;
		font-size: 13px;
		border: 1px solid #A7A7A7;
		margin-top: 10px;
		padding: 5px !important;
}

#cartbox select option {
        margin: 2px 0px 0px 0px;
}

#cartbox .total:before {
        content:"Price:";
		text-transform:uppercase;
		display: inline-block;
		width: 320px;
}

#cartbox .total {
        margin: 0px;
        padding: 15px 0px 0px;
        clear: both;
}

#cartoptions {
        margin: 10px 0px 0px 0px;
        color: #1a1a18;
        font-size: 14px;
        text-align: center;
}

#cartwrap #cartoptions a {
        display: block;
        float: left;
        color: #000;
        text-transform:capitalize;
}

#cartwrap #cartoptions #cart-paypal-button {
        display: block;
}

#cart .validate_fail {
        display: block;
        position: absolute;
}

#cart-paypalform {
        display: none;
}


/* Infobox */

.infobox_wrap{
        border:1px solid #000;
        padding: 20px 29px 30px;
        text-align:center;
        background:#fff;
}

.infobox_wrap *{
        max-width:100%;
        height:auto;
}

#content .infobox_wrap a.button {
        max-width:100%;
}

#content .infobox_wrap p{
        font-size:14px;
        text-align:center;
}

#content .infobox_wrap b{
        color:#ce220a;
}

/* ========== SLIDER ========== */

#slider {
        width: 700px;
        height: 168px;
        margin: 20px 0px 0px 0px;
        /*background: url(/fileadmin/templates/html/media/slider_background.jpg) top left no-repeat;
        border-top: 1px solid #424346;
        border-bottom: 1px solid #424346;*/
}

.jcarousel-skin-mainconcept .jcarousel-container {
        width: 700px;
        height: 168px;
}

.jcarousel-skin-mainconcept .jcarousel-container-horizontal {
}

.jcarousel-skin-mainconcept .jcarousel-clip-horizontal {
    width: 620px;
        height: 150px;
        padding: 9px 40px;
}

.jcarousel-skin-mainconcept .jcarousel-item {
        position: relative;
        width: 120px;
        height: 150px;
        overflow: hidden;
        list-style-type: none;
}

.jcarousel-skin-mainconcept .jcarousel-item span {
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        text-align:center;
}

.jcarousel-skin-mainconcept .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-mainconcept .jcarousel-next-horizontal {
    position: absolute;
    top: 73px;
    right: 5px;
    width: 21px;
    height: 22px;
    cursor: pointer;
    background: transparent url(/fileadmin/templates/html/media/slider_next.png) no-repeat;
}

.jcarousel-skin-mainconcept .jcarousel-prev-horizontal {
    position: absolute;
    top: 73px;
    width: 21px;
    height: 22px;
    cursor: pointer;
    background: transparent url(/fileadmin/templates/html/media/slider_prev.png) no-repeat;
}

.jcarousel-item{
        width:162px !important;
        text-align:center;
        }

.jcarousel-clip-horizontal{
        padding-left:8px !important;
}

#jcarousel{
        padding-right:500px !important;
        }

.flexslider{overflow:hidden; margin: 0 0 40px;}
.flex-control-nav{display:none;}
.flexslider:hover .flex-control-nav{display:block;}
.flex-direction-nav a {
        top: 49% !important;
}
.flexslider li{
        background:none !important;
        padding-left:0 !important;
}

.flexslider li > div:after{ content: url(/fileadmin/templates/html/media/slider_ecke.png); position: absolute; right:0; bottom: -1px; }

.flexslider .slides img {
    margin-bottom: 0 !important;
}


/* ========== FOOTER ========== */

#footer-wrapper{
        width: 100%;
        background: #000 url('/fileadmin/templates/html/media/ftr-bg.gif') top left repeat-x;
}

#footer-inner-wrapper{
        width: 980px;
        margin: 0 auto;
}

#rovi-logo{
        float: right;
}

#footer {
        clear:both;
        float:left;
}

#footer p,
#footer ul li{
        color: #C1C1C1;
        font-size: 12px;
        line-height: 80px;
}

#footer ul li {
        padding: 0px 10px;
        float: left;
}

#footer ul li.last {
        padding: 0px 0px 0px 10px;
        background: none;;
}

#footer ul li a {
        color: #C1C1C1;
}

#footer ul li a:hover{
        color: #C1C1C1;
}

#footer .footer-col {
        display: inline-block;
        zoom:1;
        *display:inline;
        padding: 20px 30px 0px 0px;
        float: left;
        line-height: 12px;
        position: relative;
}

#footer .footer-col *{
        line-height: 20px !important;
        
        color: #555 /*#959595*/;
        font-size: 14px;
}

#footer .footer-col ul li {
        float: none;
        padding: 0;
}

#footer .footer-col .csc-firstHeader {
        color: #C1C1C1;
        margin-bottom: 8px;
        font-weight: bold;
}

#footer .about {
        width: 240px;
}
#footer .markets {
        width: 100px;
}
#footer .stay-in-touch{
        width: 160px;
}


#footer .internal-link span:hover {
        color: #ec9a2a !important;
}

a.arrows{
        color: #ec9521 !important;
        text-decoration:none;
        font-weight: normal;
}
a.arrows:hover{
        color: #ec9a2a;
}


a.arrows::after{
        content: '»';
}
#locales-selector {
        width: 45px;
        background: url('/fileadmin/templates/html/media/ftr-map.gif') no-repeat;
        background-position: 0 15px;
        padding: 22px 58px 0 90px;
        height: 31px;
        cursor: pointer;
}
#locales-selector ul{
        display: none;
        width: 108px;
        position: absolute;
        z-index: 10;
        bottom: 30px;
        border: 1px solid #3f3f3f;
        background: #272727;
}

#footer #locales-selector li a{
        display: block;
        color: #959595;
        background: #272727;
        text-decoration: none;
        padding: 6px 10px;
}
#footer #locales-selector li a:hover{
        color: #FFFFFF;
        background: #3f3f3f;
}
#footer #locales-selector li a:hover span{
        color: #FFFFFF;
}

#locales-selector img{
        display: none;
}

#locales-selector .label {
        display: block;
        width: 90px;
        padding: 6px 10px;
}

#locales-selector:hover .label,
#locales-selector.hover .label{
        color: #fff !important;
        background: #3f3f3f;
}

#locales-selector:hover ul,
#locales-selector.hover ul{
        display: block;
}

#footer .footer-col a{
        text-decoration: none;
}

#footer .left{
        clear: left;
        padding-top:20px;
}
#footer .right {
    float: right;
    margin-right: -170px;
        padding-top:20px;
}

#footer a{
        color:#C1C1C1;
}

/* ============================== GENERISCHE KLASSEN / FCE ============================== */

.clear {
        clear: both;
        height: 0px;
        line-height: 0px;
}

.left {
        float: left;
}

.right {
        float: right;
}


/*input.button {
        display: block;
        height: 22px;
        padding: 0px 37px 0px 4px;
        color: #D30128 !important;
        
        font-size: 11px !important;
        font-weight: bold;
        text-decoration: none;
        background: #000 url(/fileadmin/templates/html/media/link_button.gif) top right no-repeat;
        border: 1px solid #D30128 !important;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        cursor: pointer;
}*/

.fce_33 {
        margin: 20px 0px;
        margin-top:0;
        padding: 25px 60px;
}

.fce_33 h2,
.fce_33 h2{
}

.fce_33_1,
.fce_33_2,
.fce_33_3
{
        float: left;
        width: 205px;
}

.fce_33_1 {
        display: none;
        visibility: hidden;
}

.fce_33_2 {
        float: left;
        width: 66%;
        margin: 0px;
}

.fce_33_3 {
        min-width: 220px;
        max-width: 33%;
        padding: 0px 0px 0px 40px;
        margin-left:45px;
        float:right;
}

.fce_33_3 .csc-header{
        margin-top:2em;
}

.fce_33_3 .infobox_wrap .csc-header {
    margin-top: 0;
}

.fullwidth{
        width:100% !important;
}

* html .fce_33_3{
        padding: 0px 0px 0px 38px;
}

.fce_66-33 {
        width: 700px;
        background: url(/fileadmin/templates/html/media/fce_66-33_background_2011.gif) 460px 0px repeat-y;
}

.fce_66-33_1 {
        float: left;
        width: 440px;
}

.fce_66-33_2 {
        float: left;
        width: 220px;
        margin: 0px 0px 0px 40px;
}

.fce_66-33_2 h2 {
        color: #D2D2D2 !important;
}

.fce_66-33_2 .fce_teaserbox h2
.fce_33_2 .fce_teaserbox h2{
        color: #BCA9A2 !important;
}

.fce_teaserbox h2 {
        margin: 0px 0px 5px 0px;
        color: #BCA9A2 !important;
}

.fce_teaserbox img {
        display: block;
        margin: 0px 0px 10px 0px;
        border: 1px solid #d30128;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
}

.fce_teaserbox p {
        color: #DDD;
}

.csc-frame-1 {
        padding: 10px;
        background: #000817;
        border: 1px solid #012E5A;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
}

#site-1387 input[type="submit"] {display:none !important;}
#site-1387 #c15900 input[type="submit"] {display:block !important;}


/* ============================== TT_NEWS ============================== */

.browseLinksWrap {
    margin: 3em 0;
}

.news-latest-container h2 {
        margin: 0px 0px 5px 0px;

}

.news-latest-item p, .news-list2-item .news-list-date{
        margin: 0px !important;
}

.news-latest-item {
        margin: 10px 0px 15px 0px;
}

.news-latest-item a {
        color: #FFF;
}

.news-latest-date {
        font-weight: bold;
}

.news-latest-gotoarchive a {
        float: right;
        margin: 0px 0px 0px 0px !important;
}

.news-list-item {
        margin: 0px 0px 15px 0px;
}

.news-list-item span {
        display: block;
}

.news-list-date {
        font-weight: bold;
}

/*.news-single-item {
        background: #DEDEDE;
        color: #2B2A2A;
        padding: 22px 22px 10px;
}*/

.news-single-rightbox {
        margin-bottom: 20px;
}

.news-single-rightbox span {
        background-color: #2B2A2A;
        padding: 2px 5px;
        color: #fff;
}

.news-single-item dd {
        color: #aaa !important;
        margin-bottom:10px;
}

.news-single-item dd a {
        color: #2B2A2A !important;
        padding-right:5px !important;
        padding-left:5px !important;
}

#printpdf {
    padding: 10px 0;
    text-align: right;
        opacity:0.5;
}

#printpdf a{
        font-size:12px;
        padding-left:26px;
        background:url(/fileadmin/templates/html/media/pdf_icon.gif) 0 0 no-repeat;
        line-height:20px;
        display: inline-block;
        zoom:1;
        *display:inline;
        color:#fff !important;
}

#printpdf a:hover{
        text-decoration:none !important;
}

#printpdf a.printlink{
        background:url(/fileadmin/templates/html/media/print_icon.gif) 0 0 no-repeat;
        margin-right:30px;
}

/* ============================== FARBRÄUME ============================== */

/* ========== BLUE - DEFAULT ========== */

.blue .product_navi .active a {
        color: #195287 !important;
}

/* ========== RED ========== */

/*
.red #subnavi .active a,
.red #subnavi .active ul .active a,
.red #subnavi li.active li.active ul.subnavi-3 li.active a {
        background: #37152E url(/fileadmin/templates/html/media/subnavi_background_red.gif) top left repeat-x;
}

.red a.button {
        border: 1px solid #d30128;
}

.red a.button,
.red #breadcrumb,
.red #breadcrumb a,
.red .product_table .product_navi .active a {
        color: #d30128 !important;
}

.red #slider {
        background: url(/fileadmin/templates/html/media/slider_background_red.jpg) top left no-repeat;
}
*/

/* ========== TURQUOISE ========== */

/*
.turquoise #subnavi .active a,
.turquoise #subnavi .active ul .active a,
.turquoise #subnavi li.active li.active ul.subnavi-3 li.active a {
        background: #37152E url(/fileadmin/templates/html/media/subnavi_background_turquoise.gif) top left repeat-x;
}

.turquoise a.button {
        border: 1px solid #003231;
}

.turquoise a.button,
.turquoise #breadcrumb,
.turquoise #breadcrumb a,
.turquoise .product_table .product_navi .active a {
        color: #00987D !important;
}
*/

/* ========== GREEN ========== */

/*
.green #subnavi .active a,
.green #subnavi .active ul .active a,
.green #subnavi li.active li.active ul.subnavi-3 li.active a {
        background: #89955F url(/fileadmin/templates/html/media/subnavi_background_green.gif) top left repeat-x;
}

.green a.button {
        border: 1px solid #122718;
}

.green a.button,
.green #breadcrumb,
.green #breadcrumb a,
.green .product_table .product_navi .active a {
        color: #3C722B !important;
}
*/

/* ========== ORANGE ========== */

/*
.orange #subnavi .active a,
.orange #subnavi .active ul .active a,
.orange #subnavi li.active li.active ul.subnavi-3 li.active a {
        background: #AA933F url(/fileadmin/templates/html/media/subnavi_background_orange.gif) top left repeat-x;
}

.orange a.button {
        border: 1px solid #4D3D0F;
}

.orange a.button,
.orange #breadcrumb,
.orange #breadcrumb a,
.orange .product_table .product_navi .active a {
        color: #BF953F !important;
}
*/

/* ========== VIOLET ========== */

/*
.violet #subnavi .active a,
.violet #subnavi .active ul .active a,
.violet #subnavi li.active li.active ul.subnavi-3 li.active a {
        background: #37152E url(/fileadmin/templates/html/media/subnavi_background_violet.gif) top left repeat-x;
}

.violet a.button {
        border: 1px solid #302C47;
}

.violet a.button,
.violet #breadcrumb,
.violet #breadcrumb a,
.violet .product_table .product_navi .active a {
        color: #9F83BF !important;
}
*/

/* ========== LIME ========== */

/*
.lime #subnavi .active a,
.lime #subnavi .active ul .active a,
.lime #subnavi li.active li.active ul.subnavi-3 li.active a {
        background: #37152E url(/fileadmin/templates/html/media/subnavi_background_lime.gif) top left repeat-x;
}

.lime a.button {
        border: 1px solid #2B381F;
}

.lime a.button,
.lime #breadcrumb,
.lime #breadcrumb a,
.lime .product_table .product_navi .active a {
        color: #90AD42 !important;
}
*/

/* ========== YELLOW ========== */

/*
.yellow #subnavi .active a,
.yellow #subnavi .active ul .active a,
.yellow #subnavi li.active li.active ul.subnavi-3 li.active a {
        background: #37152E url(/fileadmin/templates/html/media/subnavi_background_yellow.gif) top left repeat-x;
}

.yellow a.button {
        border: 1px solid #373619;
}

.yellow a.button,
.yellow #breadcrumb,
.yellow #breadcrumb a,
.yellow .product_table .product_navi .active a {
        color: #B6A52B !important;
}
*/

/* ===================================================================== */
/* ============================== CONTENT ============================== */
/* ===================================================================== */


#content h2.h1_red{
        color:#a71033;
        /*font-weight: normal;*/
    font-size: 28px;
    font-weight: normal;
    line-height: 120%;
    margin: 0 0 1em;
        display:block;
        width:530px;
}

#content .fce-landing-page h2 {
        font-size:31px;
        color:#3e3e3e;
}

a img {
        border: none;
}

.produktbild{
        margin-bottom:14px;
}


/* ====================================================================== */
/* ============================== CAROUSEL ============================== */
/* ====================================================================== */

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
        list-style-type: none !important;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 180px;
    height: 168px;
}

* html .jcarousel-item a{
        left: -60px;
        top:-50px;
        position:relative;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* =========================================================================== */
/* ============================== BRWOSER-HACKS ============================== */
/* =========================================================================== */

/* IE8 */
html {width /*\**/: 100%\9}
body {width /*\**/: 100%\9}
.product_table .data th {padding-bottom /*\**/: 0\9}
.product_table .data th { height /*\**/: 23px\9 }


/* =========================================================================== */
/* ============================== POWERMAIL ================================== */
/* =========================================================================== */

.formoverlay {
        display: none;
        color: #000;
        min-height:755px;
        height:100%;
        width:100%;
        top: 0;
        left: 0;
        background: url("/fileadmin/templates/html/media/pmail_page_bg.png") center 2px;
        position: absolute;
        position: fixed;
        z-index:200;
}

.formoverlay #steps {
        overflow: hidden;
}

.formoverlay #steps li.current {
        padding-top: 0px !important;
        height: 60px !important;
}


.formoverlay #steps li p {
        padding-left: 40px !important;
        height:  60px !important;
        display: table-cell;
        vertical-align: middle;
}
.formoverlay #steps li a{
        padding-left: 0 !important;
        margin-left: 0 !important;
        left: 0 !important;
        top: 0 !important;
        margin-top: 0 !important;
        display: block;
}

.formoverlay #steps.items-3{
        background-repeat: no-repeat !important;
        background-image: url("/fileadmin/templates/html/media/pmail_step_bg_hevc.gif") !important;
}

.formoverlay #steps.items-3 li{
        width: 286px !important;
        background-repeat: no-repeat !important;
        background-image: url("/fileadmin/templates/html/media/step_2_hevc.png") !important;
        padding-right: 2px;
}

.formoverlay #steps.items-3 li:first-child{
        width: 277px !important;
        background-repeat: no-repeat !important;
        background-image: url("/fileadmin/templates/html/media/step_1_hevc.png") !important;
}

.formoverlay #steps.items-3 li:last-child{
        width: 280px !important;
        background-repeat: no-repeat !important;
        background-image: url("/fileadmin/templates/html/media/step_5_hevc.png") !important;
}

.formoverlay #steps.items-5{
        background-repeat: no-repeat !important;
        background-image: url("/fileadmin/templates/html/media/pmail_step_bg2.png") !important;
}

.formoverlay #steps.items-5 li{
        background-repeat: no-3epeat !important;
        background-image: url("/fileadmin/templates/html/media/step_2.png") !important;
        width: 186px !important;
        padding-right: 2px !important;
}

.formoverlay #steps.items-5 li:first-child{
        background-repeat: no-repeat !important;
        background-image: url("/fileadmin/templates/html/media/step_1.png") !important;
        width: 168px !important;
}

.formoverlay #steps.items-5 li:last-child{
        background-repeat: no-repeat !important;
        background-image: url("/fileadmin/templates/html/media/step_5.png") !important;
        width: 178px !important;
}

.formoverlay #steps.items-5 #stepDesc3{
        margin-left: -31px;
}

.formoverlay #steps.items-5 #stepDesc4 {
    margin-left: -32px;
    margin-right: -2px;
}

.formoverlay #steps.items-3 #stepDesc2 {
    margin-left: -28px;
    margin-right: -2px;
}

#overlay {
        display: none;
        color: #000;
        min-height:755px;
        height:100%;
        width:100%;
        background: url("/fileadmin/templates/html/media/pmail_page_bg.png") center 2px;
        position: absolute;
        position: fixed;
        top:0px;
        left:0px;
}

/*@-moz-document url-prefix() { #overlay {height: 100% !important}}*/


.tx-powermail-pi1_formwrap{
        position: absolute;
        background: #202020;
        top:50px;
        left:50%;
        width:797px auto;
        height:643px;
        margin-left:-409px;
        padding:14px;
        border: 1px solid #5c5c5c;
}

.powermail_mandatory_list, .tx-powermail-pi1_confirmation, .tx-powermail-pi1_thx{
        position: absolute;
        top:65px;
        left:50%;
        margin-top:75px;
        background: #fff url("/fileadmin/templates/html/media/pmail_fieldset_bg.gif") 0 0 repeat-y;
        padding:20px;
        height:527px;
        margin-left:-394px !important;
        width:747px;
}

.powermail_mandatory_list li{
        margin-left: 20px;
}

.tx-powermail-pi1 fieldset {
        margin-top:75px;
        background: #fff url("/fileadmin/templates/html/media/pmail_fieldset_bg.gif") 0 0 repeat-y;
        padding:20px;
        height:527px;
        width:747px;
}

#step3 fieldset{
        width:747px;
}

.tx-powermail-pi1 legend {
        display:none;
}

.tx_powermail_pi1_fieldwrap_html_checkbox_title, #powermaildiv_uid7 label, .powermail_head{
        font-size:16px;
        color: #4d4d4d;
        padding-bottom: 16px;
        margin-bottom: 0 !important;
        clear:both;
        display:block;
}

.powermail_check_inner{
        float: left;
        width:200px;
        height: 25px;
        margin-right:20px;
}

.powermail_check_inner input{
        float: left;
        margin-top:1px;
}

.powermail_check_inner label{
        float: right;
        width:180px;
}

.tx_powermail_pi1_fieldwrap_html{
        display: block;
        float: left;
}

.powermail_text{
        width: 237px;
        height: 14px;
        border: 1px solid #9c9c9c;
        margin-left: 13px;
        margin-top:5px;
        padding: 4px;
}

.powermail_select{
        width: 245px;
        height: 22px;
        border: 1px solid #9c9c9c;
        margin-left: 13px;
        margin-top:5px;
}

.powermail_check_inner_uid1_1{
        margin-right:200px;
}

.powermail_check_inner_uid2_9, .powermail_check_inner_uid2_10, .powermail_check_inner_uid2_11 {margin-top:10px;}

.tx-powermail-pi1 hr {
        border-top: 1px solid #BEBEBE;
        border-bottom: 1px solid #fff7e7;
        width: 740px;
        margin-top: 22px;
}

* html .tx-powermail-pi1 hr {margin-top: 16px}

.powermail_textarea {
        border: 1px solid #9c9c9c;
        padding: 4px;
        width: 730px;
        height: 20px;
        margin-bottom:10px;
}

.tx-powermail-pi1 textarea, .tx-powermail-pi1 input, .tx-powermail-pi1 select {
        font-size:12px;
}

.tx-powermail-pi1 input {
        padding:3px;
}

#powermaildiv_uid26 p {display:none;}

#tx-powermail-pi1_fieldset_4{ padding-right:0;}

#tx-powermail-pi1_fieldset_5 .tx_powermail_pi1_fieldwrap_html_text, #tx-powermail-pi1_fieldset_5 .tx_powermail_pi1_fieldwrap_html_select{
        width:345px;
        margin-right:18px;
        position:relative;
}

/* Honeypot */

#aG9uZXlwb3Q, #aG9uZXlwb3Z {
        display: none;
}


#tx-powermail-pi1_fieldset_5 .tx_powermail_pi1_fieldwrap_html input, #tx-powermail-pi1_fieldset_5 .tx_powermail_pi1_fieldwrap_html select{
        float: right;
}

#tx-powermail-pi1_fieldset_5 label{
        width:84px;
        display:block;
        margin-top:7px;
        float:left;
}

.powermail_check_inner_uid26_0 label{
        margin-top:0 !important;
        width:180px !important;
        float: right !important;
}
.powermail_check_inner_uid26_0 input{
        float: left !important;
}

.tx_powermail_pi1_fieldwrap_html_submit, #powermaildiv_uid28{
        clear:both;
}

#powermaildiv_uid7 label {
        width:740px;
}

.tx-powermail-pi1 #steps span {display:none;}

.tx-powermail-pi1 #steps {
        position: absolute;
        float: left;
        height:74px;
        width: 789px;
        margin: 0;
        margin-left:-1px;
        padding: 0;
        background: #202020 url("/fileadmin/templates/html/media/pmail_step_bg2.jpg") 0 0 no-repeat;
        color: #202020;
}

/**********************************************************************/
/** Changes for Subscribe-Form ****************************************/
/**********************************************************************/

#subscribe-form.tx-powermail-pi1 #steps {
        background: #202020;
}

#subscribe-form h1{
        display: block;
        position: absolute;
        width: 767px;
        height: 60px;
        padding-left: 20px;
        font-size: 32px;
        background: #FFFFFF;
        line-height: 60px;
        border-radius: 2px;
}


/*support form*/

.support-form select{
        width:222px;
}

.support-form textarea{
        min-width:420px;
        min-height:150px;
}

.support-form .fieldwrap label{
        padding: 5px 0;
}

.support-form fieldset{
        margin-top:2em;
}

.support-form .button{
        margin-left:150px;
        min-width: 222px;
}

/**********************************************************************/

.tx-powermail-pi1 .current {
        padding-top:60px !important;
        height:10px;
}

.tx-powermail-pi1 #steps li {
        width:160px;
        list-style-type: none;
        float: left;
        height: 0px;
        padding-top:1px;
}

.tx-powermail-pi1 form {
        float: left;
    font-size: 11px;
    line-height: 140%;
}

.step_pagination {
        position: absolute;
        top: 281px;
        height:0px;
}

.step_pagination .prev{
        position:absolute;
        float:left;
        margin-left:-91px;
        width:44px;
        height:66px;
        display:block;
        background: url("/fileadmin/templates/html/media/pmail_arrow_prev.png") 0 0 no-repeat;
}

.step_pagination .next {
        position:absolute;
        float:right;
        margin-left:795px;
        width:44px;
        height:66px;
        display:block;
        background: url("/fileadmin/templates/html/media/pmail_arrow_next.png") 0 0 no-repeat;
}

.step_pagination .step_next_bottom {
        color: #202020 !important;
        position:absolute;
        z-index:2;
        margin-left:605px !important;
        margin-top:332px;
        width:163px !important;
        height:44px !important;
        background: url("/fileadmin/templates/html/media/pmail_nextstep.gif") 0 0 no-repeat !important;
}

.step_pagination a{
        color: transparent !important;
}

.form_submit, .tx-powermail-pi1_confirmation_submit {
        z-index:3;
        border:none;
        width:163px;
        height:44px;
        top:613px;
        left:639px;
        background: url("/fileadmin/templates/html/media/pmail_submit.gif") 0 0 no-repeat !important;
        position:absolute;
        cursor: pointer;
}

.tx-powermail-pi1_mandatory_submit, .tx-powermail-pi1_confirmation_back{
        z-index:3;
        position: absolute;
        left:50%;
        border:none;
        width:163px;
        height:44px;
        top:664px;
        margin-left:231px;
        background: url("/fileadmin/templates/html/media/pmail_back.gif") 0 0 no-repeat !important;
        position:absolute;
}

.step_close {
        color:transparent;
        position: absolute;
        top:-30px;
        left:786px;
        height: 57px;
        width: 57px;
        background: url("/fileadmin/templates/html/media/pmail_close.png") 0 0 no-repeat;
        text-decoration: none;
}

.realStepSelect {
        text-transform: uppercase;
        text-decoration:none;
        color: #fff !important;
        font-weight:normal;
        font-size:12px;
        position:relative;
        top: 12px;
        left:44px;
}

.current .realStepSelect {
        color: #202020 !important;
}

#realStepSelect-0 {
        left:37px;
}

.tx-powermail-pi1_fieldset ul {
        list-style-type: square !important;
        margin: 10px;
}

.tx-powermail-pi1_fieldset li {
        margin-left: 20px;
}

.tx-powermail-pi1_fieldset .licensing-error {
       border: 1px solid #c90038 !important;
		box-shadow: 0px 0px 3px rgba(233, 29, 78,0.7) !important;
        background: #ebf5fc;
}

.error_validation_box{
        background: url("/fileadmin/templates/html/media/alert_box_bg.gif") 50% 50% repeat-x;
        border:1px solid #5788B0;
        color:#fff;
        line-height:30px;
        padding-left:20px;
        font-weight:bold;
        font-size:12px;
        display:none;
        margin-top:20px;
}


/* moodalbox CSS */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #FFF;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #FFF;
border-bottom: none;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD url(../../../typo3conf/ext/rgmoodalbox/res/img/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;

}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {

font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #FFF;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../../../typo3conf/ext/rgmoodalbox/res/img/closelabel.gif) no-repeat center;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}

.tutorialbilder {
        float:left;
        padding:0;
        padding-right:10px;
}

.content_schmal{
        width:530px !important;
        overflow: hidden !important;
}

/* NEUE PRODUKTNAVI */

.products_navi, .products_navi_apps {
        padding:0;
        margin:0!important;
        height:55px!important;
}
.products_navi li, .products_navi_apps li{
        float:left;
        list-style-type:none;
        margin:0;
        margin-right:5px;
        cursor:pointer;
        line-height:28px;
        background:url("/fileadmin/templates/html/media/subnavi_background_2011.gif") repeat-x scroll left top;
        display:block;
        color:#BCA9A2;
        font-size:12px;
        font-weight:bold;
        padding:0px 13px 0px 12px;
        -moz-border-radius:2px 2px 2px 2px;
        border:1px solid #D30128;
        text-transform: uppercase;
}

.products_navi li:hover,.products_navi_apps li:hover , .active_products{
        color:#fff!important;
}

/* RSS FEED */

.rssicon{
        position:relative;
}

.rssicon img{
        left:72px;
        position:absolute;
        top:2px;
}

/* ===================================================================== */
/* ============================== TAGCLOUD ============================= */
/* ===================================================================== */

#cloud ul {
        float: left;
        line-height:0.3;
        width:100%;
        padding:0px;
        margin:0;
        padding-bottom:20px;
}

#cloud ul li {
        float: left;
        list-style:none;
        position:relative;
}

#cloud ul a {
        color: #fff;
        text-decoration:none;
        display:block;
        padding:10px;
        padding-left:0px;
}

a.size_1 {
        font-size:10px;
        color:#297ca8 !important;
        padding-left:3px !important;
        padding-right:3px !important;
}

a.size_2 {
        font-size:16px;
        color:#2295d1 !important;
        padding-left:7px !important;
        padding-right:7px !important;
}

a.size_3 {
        font-size:25px;
        color:#00a7fe !important;
        padding-left:10px !important;
        padding-right:10px !important;
}

#cloud ul a:hover {
        color:#fff !important;
        background-color:#00a7fe !important;
        }


/* ========== RED ========== */

.red #ext-subnavi .active a,
.red #ext-subnavi .active ul .active a,
.red #ext-subnavi li.active li.active ul.subnavi-3 li.active a {
        background: #37152E url(/fileadmin/templates/html/media/subnavi_background_2011.gif) top left repeat-x;
}


/* ========== 3-Spalten FCE ========== */

.column3_wrap{
        margin-bottom:1em;
}

.column3_wrap .column3_left{
        width:170px;
        float:left;
        margin-right:25px;
}

.column3_wrap .column3_mid{
        width:500px;
        float:left;
        margin-right:25px;
}

.column3_wrap .column3_right{
        width:130px;
        text-align:right;
        float:right;
}

#howto-teaser {
        margin-bottom: 2em;
}

#howto-teaser .howto-title {
        margin-bottom: 1em;
}

#howto-teaser .howto-title a {
        text-decoration: underline;
        font-weight: normal;
        color:#ffffff !important;
}

#howto-teaser .howto-text a {
        text-decoration: none;
}

.news-list2-container h2 a{
        color:#BCA9A2!important;
        text-decoration:none;
}

/* fce_three_columns + fce_two_columns */
.fce_three_columns_wrapper{
        overflow: hidden;
        margin-right:-3%;
}
.fce_three_columns_left,
.fce_three_columns_center{
        padding-right: 2%;
        padding-right: -moz-calc(30px + 0.5%);
        padding-right: -webkit-calc(30px + 0.5%);
        padding-right: calc(30px + 0.5%);
}
.fce_three_columns_left,
.fce_three_columns_center ,
.fce_three_columns_right{
        width: 31%;
        width: -moz-calc(32% - 16px);
        width: -webkit-calc(32% - 16px);
        width: calc(32% - 16px);
        float: left;
}

.fce_three_columns_left, .fce_three_columns_center, .fce_three_columns_right {
    margin-left: -4px;
    width: calc(32% - 16px);
}

.fce_two_columns_wrapper{
        overflow: hidden;
        padding:18px 0;
}

.fce-landing-page .fce_two_columns_wrapper{
        overflow: hidden;
        padding:0;
}

.fce_two_columns_wrapper div img{
        max-width:100%;
        height:auto;
}

.fce_two_columns_wrapper DIV.csc-textpic-imagewrap{
        max-width:100%;
        width:auto !important;
        height:auto;
}

.fce_two_columns_left{
        padding-right: 2%;
        padding-right: -moz-calc(30px);
        padding-right: -webkit-calc(30px);
        padding-right: calc(30px);
}
.fce_two_columns_left,
.fce_two_columns_right{
        width: 49%;
        width: -moz-calc(50% - 15px);
        width: -webkit-calc(50% - 15px);
        width: calc(50% - 15px );
        float: left;
}

.fce-landing-page table{
        width:100%;
}

.fce-landing-page .product_innertable_content {
        padding:0;
}

.align-center {
        text-align: center;
}

.fce_three_columns_wrapper .csc-textpic-imagewrap{
        width:auto !important;
}

.fce_three_columns_wrapper .csc-textpic-imagewrap img{
        max-width:100%;
        height:auto;
}

.fce-landing-imgtext{
        position:relative;
}

.fce-landing-text{
        position:absolute;
        top:0;
        height:100%;
        padding: 0 60px;
        color:#fff;
        text-shadow:0 0 10px rgba(0,0,0,0.3)
}

.fce-landing-text-right{
        margin-left: 430px;
}

.fce-landing-page .fce_two_columns_wrapper {
    padding-top:25px;
        padding-bottom:25px;
}

#content .fce-landing-text p, #content .fce-landing-text h2{
        color:#fff;
        
        margin: 0 0 1.1em;
}

#content .fce-landing-text h2{
        line-height:140%;
}

.fce-landing-benefitsblock_content > div, .fce-landing-relatedblock_content > div{
        width:30%;
        margin:1.5%;
        float:left;
}

.fce-landing-benefitsblock_header{
        text-align:center;
        margin-bottom: 0 !important;
    margin-top: 25px !important;
}

.fce-landing-benefitsblock_content{
        margin:0 80px !important;
        box-shadow:0 0 10px rgba(0,0,0,0.1);
        overflow:hidden;
        font-size:14px !important;
        color:#898989 !important;
        background:#fff;
}

.fce-landing-benefits_left, .fce-landing-benefits_mid {
        background: url("/fileadmin/templates/html/media/benefit_divider.gif") no-repeat top right;
        min-height:150px;
}

#content .fce-landing-benefitsblock_content li{
        font-size:14px;
        color:#898989;
}

.fce-landing-benefitsblock{
        background:#f5f5f5;
        padding:15px;
}

.fce-landing-relatedblock{
        background:#e5e5e5;
        padding:45px 15px 60px;
        margin-top: 40px;
}

.fce-landing-relatedblock_content{
        margin:0 80px !important;
        overflow:hidden;
}

#content .fce-landing-relatedblock h2{
        text-align:center;
        color:#3d3d3d !important;
}

#content .fce-landing-relatedblock_content h2{
        font-size:16px !important;
        text-align:left;
}

.buttonstyle, .fce-landing-page .buttonstyle {
    background: none repeat scroll 0 0 #8A1655;
    border-radius: 4px;
    font-size: 14px;
    padding: 13px 50px;
        color:#fff !important;
}

.nopadding{
        padding:0 !important;
}

/* Titel-Block */

#titleblock{
        height:124px;
        background:#4f4f4f url('/fileadmin/templates/html/media/titleblock_bg.gif') 0 0 repeat-y;
        padding: 0 10px 0 60px;
        display: table-cell;
    vertical-align: middle;
    width: 980px;
}

#titleblock strong,
#titleblock h1{
        color:#fff;
        font-size:34px;
        font-weight:normal;
        line-height:40px;
        
        margin:0;
}

#titleblock strong.smalltitle,
#titleblock h1.smalltitle{
        font-size:28px;
}

#titleblock strong.smallesttitle,
#titleblock h1.smallesttitle{
        font-size: 20px;
    line-height: 140%;
}

#content .fce-landing-page_title{
        
}

#content .gray_title .fce-landing-page_title{
}

#to_top {
    background: #e91d4e url('/fileadmin/templates_redesign/img/pink_arrow2.png') 50% 50% no-repeat;
    bottom: 50px;
    display: none;
    right: 50px;
    position: fixed;
    z-index: 99;
	width:60px;
	height:60px;
	border:1px solid rgba(0,0,0,0.1);
	background-size: 15px;
}

#to_top:hover {
	background-color:#c90038;
}

@media only screen and (max-width: 1200px) {
        #to_top {
				width:50px;
				height:50px;
                right: 25px;
				bottom:40px;
        }
}


/*NEW CSS FOR SDK FORM=================================================== */

        /*FORM TABS*/
                .tx-powermail-pi1 #steps, #steps.items-3 {
                background: url('/fileadmin/templates/html/media/pmail_step_bg_3step.gif') no-repeat !important;
                }

             
                .tx-powermail-pi1 #steps li {
                        list-style-type: none;
                        float: left;
                        height: 0px;
                        padding-top: 1px;
                }

/*patch*/
                        @media screen and (-webkit-min-device-pixel-ratio:0) {
                        .realStepSelect p {position:relative; top:10px; margin-left:20px !important;}
                        }


                        .tx-powermail-pi1 #steps #stepDesc0 {
                        width: 277px !important;
                        background-image: url("/fileadmin/templates/html/media/step_1_hevc.png") !important;
                        }

                        .tx-powermail-pi1 #steps #stepDesc1 {
                        margin-left: -30px;
                        width: 288px !important;
                        background-repeat: no-repeat !important;
                        background-image: url("/fileadmin/templates/html/media/step_2_hevc.png") !important;
                        /* OFF background-position: 2px 0;*/
                        }
                        .tx-powermail-pi1 #steps #stepDesc2 {
                        margin-left:-30px;
                        width: 280px !important;
                        background-repeat: no-repeat !important;
                        background-image: url("/fileadmin/templates/html/media/step_5_hevc.png") !important;
                        /* OFF background-position: 4px 0;*/
                        }


        /*NEW*/
        .two-columns{
                display:block;
                width:48%;
                float:left;

        }
        .formlabelwrap label{
                font-size: 16px;
                color: #4d4d4d;
                padding-bottom: 6px;
                margin-bottom: 0 !important;
                clear: both;
                display: block;

        }
        #step1 .formlabelwrap {
        float:none !important;
        }

        /*patch to make label size smaller*/
        #step1 .formlabelwrap label, #top3Panel label{
        font-size:12px !important;
        color:#000 !important;
        }
        .forminputpatch{
        width: 245px;
        height: 14px;
        border: 1px solid #9c9c9c;
        margin-left: 2px;
        margin-bottom: 15px;
        padding: 4px;
        }
        .top3input{
                padding-bottom:10px;
        }
        .powermail_textarea {
        border: 1px solid #9c9c9c;
        padding: 4px;
        width: 730px;
                /*patch 150*/ height: 100px;
        margin-bottom: 10px;
        }
        .showpanel { display: block;  }
    .hidepanel { display: none; }

        /*total code checkboxes*/
        .check_label_descrip{
                clear:both !important;
                display:block;
                padding-bottom:8px;

                /*clearfix*/
                overflow: auto;
                width: 100%;
                /*clearfix*/
        }
        .check_label_descrip input {
                float:left;
        display:block;
        margin-top: 1px;
        }
        .check_label_descrip label {
        float: left;
        width: 160px;
        display:block;
        padding-left:10px;
        font-weight:bold;
        }
        .choiceDescrip{
                float:left;
        }
        .evalDescrip{
                display:block;
                float:left;
                width:300px;
        }

        .nofloat{
                /*patch*/ float:none;
        }
        .formoverlay hr{
        display:block;
        clear:both;
        float:none;
}
/*END NEW CSS FOR SDK FORM*/



#closevideo{
	width:960px;
	max-width: 100%;
	margin: 0 auto;
	margin-top:135px;
	position:relative;
	top:-20px;
}
#closevideo_icon{
	background: url(/fileadmin/templates/html/media/nav_close.png) 10px 10px no-repeat;
	height: 15px;
	width: 15px;
	float:right;
	position:relative;
	z-index:1000;
	padding:10px;
	border-radius:50px;
	margin-right:-10px;
}
#closevideo_icon:hover{
	background-color:rgba(255,255,255,0.2);
	-webkit-transition: ease-in-out 0.2s;
	transition: ease-in-out 0.2s;
}

.video_overlay_wrapper, #c15056, #c15059{
	display:none;
	position:fixed;
	z-index: 999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
	background:rgba(0,0,0,0.8);
}

video.video_overlay, #c15056 video, #c15059 video{
	display: block;
	margin:0 auto;
	max-width:100%;
	height:auto;
	clear: both;
}

#content .usecase-market-select select {
	display: block;
	margin: 0 0 40px 60px;
	padding: 5px 10px;
	border: 1px solid #9C9C9C;
}

#content .usecase-container {
	margin: 0 0 0 60px;
}

#content .usecase-container .usecase {
	float: left;
	width: 258px;
	margin: 0 43px 20px 0;
}

#content .usecase-container .usecase > a {
	display: block;
	margin: 0 0 15px 0;
}

#content .usecase-container .usecase ul {
	margin-bottom: 0;
}

#content .usecase-container .usecase li {
	margin: 0 0 5px 20px;
	padding: 0;
	font-size: 12px;
	line-height: 1.5em;
	list-style-type: square;
	background: none;
}

.hidden {
	display: none;
}

.fce_two_columns_left .licensing-error,
.fce_two_columns_right .licensing-error {
	border: 1px solid #c90038 !important;
	box-shadow: 0px 0px 3px rgba(233, 29, 78,0.7) !important;
	padding: 10px;
}

.evaluate-button {
	display: block;
	top: 190px;
	right: 0;
	position: fixed;
	width: 139px;
	z-index: 1000;
}

.required_mark{
	font-size: 20px;
	color: #333;
	line-height: 1px;
	position: relative;
	font-weight: normal;
	padding-left: 3px;
	font-family: 'Open Sans', sans-serif;
	color:#878787;
}

#required_fields {
	display: none !important;
}

/* Error Container */
.form-errorcontainer {
	display: none;
	background: rgba(233, 29, 78,0.2);
	border: 1px solid rgb(233, 29, 78);
	padding: 15px;
}

.form-errorcontainer.errors {
	display: block;
}

.form-errorcontainer h2 {
	color: rgb(233, 29, 78);
	font-size: 20px;
	margin-top: 15px;
}

.form-errorcontainer ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  color: #333;
}

/* Special Layout */
.formtypechoices h2 {
	margin: 3em 0 0.625em 0;
}

h2 .required_mark, h3 .required_mark{
	top: -5px;
	font-size: 23px;
}

.csc-mailform-field .licensing-error {
	border: 1px solid #c90038 !important;
	box-shadow: 0px 0px 3px rgba(233, 29, 78,0.7) !important;
}

.other_check + label{
	float:left;
}

.other_check + label + input{
	position: relative;
	top: -3px;
	margin-left: 10px !important;
	padding: 2px 5px 3px 5px;
	top: -5px;
	margin-bottom:-5px;
}

/* Digital Signage Other field */
#site-1424 #mailformMC_SDKs_Other {
	display:block !important;
	padding: 2px 5px 3px 5px;
	top: -5px;
}

@media only screen and (min-width: 1370px) {

	.evaluate-button {
		left: 50%;
		margin: 0 0 0 540px;
	}

}

/* HOMEPAGE BLOCKS - graphodata Feb. 2016 - passmann[AT]graphodata.de */
#content .blocks { float:left; clear: both; width: 100%; }
#content .block-wrap { width: 306px; height: 170px; padding: 30px; margin-right: 30px; margin-bottom: 30px; position: relative; float:left; box-sizing: border-box; background-color: #1b1b1b; background-image: url(../img/corner_homeblocks.png); background-repeat: no-repeat; background-position: right bottom; }
#content .block-wrap a { color: transparent; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#content .block-wrap p.header {  font-size: 27px; color: #fff; margin: 0; float:left; clear: both; background: url(../img/arrow_homeblocks.png) no-repeat center right; padding-right: 35px; line-height: 1.5em; margin-top: 10px; }
#content .block-wrap p.subheader {  font-size: 13px; color: #fff; margin: 0; float:left; clear: both; padding-bottom: 30px; padding-left: 2px; }
#content .block-wrap:nth-child(1),
#content .block-wrap:nth-child(4),
#content .block-wrap:nth-child(7),
#content .block-wrap:nth-child(10) { border-top: 10px solid #EA951F; }
#content .block-wrap:nth-child(2),
#content .block-wrap:nth-child(5),
#content .block-wrap:nth-child(8),
#content .block-wrap:nth-child(11) { border-top: 10px solid #D10A2D; }
#content .block-wrap:nth-child(3),
#content .block-wrap:nth-child(6),
#content .block-wrap:nth-child(9),
#content .block-wrap:nth-child(12) { margin-right: 0; border-top: 10px solid #8A1653; }
#content .block-wrap.image-loaded { border-top: none; }
#content .block-wrap.image-loaded img { margin: 0px 0 0 0; position: absolute; }