/* Schriften */

@import url("../wf/fontawesome/stylesheet.css");
.count_text {
    font-size: 80%;
}


/* InvaTrans */

#wrapperContent {
    position: relative;
    padding-bottom: 50px;
}


/*.spriteIndex {
    background-image: url(/img/_spriteIndex.png);
    background-repeat: no-repeat;
}*/

.spriteIndexLoggedIn {
    background-image: url(/img/spriteIndexLoggedIn.png);
    background-repeat: no-repeat;
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

.error {
    background-color: #9f0000;
    color: #FFFFFF;
    font-size: 90%;
    padding: 8px 8px 8px 28px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.error::before {
    content: '\f071';
    font-family: 'fontawesome';
    display: inline-block;
    width: 20px;
    margin-left: -20px;
}

.success {
    background-color: #008b00;
    color: #FFFFFF;
    font-size: 1rem;
    padding: 8px 8px 8px 28px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.success::before {
    content: '\f00c';
    font-family: 'fontawesome';
    display: inline-block;
    width: 20px;
    margin-left: -20px;
}


/* InvaTrans Button */

.dock-item-link {
    -moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    box-shadow: inset 0px 1px 0px 0px #54a3f7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
    background-color: #007dc1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #124d77;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: 'fontawesome';
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
    font-size: 110%;
}

.button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1', GradientType=0);
    background-color: #0061a7;
}

.button:active {
    margin-top: 1px;
}


/*.buttonGreen {
	-moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	box-shadow: inset 0px 1px 0px 0px #54a3f7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00b011), color-stop(1, #00880d));
	background: -moz-linear-gradient(top, #00b011 5%, #00880d 100%);
	background: -webkit-linear-gradient(top, #00b011 5%, #00880d 100%);
	background: -o-linear-gradient(top, #00b011 5%, #00880d 100%);
	background: -ms-linear-gradient(top, #00b011 5%, #00880d 100%);
	background: linear-gradient(to bottom, #00b011 5%, #00880d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b011', endColorstr='#00880d', GradientType=0);
	background-color: #00b011;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #124d77;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: 'fontawesome';
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
	font-size: 110%;
}
.buttonGreen:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00880d), color-stop(1, #00b011));
	background: -moz-linear-gradient(top, #00880d 5%, #00b011 100%);
	background: -webkit-linear-gradient(top, #00880d 5%, #00b011 100%);
	background: -o-linear-gradient(top, #00880d 5%, #00b011 100%);
	background: -ms-linear-gradient(top, #00880d 5%, #00b011 100%);
	background: linear-gradient(to bottom, #00880d 5%, #00b011 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00880d', endColorstr='#00b011', GradientType=0);
	background-color: #00880d;
}
.buttonGreen:active {
	margin-top: 1px;
}*/


/* Sidebar */

#containerSide {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 26px;
    background-image: url(../img/backgroundSide.png);
    background-repeat: repeat-y;
    z-index: 999;
}

#layerSideSwitch {
    height: 45px;
    position: relative;
}


/*.sideSwitchButton {
    height: 25px;
    width: 25px;
    cursor: pointer;
    background-image: url(../img/spriteIndex.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    right: 35px;
}
*/

#sideSwitchOpen {
    background-position: -617px -269px;
}

#sideSwitchClose {
    background-position: -582px -269px;
}

#itemSideLogin {
    position: relative;
    width: 129px;
    height: 50px;
    padding-top: 54px;
    float: right;
    margin-right: 6px;
    margin-bottom: 50px;
    color: #FFF;
    font-size: 80%;
    text-align: center;
    background-position: -440px -339px;
    cursor: pointer;
}

#itemSideSmallLogin {
    position: relative;
    width: 50px;
    height: 102px;
    padding: 0px;
    float: right;
    margin-right: 9px;
    margin-bottom: 53px;
    font-size: 80%;
    text-align: center;
    background-position: 0px -490px;
    cursor: pointer;
    color: transparent;
}

#itemSideLoginText,
#itemSideSmallLoginText {
    position: absolute;
    width: 404px;
    height: 185px;
    top: 10px;
    right: 110px;
    background-position: 0px -610px;
    display: none;
    color: #FFF;
    cursor: default;
}

#itemSideLoginText.open,
#itemSideSmallLoginText.open {
    display: block;
}

#itemSideSmallLoginText {
    right: 40px;
}

#loginTitle {
    padding-top: 7px;
    padding-left: 25px;
    padding-right: 75px;
    font-size: 140%;
    height: 36px;
    line-height: 30px;
    text-align: center;
}

#loginBody {
    padding-left: 24px;
    padding-right: 71px;
    padding-top: 15px;
    color: #333;
    text-align: left;
}

#loginBody a {
    color: #333;
    text-decoration: none;
}

.loginTDUsername {
    padding-bottom: 7px;
}

.loginTDSubmit {
    padding-top: 15px;
    vertical-align: top;
    color: #FF0000;
}

.loginInput {
    width: 289px;
    height: 30px;
    background: none;
    border: none;
    background-color: #FFF;
    padding: 0px 10px;
}

.loginButton {
    border: none;
    background: none;
    color: #0074c1;
    cursor: pointer;
    background-color: #FFF;
}

.loginButton.logout {
    font-family: 'fontawesome';
}


/*.itemSide {
    position: relative;
    width: 129px;
    height: 34px;
    padding-top: 52px;
    float: right;
    margin-right: 6px;
    color: #FFF;
    font-size: 80%;
    text-align: center;
    background-image: url(../img/spriteIndex.png);
    background-repeat: no-repeat;
}

.itemSideSmall {
    position: relative;
    width: 50px;
    height: 82px;
    padding: 0px;
    float: right;
    margin-right: 9px;
    font-size: 80%;
    background-image: url(../img/spriteIndex.png);
    background-repeat: no-repeat;
    color: transparent;
    margin-bottom: 4px;
}

.itemSideSmall .itemSideTitle,
#itemSideSmallLogin .itemSideTitle {
    display: none;
}

#itemSide1 {
    background-position: -662px -269px;
}

#itemSide1 h2 {
    font-size: 120%;
    margin-bottom: 10px;
}

#itemSideSmall1 {
    background-position: -70px -490px;
}

#itemSide1:hover #itemSideText1,
#itemSideSmall1:hover #itemSideText1 {
    display: block;
}

#itemSide2 {
    background-position: -811px -269px;
}

#itemSide2 h2 {
    font-size: 120%;
    margin-bottom: 10px;
}

#itemSideSmall2 {
    background-position: -140px -490px;
}

#itemSide2:hover #itemSideText2,
#itemSideSmall2:hover #itemSideText2 {
    display: block;
}

#itemSide3 {
    background-position: -662px -375px;
}

#itemSide3 h2 {
    font-size: 120%;
    margin-bottom: 10px;
}

#itemSideSmall3 {
    background-position: -210px -490px;
}

#itemSide3:hover #itemSideText3,
#itemSideSmall3:hover #itemSideText3 {
    display: block;
}

#itemSide4 {
    background-position: -811px -375px;
}

#itemSide4 h2 {
    font-size: 120%;
    margin-bottom: 10px;
}

#itemSideSmall4 {
    background-position: -280px -490px;
}

#itemSide4:hover #itemSideText4,
#itemSideSmall4:hover #itemSideText4 {
    display: block;
}

.itemSideText,
.itemSideSmallText {
    position: absolute;
    width: 394px;
    height: 231px;
    background-image: url(../img/spriteIndex.png);
    background-repeat: no-repeat;
    top: 10px;
    right: 110px;
    display: none;
    padding: 29px 76px 29px 29px;
    text-align: left;
    color: #FFF;
    font-size: 100%;
}

.itemSideText h1,
.itemSideSmallText h1 {
    font-size: 120%;
    margin-bottom: 10px;
}

.itemSideText p,
.itemSideSmallText p {
    margin-bottom: 10px;
}

.itemSideText p:last-child,
.itemSideSmallText p:last-child {
    margin-bottom: 0px;
}

.itemSideSmallText {
    right: 40px;
}

#itemSideText1 {
    background-position: 0px -815px;
}

#itemSideText2 {
    background-position: -519px -815px;
}

#itemSideText3 {
    background-position: 0px -1124px;
}

#itemSideText4 {
    background-position: -519px -1124px;
}

/*
/* Top */

#containerTop {
    background-image: url('../img/backgroundTop.png');
}

#layerTop {
    width: 1000px;
    padding: 10px 100px;
    margin: 0px auto;
    overflow: hidden;
    line-height: 40px;
}

#layerTopRight {
    padding-top: 4px;
    float: right;
    overflow: hidden;
}

#layerTopRightFav {
    width: 21px;
    height: 19px;
    background-position: -1066px -375px;
    display: block;
    float: right;
}

#layerTopLanguage {
    float: left;
    overflow: hidden;
}

.languageLink {
    display: block;
    float: left;
    width: 19px;
    height: 20px;
    background-image: url('/img/spriteCountries.png');
    margin-right: 5px;
}

#languageLink_de {
    background-position: -19px 0;
}

#languageLink_it {
    background-position: -76px 0;
}

#languageLink_en {
    background-position: -57px 0;
}

#languageLink_es {
    background-position: -38px 0;
}

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

#layerTopSlogan {
    color: #FFF;
    font-size: 120%;
    float: left;
    width: 860px;
    line-height: 140%;
}


/* Head */

#layerHead {
    width: 1000px;
    padding: 0px 100px;
    height: 249px;
    margin: 0px auto;
    position: relative;
}

#layerHeadMask {
    width: 1050px;
    height: 249px;
    position: absolute;
    left: 75px;
    top: 0px;
}

#layerHeadPhone {
    width: 190px;
    height: 70px;
    padding: 1em 0;
    position: absolute;
    bottom: 10px;
    right: 201px;
    color: #FFF;
    font-size: 97%;
    text-align: center;
    line-height: 130%;
}


/* Slider */

#layerHeadSlider {
    overflow: hidden;
    width: 1000px;
    height: 200px;
    list-style: none;
    position: relative;
    background-color: #FFF;
}

#layerHeadSlider ul {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0
}

.itemHeadSlider {
    float: left;
    position: relative;
    overflow: hidden;
    width: 1000px;
    height: 200px;
}

#layerHeadSliderPager {
    height: 50px;
    position: absolute;
    top: 163px;
    left: 345px;
    overflow: hidden;
    list-style: none;
}


/*
.pagerHeadSlider {
    width: 51px;
    height: 46px;
    float: left;
    display: block;
    background-image: url(../img/spriteIndex.png);
    background-repeat: no-repeat;
    background-position: -443px -272px;
    cursor: pointer;
}
*/

.pagerHeadSlider:hover,
.pagerHeadSlider.active {
    background-position: -514px -272px;
}

.itemHeadSliderText {
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    height: 200px;
}

#itemHeadSliderTextLarge {
    width: 550px;
    left: 450px;
    font-size: 170%;
    position: absolute;
    height: 110px;
    margin: 4% 0;
    line-height: 130%;
}

#itemHeadSliderTextSmall {
    width: 550px;
    left: 450px;
    font-size: 160%;
    position: absolute;
    height: 110px;
    margin: 4% 0;
    line-height: 130%;
}

.itemHeadSliderTextList {
    list-style: none;
}


/*.itemHeadSliderTextList li {
    list-style: none;
    background-image: url(../img/spriteIndex.png);
    background-repeat: no-repeat;
    background-position: -1066px -339px;
    height: 20px;
    line-height: 20px;
    padding-left: 25px;
    margin-bottom: 10px;
}*/


/* Main */

#layerMain {
    width: 1000px;
    padding: 0px 25px;
    padding-top: 20px;
    margin: 0px auto;
}

#layerMainLeft {
    width: 200px;
    float: left;
}

#layerMainContent {
    width: 550px;
    padding: 0px 10px;
    float: left;
    position: relative;
    margin-left: 10px;
}

#layerMainContent.full {
    width: 760px;
    padding-right: 0;
    margin-left: 10px;
    border-left: 1px solid #A9A9A9;
}

#layerMainRight {
    width: 200px;
    float: right;
}

.buttonBackServices {
    margin-top: -4px;
    margin-right: -4px;
    float: right;
    display: block;
    width: 61px;
    height: 60px;
    background-image: url(../img/button/buttonBackServices.png);
}


/* Icons */

#layerMainLeftIcons {
    padding: 30px 0px;
}

#iconLeft1,
#iconLeft2,
#iconLeft3 {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}

#iconLeft1 {
    background-position: -350px -490px;
}

#iconLeft2 {
    background-position: -470px -490px;
}

#iconLeft3 {
    background-position: -590px -490px;
}


/* Navigation */

.naviLink1Root,
.naviLink2Root,
.naviLinkOver2Root,
#naviRoot li {
    list-style: none;
}

.naviLinkItem1,
.naviLinkItem1open,
#naviRoot>ul>li {
    position: relative;
    margin-top: 5px;
}

.naviLink1,
.naviLink1open,
#naviRoot>ul>li>a,
#naviRoot>ul>li>a.open {
    display: block;
    color: #555;
    text-decoration: none;
    font-size: 105%;
    background-image: url(/img/navigationArrowLeft.png);
    background-repeat: no-repeat;
    background-position: left center;
    transition: all 500ms;
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 23px;
    border-radius: 10px;
}

.naviLinkItem1:hover .naviLink1,
.naviLink1open,
#naviRoot>ul>li:hover>a,
#naviRoot>ul>li>a.open {
    padding-left: 35px;
    background-color: #1d1d1b;
    color: #FFFFFF;
    background-position: 10px center;
    background-image: url(/img/navigationArrowLeftWhite.png);
}

.naviLink2,
.naviLink2open,
.selectedMenu>ul>li>a {
    padding: 7px 10px 7px 35px;
    color: #555555;
    text-decoration: none;
    display: block;
}

.naviLink2:hover,
.naviLink2open,
.selectedMenu>ul>li>a:hover,
.selectedMenu>ul>li>a.active {
    color: #116db2;
}


/* Navivorschau */

.mouseOver {
    margin: -38px 0 0 0;
    display: none;
    position: absolute;
    left: 100%;
    z-index: 9;
    border-radius: 5px;
    overflow: hidden;
    background-color: #0074c1;
    background-color: rgba(0, 116, 193, 0.95);
}

.naviLinkItem1:hover .containerNaviMouseOver1,
#naviRoot>ul>li:hover .mouseOver {
    display: block;
}

.containerNaviMouseOver1 {
    display: none;
    position: absolute;
    left: 100%;
    z-index: 9;
}

.naviLinkOver2Root {
    border-radius: 5px;
    overflow: hidden;
    background-color: #0074c1;
    background-color: rgba(0, 116, 193, 0.95);
}

.naviLinkOver2,
.naviLinkOver2open {
    display: block;
    color: #FFF;
    width: 260px;
    padding: 10px 20px;
    text-decoration: none;
}

.naviLinkOver2:hover,
.naviLinkOver2open,
.mouseOver>ul>li a:hover {
    background-color: #0283d9;
    background-color: rgba(255, 255, 255, 0.2);
}

.mouseOver>ul>li>a {
    display: block;
    text-decoration: none;
    width: 260px;
    color: #FFF;
    padding: 10px 20px;
}


/* Navigation Services */

.layerNavigationServices {
    width: 200px;
}

.layerNavigationServicesHead {
    background-image: url(../img/backgroundNavigationServices.png);
    background-position: 0 -18px;
    width: 200px;
    height: 10px;
}

.itemNavigationServices {
    display: block;
    background-image: url(../img/backgroundNavigationServices.png);
    color: #555555;
    font-size: 84%;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

.itemNavigationServices:before {
    content: '\f138\00A0';
    font-family: 'fontawesome';
    font-size: 70%;
    display: block;
    float: left;
    height: 100%;
}

.itemNavigationServices.big {
    line-height: 110%;
    padding-top: 10px;
    height: 45px;
}

.itemNavigationServices .small {
    font-size: 80%;
}

.itemNavigationServices:hover,
.itemNavigationServices.open {
    color: #FFF;
}

#itemNavigationServices_1 {
    height: 38px;
    line-height: 37px;
    background-position: 0 -28px;
    padding-left: 40px;
}

#itemNavigationServices_1:hover,
#itemNavigationServices_1.open {
    background-position: -200px -28px;
}

#itemNavigationServices_2 {
    background-position: 0 -66px;
    padding-left: 30px;
}

#itemNavigationServices_2:hover,
#itemNavigationServices_2.open {
    background-position: -200px -66px;
}

#itemNavigationServices_3 {
    background-position: 0 -121px;
    padding-left: 21px;
}

#itemNavigationServices_3:hover,
#itemNavigationServices_3.open {
    background-position: -200px -121px;
}

#itemNavigationServices_4 {
    background-position: 0 -176px;
    padding-left: 17px;
}

#itemNavigationServices_4:hover,
#itemNavigationServices_4.open {
    background-position: -200px -176px;
}

#itemNavigationServices_5 {
    background-position: 0 -231px;
    padding-left: 13px;
}

#itemNavigationServices_5:hover,
#itemNavigationServices_5.open {
    background-position: -200px -231px;
}

#itemNavigationServices_6 {
    background-position: 0 -286px;
    padding-left: 12px;
}

#itemNavigationServices_6:hover,
#itemNavigationServices_6.open {
    background-position: -200px -286px;
}

#itemNavigationServices_7 {
    height: 38px;
    line-height: 37px;
    background-position: 0 -341px;
    padding-left: 13px;
}

#itemNavigationServices_7:hover,
#itemNavigationServices_7.open {
    background-position: -200px -341px;
}

#itemNavigationServices_8 {
    height: 38px;
    line-height: 37px;
    background-position: 0 -379px;
    padding-left: 17px;
}

#itemNavigationServices_8:hover,
#itemNavigationServices_8.open {
    background-position: -200px -379px;
}

#itemNavigationServices_9 {
    height: 38px;
    line-height: 37px;
    background-position: 0 -417px;
    padding-left: 21px;
}

#itemNavigationServices_9:hover,
#itemNavigationServices_9.open {
    background-position: -200px -417px;
}

#itemNavigationServices_10 {
    background-position: 0 -455px;
    padding-left: 30px;
}

#itemNavigationServices_10:hover,
#itemNavigationServices_10.open {
    background-position: -200px -455px;
}

#itemNavigationServices_11 {
    height: 37px;
    line-height: 36px;
    background-position: 0 -510px;
    padding-left: 40px;
}

#itemNavigationServices_11:hover,
#itemNavigationServices_11.open {
    background-position: -200px -510px;
}

.layerNavigationServicesBottom {
    background-image: url(../img/backgroundNavigationServices.png);
    background-position: 0 -547px;
    width: 200px;
    height: 28px;
}


/* Navigation Preise */

.layerNavigationPrice {
    width: 200px;
}

.layerNavigationPriceHead {
    background-image: url(../img/backgroundNavigationPrice.png);
    background-position: 0 -11px;
    width: 200px;
    height: 10px;
}

.itemNavigationPrice {
    display: block;
    background-image: url(../img/backgroundNavigationPrice.png);
    color: #555555;
    font-size: 93%;
    padding-left: 13px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

.itemNavigationPrice:before {
    content: '\f138\00A0';
    font-family: 'fontawesome';
    font-size: 70%;
    display: block;
    float: left;
    height: 100%;
}

.itemNavigationPrice:hover,
.itemNavigationPrice.open {
    color: #FFF;
}

.itemNavigationPrice .small {
    font-size: 90%;
}

#itemNavigationPrice_1 {
    height: 38px;
    line-height: 37px;
    background-position: 0 -21px;
}

#itemNavigationPrice_1:hover,
#itemNavigationPrice_1.open {
    background-position: -200px -21px;
}

#itemNavigationPrice_2 {
    height: 61px;
    background-position: 0 -59px;
    line-height: 110%;
    padding-top: 10px;
}

#itemNavigationPrice_2:hover,
#itemNavigationPrice_2.open {
    background-position: -200px -59px;
}

.layerNavigationPriceBottom {
    background-image: url(../img/backgroundNavigationPrice.png);
    background-position: 0 -130px;
    width: 200px;
    height: 21px;
}


/* Contentboxen */

.contentBoxIcon {
    position: absolute;
    top: -16px;
    left: 78px;
}

#layerContentBox1,
#layerContentBox2 {
    width: 170px;
    padding: 20px 10px 10px 10px;
    background: transparent linear-gradient(to bottom, rgb(255, 245, 188), rgb(255, 234, 114) 100%) repeat scroll 0% 0%;
    -moz-box-shadow: 5px 5px 7px rgba(33, 33, 33, 1);
    -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, .5);
    box-shadow: 5px 5px 7px rgba(33, 33, 33, .5);
    margin-bottom: 35px;
    color: #000;
    font-size: 80%;
    position: relative;
}

#layerContentBox1 h2,
#layerContentBox2 h2 {
    font-size: 110%;
}

#layerContentBox1 p,
#layerContentBox2 p {
    padding-bottom: 5px 0px;
}

#layerContentBox1 a,
#layerContentBox2 a {
    color: #333;
    text-decoration: none;
    display: block;
}


/* Kundenmeinungen */

#layerOpinionsTitle {
    width: 204px;
    height: 75px;
    padding-top: 30px;
    padding-left: 4px;
    color: #0074c1;
    line-height: 110%;
    background-position: -709px -490px;
}

#layerOpinionsBody {
    width: 180px;
    min-height: 200px;
    padding: 0px 14px;
    background-image: url(../img/backgroundOpinions.png);
    background-repeat: repeat-y;
    overflow: hidden;
    position: relative;
    padding-bottom: 60px;
}

.sliderOpinionsImage {
    margin-bottom: 10px;
}

.sliderOpinionsImage img {
    max-width: 100%;
}

.sliderOpinionsText {
    font-size: 80%;
}

.sliderOpinionsText p {
    margin-bottom: 10px;
}

.sliderOpinionsText p:last-child {
    margin-bottom: 0px;
}

.sliderOpinionsText a {
    color: #2e458c;
    text-decoration: none;
}

#layerOpinionsFooter {
    width: 208px;
    height: 25px;
    background-position: -937px -490px;
    text-align: center;
    line-height: 23px;
    font-size: 80%;
}

#layerOpinionsFooter a {
    color: #FFF;
    text-decoration: none;
}

.bx-controls.bx-has-pager {
    position: absolute;
    max-width: 180px;
    bottom: 0px;
}

.bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding: 10px 0px;
}

.bx-pager .bx-pager-item,
.bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px 5px 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-pager.bx-default-pager a:hover,
.bx-pager.bx-default-pager a.active {
    background: #000;
}


/* Footer */

#containerFooter {
    height: 9px;
    padding-top: 41px;
    width: 100%;
    bottom: 0px;
    position: fixed;
    background-image: url(../img/backgroundFooter.png);
    background-repeat: repeat-x;
    background-position: bottom;
    z-index: 999;
}

#layerFooter {
    width: 1200px;
    height: 9px;
    margin: 0px auto;
    position: relative;
    background-position: 0px -1807px;
}

#layerFooterButton {
    width: 221px;
    height: 31px;
    line-height: 31px;
    padding-top: 10px;
    text-align: center;
    color: #FFF;
    left: 90px;
    bottom: 9px;
    cursor: pointer;
    position: absolute;
    background-position: -960px -269px;
    z-index: 1;
}

.layerFooterButtonArrow {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    position: absolute;
    left: -4px;
    top: 0px;
    background-color: #FFF;
    color: #999;
    line-height: 108%;
    font-weight: bold;
    display: none;
    font-family: "fontawesome";
    font-size: 150%;
}

#layerTopButton {
    height: 52px;
    width: 66px;
    position: absolute;
    bottom: 20px;
    right: 100px;
    cursor: pointer;
    display: none;
    background-position: -960px -339px;
    z-index: 1;
}


/* Subfooter */

#containerSubFooter {
    height: 530px;
    background-image: url(../img/backgroundSubFooter.png);
    background-repeat: repeat-x;
    box-shadow: 0px 0px 5px;
}

#layerSubFooter {
    width: 1000px;
    height: 505px;
    padding: 25px 100px 0px 100px;
    margin: 0px auto;
    overflow: hidden;
    background-position: 0px -1816px;
}

#layerSubFooterContent {
    float: left;
    width: 710px;
    height: 440px;
    overflow: hidden;
    padding-right: 50px;
}

#layerSubFooterNavigation {
    width: 240px;
    float: right;
    height: 420px;
    overflow: hidden;
}

#layerSubFooterImprint {
    clear: both;
    height: 65px;
    overflow: hidden;
    color: #FFF;
    font-size: 80%;
}

#layerSubFooterImprint a {
    color: #FFF;
    text-decoration: none;
}

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

#layerSubFooterImprintLeft {
    float: left;
    width: 770px;
    margin-top: 5px;
}

#layerSubFooterImprintRight {
    float: right;
    width: 230px;
    line-height: 110%;
}

#imprintCreditcards {
    width: 180px;
    height: 21px;
    background-position: -960px -414px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
}

.linkNaviFooter1Root {
    list-style: none;
    padding-left: 10px;
}

.linkNaviFooter,
.linkNaviFooteropen {
    display: table-cell;
    height: 50px;
    padding-left: 70px;
    color: #FFF;
    text-decoration: none;
    vertical-align: middle;
}


/*
.linkNaviFooter:hover,
.linkNaviFooteropen {
    background-image: url(../img/spriteIndex.png);
    background-repeat: no-repeat;
    background-position: -508px -1433px;
}

.linkNaviFooterItem1 {
    height: 50px;
    background-image: url(../img/spriteIndex.png);
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

#linkNaviFooterItem1_1 {
    background-position: -1066px -610px;
}

#linkNaviFooterItem1_2 {
    background-position: -1066px -680px;
}

#linkNaviFooterItem1_3 {
    background-position: -1066px -750px;
}

#linkNaviFooterItem1_4 {
    background-position: -1066px -820px;
}

#linkNaviFooterItem1_5 {
    background-position: -1066px -890px;
}

#linkNaviFooterItem1_6 {
    background-position: -1066px -960px;
}

#linkNaviFooterItem1_7 {
    background-position: -1066px -1030px;
}

*/


/* Footer Inhalt */

#layerSubFooterContent h1,
#layerSubFooterContent .contentTitle {
    font-size: 150%;
    color: #FFF;
    font-weight: normal;
    margin: 0px;
}

#layerSubFooterContent h2,
#layerSubFooterContent .contentSubTitle {
    font-size: 120%;
    color: #FFF;
    font-weight: normal;
    margin: 0px;
}

#layerSubFooterContent .areaContent {
    padding-top: 15px;
    line-height: 125%;
    color: #FFF;
    font-size: 103%;
}

#layerSubFooterContent .areaContent p {
    margin-bottom: 10px;
}

#layerSubFooterContent .areaContent p:last-child {
    margin-bottom: 0px;
}

#layerSubFooterContent .areaContent a {
    color: #FFF;
    text-decoration: none;
}

#layerSubFooterContent .areaContent a:hover {
    text-decoration: underline;
}

#layerSubFooterContent .areaContent li {
    margin-left: 20px;
    margin-bottom: 5px;
}

#layerSubFooterContent .validateMessage {
    color: #FFF;
    font-size: 80%;
}

#layerSubFooterContent .detailLabelFirst {
    color: #FFF;
    font-size: 100%;
}

#layerSubFooterContent .detailValue {
    color: #FFF;
    font-size: 100%;
}

.detailValueFooter {
    color: #FFF;
}

.detailLabelFooter {
    color: #FFF;
    width: 160px;
    vertical-align: top;
    padding: 5px 0px;
}

.inputFooter,
.inputFooterMandatory {
    width: 320px;
    border: none;
    background: none;
    border: 1px dotted #FFF;
    color: #FFF;
}

.textareaFooter {
    width: 320px;
    border: none;
    background: none;
    border: 1px dotted #FFF;
    color: #FFF;
    resize: none;
    height: 110px;
}

#cmdSendLarge19111 {
    background: none;
    background-color: #146cb4;
    border: 1px dotted #FFF;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 100%;
    font-weight: normal;
    height: auto;
    width: auto;
    cursor: pointer;
}


/* Content */

#layerMainContent img {
    border: none;
}

#layerMainContent h1,
#layerMainContent .contentTitle,
.areaContentLayerText h1,
.areaContentLayerText .contentTitle {
    font-size: 120%;
    color: #116db2;
}

#layerMainContent h2,
#layerMainContent .contentSubTitle,
.areaContentLayerText h2,
.areaContentLayerText .contentSubTitle {
    font-size: 93%;
    line-height: 110%;
    color: #545454;
}

#layerMainContent .areaContent,
.areaContentLayerText .areaContent {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 150%;
    font-size: 90%;
    color: #000;
    border-top: 1px solid #a9a9a9;
}

#layerMainContent .areaContent p,
.areaContentLayerText p {
    margin-bottom: 5px;
    line-height: 140%;
}

.areaContentLayerText p:last-child {
    margin-bottom: 0;
}

#layerMainContent .areaContent p:last-child {
    margin-bottom: 0px;
}

#layerMainContent .areaContent li {
    margin-left: 20px;
    margin-bottom: 5px;
}

.imageContentLeft {
    padding: 0px;
    float: left;
    width: 180px;
    margin-top: 4px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.imageSubContentLeft {
    padding: 0px;
    float: left;
    width: 200px;
    margin-top: 4px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.imageContentRight {
    padding: 0px;
    float: right;
    width: 180px;
    margin-top: 3px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 10px;
}

#layerMainContent .contentBottom {
    clear: both;
    height: 20px;
}

hr {
    border: none;
    background-color: #ccc;
    color: #ccc;
    height: 1px;
}


/* Formular Auftrag */

#tblDelivery {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

#tblDelivery td {
    vertical-align: top;
    padding-right: 25px;
}

#templateHead {
    position: relative;
}

.summaryTitle {
    display: block;
    padding-bottom: 10px;
    font-size: 110%;
}

#templateHead:after {
    content: '';
    display: block;
    clear: both;
}

#order103_de,
#order104_de,
#order105_de,
#order103_fr,
#order104_fr,
#order105_fr,
#order103_en,
#order104_en,
#order105_en,
#order103_it,
#order104_it,
#order105_it,
#order103_es,
#order104_es,
#order105_es {
    width: 185px;
    height: 10px;
    position: relative;
    float: left;
}

#order103_active_de,
#order104_active_de,
#order105_active_de,
#order103_active_fr,
#order104_active_fr,
#order105_active_fr,
#order103_active_en,
#order104_active_en,
#order105_active_en,
#order103_active_it,
#order104_active_it,
#order105_active_it,
#order103_active_es,
#order104_active_es,
#order105_active_es {
    width: 180px;
    height: 10px;
    position: relative;
    float: left;
    border-radius: 10px 10px 0px 0px;
}

#order103_active_de,
#order103_active_fr,
#order103_active_en,
#order103_active_it,
#order103_active_es {
    background-color: #cde3f2;
}

#order104_active_de,
#order104_active_fr,
#order104_active_en,
#order104_active_it,
#order104_active_es {
    background-color: #fce4d9;
}

#order105_de,
#order105_active_de,
#order105_fr,
#order105_active_fr,
#order105_en,
#order105_active_en,
#order105_it,
#order105_active_it,
#order105_es,
#order105_active_es {
    float: right;
}

#order105_active_de,
#order105_active_fr,
#order105_active_en,
#order105_active_it,
#order105_active_es {
    background-color: #e0e1ce;
    float: right;
}


/*
#order103_registerLink,
#order104_registerLink,
#order105_registerLink {
    width: 171px;
    height: 35px;
    line-height: 35px;
    padding-top: 13px;
    color: #FFF;
    text-align: center;
    background-image: url(../img/spriteIndex.png);
    background-repeat: no-repeat;
    font-size: 90%;
    text-decoration: none;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -85px;
    top: -8px;
}

#order103_registerLink {
    background-position: -440px -687px;
}

#order104_registerLink {
    background-position: -631px -687px;
}

#order105_registerLink {
    background-position: -822px -687px;
}

#order103_active_registerLink,
#order104_active_registerLink,
#order105_active_registerLink {
    width: 175px;
    height: 46px;
    line-height: 46px;
    padding-top: 11px;
    color: #FFF;
    text-align: center;
    background-image: url(../img/spriteIndex.png);
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -87px;
    top: -17px;
}

#order103_active_registerLink {
    background-position: -440px -610px;
}

#order104_active_registerLink {
    background-position: -631px -610px;
}

#order105_active_registerLink {
    background-position: -826px -610px;
}
*/

.detailTitleNumber {
    background-color: #FFF;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 25px;
    border: 2px solid #acacac;
    color: #acacac;
}

#templateButton3105,
#templateButton3103,
#templateButton3205,
#templateButton3203,
#templateButton3305,
#templateButton3303 {
    background-color: #ebebeb;
    position: relative;
}

#templateForm3003 #formRow20 {
    padding-left: 190px;
}

#templateForm3003 #formRow20 .detailValue {
    width: 270px;
}


/* Formular */

.containerTemplate {
    max-width: 65%;
}

#templateForm3005,
#templateForm3105,
#templateForm3205,
#templateForm3305,
#templateForm3103,
#templateForm3203,
#templateForm3303,
#templateForm3102,
#templateForm3403,
#templateForm3003,
#templateForm3202,
#templateForm3302,
#templateForm3124,
#templateForm3224 {
    overflow: hidden;
    padding: 20px;
    clear: both;
}

#templateForm3102,
#templateForm3202,
#templateForm3302,
#templateForm3124,
#templateForm3224,
#templateForm3324 {
    padding: 20px 40px 0 10px;
}

#templateForm3105,
#templateForm3103 {
    border-radius: 0px 10px 0px 0px;
    padding-top: 30px;
    background: #cde3f2;
    background: -moz-linear-gradient(top, #cde3f2 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cde3f2), color-stop(100%, #ebebeb));
    background: -webkit-linear-gradient(top, #cde3f2 0%, #ebebeb 100%);
    background: -o-linear-gradient(top, #cde3f2 0%, #ebebeb 100%);
    background: -ms-linear-gradient(top, #cde3f2 0%, #ebebeb 100%);
    background: linear-gradient(to bottom, #cde3f2 0%, #ebebeb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cde3f2', endColorstr='#ebebeb', GradientType=0);
}

#templateForm3205,
#templateForm3203 {
    border-radius: 10px 10px 0px 0px;
    padding-top: 30px;
    background: #fce4d9;
    background: -moz-linear-gradient(top, #fce4d9 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fce4d9), color-stop(100%, #ebebeb));
    background: -webkit-linear-gradient(top, #fce4d9 0%, #ebebeb 100%);
    background: -o-linear-gradient(top, #fce4d9 0%, #ebebeb 100%);
    background: -ms-linear-gradient(top, #fce4d9 0%, #ebebeb 100%);
    background: linear-gradient(to bottom, #fce4d9 0%, #ebebeb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fce4d9', endColorstr='#ebebeb', GradientType=0);
}

#templateForm3305,
#templateForm3303 {
    border-radius: 10px 0px 0px 0px;
    padding-top: 30px;
    background: #e0e1ce;
    background: -moz-linear-gradient(top, #e0e1ce 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e1ce), color-stop(100%, #ebebeb));
    background: -webkit-linear-gradient(top, #e0e1ce 0%, #ebebeb 100%);
    background: -o-linear-gradient(top, #e0e1ce 0%, #ebebeb 100%);
    background: -ms-linear-gradient(top, #e0e1ce 0%, #ebebeb 100%);
    background: linear-gradient(to bottom, #e0e1ce 0%, #ebebeb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e0e1ce', endColorstr='#ebebeb', GradientType=0);
}

#templateForm3105 .formRow,
#templateForm3205 .formRow,
#templateForm3305 .formRow,
#templateForm3103 .formRow,
#templateForm3203 .formRow,
#templateForm3303 .formRow,
#templateForm3403 #formRow20 {
    border-bottom: 1px solid #FFF;
    padding-top: 8px;
    padding-bottom: 8px;
}

#templateForm3105 #formRow1,
#templateForm3105 #formRow3,
#templateForm3103 #formRow1,
#templateForm3103 #formRow3,
#templateForm3305 #formRow1,
#templateForm3305 #formRow3,
#templateForm3305 #formRow5,
#templateForm3305 #formRow7,
#templateForm3303 #formRow1,
#templateForm3303 #formRow3,
#templateForm3303 #formRow5,
#templateForm3303 #formRow7 {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding-bottom: 0px;
}

#templateForm3105 #formRow2,
#templateForm3103 #formRow2,
#templateForm3403 #formRow20 {
    padding-top: 0px;
}

#templateForm3205 #formRow2,
#templateForm3205 #formRow5,
#templateForm3203 #formRow2,
#templateForm3203 #formRow5 {
    padding-bottom: 20px;
}

.containerTitleImage {
    width: 65px;
    text-align: center;
}

.detail310LanguageImage,
.detail320LanguageImage {
    height: 40px;
    width: 41px;
    background-repeat: no-repeat;
    display: inline-block;
}

.detail310LanguageImage {
    background-image: url(../img/button/symbolForm310Language.png);
}

.detail320LanguageImage {
    background-image: url(../img/button/symbolForm320Language.png);
}

.detail310ClassificationImage,
.detail320ClassificationImage {
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    display: inline-block;
}

.detail310ClassificationImage {
    background-image: url(../img/button/symbolForm310Classification.png);
}

.detail320ClassificationImage {
    background-image: url(../img/button/symbolForm320Classification.png);
}

.detail310DeliceryTimeImage,
.detail320DeliceryTimeImage,
.detail330DeliceryTimeImage {
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    display: inline-block;
}

.detail310DeliceryTimeImage {
    background-image: url(../img/button/symbolForm310DeliveryTime.png);
}

.detail320DeliceryTimeImage {
    background-image: url(../img/button/symbolForm320DeliveryTime.png);
}

.detail330DeliceryTimeImage {
    background-image: url(../img/button/symbolForm330DeliveryTime.png);
}

.detail310UploadImage,
.detail320UploadImage {
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    display: inline-block;
}

.detail310UploadImage {
    background-image: url(../img/button/symbolForm310Upload.png);
}

.detail320UploadImage {
    background-image: url(../img/button/symbolForm320Upload.png);
}

.detail310OptionImage {
    background-image: url(../img/button/symbolForm310Option.png);
    height: 40px;
    width: 45px;
    background-repeat: no-repeat;
    display: inline-block;
}

.detail320UpdateTextImage {
    background-image: url(../img/button/symbolForm320Korrekurart.png);
    height: 42px;
    width: 44px;
    background-repeat: no-repeat;
    display: inline-block;
}

.detail330SourceTextImage {
    background-image: url(../img/button/symbolForm330Ursprungstext.png);
    height: 40px;
    width: 41px;
    background-repeat: no-repeat;
    display: inline-block;
}

.detail330OldTranslationImage {
    background-image: url(../img/button/symbolForm330AltUebersetzung.png);
    height: 43px;
    width: 34px;
    background-repeat: no-repeat;
    display: inline-block;
}

.input4 {
    vertical-align: middle;
    height: 16px;
    width: 40px;
    border: 1px solid #7F9DB9;
    font-size: 12px;
}


/*** Registrierung als Übersetzer ***/

.inputDailyAvailable {
    vertical-align: middle;
    height: 15px;
    width: 40px;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
}

.input4Mandatory {
    vertical-align: middle;
    height: 16px;
    width: 40px;
    border: 1px solid #7F9DB9;
    font-size: 12px;
    background-color: #FFFFEE;
}

.input8 {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 15px;
    width: 59px;
}

.input8Mandatory {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 15px;
    width: 59px;
    background-color: #FFFFDD;
}

.input16 {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 15px;
    width: 90px;
}

.input24 {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 15px;
    width: 180px;
}

.input179 {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 15px;
    width: 179px;
}

.input192 {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 15px;
    width: 192px;
}

.inputOrtNewTranslater {
    color: #000000;
    border: 1px solid #7f9db9;
    font-size: 9pt;
    height: 15px;
    width: 224px;
}

.inputOrtNewTranslaterMandatory {
    color: #000000;
    border: 1px solid #7f9db9;
    font-size: 9pt;
    height: 15px;
    width: 224px;
    background-color: #ffffee;
}

.inputTelefonNewTranslater {
    color: #000000;
    border: 1px solid #7f9db9;
    font-size: 9pt;
    height: 15px;
    width: 158px;
}

.inputTelefonNewTranslaterMandatory {
    color: #000000;
    border: 1px solid #7f9db9;
    font-size: 9pt;
    height: 15px;
    width: 158px;
    background-color: #ffffee;
}

.input24Ort {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 15px;
    width: 143px;
}

.input26 {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 15px;
    width: 187px;
}

.input24Adress {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 15px;
    width: 240px;
}

.input8Adress {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 15px;
    width: 59px;
}

.inputHowFound {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 15px;
    width: 184px;
}

.input24Popup {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 15px;
    width: 182px;
}

.inputFile {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 21px;
}

.inputFile2 {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 21px;
}

.select8 {
    color: #333333;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 21px;
    width: 40px;
}

.selectYear {
    color: #333333;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 21px;
    width: 50px;
}

.select16,
.select120 {
    color: #333333;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 19px;
}

.select16 {
    width: 90px;
}

.select150 {
    width: 150px;
}

.select16Multi {
    color: #333333;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    width: 90px;
}

.select24Adress {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 20px;
    width: 244px;
}

.selectDeliveryAddress {
    color: #333333;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 21px;
}

.select32 {
    color: #333333;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 21px;
    width: 280px;
}

.select48 {
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 21px;
    width: 360px;
}

.textarea32 {
    scrollbar-3dlight-color: #bcbeb0;
    scrollbar-arrow-color: #bcbeb0;
    scrollbar-base-color: #FFFFFF;
    scrollbar-darkshadow-color: #bcbeb0;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 75px;
    width: 235px;
}

.textareaRecommend {
    scrollbar-3dlight-color: #bcbeb0;
    scrollbar-arrow-color: #bcbeb0;
    scrollbar-base-color: #FFFFFF;
    scrollbar-darkshadow-color: #bcbeb0;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 120px;
    width: 276px;
}

.textareaJobRequest {
    scrollbar-3dlight-color: #bcbeb0;
    scrollbar-arrow-color: #bcbeb0;
    scrollbar-base-color: #FFFFFF;
    scrollbar-darkshadow-color: #bcbeb0;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 120px;
    width: 330px;
}

.textareaPriceJobRequest {
    scrollbar-3dlight-color: #bcbeb0;
    scrollbar-arrow-color: #bcbeb0;
    scrollbar-base-color: #FFFFFF;
    scrollbar-darkshadow-color: #bcbeb0;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    color: #000000;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
    height: 120px;
    width: 240px;
}

.loginInputExtranet {
    height: 14px;
    width: 120px;
    border: 1px solid #bcbeb0;
    font-size: 9pt;
}

.loginButtonExtranet {
    height: 18px;
    width: 18px;
    border: 0px solid;
    background-image: url(../img/navibox_LoginButton.gif);
    background-repeat: no-repeat;
}

.loginSpace {
    height: 10px;
    text-align: left;
}


/* Buttons */

.templateButton {
    height: 30px;
    position: relative;
    text-align: right;
}


/*
.formularButton,
.formularButtonSend,
.formularButtonCancel,
.formularButtonPrint,
.formularButtonStart {
    background: none;
    border: none;
    background-image: url(../img/spriteIndex.png);
    background-repeat: no-repeat;
    background-position: -528px -1503px;
    height: 26px;
    width: 170px;
    padding-left: 20px;
    padding-right: 40px;
    color: #FFF;
    text-align: left;
    margin-top: 8px;
}
*/

.formularButton:hover,
.formularButtonSend:hover,
.formularButtonCancel:hover,
.formularButtonPrint:hover,
.formularButtonStart:hover {
    cursor: pointer;
}

.formularButton2 {
    background-image: url(../img/button/symbolFormButton.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 173px;
    background-color: transparent;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding-left: 45px;
    color: #FFF;
    text-align: left;
}

.formularButton3 {
    background-image: url(../img/buttonOrder.gif);
    background-repeat: no-repeat;
    height: 30px;
    width: 165px;
    background-color: transparent;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    color: #FFF;
    text-align: center;
    font-size: 8pt;
}


/*.buttonLarge, .cmdSendLarge, .cmdContinueLarge {
	font-size: 9pt;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border: 0px solid;
	font-weight: bold;
	background-image: url(../img/buttonOrder.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 165px;
	background-color: #FFFFFF;
}*/

.formularButtonSmall {
    font-size: 9pt;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    border: 0px solid;
    font-weight: bold;
    background-image: url(../img/buttonOrderSmall.gif);
    background-repeat: no-repeat;
    height: 30px;
    width: 80px;
    background-color: #FFFFFF;
}


/*** Registrierung als Übersetzer ***/

.detailLabelDailyAvailable {
    padding: 4px;
    width: 112px;
}

.detailLabelCheckBoxTranslaterProfil {
    font-size: 12px;
    color: #333333;
    vertical-align: middle;
    font-weight: bold;
}

.detailLabelTranslateLanguageProfilFirst,
.detailLabelTranslateLanguageProfil {
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 18px;
}

.detailLabelTranslateLanguageProfilFirst {
    width: 126px;
}

.detailLabelTitleSW {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    width: 220px;
    text-align: left;
    white-space: nowrap;
    padding-top: 20px;
    padding-bottom: 6px;
}

.cmdTranslateLanguageProfil {
    font-size: 9pt;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    border: 0px solid;
    font-weight: bold;
    background-image: url(../img/buttonOrderSmall.gif);
    background-repeat: no-repeat;
    height: 30px;
    width: 80px;
    background-color: #FFFFFF;
    margin-left: 0;
    color: black;
}


/** Adressformular **/

.layerAdressOptional {
    background-color: #D2E7F3;
    width: 242px;
    border: 1px solid #185478;
}

.linkEditAdress {
    font-weight: bold;
    margin: 0px;
    padding-left: 4px;
}

.layerCurrentAdress {
    margin: 4px;
}

.layerAdressLink {
    margin: 0px;
    padding: 0px;
    height: 14px;
    width: 242px;
    border-top: 1px solid #185478;
}

.buttonAdress {
    font-size: 9pt;
    color: #FFFFFF;
    background-image: url(../img/buttonAdress.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 176px;
    border: 0px solid #FFFFFF;
    font-weight: bold;
}

.functionBarLarge {
    text-align: center;
    vertical-align: middle;
}


/**** Fortschrittbalken ***************************************************************/

#fsb {
    width: 508px;
    height: 354px;
    background-position: 0px -1433px;
    position: absolute;
    left: 26px;
    bottom: 5px;
    z-index: 9;
    visibility: hidden;
}

#fsbText {
    text-align: center;
    font-size: 150%;
    padding-top: 40px;
}

#fsbAnimation {
    width: 70px;
    height: 70px;
    background-image: url(../img/animation.gif);
    margin: 30px auto;
}


/* Icons */


/*
.areaButtonIcons {
    background-image: url(../img/spriteIndex.png);
    background-repeat: no-repeat;
    background-position: -528px -1549px;
    position: absolute;
    left: 20px;
    width: 107px;
    height: 25px;
}
*/


/* Lightbox */

body:after {
    content: url(../img/lb/close.png) url(../img/lb/loading.gif) url(../img/lb/prev.png) url(../img/lb/next.png);
    display: none;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-image: url(../img/lb/lightboxBackgroundBlack.png);
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    font-weight: normal;
}

.lightbox p {
    margin: 0px;
    padding: 0px;
}

.lightbox .lb-image {
    display: block;
    height: auto;
}

.lightbox a img {
    border: none;
}

.lb-image {
    margin-left: 20px;
    margin-right: 20px;
}

.lightboxContainer {
    background-color: #FFF;
    width: 100px;
    height: 100px;
    margin: 0px auto;
    -moz-border-radius: 5px;
    /* Firefox */
    -webkit-border-radius: 5px;
    /* Chrome, Safari */
    -khtml-border-radius: 5px;
    /* Konqueror */
    border-radius: 5px;
    /* CSS3 */
}

.lb-topContainer {
    position: relative;
}


/*
.lb-logo {
    margin-left: auto;
    margin-right: auto;
    height: 158px;
    width: 600px;
    background-image: url(../img/spriteIndex.png);
    background-repeat: no-repeat;
    background-position: 0px -2400px;
}
*/

.lb-title {
    text-align: left;
    color: #000;
    height: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 16px;
    font-weight: bold;
}

.lb-closeContainer {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.lb-close {
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/lb/close.png) top right no-repeat;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.lb-close:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    cursor: pointer;
}

.lb-container {
    position: relative;
}

.lb-container img {
    margin: 0px auto;
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 20px;
    margin-left: -16px;
    margin-top: -16px;
    width: 100%;
    height: 25%;
    text-align: center;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../img/lb/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    height: 100%;
    width: 96%;
    left: 2%;
    z-index: 10;
}

.lb-nav:after {
    content: "";
    display: table;
    clear: both;
}

.lb-container>.nav {
    left: 0;
}

.lb-nav a {
    outline: none;
}

.lb-prev,
.lb-next {
    width: 49%;
    height: 100%;
    cursor: pointer;
    /* Trick IE into showing hover */
    display: block;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.lb-prev {
    float: left;
    background: url(../img/lb/prev.png) left 48% no-repeat;
}

.lb-prev:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.lb-next {
    float: right;
    background: url(../img/lb/next.png) right 48% no-repeat;
}

.lb-next:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.lb-dataContainer {
    position: relative;
    height: 52px;
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-caption {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    text-align: left;
    font-size: 12px;
    color: #000;
    display: block;
    float: left;
}

.lb-number {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 25px;
    text-align: right;
    font-size: 12px;
    color: #000;
    display: block;
    float: right;
}


/*** Translater Profil ***/

.detailLabelTranslateLanguageProfilFirst,
.detailLabelTranslateLanguageProfil {
    font-size: 9pt;
    font-weight: bold;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 6px;
    padding-left: 3px;
}


/** Customtag dolphin_dialog_warning **/

#warningContainer {
    width: 325px;
    border: 2px solid #E3001A;
    margin: 8px;
}

#warningHeader {
    background-color: #DADADC;
    height: 25px;
    margin-top: 5px;
    margin-bottom: 2px;
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
}

#warningTitle {
    font-size: 9pt;
    color: #E2001A;
    float: left;
    padding-top: 4px;
    padding-left: 10px;
    font-weight: normal;
}

#warningSymbol {
    background-image: url(../../dolphin/fw/img/warning.gif);
    background-repeat: no-repeat;
    float: right;
    height: 32px;
    width: 32px;
    margin: 0px;
    padding: 0px;
    top: -5px;
    position: absolute;
    left: 292px;
}

#warningText {
    font-size: 9pt;
    font-weight: normal;
    color: #1A171B;
    text-align: left;
    padding: 10px;
}

#warningFooter {
    background-color: #E3001A;
    height: 10px;
    margin-bottom: 10px;
}


/** Adressformular **/

.layerAdressOptional {
    background-color: #D2E7F3;
    width: 242px;
    border: 1px solid #185478;
}

.linkEditAdress {
    font-weight: bold;
    margin: 0px;
    padding-left: 4px;
}

.layerCurrentAdress {
    margin: 4px;
}

.layerAdressLink {
    margin: 0px;
    padding: 0px;
    height: 14px;
    width: 242px;
    border-top: 1px solid #185478;
}

.buttonAdress {
    font-size: 9pt;
    color: #FFFFFF;
    background-image: url(../../img/extranet/buttonAdress.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 176px;
    border: 0px solid #FFFFFF;
    font-weight: bold;
}

.c_input16 {
    vertical-align: middle;
    height: 16px;
    width: 176px;
    border: 1px solid #7F9DB9;
    font-size: 12px;
}

.c_input16Mandatory {
    vertical-align: middle;
    height: 16px;
    width: 176px;
    border: 1px solid #7F9DB9;
    font-size: 12px;
    background-color: #FFFFEE;
}

.textareaAdress {
    width: 230px;
    height: 80px;
}

.listrow1320401_3 {
    padding-left: 10px;
    line-height: 15px;
}

.buttonPayment {
    font-weight: bold;
    font-size: 95%;
}

.buttonPayment:hover {
    background: none;
}


/*** Custom Memberbereich ***/

.memberLabelFirst {
    font-size: 9pt;
    vertical-align: middle;
    width: 100px;
}

.memberLabelFirstLarge {
    font-size: 9pt;
    vertical-align: middle;
    width: 240px;
}

.memberLabelTitle {
    font-size: 13px;
    vertical-align: middle;
    line-height: 20px;
    font-weight: bold;
}

.memberLabelTitleUnderLine {
    font-size: 13px;
    vertical-align: middle;
    line-height: 20px;
    font-weight: bold;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    width: 200px;
    padding-top: 12px;
    margin-bottom: 6px;
}

.memberValueCheckBox {
    font-size: 9pt;
    vertical-align: middle;
    width: 148px;
    text-align: right;
}

.memberValueBloc {
    font-size: 9pt;
    width: 385px;
}

.input16Adress {
    vertical-align: middle;
    height: 16px;
    width: 175px;
    border: 1px solid #7F9DB9;
    font-size: 12px;
}

.input16AdressMandatory {
    vertical-align: middle;
    height: 16px;
    width: 175px;
    border: 1px solid #7F9DB9;
    font-size: 12px;
    background-color: #FFFFEE;
}

.input182Adress {
    vertical-align: middle;
    height: 16px;
    width: 182px;
    border: 1px solid #7F9DB9;
    font-size: 12px;
}

.input182AdressMandatory {
    vertical-align: middle;
    height: 16px;
    width: 182px;
    border: 1px solid #7F9DB9;
    font-size: 12px;
    background-color: #FFFFEE;
}

.input164Adress {
    vertical-align: middle;
    height: 16px;
    width: 164px;
    border: 1px solid #7F9DB9;
    font-size: 12px;
}

.input164AdressMandatory {
    vertical-align: middle;
    height: 16px;
    width: 164px;
    border: 1px solid #7F9DB9;
    font-size: 12px;
    background-color: #FFFFEE;
}

.input157Adress {
    vertical-align: middle;
    height: 16px;
    width: 157px;
    border: 1px solid #7F9DB9;
    font-size: 12px;
}

.input157AdressMandatory {
    vertical-align: middle;
    height: 16px;
    width: 157px;
    border: 1px solid #7F9DB9;
    font-size: 12px;
    background-color: #FFFFEE;
}

.detailLabelTitleSW {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    width: 220px;
    text-align: left;
    white-space: nowrap;
}

.detailValueSW {
    width: 220px;
}

.detailLabelFirst100 {
    font-size: 9pt;
    text-align: right;
    vertical-align: middle;
    width: 100px;
}


/**** Rückfrage Übersetzer an Kunde ***********************/

.detailExtranetLabelSubTitle,
.detailExtranetClientLabelSubTitle,
.detailExtranetLabelSubTitle300,
.detailExtranetLabelSubTitle355,
.detailExtranetLabelSubTitle400 {
    font-size: 9pt;
    color: #116db2;
    padding-bottom: 8px;
    padding-left: 0px;
    font-weight: bold;
}

.detailExtranetLabelTitle {
    font-size: 13px;
    vertical-align: middle;
    line-height: 20px;
    font-weight: bold;
    padding-top: 12px;
    padding-bottom: 6px;
    padding-left: 6px;
}

.detailExtranetLabelSubTitle400 {
    width: 400px;
}

.detailExtranetLabelSubTitle300 {
    width: 310px;
}

.detailExtranetLabelSubTitle355 {
    width: 355px;
}


/* Email Weiterleitung Formular */

#tbxMailTo {
    margin-left: 41px;
}

#tbxMailToCC {
    margin-left: 42px;
}

#tbxMailToSubject {
    margin-left: 20px;
}

#txtMailToMailBody {
    margin-left: 58px;
}


/* Formularstyle Weiterleitung per Mail */

fieldset li {
    list-style-type: none;
    margin-left: 0;
}


/* Hilfsmaterial hochladen Font Awesome Button zum Löschen der Bilder/Dateien */

#buttonDeleteIndirectMaterial {
    border: none;
    background: none;
}

#buttonDeleteIndirectMaterial:hover {
    cursor: pointer;
}


/* LoginMessage Frontend-Tabelle beim Einloggversuch nach Offerten-/Auftragserstellung */

p.loginMessage {
    color: #FF0000;
}


/* Rechnung bearbeiten Auftraggeber Form 3003*/

#templateForm3003 #formRow20 table:first-child {
    margin-left: -210px;
}


/* Störungsanzeige */

#containerMainButton {
    position: fixed;
    margin: 0 auto;
    bottom: 0px;
    z-index: 100;
    width: 100%;
    z-index: 1000;
}

#layerMainButtonMessageClose::after {
    position: absolute;
    top: 10px;
    right: 10px;
    content: "\f00d";
    font-family: 'fontawesome';
    cursor: pointer;
}

#layerMainButtonMessageClose:hover {
    color: black;
}

#layerMainButtonMessage {
    position: relative;
    width: 400px;
    margin: 0 auto;
    color: #FFFFFF;
    background-image: linear-gradient(45deg, #d20000 20%, #ff0000, #d80000 80%);
    text-align: center;
    padding: 15px 15px 70px 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8);
    border: 2px solid #fff;
}

#layerMainButtonMessage p {
    padding-bottom: 10px;
}

#layerMainButtonMessage a {
    text-decoration: none;
    color: #FFF;
}


/* googlerating */

.googlerating {
    text-align: center;
    padding-bottom: 5px;
}

.googlerating.stars {
    border-bottom: 1px solid #fff;
}

.googlerating-value {
    font-size: 138%;
    text-align: center;
    margin-bottom: 15px;
    display: inline;
}

.googlerating-stars {
    text-align: center;
    margin-bottom: 20px;
    display: inline;
    color: #e7711b;
    font-weight: 900;
    background-color: #fff;
    padding: 7px 6px 3px 9px;
    line-height: 210%;
    border-radius: 5px;
}

.googlerating-stars-item {
    font-family: 'fontawesome';
    display: inline-block;
    text-align: center;
    font-size: 138%;
    color: #e7711b;
    padding: 2px;
}

.llms-button-secondary {
    display: inline-block;
    color: #fefefe;
    background: #00BFA8;
    text-decoration: none;
    line-height: 1;
    padding: 12px 24px;
    margin: 8px 0;
    transition: all .5s ease;
    cursor: pointer;
    border-radius: 6px;
}