/*****************************/
/*** Core html setup stuff ***/
/*****************************/

/*
BLUE    color: #223d51;
orange color: #f7cb6a
green color: #81a915

*/

* {
    box-sizing: border-box;
}


/* user agent overwrites */
table {
    line-height: 1.5em;
    font-size: 16px;
    margin-top: -2px;
}

input, textarea, keygen, select {
    font-size: 18px;
    font-family: 'Ubuntu', sans-serif;
    padding: 5px 2px;
}

input, textarea, select {
    border: 1px solid silver
}

::placeholder {
    font-style: italic;
    color: #aaa
}

a:hover{
    text-decoration: none
}

body#tinymce {
    background: none
}


#usermenu {
    display: block;
    margin:  0;
    padding: 8px 0 0 18px;
    background-color: #223d51;
    height: 28px;
    color: #f7cb6a
}

#usermenu label, #usermenu ul  {
    display: inline-block
}

#usermenu a {
    color: rgba(0,0,0,.7);
    background: #d6d9db;
    margin: 0px 5px -3px 0;
    font-size: 16px;
    padding:  7px 15px 7px 12px;
    box-shadow: 1px -4px 3px #332;
    font-weight: normal;
    line-height: 20px;
    border-top: 2px solid rgba(255,255,255,.7);
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 2px solid rgba(0,0,0,.1) ;
}

#usermenu a:hover  {
    background: #e6e9eb;
    text-decoration: none;
}

#usermenu a.active  {
    color: #223d51;
    background-color: #f7cb6a;
}

#pollmodule, #banner {
    position: absolute;
    left: 50%;
    margin-left: 355px;
    top: 250px;
    width: 200px;
}

#banner {
    width: 160px
}
.banneritem  {
}


#start {
    background-image: url('/images/corporate/landingpages/header1s.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin: -30px;
}

.boxTitle h4 {
    font-size: 1.5em;
    color: #eee;
    text-shadow: 0 1px 2px #999;
    line-height: 1.5em;
    margin: 20px 0 10px 0
}

.boxUsp {
    font-size: 95%;
    text-align: center;
    border: 6px solid #eee;
    border-radius: 4px;
    padding: 20px!important;
    margin: 10px;
    background: rgba(255,255,255,.6);
    backdrop-filter: blur(10px);
    cursor: pointer;
}


.boxUsp:hover {
    background: white;
    border-color: white;
    box-shadow: 0 3px 6px rgba(0,0,0,.1)

}

.icon-lp {
    width: 100px;
}

.icon-blue {
    color: #7B99d8
}

.boxTitle{
    padding: 30px;
    text-align: center;
}

.mega {
    font-size: 4em;
    margin: 0 auto
}

.btnHuge {
    font-size: 1.25em;
    padding: 14px 40px;
    box-shadow: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    background: #9dd20e;
    color: #4b515a!important;
    border: 3px solid #4b515a;
    border-radius: 30px;
    cursor: pointer;
    transition: color 200ms, background 200ms
}

.btnHuge:hover {
    color:  #f7cb6a!important;
    background: #4b515a
}

.wrapperUsp {
    padding: 20px
}



.bgBlack {
    text-align: center;
    background: #4f5358;
    background: radial-gradient(ellipse at center,#526d81 0,#223d51 100%);
    color: rgba(255,255,255,.7);
    margin: 120px -30px 0 -30px;
}

.bgBlack .btn {
    background: #81a915;
    color: rgba(255,255,255,.8);
    border: 1px solid rgba(255,255,255,.8);
    box-shadow: 0 2px 3px rgba(0,0,0,.3)
}

.bgBlack h2 {
    color: rgba(255,255,255, 1);
}
.bgBlack h3 {
    color: white;
}

.bgBlack i.huge {
    display: block;
    color: #223D51;
    margin-bottom: 20px
}

.chartBox {
    display: inline-block;
    margin: 20px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 4px;
    padding: 30px!important;
    background: radial-gradient(rgba(255,255,255,.25), rgba(255,255,255,0));
}

.chartBox h3 {
    margin: 0 0 3px 0
}














#pics {
    display: inline;
    padding: 0;
    margin: 2px 0 0 0;
}

#contentwrapper {
    box-sizing: border-box;
    padding: 30px;
    margin-bottom: 50px;
    width: 100%;
    background-color: #FFF;
    background-image: url(../images/corporate/bg-content.png);
    background-repeat: repeat-x;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}

#content {
    min-height: 610px;
}

#content img {
    max-width: 855px
}

article, #content.section, #content.category, #main.section, .leftcol
{
    width: 75%;
    float: left
}

.rightcol
{
    width: 22%;
    float: right
}

article .bar {
    background: #f7cb6a;
}


.tableOfContent {
    max-width: 300px;
    float: right;
    margin: 10px 0 30px 40px;
    background: #f5f5f5;
    padding: 20px;
    font-size: 90%;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    line-height: 1.3
}

.tableOfContent h4 {
    text-align: center;
  border-bottom: solid 2px #ccc;
  padding-bottom: 10px;
  margin: 0 auto 10px auto;
}

.tableOfContent > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.tableOfContent ul ul {
    font-size: 90%;
    padding-inline-start: 30px;
}

.tableOfContent a {
    font-weight: normal;
    text-decoration: none;
}



#content-top {
    background: url(../images/corporate/content-top.jpg);
    height: 18px;
}

#content-bot {
    background: url(../images/corporate/content-bot.jpg);
    height: 15px;
}

#adsense {
    position: absolute;
    left: 50%;
    top: 245px;
    width: 120px;
    margin-left: 515px;
    z-index: 1;
}

#right, .rightcol, .right {
    width: 20%;
    float: right;
    margin:0;
    font-size: .9em;
    font-weight: normal;
}

.starRating {
    text-align: center;
    margin-bottom: 15px
}

/*    .rightcol {border-left: 1px dotted silver;}*/



#right a {
    text-align: left
}

#right ul	{
    padding-left: 12px;
    margin: 0;
    list-style-type: square
}
#right ul ul	{
    list-style-type: circle
}

#appDetail table {
    width: 430px
}


.appsNewest h4 a, .appsNewest h4 a:visited {
    display: block;
    color: #777;
    font-family: arial, sans-serif;
    font-size: 14px;
    padding: 6px 0;
    margin-bottom: 0px!important;
    text-decoration: none;
    border-top: 1px solid silver
}

.appsNewest div:first-child h4 a{
    border: none;
    margin:0
}


.appsNewest .catlink {
    position: absolute;
    right: -1px;
    bottom: -1px;

    background: white;
    padding: 5px 8px;
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
    border-top-left-radius: 3px;
    text-align: right;
    box-shadow: -1px -1px 1px rgba(0,0,0,.2)


}

.imgLegalPlaceholder {
    width: 100%;
    height: 500px;
    font-size: 12px;
    text-align: center;
    line-height: 300px;
    color: #666;
    background: #ccc;
    border: 1px solid #aaa;
}

#apps .imgLegalPlaceholder {
    float: left;
    box-sizing: border-box;
    padding: 20px;
    margin-right: 20px;
    width: 180px;
    height: 130px;
    line-height: 1.2em;
    font-size: 11px;
    text-align: center;
    color: #666;
    background: #ccc;
    border: 10px solid white;
    box-shadow: 0 1px 1px rgba(0,0,0,.15)
}


#apps h2 {
    margin-top: 0;
    font-size: 1.5em
}



.icoForm button {
    font-size: 15px;
    letter-spacing: 1px
}


.loginInContent .boxLoginInput {
    margin-bottom: 6px
}

.loginInContent .boxLoginInput input {
    width: 200px
}

.loginInContent .floatright {
    float: none;
}

.loginInContent .boxTeaserRegister {
    color: #333;
    
}



/*             */


div.box {
    padding: 25px;
    overflow: hidden;
}



.silverbox {
    width: 30%;
    background: #f5f5ff;
    border: 1px dotted silver;
}

.wrapperVcard {
    display: grid;
    grid-template-columns: 3fr 1fr;
}

div.wrapperVcard .heading {
    font-size: 16px;
    background: none;
    padding: 0;
    margin: 0;
    box-shadow: none
}


div.vcard {
    width: 100%;
    background: #FFF;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
    border: none;
    margin: 0 0 20px 0;
}

.vcard h1 {
    margin-top: 0
}


#medalsAuftrag, .medalsAuftragList {
    background-image: url(../images/corporate/medal.svg);
    background-size: contain;
    background-repeat: no-repeat;

    font-size: 15px;
    font-weight: bold;
    color: #8f6c07;
    text-align: center;
    padding-top: 3px;
    opacity: 0.75;

    float: left;
    margin-right: 20px;
    width: 30px;
    height: 50px
}

.medalsAuftragList {
    float: right;
    height: 26px;
    margin: -15px -20px 0 0
} /* list view */


#hot {
    float: left;
    margin-right: 20px;
    width: 30px;
    height: 50px;
    text-align: center;
}
.extrem {
    color: darkred
}

.teaserAnfrageDetail {
    font-size: 85%
}

.tblRefs {
    width: 100%;
    word-wrap:break-word;
}

.developerRefs {
    margin-bottom: 20px
}

.developerRefs img {
    max-width: 45%;
    max-height: 360px;
    margin: 0 auto 0 20px;

}

.boxCardsstate {
    
}

.boxCardsstate div.vcard {
    box-sizing: border-box;
    width: 100%;
    padding: 16px;
    margin-bottom: 10px;
    text-align: center;;
}

.boxCardsstate .logo {
    margin: 0 auto 10px auto;
    max-height: 50px;
}

.boxCardsstate h3 {
    color: black;
    margin: 5px 0;
}


.boxCardsstate address {
    font-style: normal;
    font-size: 95%;
    color: #444
}

.boxCardsstate .logo {
    display: block; 
    margin: 0 auto 10px auto;
    max-height: 50px;
    max-width: 40%;
}

.boxCardsstate h3 {
    margin: 0 auto 3px auto;
    max-height: 50px;
}


div.video {
    padding: 10px;
    text-align: center;
}
div.video .img, div.video .iframe {
    margin: auto
}


div.box33 {
    padding: 10px;
    width: 130px;
    margin: 0 1%;
    float: left;
}

div.floatingbox {
    width: 1180px;

    padding: 15px;
    margin: 10px auto;
}


div.imagebox {
    padding: 3px;
    border: 1px solid #DDD;
    font-size: 85%;
    color: #999;
    margin: 15px 0px 15px 15px;
    float: right;
}

div.imagebox img {
    display: block
}




div.boxRand {
    padding: 5px;
    border-left: 1px solid #DDD;
    border-top: 1px solid #DDD;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 15px;
}

div.boxRand h4 {
    margin: 6px;
    font-size: 105%;
    border-bottom: 1px solid #AAA;
}


div.round {
    xpadding: 15px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

div.slide {
    padding: 15px;
    border-top: 5px solid #D5D5C5;
    border-bottom: 5px solid #D5D5C5;
    margin-bottom: 6px;
    opacity: .80;
    filter:alpha(opacity=80);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    background-color: white;
}


div.slide ul {
    list-style-type: none;
    padding-left: 0px
}
div.slide ul li {
    border-bottom: 1px dotted #ccc
}


div.newsCats>ul {
    margin: 0;
    padding: 0
}
div.newsCats>ul {
    list-style-type: none;
    margin: 0
}


div.newsCats>ul ul {
    margin: 0;
    padding-left: 20px
}
div.newsCats>ul ul li a {
    font-weight: normal
}

div.col1, div.col2, div.col3 {
    margin: 0;
    padding: 0;
    width: 32%;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2)
}

div.col1 h2, div.col2 h2, div.col3 h2 {
    margin: 10px;
    border: none!important;
}


div.col1 {
    background-color:#FFC;
    margin-right: 18px
}
div.col2 {
    background-color: #FFE566;
}
div.col3 {
    background-color:#FC0
}


div.left {
    float: left;
}

div.right {
    float: right;
}

div.bannerInner {
    width: 200px;
    position: absolute;
    top: 270px;
    left: 50%;
    margin-left: 375px;
}


.box2, .box3, .box4,  .centerbox {
    padding: 25px;
    background: #f5f5f5;
    border: 1px solid #DDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.bgWhite {
    background: white;
}

a.pagination{
    padding: 2px 6px;
    margin: 5px 2px;
    border-radius: 6px
}
a.pagination:hover {
    padding: 2px 5px;
    border: 1px solid silver;
    text-decoration: none
}
a.activepage, a.activepage:visited{
    color: #888;
    text-shadow: 0 1px 0 #fff;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
    border: 1px solid silver
}
a.activepage:hover {
    padding: 2px 6px
}

a.boxRef, a.boxRef:visited {
    margin: 5px;
    color: black;
    font-size: 20px;
    font-weight: normal;
    padding: 9px;
    text-align: center;
}
a.boxRef:hover {
    color: black;
    text-decoration: none;
    font-weight: normal;
}
.boxRef .icon {
    padding: 10px;
    display: block;
    margin: 0 auto;
}

.smallreferences a.boxRef {
    width: 180px;
    margin: 2px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    font-weight: normal;
    padding: 9px;
}


.smallreferences .icon {
    width: 21px;
    height: 21px;
    padding: 2px 10px 0 0;
}


.gradientSilver {
    opacity: 0.7;
    background: linear-gradient(to right, white 0%, #ddd 100%);
    border: 1px solid silver;
    border-radius: 8px;
    transition: background 0.8s;
}

.gradientSilver:hover {
    opacity: 1;
    background: #f7cb6a;
    border: 1px solid silver;
    transition: background 0.1s;
}

.whiteLabelBox a, .whiteLabelBox a:visited {
    display: inline-block;
    background: #fff;
    background-image: url(../images/corporate/arrowLabel.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 250px;
    margin: 5px;
    height: 70px;
    padding: 9px;
    line-height: 70px;
    font-size: 20px;
    color: #aaa;
}
.whiteLabelBox a:hover {
    color: #ccc;
}

.whiteLabelBox a img {
    float: left;
    opacity: 0.7;
    margin: 20px 26px 20px 16px;
}

.gradientOrange {
    background: linear-gradient(to top, #e6e9eb 0%,#e5c278 100%);
}

.os-icon {
    width: 30px;
    height: 30px;
    opacity: .5;
    margin: 3px 8px 3px auto;
}
.anfragenstart .os-icon {
    margin-right: 3px
}

.vcard .os-lens {
    background: #ddd;
    padding: 4px 12px;
    border-radius: 30px;
    margin: 3px;
    color: #666;
    opacity: 0.9
}





#appDetail .boxCodex {
    height: auto
}

.catLabel {
    float: right;
    padding: 3px 10px;
    margin: -15px -15px 0 0;
    text-transform: uppercase;
    font-size: 11px;
    background: #ddd;
    color: #777;
    border-bottom-left-radius: 5px;
    box-shadow: 1px -1px 2px #ddd inset;

}



.boxCodex {
    border: 3px solid #81a915;
}

.listView .boxCodex {
    height: 180px;
}

.boxCodex table {
    border-spacing: 0;
    border-collapse: collapse
}
.boxCodex td {
    padding: 3px 8px;
    border-bottom: 1px solid #81a915
}

.boxCodex td.titel {
    background: none;
    color: #81a915;
    background: #f6fee1
}

.boxCodex h2 {
    font-size: 20px;
    margin-top: 0
}
.boxCodex .imgcontainer {
    height: 180px;
    width: 180px;
    text-align: center;
    float: left;
    padding: 0 20px 0 0;
    margin: 0 20px 0 0;
    overflow: hidden
}
.boxCodex .description {
    height: 127px
}

.boxCodex .catLabel {
    margin: -10px -10px 0 0;
    border-radius: 0;
    border: none;
    background-color: #81a915;
    color: white;
    box-shadow: none
}

.boxCodex label.tags {
    background: #81a915;
    color: white
}

#codexFeatured img {
    width: 100%;
    max-height: 228px
}

ul.appCategoryLinks {
    margin-top: -5px
}
ul.appCategoryLinks li {
    list-style-type: none;
    padding: 3px 8px
}
ul.appCategoryLinks li:nth-child(odd),



ul.appCategoryLinks a {
    font-size: 14px;
    font-weight: normal
}

ul.check {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 125%;
    line-height: 1.6
}

ul.check li:before {
    float: left;
    display: inline-block;
    content: "\e98d";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding: 8px 12px 0 0;
    margin-bottom: 10px;
    color: #81a915;
}

ul.check li.unchecked {
    cursor: pointer
}


ul.check li.unchecked:before {
    content: "\e98f";
    font-family: 'icomoon' !important;
    color: #333;
}


ul.check li {
    padding: 5px
}

ul.check b {
    color: #81a915;
}


a.developer, a.developer:visited {
    color: #999;
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    background: #eee;
    padding: 2px 6px
}
a.developer:hover {
    color: white;
    background: #223d51;
    font-weight: normal;
    text-decoration: none
}

.appdetail label {
    width: 126px;
    display: inline-block;
    background: #223d51;
    padding: 3px 8px;
    color: #eee;
    margin-right: 15px
}

div.box2 h2, div.box2 h3,  div.box2 h4 {
    margin-top: 0
}
div.devCard h2 {
    margin-top: 10px!important
}

.box4 {
    padding: 0px;
    font-size: 90%;
    background-color: #FFE;
    color: #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 10px;
    text-align: justify;
    text-align-last: left;
    line-height: 1.2;
}

.box4 h4, .box5 h4  {
    color: white;
    background: #223d51;
    padding: 5px 10px!important;
    margin: 2px 2px!important;

    border-bottom: 1px solid #ccc;

    font-size: 110%!important;
    font-weight: bold!important;
    border-radius: 2px;
}




xxx.box4 a {
    font-size: 12px
}

.box4 img {
    margin: 0 15px 7px -35px;
    float: left
}

.box5 {
    border-radius: 4px;
    border: 1px solid #DDD;
    border-left: 1px solid #FFF;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #ccc;
    background: #f4f4f4;
    border-radius: 3px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    padding: 2px

}






div.mobnews {
    font-size: 90%
}
div.mobnews h3 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    font-style: normal;
    float: right;
    background: #305673;
    color: #FFF;
    padding: 6px 16px;
    margin-right: -25px;
    margin-left: 25px;
    text-shadow: none;
    border-top: 1px solid #FFF;

}

div.mobnews h3 a:link, div.mobnews h3 a:visited {
    color: #FFF!important;
    font-weight: normal!important
}

div.center {
    width: 600px;
    margin: 15px auto;
    text-align: center
}


tr.hot td {
    background-color: #f8e3b4!important;

}

tr.hot td:nth-child(2) {
    background-image: url(../images/corporate/hot-app.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}

.hot h2 {
    border-bottom: 1px dotted #cea348 !important;
}

.hottext {
    font-size: 14px;
    color: #d40e0e;
    font-variant: small-caps;
    margin: 8px;
    vertical-align: top;
    line-height: 10px;
}



.hot table {
    font-size: 13px
}



.previewImage .pic {
    display: inline-block;
    width: 200px;
    margin: 0 10px 10px 0;
}

#btnDeleteImage {
    position: absolute;
    display: none;
    cursor: pointer;
}



.box3 {
    background: none;
    font-size: 16px
}
.box3 input {
    width: 100px;
    font-size: 16px;
    font-weight: bold;
    color:#06C
}
.box3 table {
    padding: 3px
}

.pad10, div.pad10 {
    padding:10px
}
.pad15, div.pad15 {
    padding:15px
}
.pad20, div.pad20 {
    padding:20px
}
.pad30, div.pad30 {
    padding:30px
}
.pad40, div.pad40 {
    padding:40px
}

.pad0, div.pad0 {
    padding:0px
}
.space {
    line-height: 2
}

.gelb {
    background-color: #FFF!important;
}
.w700 {
    width: 700px!important
}
.round6 {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.border {
    border: 1px solid #CCC
}

.centerbox {
    text-align: center;
    width: 500px;
    margin: auto;
}

/* make radio/checkbox vertical align with label */
.middle {
    position:relative;
    vertical-align:middle;
    height: 18px
}

label.middle {
    display:inline-block;
}

.margin0 {
    margin: 0
}
.margin7 {
    margin: 7px 0
}




div.pad {
    padding: 25px;
    width: 800px
}

div.line {
    width: 998px;
    margin: auto;
    background: url(../images/corporate/line.jpg);
    height: 1px;
    margin-bottom: 1px;
    margin-top: 10px;
    clear: both;
}

div.newsheader {
    background: #eEeEFF;
    padding: 3px 10px;
    margin: 2px 0 10px 0;
}

div.newsheader h2 {
    font-size: 12px;
    text-transform: uppercase;
    text-shadow: none;
    font-family: Arial, Helvetica, sans-serif;
    border: none!important;
    padding: 0!important;
    margin: 0!important;
    color: #666;
}


#footer {
    width: 1188px;
    padding: 6px;
    margin: auto;
    background-color: #f4d389;
    background: -moz-linear-gradient(top, #f4d389, #e8b23b);
    background: -webkit-linear-gradient(top, #eee, #fff);
    background: -ms-linear-gradient(top, #eee, #fff);
    background: -o-linear-gradient(top, #eee, #fff);
    border-radius-topright: 6px;
    ;
    border-radius-topleft: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-radius-topleft: 6px;
    -webkit-border-radius-topright: 6px;


    box-shadow: 1px -2px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
    background-repeat: repeat-x;
    color:#AAA;
}

#footer, #footer h2, #footer a {
    text-align: center;
    font-size: 12px;
    color: #775b20;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: normal
}


#socialbookmarks {
    width: 800px;
    text-align: center;
    margin: auto;
    height: 87px;
    text-align: center;
}
#socialbookmarks div {
    float: left;
    margin: 10px;
}

#floatingbook {
    text-align: center;
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: 490px;
    width: 80px;
    padding: 10px 5px;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
    background-color: #f2f2f2;
    border: 2px solid #FFF;
    z-index: 100;
}

#floatingbanner {
    text-align: center;
    position: fixed;
    top: 450px;
    left: 50%;
    padding: 10px 0px;
    margin-left: 490px;
    width: 120px;
    background-color: #FFF;
    border: 1px solid #ccc;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
    z-index: 100;
}

#floatingbanner .links {
    margin-top: 10px
}

#sitemap {
    font-size: 13px;
    text-align: left;
    width: 100%;
    height: 176px;
    color: #AAA;
    background:rgba(0, 0, 0, 0.5);
}

#sitemap h3 {
    font-size: 18px;
    color: #99A;
    margin: 0 0 6px 0;
}

#sitemap a {
    font-weight: normal;
    font-size: 12px;
    display: block
}
#sitemap a:hover {
    text-decoration: underline
}

#sitemap div.box {
    width: 19%;
    height: 141px;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #FFF;
    background: -moz-linear-gradient(top, #fff, #ddd);
    background: -webkit-linear-gradient(top,#fff, #ddd);
    background: -ms-linear-gradient(top, #fff, #ddd);
    background: -o-linear-gradient(top, #fff, #ddd);
    float: left;
    padding: 15px;
    margin: 0.5%;
    border: 2px solid #CCC;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
    line-height: 1.5em
}

#sitemap div.wide {
    width: 160px
}



#code {
    position: absolute;
    width: 430px;
    left: 50%;
    padding-left: 50px;
    top: 35px;
    color: #6d8ba1;
    z-index: 10;
}

#code .fb-like-box {
    padding: 6px 0;
    width: 171px;
    height: 74px;
    margin-top: 2px;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 2px
}
#code .fb-like-box img {
    border: 1px solid white
}

#code .pfeil2 {
    position: relative;
    left: -30px;
    z-index: 20;
    top: 20px;
    float: left
}

#code .box {
    width: 100px;
    padding: 10px;
    height: 87px;
    border-radius: 6px;
    border: 1px solid #aaa;
    font-size: 15px;
    float: right;
}

.boxleft, .boxright {
    box-sizing: border-box;
    width: 49%;
    padding: 0 3% 3% 3%;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #FFF;
    font-size: 18px
}







a.fwd {
    background-color: #ddd;
    background-image: url(/images/template/fwd.png);
}


td.kategorielinks, td.kategorielinks a {
    text-transform: uppercase;
    color: #999;
    background-color: #EEF;
    text-align: right;
    padding: 0px 6px;
    margin-bottom: 6px;
}

td.kategorielinks {
    font-size: 75%;
    color: #BBB;
}

td.kategorielinks a:hover {
    text-decoration: none;
    color: #653
}


input.noedit {
    border: none;
    background: none;
    text-align: right
}

p {
    margin: 12px 0;
}



x.componentheading {
    margin-left: -5400px;
    margin-top: -40px;
}

.contentheading, .contentheading a {
    padding: 0;
    margin: 12px 0;
    font-family: Georgia, Arial;
    font-weight: normal;
    line-height: normal;
    width: 100%;
    display: block;
}


.titel {
    font-weight: bold;
    text-align: right;
    padding: 4px 8px;
    background-color: #EEE;
    border: 1px solid #DDD;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

h2 {
    padding: 0;
    margin: 12px 0;
    font-size: 25px;
    font-weight: normal;
    color: #333;
}

h4 {
    margin-bottom: 6px
}

#geog {
    padding: 6px 0 10px 0
}
#geog input {
    background: white
}

#content h2.verzeichnis {
    font-size: 18px;
    margin: 16px 0 3px 0;
}
h2.list {
    font-size: 13px;
    border: none!important;
    display: inline
}

.verzeichnis .devCard h2 a {
    font-weight: normal!important;
    text-decoration: none!important
}

h3, table.contentpaneopen h3  {
    margin: 4px 0;
    font-size: 20px;
    font-weight: normal;
    color: #666;
}

h3 a, h3 a:hover {
    font-weight: normal;
    text-decoration: none
}

h3, .underline {
    margin-bottom: 5px;
    padding-bottom: 3px;
    line-height: 1.3em
}

.anfrageDetail h3, .noline {
    border: none
}

h3 {
    margin: 26px 0 12px 0
}

.contentpaneopen {
    xwidth: 750px;
}

h3 span.title {
    xcolor: #a0d40e;
    color: #666;
    background-color: #EEF;
    padding: 3px 6px;
    font-style: normal;
    xfont-size: 12px;
    text-shadow: none;
}

h3.descr a {
    color: #666;
    text-decoration: underline
}

h2.cite, p.cite {
    font-style: italic;
    font-family: impact, arial, cursive
}

.hasTip {
    color: #555
} /* f�r aPoll tabelle */
.hasTip img {
    margin: 5px 3px;
}

img.hasTip {
    border: 2px solid #293e59;
    margin: 0 3px 3px 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}


/*   typo content pages */

article {
    text-align: justify;
    text-align-last: left;
}

article h1 {
    font-size: 2.2em;
    line-height: 1.2em
}


article h2 {
    font-size: 1.9em;
    border: none;
    margin: 40px 0 12px 0;
    padding: 0;
    font-weight: normal;
    text-shadow: -1px 0px 1px #eef;
}

article h1, article h2, article h3 {
    text-align: left
}

article h2 a, article h2 a:visited {
    font-weight: normal;
}

article h2 a:hover {
    text-decoration: underline;
    font-weight: normal;
}

article h3 {
    font-size: 26px;
    margin: 40px 0 12px 0;
    clear: both;
    display: block
}

article h2 + h3 {
    margin-top: 0
}

article h3.title {
    margin: 12px 0
}


article .aside h3 {
    margin-top: 0
}

article li {margin-bottom: 10px}

.frontpage article h3 {
    font-size: 25px;
    margin: 16px 0 12px 0;
}

article h2>h3 {
    margin-top: 12px
}


article a {
    text-decoration: underline
}

article h2 a, article h3 a, article h4 a {
    text-decoration: none
}

/* Tooltips */
.tool-title {
    padding: 5px;
    background: #dda;
    font-weight: bold;
    border-radius-topright: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-radius-topright: 6px;

}



div.componentheading {
    font-size: 22px;
    xcolor: #fabc35;
    padding: 5px;
    font-weight: normal;
    font-family: Georgia,Arial,sans-serif;
    margin-bottom: 10px;
}

h4.dotted {
    padding-top: 4px;
    margin: 16px 0 4px 0 !important;
    border-top: 1px dotted #666
}

h3.apps {
    line-height: 1.8;
    font-size: 24px;
    margin: 0 0 6px
}

h4.bg {
    background:#DDE;
    padding: 3px 6px;
    margin: 6px 0;
    border: 1px solid #FFF
}
h4.blue {
    background: #305673;
    padding: 5px 10px;
    color: #FFF;
    border-bottom: 1px solid #FFF;
    margin: 0 0 6px 0;
}

h4.first {
    margin-top: 0!important;
    padding-top: 0!important;
    border: none!important
}


.buyer h4 {
    display: block;
    padding: 12px 0 6px;
    margin: 12px 0 6px;
    border-top: 1px solid #ccc;
    font-size: 18px;
    font-weight: normal
}


h5 {
    margin-top: 12px;
    margin-bottom: 4px;
    line-height: normal
}


img {
    border: 0 none;
}



#editWhiteLabel {
    font-size: 16px
}







.listos span {
    padding: 3px 6px;
    border: none;
    margin: 0 4px 10px 0px;
    font-size: 9px;
    text-transform: uppercase;
    color: #aaa;
    text-decoration: none;
}


.listos span a {
    color: white;
    font-weight: normal
}

.listos span.on {
    color: rgba(255,255,255,.9);
    background: #81a915;
}



div.tagcontent {
    width: 370px;
    padding: 25px;
    float: right;
    padding-top: 0
}

ul.plus, ul.pfeil {
    padding-left: 15px
}

ul.plus li {
    list-style-type: none;
    background-image: url(../../../images/stern.jpg);
    padding: 5px 0px 5px 28px;
    background-repeat: no-repeat;
    background-position: 0px 8px;
}

ul.pfeil li {
    list-style-type: none;
    background-image: url(../images/corporate/pfeilSmall.png);
    padding: 5px 0px 5px 28px;
    background-repeat: no-repeat;
    background-position: 0px 8px;
}

ul.dotted {
    margin: 0;
    padding: 0;
    list-style-type: none
}
ul.dotted li {
    border-bottom: 1px dotted silver;
    padding: 5px 0;
    margin: 5px;
    vertical-align: middle
}
ul.dotted input {
    margin: 0 6px 0 0
}


.box1 {
    padding: 20px;
}

.boxleft ul li, .boxright ul li, .haken li{
    list-style-type: none;
    padding: 5px 20px 5px 25px;
    background-image: url(/images/stories/haken.png);
    background-repeat: no-repeat;
    background-position: 0px 10px;
}


div.chronoform {
    display: none;
}

#lightbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6)

}

#popup {
    position: absolute;
    box-sizing: border-box;
    background: rgba(255,255,255,.6);
    border-radius: 10px;
    padding: 8px;
    width: 50%;
    left: 25%;
    top: 25%;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,.3), 0 0 100px 20px rgba(0,0,0,.1);
    z-index: 9;
}

#popup>div {
    background: white;
    padding: 30px;
    font-size: 130%;
    line-height: 1.4
}

/* --------------------------------------------------anfrage EINGEBEN  */

#anfrageForm .leftcol {
    width: 72%
}

table.anfrage td.title {
    vertical-align: top;
    padding: 4px
}

table.anfrage input, table.anfrage select, table.anfrage textarea {
    font-size: 17px;
    background-color:#DDD;
    padding: 3px;
    border: 1px solid #BBB;
    color: #444;
}

.short {
    width: 80px
}
.shorter {
    width: 50px
}
.width150 {
    width: 150px
}


.bgAnfragenForm {
    background-color: #eef1f6;
    background-image: url(/images/anfrage-aufgeben-phone.jpg);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: -25px;
    background-size: 41%;
}

/* --------------------------------------------------anfragen LISTE   */

div.beschreibung {
    background-repeat: no-repeat;
    background-color: rgba(240,240,220, .95);
    width: 643px;
    border-top: 1px solid #EEE;
    position:absolute;
    margin-top: 10px;
    margin-left: 20px;
    padding: 20px;
    display: none;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.25)

}
.layer {
    display:none;
    font-weight: normal;
    cursor: pointer;
    position: absolute;
    margin-top: 10px;
    margin-left: 25px;
    background: #FFE;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px;
    border: 2px solid #CCB;
    width: 650px;
    opacity: .88;
    filter:alpha(opacity=88);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=88);
}

.striped td {
    padding: 4px 6px
}
.striped tr:nth-child(odd) td {
    background: rgba(200,195,180,.2)
}
.striped tr:nth-child(even) td:first-child {
    border-left: 1px solid #eee
}
.striped tr:nth-child(even) td:last-child {
    border-right: 1px solid #eee
}

.btnPostcode {
    display: block;
    text-transform: none;
    margin: 10px auto;
    text-align: center;
    font-size: 120%

}

.yellowHead th, h3.yellowHead {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: normal;
    background: #f7cb6a;
    padding: 4px 10px;
    color: rgba(0,0,0,.7); 
    font-family: "Fjalla One";
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 3px 0


}

.lined {
    border-collapse: collapse
}

.lined td {
    border-bottom: 1px dotted silver;
    padding: 10px 6px
}

.lined table td {
    border: none;
    padding: 4px 6px
}

table.anfragenstart th {
    background: #223d51;
    color: white;
    font-size: 80%;
    text-transform: uppercase;
    font-weight: normal;
    padding: 1px 3px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;

}

table.anfragenstart th a {
    color: white;
    text-decoration: unterline
}

table.anfragenstart td {
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    padding: 6px 3px
}
table.anfragenstart td.grey, th.grey, td.grey {
    background-color: #EEE
}

xxxtable.anfragenstart tr:nth-child(odd) td {
    background: #f5f6f8
}

table.anfragenstart tr.active td {
    background: #EEF
}

table.anfragenstart td.description {
    background: #FFD;
    padding: 20px;
    border: 1px solid #CCC;
    border-bottom: 3px solid #BBA;
}

table.anfragenstart ul, table.anfragenstart ol {
    margin: 0;
    padding-left: 20px
}
table.anfragenstart p {
    margin-top: 2px
}

.tip {
    margin: 5px;
    cursor: pointer;
}

tr.filter td {
    background: none!important;
    border: none!important;
    padding: 0
}
tr.filter select {
    background: #FFC;
    border: 2px solid #CCC
}


div.line {
    height: 1px;
    border-top: 1px solid #DDE;
}

tr.sum td {
    border-top: 2px solid silver!important
}



/* --------------------------------------------------anfragen DETAIL   */
.anfrageDetail {
    width: 780px
}
table.anfrageDetail td {
    padding-left:10px
}

td.euro, .euro {
    font-size: 16px;
    font-weight: bold
}



/* --------------------------------------------------anfragen FORM2   */

#anfrage input, #anfrage textarea {
    width: 96%
}
input[type="radio"], input[type="checkbox"] {
    width: auto!important
}

.page {
    box-sizing: border-box;
    background: #f5f5f5;
    border: 1px solid silver;
    padding: 20px;
    width: 100%;
}

.bold {
    padding: 6px 3px
}

.osbox {
    border: 4px solid silver;
    font-size: 16px;
    color: #777
}
.osbox.active {
    border: 4px solid #F3961C;
    background: white
}
.label {
    font-weight: bold
}


#cites p:nth-child(1) {
    font-size: 16px;
    font-style: italic;
}

#cites  p:nth-child(2) {
    font-weight: bold;
    text-align: right;
    margin: 0
}
#cites  p:nth-child(3) {
    text-align: right;
    color: #999;
    margin: 0
}



/*****************************************/
/*** sonstige TAGS ***/
/*****************************************/

x#content img {
    margin: 0 25px 25px 0;
}





/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
    background: #fffebb;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.2em;
    padding: 5px;
}

span.pathway {
    display: block;
    margin: 0 20px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
}

/* headers */
div.componentheading {
    padding-left: 0px;
    text-shadow: 0 1px 0 #FFFFFF, 0 -1px 3px #BEBEBE;
}


/* small text */
.small, .tiny, .breadcrumbs, input.small  {
    font-size: 85%;
    font-family: Tahoma, Geneva, sans-serif;
    color: #777;
    font-weight: normal;
    text-align: left;
    font-weight: normal!important;
    line-height: 1.2;
}

.small a {
    font-weight: normal;
    text-decoration: underline
}

.thin i {
    margin-right: 8px
}

.breadcrumbs a, a.small {
    font-weight: normal!important
}
.breadcrumbs {
    margin: -6px 0 6px 0
}

p a {
    color: #3B5998;
}
a.plain {
    color: #999;
    font-weight: normal;
    text-decoration: none
}


table.test th {
    color: #333
}

.tiny, p.tiny {
    font-size: .7em;
    line-height:  1.2em
}
.big {
    font-size: 140%;
    margin: 0
}
input.huge {
    font-size: 125%;
    width: 400px;
    padding: 5px;
    margin: 10px 0
}
.embossed{
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset, -1px 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
    padding: 2px 9px;
    color: #FFFFFF;
    display: inline-block;
    cursor: pointer;
    background-color: #30526b;
    background-image: -moz-linear-gradient(center top , #30526b, #223d51);

}

i.huge {
    font-size: 60px
}




.modifydate {
    height: 20px;
    vertical-align: bottom;
    font-size: .90em;
    color: #999;
    font-weight: normal;
    text-align: left;
}

.articleinfo {
    font-family: verdana, sans-serif;
    color: #999;
    font-weight: normal;
    font-size: 10px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 2px;
    display: block;

}

dl {
    margin: 0;
    padding: 0
}

.articleinfo dd {
    display: block;
    margin: 0
}
.articleinfo dd.createdby, .articleinfo dt {
    display: none
}
xxxdd.published {
    text-align: right
}

.anleser {
    text-align: justify;
}

.category-desc-single {
    padding: 10px;
    background: #ddd;
    margin-bottom: 15px
}

.categorylinks {
    float: right;
    margin-top: -27px
}
.categorylinks a {
    font-weight: normal;
    text-decoration: none
}


a.readon {
    line-height: 1;
    text-transform: uppercase;
    color: #7eb500; /* gr�n links 9cd00e- dunkelgr�n: 8ec50a */
    font-size: 9px;
    font-weight: normal;
    padding: 2px 5px;
    border: 1px solid #9cd00e;
    background-color: #EEE;
    float: right;
    font-family: Arial, Helvetica, sans-serif

}

a.black {
    color: #333;
}
a.black:hover {
    text-decoration: none;
    cursor: default
}



a.readon:hover, a.sobi2Header:hover {
    color: #9cd00e;
    background-color: #223d51; /* dunkelblau 223d51 */
    text-decoration: none;
}


.data {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    background-color: #eee;
    border: 1px solid #ccc;
}
table.data td {
    padding: 3px;
    border-bottom: 1px solid #ddd
}
table.data th {
    background: #223d51;
    color: #f5f5f5;
    font-size: 120%;
    padding: 2px 3px
}


sup {
    font-family:  georgia, serif;
    font-size: 11px;
    background: #f5d288;
    color: #8B681C;
    padding: 2px 14px 2px 12px;
    border: 2px solid #FFF;
    border-radius: 10px;
    margin-left: 5px;
    letter-spacing: .1em;

}


/* form validation */
label {
    font-weight: bold;
    font-size: 17px
}
.invalid {
    border: 2px solid #ff0000!important;
}
label.invalid {
    color: #ff0000;
    border: none!important
}

td.inline input[type='checkbox'] {
    float: left
}
td.inline label {
    line-height: 28px
}

label.city {
    display: block;
    float: left;
    width: 150px;
    margin: 3px;
    overflow: hidden
}

x.box2 label {
    width: 160px;
    padding: 2px 12px 2px 0;
    background: #FFF;
    float:left;
    display: block;
    text-align: right;
    margin: 0 10px 5px 0
}

table.anfrage label {
    background: white;
    padding: 2px 4px
}

table.anfrage td.label, table.anfrage label, table.editWhiteLabel label  {
    font-size: 110%;
    font-weight: bold;
    vertical-align: top;
    text-align: right;
    padding: 5px 10px 0 0;
    background-color: rgba(255,255,255, .4)
}


.boxanfrage {
    width: 690px;
    padding: 15px;
    float: left;
    z-index: 1
}


#content h1.anfrage {
    padding-bottom: 7px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DDD;
    color: #333;
    font-weight: normal;
}

.boxanfrage .listos {
    width: 50%
}

.boxanfrage .listos label {
    width: 80%;
    display: inline-block;
    text-align: left!important;
}




.box2 brXXX {
    display: block;
    clear: both
}

/* spacers */
span.article_separator {
    display: block;
    height: 20px;
}

.article_column {
    padding-right: 25px;
}

.article_column p{
    text-align: justify;
}

.column_separator {
    xborder-left: 1px dashed #e0e0e0;
    padding-left: 0px;
}


.clr {
    clear: both;
}

td.greyline {
    width: 20px;
    background: url(../images/corporate/mw_line_grey.png) 50% 0 repeat-y;
}

div#maindivider {
    border-top: 1px solid #ddd;
    margin-bottom: 10px;
    overflow: hidden;
    height: 1px;
}

table.blog span.article_separator {
    display: block;
    height: 20px;
}

#content table.blog h2{
    border: 0;
    margin: 3px 0;
    padding: 4px 6px;
    box-shadow: 0px -3px 2px rgba(0, 0, 0, 0.2);
    border-top: 3px solid #FFF;
    background-color: #FFF;
    background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-linear-gradient(top, #eee, #fff);
    background: -ms-linear-gradient(top, #eee, #fff);
    background: -o-linear-gradient(top, #eee, #fff);

}

#content table.blog h2 a {
    font-size: 22px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.match {
    background-color:#093;
    color: #FFF;
    padding: 2px 4px;
    font-size: 11px;
    font-weight: bold
}
.nomatch {
    background-color:#c00;
    color: #FFF;
    padding: 2px 7px;
    font-size: 11px;
    font-weight: bold
}

.devCard {
    box-sizing: border-box;
    background-color: #FFF;
    float: left;
    padding: 16px 24px 24px 24px;
    margin: 4px;
    height: 220px;
    overflow: hidden;
    -webkit-line-clamp: 4; /* Anzahl der Textzeilen, die angezeigt werden sollen */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    width: 49%;
    box-shadow: 1px 2px 10px rgba(0,0,0,.1);
}

.devCard p {
    margin: 6px 0;
}


.devCard.premium {
    width: 100%;
    height: auto;
    max-height: 260px;
}

.devCard img {
    max-width: 150px;
    max-height: 100px;
    margin: 0 0 25px 25px;
    float: right;
    padding: 0px;
}



.devCard.premium img {
    max-height: 170px;
    max-width: 350px;
}

.devCard .devD {
    display: block;
    line-height: 1.3;
    max-height: 63px;
    overflow: hidden;
}

.teaserAnfrageFixed{
    width: 340px; position: fixed; right: 10px; top: auto; bottom: 10px; 
    background: #005c75; 
    color: white;
    padding: 10px; text-align: center;
    z-index: 11;
}

.teaserAnfrageFixed a {
    text-decoration: none;
}

.moduleTeaserAnfrageStarten {

    box-sizing:border-box; height: 200px;
     margin: 40px 0; background: #ffe; padding: 25px; text-align: left
}

.moduleTeaserAnfrageStarten img 
{
    height: 150px; margin: 0 40px 0 0; float: left
}

.profil td {
    vertical-align: top
}
.profil input, .profil textarea, .profil select {
    background-color:#EEE;
    border: 1px solid #ccc;
    padding: 3px
}



/* edit button */
.contentpaneopen_edit{
    float: left;
}

/* table of contents */
table.contenttoc {
    margin: 5px;
    border: 1px solid #ccc;
    padding: 5px;
    float: right;
}

table.contenttoc td {
    padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
    background: #efefef;
    color: #333;
    font-weight: bold;
    padding: 4px;
    border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
    padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
    padding: 3px;
}



.msg {
    padding: 15px;
    margin: 0 0 15px 0;
    background: gainsboro;
    color: #333;
    border: 1px solid #444;
}

.error {
    border: 1px solid crimson;
    font-weight: bold;
    color: crimson;
}

.alert {
    background:  #666;
    border: 3px solid rgba(0,0,0,.3);
    font-weight: bold;
    color: #f7cb6a;
}

.success {
    background: #d5fb98;
    font-weight: bold;
    border: 3px solid rgba(0,0,0,.3)
}

/* define custom icomoon classes for messages*/
.icon-error:before {
    content: "\e930";
}
.icon-success:before {
    content: "\e931";
}
.icon-alert:before {
    content: "\e91e";
}
.icon-info {
    margin: 0 10px  0 5px;
    color: #777;
    vertical-align: middle
}



.capitalized {
    font-size: 60px;
    float: left;
    margin: 0 20px 0 0
}

.anfragetyp .icon {
    display: block;
    padding-top: 8px;
    color: #777;
    font-size: 22px;
}


.highlight {
    background-color: #fffebb;
}



hr.trenner {
    margin: 20px 0
}

hr {
    height: 1px;
    border: none;
    background: silver;
    margin: 15px 0;
}
hr.dezent{
    opacity: .20;
    filter:alpha(opacity=20);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    margin: 10px 0;
}

hr.dotted {
    background: none;
    margin: 6px 0;
    color: none;
    height: 0px;
    border: 1px dotted #999
}

hr.clearall, hr.clear {
    clear: both;
    display:block;
    visibility: hidden;
    margin: 4px 0
}
hr.spacer {
    clear: both;
    display:block;
    visibility: hidden;
    height: 6px
}

.datepicker {
    text-align: right;
    font-weight: bold;
    width: 10ch!important
}

table.blog .kontaktdaten {
    xdisplay: none;
}

.blog_more {
    width: 70%
}


label.tags, a.tag {
    color: #666;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 8px;
    margin: 2px 5px;
    background-color: white;
    text-shadow: none;
    font-style:normal;
    text-transform:  uppercase;
    line-height: 20px;
    min-width: 0;
    border-radius: 1px;

}

a.tag {
    text-transform: none;
    background: #eee
}


.pagination span, .pagination strong, .pagination a {
    padding: 5px;
    font-weight: bold;
}

.table td {
    vertical-align: top;
    background-color: #FFFFE5;
    border: 1px dotted #BBB;
    padding: 3px;
}

td .label {
    font-weight: bold
}
table.anfragenstart .label {
    background: #eee
}

.table th {
    padding: 3px;
    border: 1px solid #AAA;
    background-color: #EEEEEE;
}

.table th a {
    font-weight: bold;
}

.table a {
    color: #7EB500;
}





/* comments  */

.boxComment {
    padding: 15px;
    margin-top: 5px;
    border-left: 1px solid silver;
    border-bottom: 1px solid silver
}

.boxComment h4 {
    font-size: 110%;
    margin: 0 0 4px 0
}

.boxSubComment {
    display: block;
    padding: 5px 0 0 0;
}

.subComment {
    display: block;
    font-size: 0.8em;
    color: #777;
    line-height: 1.25em;
    border-top: 1px solid silver;
    padding-top: 6px;
    margin-top: 6px;

}

.btnAddSubComment {
    font-weight: normal;
    background: none;
    display: block;
    padding: 0;
    margin: 0;
    border: none;
}


.boxLikes {
    max-width: 80px;
    float: right;
    text-align: center;
    margin: 0px 0px 10px 10px
}

.boxLikes>div {
    height: 26px;
    min-width: 26px;
    vertical-align:  middle;
    text-align: center;
    margin: 0!important;
}

.numLikes {
    font-family: "Arial";
    font-size: 16px;
    line-height: 26px;
    padding: 0 5px
}


.iconLike {
    background-image: url(../images/icons/like-app.png);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}











/* private anfragen */

.rot {
    color: #654;
    font-size: 11px;
    margin:0;
    text-transform:uppercase;
    padding: 2px 10px;
    background: #FFF;
    display: block;
    text-align: right
}

.privattable {
    background-color: #dde;
    width: 100%
}
.privattable td {
    padding: 3px;
    border-bottom: 1px dotted #BBB;
}
.key {
    font-weight: bold;
    text-align: right;
    padding-right: 10px
}


.desc, .qualifikation {
    width: 810px;
    padding: 25px 35px;
    background-color: #FFF;
    text-align: justify
}
.desc {
    min-height: 185px
}
div.hot .desc {
    min-height: 190px;
}
.qualifikation {
    font-size: 90%;
    color: #666
}

#btnPay {
    width: 230px;
    font-size: 30px;
    padding: 10px;
    border-radius: 100px;
    border: 3px solid white;
    animation: borderglow 1500ms infinite;
}


@keyframes borderglow{
    0% {
        border-color: #fff
    }
    50% {
        border-color: #fbc34b
    }
    100% {
        border-color: #fff
    }
}



a.button img {
    vertical-align: middle;
    margin: 0 12px 0 -68px;
}

acritcle a.button img {
    vertical-align: middle;
    margin: 0 12px 0 -58px;
}



a.button1 {
    font-size: 12px;
    padding: 3px 6px;
    text-shadow: none;
    color: #777;
    line-height: 26px
}
a.button1:hover {
    color: #3B5998;
    text-decoration: none
}

td.buttonKaufen a {
    margin: 0px;
    background-image:url(/images/schraffur1.png);
    background-repeat: repeat;
}



a#active_menu {
    font-weight: bold
}



a.button200 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    line-height: 25px;
    display: block;
    background-image:url(/images/button3.png);
    width: 75px;
    height: 24px;
    text-align: center;
    background-repeat: no-repeat;
    padding-top: 1px;
}

a.button200 {
    background-image:url(/images/button200.png);
    width: 200px;
}


a.button200:hover {
    text-decoration: none;
    color: #5B79C8
}

/* siehe users/start = meinAEV */

.buttonbox {
    width: 220px;
    height: 140px;
    text-align: center;
    padding: 16px;
    background: #efefef;
    float: left;
    margin: 7px;
    cursor: pointer;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0px 3px 0px -3px rgba(0, 0, 0, 0.1);
    border: 4px solid #efefef;
}

.buttonbox:hover {
    background: #f5f5f5;
    border: 4px solid #f7cb6a;
}

.buttonbox.active {
    color: #333;
    background: #f7cb6a;
    border: 4px solid white;
}



.buttonbox img {
    height: 60px;
    opacity: .7;
}


.smallbuttonbox {
    width: 100%;
    height: 85px;
    border-bottom: 1px dotted #BBB;
    margin: 10px 0;

}

.smallbuttonbox img {
    float: left;
    margin-right: 15px
}

.buttonbox img {
    display:block;
    margin: auto;
    padding: 3px 0px 0px 3px;

    border-radius: 9px;
}

.buttonbox a {
    font-size: 13px;
    color: #666;
    font-weight:normal;
    line-height: 1
}







.osbox {
    width: 19%;
    height: 90px;
    text-align: center;
    padding: 1%;
    background: #e5e5e5;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;


    background: #f5f5f5;
    border: 4px solid #30526b;
    box-shadow:  2px 2px 2px rgba(0, 0, 0, 0.4);

    line-height: 1.1;
}

.osbox:hover {
    background: white;
}

.osbox.active {
    color: #333;
    background: white;
    border: 4px solid #f7cb6a;
    box-shadow: 2px 2px 1px rgba(255, 255, 255, 0.9), -2px -2px 1px rgba(0, 0, 0, 0.2);
}



.osbox img, .osbox i {
    display: block;
    height: 40px;
    margin: 8px auto;
    opacity: .6;
    font-size: 40px;
    color: black
}

.osbox a {
    font-size: 13px;
    color: #666;
    font-weight:normal;
    line-height: 1
}








.center {
    text-align: center;
    margin: 0 auto;
}

.autoren .label {
    width: 65px;
    text-align: right;
    margin-right: 5px;
    display: block;
    float: left;
    font-weight: bold;
}
.autoren table td {
    border-bottom: 1px dotted #CCC
}
.autoren td {
    background-color: #FFF
}
td.blank {
    background-color: none;
}

.rating {
    border-right: 1px solid #ccc;
    font-size: 22px;
    text-align: center;
    padding: 4px
}
table td {
    vertical-align: top
}

.note {
    width: 550px;
    padding: 15px;
    margin: 5px;
    background-color:#fffad8;
    border: 1px dotted #dca
}
.note h2 {
    font-size: 18px;
    margin: 6px 0;
    border-bottom: 1px solid #dca!important
}
.note img {
    float: left;
    margin: 0 15px 10px 0
}


.warning {
    padding: 20px;
    background-color:#FF9;
    border: 3px solid #FA0
}
.new {
    padding: 20px;
    background-color:#F5f5f5;
    border: 4px solid #FFF
}

.shadow {
    box-shadow: 0px 5px 3px -5px #888;
}
.shadowBorder {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3)
}
a.normal {
    color: #AAAABB;
    text-decoration: none
}

.typoFat {
    font-size: 120%;
    color: #D09000;
    font-weight:bold;
    text-shadow: -1px -1px 0 #FFFFFF,  1px 1px 2px #999;
}

table.anfragenstart td.date {
    padding-top: 0px
}
table.anfrage td, table.anfrageDetail td, table.anfragenstart td {
    padding: 4px 6px
}
.date {
    font-weight: normal;
}
.day {
    font-size: 25px;
    padding: 11px 0 3px 0;
    line-height: 0.8;
    font-family: 'tahoma', sans-serif;
    width: 100%;
    display: block;

}
.month {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 6px;
    line-height: .9;
    background-color: rgba(0,0,0,.15);
    color: rgba(0,0,0,.5);
}




.watermark {
    background-image: url(/images/template/watermark.png);
    background-repeat:repeat
}

.bugform {
    border: 1px solid #FFF;
    padding: 20px;
    width: 700px;
    background: #FFF5DD
}



.symbol {
    display: inline-block;
    text-align: center;
    width: 9px;
    border-radius: 18px;
    padding: 0px 6px;
    margin: 0 12px 0 0;
    background-color: #223D51;
    color: #9CD00E;
    font-weight: bold;
}





/*    T E S T I N G    */

#testing label {
    width: 120px;
    text-align: right;
    padding-right: 12px;
    display: inline-block
}
.bold, .bold td {
    font-weight: bold
}

table.order {
    width: 100%;
    background: #eee;
    border-radius: 4px;
    border: 1px solid #ccc;
    border-spacing: 1px;
}
table.order thead {
    background-color: #888
}
table.order th {
    background: #333;
    color: #fff;
    border-radius: 1px;
    text-align: left;
    padding-left: 3px;
}
.order th label {
    width: 100px;
    text-align: right;
    padding-right: 6px;
    color: #ddd;
    font-weight: normal;
}

table.order h3 {
    border-bottom: none;
    box-shadow: none;
    padding-bottom: 0px;
    margin-bottom: 0;
}
table.order td {
    background: FFF
}
table.active {
    padding: 2px
}
table.inactive {
    border: 2px solid #FFF;
    padding: 2px;
    opacity: .7
}

table.subtable {
    font-size: 90%;
    width: 100%;
    border-spacing: 1px;
    line-height: 1.3
}
table.subtable th {
    color: #FFF;
    background-color: #333;
    font-size: 80%;
    font-weight: normal;
    text-transform: uppercase;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
table.subtable td {
    background: #FFF
}


table.testing th.top {
    background-color: #9ac;
}
table.testing th {
    background-color: #ddd;
    font-size: 100%;
    color: #333;
    font-weight: bold;
    border-radius: 0;
    padding: 3px 8px
}
table.testing td {
    border-bottom: 1px dotted #FFF;
    padding-left: 8px;
    font-size: 90%
}

table.test th {
    vertical-align: middle;
    text-align: right;
    background-color: rgba(200,200,200, .5);
    padding: 5px 10px;
    border-radius: 3px
}

table.test td {
    vertical-align: middle
}
table.test th.twocol {
    width: 125px
}

table.test th p {
    font-weight: normal
}

div.readonly input, div.readonly textarea, div.readonly select {
    border: none;
    background: none;
    cursor: normal
}

div.readonly button {
    display: none
}

.casebox {
    width: 100%;
    padding: 2px;
    margin: 3px;
    border: 1px solid #ccc;
    clear: both;
    background: #eee
}
.casehead {
    display: block;
    background: #DDD;
    padding: 4px 10px;
    font-weight: bold;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #ccc
}
.casecontainer {
    display: none
}
.casecol2 {
    padding: 10px;
    width: 45%;
    float: left
}
.casecol1 {
    display: block;
    padding: 10px;
    border-top: 1px solid #ccc;
}

img.toggle {
    float: right;
    cursor: pointer
}
.loader {
    padding: 0 10px;
    font-size: 9px;
    color: #999;
    display: inline;
    width: 100px;
    font-weight: normal
}



table .title {
    font-size: 120%;
    text-align: center!important;
    padding: 4px;
    border-top: 2px solid #333
}
.status {
    font-size: 10px;
    text-transform: uppercase;
    background: #aaa;
    margin: 2px;
    display: block;
    text-align: center
}
.button.small {
    padding: 2px 4px;
    background: #FFF;
    cursor: pointer;
    display: inline-block;
    margin: 3px;
    font-size: 10px;
    text-transform: uppercase;
    text-shadow: none
}

.statusbox {
    background-color: white;
    background-image: url('/images/M_images/con_info.png');
    background-repeat: no-repeat;
    background-position: 15px 15px;
    padding: 15px 45px 15px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 110%;
}

.hidden {
    display: none
}



/* A N G E B O T E  */

form.angebote .heading {
    font-size: 16px;
    background: #eee;
    padding: 5px 10px
}





/*    F O R U M    */
.cofiThreadTableRow1 h3 {
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-shadow: none;
    font-style: normal;
}

.rank, table.anfragenstart .rank {
    font-size: 36px;
    text-align: center;
    background-color: #FFF;
    background: -moz-linear-gradient(top, #eee, #ddd);
    background: -webkit-linear-gradient(top, #eee, #fff);
    background: -ms-linear-gradient(top, #eee, #fff);
    background: -o-linear-gradient(top, #eee, #fff);
    text-shadow: -1px -1px 0 #FFFFFF, 1px 1px 3px #BEBEBE;
    padding-top: 15px
}


.partner {
    width: 980px;
    margin: auto
}
.partner a {
    float: left;
    padding: 6px 10px;
    display: inline
}


a.sitemap {
    display: block;
    width: 250px;
    float: left;
    margin: 5px 10px;
    white-space: nowrap
}
caption {
    font-style: italic;
    font-size: 80%
}

.caption {
    float: right;
    background: #ddd;
    color: #666;
    font-size: 11px;
    text-transform: uppercase;
    padding: 1px 8px;
    margin-top: -30px
}

.bubble {
    background: linear-gradient(#F9D835, #F3961C) repeat scroll 0 0 transparent;
    border-radius: 10px 10px 10px 10px;
    color: #000000;
    margin: 1em 0 3em -50px;
    padding: 15px;
    position: relative;
}

h3.bubble, h3.cite {
    text-shadow: 0 1px rgba(255,255,255,.4);
    font-style: italic;
    font-size: 20px;
    line-height: 26px;
    text-transform: none;
    border-bottom: 1px solid #D1D1D1;
    border-top: 1px solid #D1D1D1;
    padding: 6px 15px;
    background: #f5f5f5;
}

.bubble.top {
    background: linear-gradient(#F3961C, #F9D835) repeat scroll 0 0 transparent;
}
.bubble.left {
    background: linear-gradient(#F9D835, #F3961C) repeat scroll 0 0 transparent;
    margin: 0 50px 0 -10px;
}

.bubble.left:after {
    border-color: transparent #f7c62e /*#F3961C*/;
    border-width: 10px 50px 10px 0;
    bottom: auto;
    left: -50px;
    top: 16px;
}
.bubble.right {
    background: none repeat scroll 0 0 #F3961C;
    margin-right: 50px;
}
.bubble:after {
    border-color: #F3961C transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -15px;
    content: "";
    display: block;
    left: 50px;
    position: absolute;
    width: 0;
}

.debug{
    background: black;
    color: #9CD00E;
    width: 960px;
    padding: 10px;
    margin: 0 auto
}




.flex, .flexbox, .flexRow {
    display: flex;
    flex-wrap: wrap;
    clear: both;
    align-items: flex-start;
    justify-content: flex-start;
    align-items: stretch;
}

.wrap {
    flex-wrap: wrap
}

.flexRow {
    flex-wrap: nowrap;
}

.flexRow>div, .flexRow>p, .flex>div {
    xalign-self: flex-start;
} /* top alignment of elements - removed in favour of stretch */
.flex>div {
    flex: 1 1 300px
}
.flexRow.equal>div, .flexRow>div {
    flex: 1;
    padding: 0
} /* equal width */

.flexLinks a{
    flex: 1 1 0
}


/* variable multi column */
.flex2 {
    flex: 2 1 0!important
}
.flex1 {
    flex: 1 1 0!important
}




.badgeNew {
    float: left;
    display: inline-block;
    padding: 3px 6px;
    margin-right: 5px;
    background: crimson;
    color: white;
    font-size: 12px;
    vertical-align: top;
    text-align: center;
    z-index: 9
}

.flipContainer {
    perspective: 1000px;
    width: 75px;
    height: 50px;
}
.flipper {
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    animation: flip 2000ms infinite;
    opacity: 1
}

@keyframes flip {
    0% {
        transform: rotateY(0deg);
    }
    5%{
        opacity: 1
    }
    10%{
        opacity: 0.2
    }
    20%{
        opacity: 1
    }
    50%{
        transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}



table.overview {
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    margin: 10px 0
}

table.bars {
    width: 100%;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    margin: 10px 0;

}
table.bars td:nth-child(3){
    min-width: 30ch;
    padding: 5px
}
.bar {
    height: 20px;
}

table.overview tr:nth-child(even) {
    background-color: #eee
}

table.overview th {
    text-align: left
}


textarea.comment {
    width: 100%
}



.arrow {
    border: solid #ffa539;
    border-width: 0 8px 8px 0;
    display: inline-block;
    padding: 15px;
    margin: 20px auto
}

.arrow-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrow-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.arrow-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.arrow-downLeft {
    transform: rotate(90deg);
}

pre {
    whitespace: pre;
    background: #111;
    padding: 10px;
    color: #eee
}
code {
    background: #111;
    color: limegreen;
    text-align: left;
}

/*   common   */
.aside {
    width: 40%;
    float: right;
    margin: 20px 0 20px 20px;
    font-size: 90%;
    line-height: 1.2em
}
.alignRight {
    text-align: right
}
.twocol {
    width: 49%;
    float: right
}
.twoThird {
    display: inline-block;
    width: 62%;
}
.lensGreen, .lensRed {
    font-size: 13px;
    padding: 3px 10px;
    border-radius: 10px;
    background: #093;
    color: white;
    text-transform: uppercase;
    margin-left: 15px
}

.lensRed {
    background: crimson
}

.boxContract {
    color: rgba(0,0,0, .8);
    background: yellow;
    border: 2px solid darkorange;
    padding: 20px;
    margin: 20px 0
}

.floatleft {
    float: left;
    margin-right: 10px
}
.floatright {
    float: right;
}
.bold {
    font-weight: bold
}
.blue {
    color: #1B3978
}
.yellow {
    background-color: #FFD;
}
.green {
    color:#093
}
.red {
    color: #C00
}
.white {
    color: white!important;
}
.orange{
    color: #f7cb6a!important
}
.orangeBorder{
    border: 3px solid #f7cb6a!important
}
.redBg {
    background-color:#F30
}
.greenBg {
    background-color:#9F0!important
}
.anchor {
    margin-top: 20px;
}
.opaque {
    opacity: 0.5
}
.shadowDown{
    box-shadow: 0px 5px 4px -4px #888
}
.marked {
    border-top: 5px solid #E5c278!important;
}
.mobileonly {
    display: none
}
.borderbox {
    box-sizing: border-box
}
.border1 {
    border: 1px solid silver;
    border-radius: 4px;
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.7)
}