/**** Layout ****/
#bannerbox {
    margin: 15px 14px;
    width: 950px;
    height: 260px;
    overflow: hidden;
}

#bannerwrapper {
    height: 290px;
    background-image: url("../Images/old/transparent-bg.png");
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border: 1px solid #E5E5E5;
    margin-bottom: 15px;
}

#bg1,
#bg2,
#bg3,
#bg4,
#bg5,
#bgwrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: repeat-x;
}

#bg1 {
    background-image: url("../Images/old/horizont.png");
}

#bg2 {
    background-image: url("../Images/old/wave2.png");
}

#bg3 {
    background-image: url("../Images/old/wave1.png");
}

#bg4 {
    /*background-image: url("../Images/old/wave3.png");*/
}

#bg5 {
    background-image: url("../Images/old/white.png");
}


#footerbox {
    color: #ffffff;
    height: 85px;
    background-image: url("../Images/old/footer-bg.png");
    background-repeat: repeat-x;
    background-position: top;
}

#footerwrapper {
    height: 180px;
    background-image: url("../Images/old/footer-shadow.png");
    background-repeat: repeat-x;
    background-position: top;
}

/**** Klassen ****/
.clear {
    clear: both;
    height: 0;
    width: 0;
    line-height: 0;
}

.magento-aside,
.typo3-aside {
    margin-bottom: 30px;
    background-repeat: no-repeat;
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
}

.magento-aside {
    background-image: url("../Images/old/magento.png");
    background-position: left top;
}

.typo3-aside {
    background-image: url("../Images/old/typo3.png");
    background-position: left 2px;
}

h1.headline18px {
    font-size: 18px;
}

h1.home-info {
    margin-bottom: 5px;
    line-height: 100%;
    font-size: 13px;
}





.spacing .fce50.first .fcecontent {
    padding: 0;
}

.fce50.first .fcecontent .fcecontent {
    padding: 20px;
}

*+html #c542 .fce50.last {
    width:244px;
}

*+html .self-spacing40 .fce25 {
    width: 24.9% !important;
}

.home .csc-textpic-below {
    height: 200px;
    position: relative;
}

.home .csc-textpic-below img {
    position: absolute;
    left: 20px;
    bottom: 0;
}

/* tt_news */
/* browselinks */
.browseLinksWrap {
	text-align:center;
}

.browseLinksWrap a {
    padding: 5px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #C5C5C5;
    margin-right:10px;
}

.browseLinksWrap a:last-child,
.browseLinksWrap a:first-child,
.browseLinksWrap .disabledLinkWrap {
    background:none;
    padding:0px;
    color:#333;
    font-weight:bold;
    margin-right:10px;
}

.browseLinksWrap .activeLinkWrap {
    padding:5px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #858585;
    margin-right:10px;
}

/* SINGLE News */
.news-single-item .news-single-date {
    color: #C5C5C5;
}

.news-single-item .news-single-subheader {
    color: #858585;
    margin-bottom: 15px;
}
.news-single-additional {margin-bottom:15px;}

/* LATEST News */
.news-latest-item .news-latest-title {
    margin-bottom: 5px;
}

.news-latest-item .news-latest-image .rheight20 {
    margin: 0 auto;
    display: block;
}

.news-latest-item .news-latest-content p {
    margin-bottom: 0;
}

/* LIST News */
.news-list-item {
    margin-bottom: 20px;
	border-bottom: 1px dotted #D5D5D5;
}

.news-list-item .news-list-date {
    float: right;
    color: #C5C5C5;
    margin-top: 4px;
}

.news-list-item .news-list-image {
    float: left;
}

.news-list-item .news-list-image img {
    margin-right: 10px;
}

/* Home News Header List */
.news-header-list-container {
    margin: 0;
}




.news-header-list-item .news-header-list-title {
    margin-bottom: 5px;
}

/* Newsletter Details */
.news-single-image .single2-img {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.news-single-image .single2-img.first {
    margin-bottom: 30px;
    margin-right: 0;
    float: none;
}

.news-single-image .single2-img.last {
    margin-right: 0;
}

/* Referenzen Details */
.referenzen-single-item .referenzen-right-content {
    float: right;
    width: 50%;
}

.referenzen-single-item header {
    margin-bottom: 15px;
    display: block;
}

.referenzen-single-item .wvrefplattform-data,
.referenzen-single-item .wvrefprojektumfang-data,
.referenzen-single-item .wvrefaufgabenstellung-data {
    margin-bottom: 15px;
}

.referenzen-single-item .wvrefplattform-data img {
    margin-right: 10px;
}

.referenzen-single-item .referenzen-single-image {
    padding-left: 40px;
}

.referenzen-single-item .referenzen-single-img {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.referenzen-single-item .referenzen-single-img.first {
    margin-bottom: 30px;
    margin-right: 0;
    float: none;
}

.referenzen-single-item .referenzen-single-img.last {
    margin-right: 0;
}

.referenzen-single-item .referenzen-single-google .postit {
    position: absolute;
    bottom: 30px;
    right: -20px;
}

.referenzen-single-item .wvrefurl-data a {
    color: #c5c5c5;
}

.referenzen-single-item .reference-newstitle {
    font-size:18px;
}

/* Referenzen Liste */
.referenzen-list-container {
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
}

.referenzen-list-item {
    width: 214px;
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    list-style: none;
    height: 350px;
    position: relative;
}

.referenzen-list-item.hover {
    background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#F5F5F5), to(#FFFFFF));
    background: -moz-linear-gradient(top, #f5f5f5, #fff 50%);

    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}

.referenzen-list-item .referenzen-list-category {
    height: 25px;
    float: right;
    margin-top: 10px;
    visibility: hidden;
}

.referenzen-list-item.hover .referenzen-list-category {
    visibility: visible;
}

.referenzen-list-item .referenzen-list-category img {
    z-index: 10;
    border: none;
    position: inherit;
    margin-left: 5px;
    float: right;
}

.referenzen-list-item .referenzen-list-category .postit {
    width: 182px;
    position: absolute;
    margin-top: 185px;
    left: 70px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
}

.referenzen-list-item a {
    display: block;
    overflow: hidden;
    width: 214px;
    height: 305px;
    position: relative;
}

.referenzen-list-item .referenzschatten {
    width: 20px;
    height: 40px;
    display: block;
    bottom: 40px;
    position: absolute;
    float: left;
    background-image: url("../Images/old/referenzschatten.png");
    background-position: center bottom;
}

.referenzen-list-item img {
    position: absolute;
    bottom: 40px;
    left: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
}

.referenzen-list-item canvas,
.referenzen-list-item .canvasimg {
    position: absolute;
    top: 265px;
    left: 20px;
}

.referenzen-list-item .wvreftitle-data {
    bottom: 0;
    color: #A0A0A0;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    right: 10px;
    text-align: right;
    white-space: nowrap;
}

.referenzen-list-item .referenzen-list-date {
    display: none;
}

/* Referenzen Liste Navi */
.referenzen-sorter {
    background-image: url("../Images/old/sorter-bg.png");
    width: 100%;
    height: 32px;
}

.referenzen-sorter .referenzen-schieber {
    background-image: url("../Images/old/schieber.png");
    background-repeat: no-repeat;
    background-position: 88px 23px;
    height: 32px;
}

.referenzen-sorter ul.referenzen-schieber {
    background-position: 151px 23px;
}

.referenzen-sorter li {
    padding-left: 20px;
    margin-left: 0;
    display: inline;
}

.referenzen-sorter a {
    line-height: 32px;
    color: #666666;
}

.referenzen-sorter li:first {
    padding-left: 12px;
}







/* Postit */
.postit {
    /*-webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    transform: rotate(-6deg);*/
    z-index: 100;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.postit ul.box {
    overflow: hidden;
}

.postit ul.box li {
    list-style-type: none;
    padding: 10px 10px;
    width: 145px;
    height: 80px;
    border: 2px solid #fff;
    background-color:#fcf9b3;
    color: #0A497F;
    position: relative;
    margin-bottom: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fcf9b3), to(#fde76a));
    background: -moz-linear-gradient(top, #fcf9b3, #fde76a);
    background: linear-gradient(top, #fcf9b3, #fde76a);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

.postit ul.box li:after {
    z-index: -1;
    position: absolute;
    background: transparent;
    width: 70%;
    height: 55%;
    content: '';
    right: 10px;
    bottom: 10px;
    transform: skew(15deg) rotate(12deg);
    -webkit-transform: skew(15deg) rotate(12deg);
    -moz-transform: skew(15deg) rotate(12deg);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.postit ul.box li:before {
    z-index: -2;
    position: absolute;
    background: transparent;
    width: 70%;
    height: 55%;
    content: '';
    left: 10px;
    bottom: 10px;
    transform: skew(-15deg) rotate(-12deg);
    -webkit-transform: skew(-15deg) rotate(-12deg);
    -moz-transform: skew(-15deg) rotate(-12deg);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Metanav */
#metanav {
    display: inline;
}

#metanav > li {
    display: inline;
}

#metanav li.last {
    margin-right: 12px;
}

#metanav li a {
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-right: 1px solid #999999;
    padding: 0 12px;
    text-transform: uppercase;
}

/* Footernav */
#footernav {
    float: left;
    margin: 19px 0 0 30px;
}

#footernav > li {
    display: inline;
    margin: 0;
    vertical-align: top;
}

#footernav li a {
    color: #ffffff;
    border-right: 2px solid #999999;
    padding: 0 15px;
}

#footernav li.last a {
    border-right: none;
}

#footernav > li.item4,
#footernav > li.item5 {
    display:inline-block;
}

/* Logonav */
#logos {
    float: right;
    margin: 13px 35px 0 0;
}

#logos li {
    float: left;
    display: block;
    margin-left: 20px;
    background-image: url("../Images/old/logos.png");
    background-repeat: no-repeat;
    height: 42px;
}

/* IE fix for box-shadow */
.no-boxshadow .contentrahmen {
    filter:progid:DXImageTransform.Microsoft.DropShadow(color='#CACACA',offX='1',offY='1');
}

/* imagecycle */
.tx-imagecycle-pi1,
.tx-imagecycle-pi1-images,
.tx-imagecycle-pi1-images > li {
    width:950px;
    height: 260px;
    background: none !important; /* for IE */
}

.tx-imagecycle-pi1-images {
    margin: 0;
}

.tx-imagecycle-pi1-images > li {
    list-style: none;
    margin: 0;
}

.tx-imagecycle-pi1 {
    position: relative;
}

.tx-imagecycle-pi1-pager {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 950px;
    height: 8px;
    z-index: 50;
}

.tx-imagecycle-pi1-pager a {
    background-image: url("../Images/old/dots.png");
    background-position: top left;
    background-repeat: no-repeat;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 8px;
}

.tx-imagecycle-pi1-pager a span {
    display: none;
}

.tx-imagecycle-pi1-pager a:hover {
    background-position: -8px top;
}

.tx-imagecycle-pi1-pager .activeSlide {
    background-position: -16px top;
}

.tx-imagecycle-pi1-images > li > a > img {
    float: right;
}

.tx-imagecycle-pi1-images .imagecycle-caption {
    margin: 35px;
    z-index:1000;
}

.tx-imagecycle-pi1-images .imagecycle-caption a {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #000000 !important;
    -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.tx-imagecycle-pi1-images .imagecycle-caption h1 a {
    color: #ffffff !important;
    font-size: 30px;
    -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    font-weight:normal;
    font-family:DIN, Arial, Helvetica, sans-serif
}

.imagecycle-caption li {
    margin-bottom: 10px;
    list-style: none;
    margin-left: 0;
}

/* Searchbox */
.tx-macinasearchbox-pi1 {
    float: right;
}

.tx-macinasearchbox-pi1 .searchfield {
    margin-top: 1px;
    margin-right: 1px;
    border: none;
    height: 24px;
    line-height: 24px;
    width: 125px;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background-image: url("../Images/old/search-inactive.png");
    background-position: 5px;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    padding: 0 0 0 35px;
    -webkit-box-shadow: -3px 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -3px 0 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: -3px 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: -3px 0 5px rgba(0, 0, 0, 0.5);
}

*+html .tx-macinasearchbox-pi1 .searchfield {
    height:20px;
    margin-top: 0;
}

.tx-macinasearchbox-pi1 .searchfield:active,
.tx-macinasearchbox-pi1 .searchfield:focus {
    color: #333333;
    width: 200px;
    padding-left: 0;
    background-image: url("../Images/old/search-active.png");
    background-position: 165px;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow:inset 0 2px 5px rgba(0, 0, 0, 0.4), -3px 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:inset 0 2px 5px rgba(0, 0, 0, 0.4), -3px 0 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow:inset 0 2px 5px rgba(0, 0, 0, 0.4), -3px 0 5px rgba(0, 0, 0, 0.5);
    box-shadow:inset 0 2px 5px rgba(0, 0, 0, 0.4), -3px 0 5px rgba(0, 0, 0, 0.5);
}

/* powermail */
.powermail_mandatory {
    color: #ff0000;
}

/* old
.powermail_error {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
    font-size: 11px;
    height: 15px;
    margin-left: -2px;
    padding: 3px 10px 5px;
}

.powermail_error p {
    margin: 0; padding: 0;
}*/

.error {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
    font-size: 11px;
    height: 15px;
    margin-left: 45px;
    margin-top: 30px;
    padding: 3px 10px 5px;
}

.error p {
    margin: 0; padding: 0;
}

.tx-powermail-pi1_fieldset,
.tx_powermail_pi1_fieldwrap_html_check fieldset {
    border: none;
}

.tx-powermail-pi1_fieldset legend {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

.tx-powermail-pi1_fieldset label {
    display: block;
    width: 200px;
    float: left;
    clear: both;
    font-weight: bold;
}

legend.tx_powermail_pi1_fieldwrap_html_checkbox_title {
    margin-bottom: 15px;
}

.tx_powermail_pi1_fieldwrap_html_check {
    width: 600px;
}

.powermail_check_inner {
    float: left;
    margin-right: 40px;
}

.powermail_check_inner label {
    font-weight: normal;
    width: 240px;
}

.tx-powermail-pi1_fieldset input.powermail_text {
    font-family: "Lucida Grande", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 250px;
    height: 15px;
    padding: 5px;
    border: 1px solid #DDDDDD;
}

.tx-powermail-pi1_fieldset select.powermail_select {
    font-family: "Lucida Grande", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 261px;
    height: 27px;
    padding: 5px;
    border: 1px solid #DDDDDD;
}

.tx-powermail-pi1_fieldset textarea.powermail_textarea {
    font-family: "Lucida Grande", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 500px;
    height: 155px;
    padding: 5px;
    border: 1px solid #DDDDDD;
}

.tx-powermail-pi1_fieldset input.powermail_text:focus,
.tx-powermail-pi1_fieldset textarea.powermail_textarea:focus {
    -webkit-box-shadow: 0 0 12px rgba(89, 172, 239, 0.5);
    -moz-box-shadow: 0 0 12px rgba(89, 172, 239, 0.5);
    box-shadow: 0 0 12px rgba(89, 172, 239, 0.5);
}

.tx-powermail-pi1_fieldset input.powermail_radio {
    margin: 5px 0;
}

.tx_powermail_pi1_fieldwrap_html {
    margin: 10px 0;
}

.tx-powermail-pi1_fieldset input.powermail_submit {
    margin: 20px 0 10px 200px;
    font-weight: bold;
    padding: 5px 10px;
    color: #444444;
    border: none;
    -webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#BBBBBB));
    background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
    background-color: #BBBBBB;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.tx-powermail-pi1_fieldset input.powermail_submit:hover {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BBBBBB), to(#ffffff));
    background-image: -moz-linear-gradient(0% 100% 90deg, #FFFFFF, #BBBBBB);
}

.tx_powermail_pi1_fieldwrap_html_checkbox_title,
.tx_powermail_pi1_fieldwrap_html_radio_title {
    font-weight: bold;
}

.tx_powermail_pi1_fieldwrap_html_hr {
    height: 1px;
    width: 100%;
    background-color: #DDDDDD;
    margin: 15px 0;
}

/* Twitter */
#twitter_update_list li {
    list-style: none;
    position: relative;
    padding: 15px;
    margin: 0 0 50px;
    color: #333333;
    background-color: #EEEEEE;

    /* css3 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}

/* creates the triangle */
#twitter_update_list li:after {
    content: "";
    display: block; /* reduce the damage in FF3.0 */
    position: absolute;
    bottom: -40px;
    left: 50px;
    width: 0;
    height: 0;
    border-width: 0 20px 40px 0;
    border-style: solid;
    border-color: transparent #EEEEEE;
}

#twitter_update_list li.even:after {
    left:200px;
    border-width:0 0 40px 20px;
}

/* felogin */
.tx-felogin-pi1 fieldset {
    border: none;
}

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

.tx-felogin-pi1 label {
    margin-bottom: 5px;
    margin-top: 5px;
}

.tx-felogin-pi1 input[type=text],
.tx-felogin-pi1 input[type=password] {
    font-family: "Lucida Grande", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 205px;
    height: 15px;
    padding: 5px;
    border: 1px solid #DDDDDD;
}

.tx-felogin-pi1 input[type=text]:focus,
.tx-felogin-pi1 input[type=password]:focus {
    -webkit-box-shadow: 0 0 12px rgba(89, 172, 239, 0.5);
    -moz-box-shadow: 0 0 12px rgba(89, 172, 239, 0.5);
    box-shadow: 0 0 12px rgba(89, 172, 239, 0.5);
}

.tx-felogin-pi1 input[type=submit] {
    margin: 20px 0 10px 160px;
    font-weight: bold;
    padding: 5px 10px;
    color: #444444;
    border: none;
    -webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#BBBBBB));
    background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
    background-color: #FFFFFF;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

div.csc-textpic div.csc-textpic-single-image img {
    margin-bottom: 0;
}

/* autocomplete */
.ac_results {
    opacity:0.95;
}

.ac_results ul li {
    list-style:none;
    text-align:left;
    margin-left:0px;
    border-bottom:1px dotted #999;
}
.ac_results ul li.even,
.ac_results ul li.odd {
    background:#d9d9d9 !important;
}

/* indexedsearch */
td.tx-indexedsearch-icon.icon img {
    position: relative;
    top: -5px;
}

td.tx-indexedsearch-result-number.result-number {
    display: none;
}

.tx-indexedsearch-res td.tx-indexedsearch-title.title {
    margin-bottom: 15px;
    display: inline-block;
    width: 750px !important;
}

.tx-indexedsearch-res td.tx-indexedsearch-title.title a {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif;
    line-height: 160%;
}

.tx-indexedsearch-res td.tx-indexedsearch-percent.percent {
    color: #C5C5C5;
    margin-top: 4px;
    float: right;
}

td.tx-indexedsearch-info.info {
    display: none;
}

.tx-indexedsearch .tx-indexedsearch-rules {
    display: none;
}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
    border: 1px solid #DDDDDD !important;
    font-family: "Lucida Grande","Lucida Sans",Tahoma,Arial,Helvetica,sans-serif !important;
    font-size: 11px !important;
    height: 15px !important;
    padding: 5px !important;
    width: 250px !important;
    margin-left: 10px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button  {
    -moz-border-radius: 13px 13px 13px 13px !important;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
    background-color: #FFFFFF !important;
    background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF) !important;
    border: medium none !important;
    color: #444444 !important;
    font-weight: bold !important;
    margin: 20px 0 10px 200px !important;
    padding: 5px 10px !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85) !important;
    margin-left: 10px !important;
}

/***** CSSTOOLTIP *********/
.wt_csstooltip {
    position: relative;
    /*cursor: help;*/
}

.wt_csstooltip .tooltip {
    left: -68px;
    top: -115px;
}

.wt_csstooltip:hover .tooltip {
    display: block;
    z-index: 250;
}

.tooltip {
    display: none;
    background-image: url("../Images/old/tooltipbox_borderbg.png");
    position: absolute;
    font-weight: normal;
    z-index: 100;
}

.tooltipcontent {
    background-color: #fff;
    color: #000;
    padding: 10px;
    width: 135px;
    height: 80px;
    margin: 7px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    overflow: hidden;
	display: block;
}

.tooltipcontent:after {
	border-color: #FFFFFF transparent;
	border-style: solid;
	border-width: 7px 7px 0;
	bottom: 0;
	content: "";
	display: block;
	left: 77px;
	position: absolute;
	width: 0;
}

.tooltipcontent .tooltip-title {
	font-size: 14px;
	display: block;
	font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.tooltipcontent h1,
.tooltipcontent .tooltip-title{
    line-height: 100%;
    margin-bottom: 5px;
}

/* contagged */
dfn a,
.tx-contagged-tooltip a,
.tx-contagged-list dt a {
    color: #333333 !important;
    font-style: normal;
	padding-bottom: 1px;
	border-bottom: 1px dotted #D5D5D5;
	cursor: help;
}

.tx-contagged-tooltip {
	position: relative;
}

.tx-contagged-tooltip .tooltip {
    left: -70px;
    top: -120px;
}

.tx-contagged-tooltip:hover .tooltip {
	display: block;
}

.tx-contagged-index span {
    padding: 5px;
    background-color: #C5C5C5;
    color: #FFFFFF;
}

.tx-contagged-index a {
    color: #000000;
    font-weight: bold;
}

.tx-contagged-index span a {
    color: #000000;
}

.tx-contagged-index span.tx-contagged-act {
    padding:5px;
    background-color: #858585;
}

.tx-contagged-index span.tx-contagged-act a {
    color: #FFFFFF;
}

.tx-contagged .browseBoxWrap {
	margin: 20px 0;
}

.tx-contagged-searchbox {
    margin: 20px 0;
}

.tx-contagged-single dt {
	color: #000000;
    font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
	font-size: 14px;
    line-height: 160%;
    margin-bottom: 15px;
}

.tx-contagged .tx-contagged-navlink a {
    color: #A0A0A0;
}

.tx-contagged .tx-contagged-navlink .tx-contagged-backlink {
	margin-right: 50px;
}

.tx-contagged-list {
    margin-bottom: 20px;
}

.tx-contagged-list .tx-contagged-navlink {
    margin-bottom: 10px;
}


/* powermail Webcast */
#oxlive-webcast .tx-powermail-pi1_fieldset input.powermail_text {
    border: 1px solid #DDDDDD;
    font-family: "Lucida Grande","Lucida Sans",Tahoma,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 15px;
    padding: 5px;
    width: 275px;
    }
    
#oxlive-webcast .tx-powermail-pi1_fieldset select.powermail_select {
	border: 1px solid #DDDDDD;
    font-family: "Lucida Grande","Lucida Sans",Tahoma,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 27px;
    padding: 5px;
    width: 286px;
}
#oxlive-webcast .tx-powermail-pi1_fieldset legend {
    font-size: 14px;
    font-weight: bold;
    margin-bottom:28px;
}

/* Service Level Agreements */
.sla {
	width: 100%;
	font-family: "Lucida Grande", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #333333;
	border-collapse: collapse;
}

.sla tr {
	height: 34px;
}

.sla td {
	border-bottom: 1px dotted #CCCCCC;
	padding: 2px 10px;
}

.sla .tr-odd {
	background: #f4f4f4;
}

.sla .td-0 {
	text-align: left;
	width: 52%;
}

.sla .td-1 {
	text-align: center;
	width: 16%;
}

.sla .td-1 img {
	vertical-align: middle;
}

.sla .td-2 {
	text-align: center;
	width: 16%;
}

.sla .td-3 {
	text-align: center;
	width: 16%;
}
/* Wartungs- und Entwicklungsverträge */
.wev {
	width: 100%;
	font-family: "Lucida Grande", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #333333;
	border-collapse: collapse;
}

.wev tr {
	height: 34px;
}

.wev td {
	border-bottom: 1px dotted #CCCCCC;
	padding: 2px 10px;
}

.wev .tr-odd {
	background: #f4f4f4;
}

.wev .td-0 {
	text-align: left;
	width: 50%;
}

.wev .td-1 {
	text-align: center;
	width: 25%;
}

.wev .td-1 img {
	vertical-align: middle;
}

.wev .td-2 {
	text-align: center;
	width: 25%;
}
/* Managed Secure Hosting */
.host {
	width: 100%;
	font-family: "Lucida Grande", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #333333;
	border-collapse: collapse;
}

.host tr {
	height: 34px;
}

.host td {
	border-bottom: 1px dotted #CCCCCC;
	padding: 2px;
}

.host .tr-odd {
	background: #f4f4f4;
}

.host .td-0 {
	text-align: left;
	width: 38%;
}

.host .td-1 {
	text-align: center;
	width: 15%;
}

.host .td-1 img {
	vertical-align: middle;
}

.host .td-2 {
	text-align: center;
	width: 15%;
}

.host .td-3 {
	text-align: center;
	width: 2%;
}
.host .td-4 {
	text-align: center;
	width: 15%;
}
.host .td-5 {
    text-align: center;
    width: 15%;
}

.host .td-6 {
    text-align: center;
    width: 10%;
}

/* vServer */
.vserver {
	width: 100%;
	font-family: "Lucida Grande", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #333333;
	border-collapse: collapse;
}

.vserver tr {
	height: 34px;
}

.vserver td {
	border-bottom: 1px dotted #CCCCCC;
	padding: 2px 10px;
}

.vserver .tr-odd {
	background: #f4f4f4;
}

.vserver .td-0 {
	text-align: left;
	width: 50%;
}

.vserver .td-1 {
	text-align: center;
	width: 50%;
}

.vserver .td-1 img {
	vertical-align: middle;
}


.tx-powermail-pi1_fieldset_7 .powermail_check_inner label {
    font-weight: normal;
    width: 450px;
    margin-left: 20px;
}
.tx-powermail-pi1_fieldset_7 .powermail_check_inner {
    float: left;
    margin-right: 40px;
}
.tx-powermail-pi1_fieldset_anfrage {
    font-weight: normal;
    width: 450px;
}
.tx-powermail-pi1_fieldset_7 .powermail_check {
    display: block;
    float: left;
    margin-top: 5px;
    position: absolute;
}
.tx-powermail-pi1_fieldset_7 label {
    clear: both;
    display: block;
    float: left;
    font-weight: bold;
    width: 175px;
}
.tx-powermail-pi1_fieldset_7 legend.tx_powermail_pi1_fieldwrap_html_checkbox_title {
    font-size: 12px;
    margin-bottom: 15px;
}

.csc-textpic-caption {font-size:10px; color: #333}
.recaptcha { padding-bottom: 70px; }

.content-list {text-align: left;}

.testimonial {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.text-section {
    flex-basis: 66%;
}

.testimonial-content {
    display: flex;
    align-items: center;
    gap: 20px;
}

.author-image-container {
    display: flex;
    position: relative;
    bottom: 2rem;
}

.authorpic {
    border-radius: 50%;
    z-index: 1;
    width: 170px;
    height: 170px;
    background-size: contain;
}

.author {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    font-size: large;
    position: relative;
    margin-top: 2rem;
    right: 8rem;
}

article {
    margin-bottom: 2rem;
}

article blockquote {
    border: none;
}

.frame-inner .testimonial {
    margin: 4rem 0;
}

article blockquote footer::before {
    content: "";
}

.company {
    display: block;
}

.quote-icon {
    width: 40px;
    height: 40px;
}

.quote-icon.top {
    position: relative;
    bottom: 14rem;
}

.quote-icon.bottom {
    align-self: flex-end;
    position: relative;
    top: 4rem;
    right: 1rem;
}

.speachbubble {
    position: absolute;
    z-index: 0;
    width: 18.5rem;
    top: 0.5rem;
}

@media screen and (max-width: 767px){
    .testimonial-content {
        flex-direction: column;
    }
    .text-section {
        max-width: 80%;
    }
    .quote-icon.top {
        right: 45%;
        top: 2rem;
    }
    .quote-icon.bottom {
        top: 0;
    }
}