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

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

*/


html { 
    height: 100%;
    margin-bottom: 1px;
}

form {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.5em; 
    margin: 0px;
    font-size: 15px;
    color: #333;
    xbackground-color: #f0f2f4;
    xbackground-color: #CCCCCD;
    background-image:url(../images/corporate/bg-body.png);
    background-repeat: repeat;	
} 

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

input, textarea, keygen, select, button {
    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}



#header {
    background-image:url(../images/corporate/bg-head.png);
    background-color: #FFFFFF;
    background-repeat: repeat-x;
}


#wrapper {
    width: 100%;
    max-width: 1200px;
    font-weight: normal;
    z-index: 10;
    margin: auto;
}


#toplinks {
    width: 100%;
    height: 18px;
    display: block;

}

#toplinks a {
    color: #666666;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    border-right: 1px solid #666;
    padding: 0 8px;

}



#toplinks a:hover, #toplinks #active_menu {
    color: #FFF;
}

#toplinks #active_menu {
    text-decoration: underline;
}

#aevlogo {
    border:none;
    width: 340px
}

ul.menu {
    margin: 0; padding: 0 0 0 12px;
    list-style-type: none;
    xline-height: 18px;
}

ul.menu li {
    display: inline-block;
}



/* --------------------------------------------------horizontal  menu */

#menu {
    width: 543px;
    height: 35px;
    margin: auto;
    margin-left: -10px;
    margin-top: 2px;
    background-image:url(../images/corporate/bg-menu.png);
    background-repeat: no-repeat;
}

#menu ul {margin-top: 4px; padding: 5px 0 0 25px}


#menu li {
    border-left: 1px solid #79663d;
    margin: 0;
    padding: 0 12px;
    line-height: 14px;
}

#menu li:first-child {border: none} /* first */

#menu a {
    xfont-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #8b681c;
    text-decoration: none;
}


#current a {text-decoration: underline}

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


#current a:hover {
    color: #fabc35;	
    text-decoration: none;
}




#logo {
    margin-top: 9px;
    height: 73px;
    padding-left: 25px;
    zoom: 1;
}

#titledesc {margin-left: -5000px; margin-top:-5000px; width: 2000px}


#login {
    float: right;
    margin: -20px 20px 0 0 ;
    padding: 7px;
    background: rgba(255,255,255,.1);
    border-radius: 3px;
}

#login .icoForm input {
    font-size: 16px;
    height: 20px;
    margin-bottom: 5px;
    border: 1px solid silver;
    border-left: none;
    width: 120px
}

#login button {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    float: right;
    margin: 2px 0 0 0;
    padding: 3px 8px;



}

input.scale2 {
    transform: scale(2);
    zoom: 1!important; 
    height: 16px!important;
    margin-right: 10px;
}


input[type='radio'] , input[type='checkbox'] {zoom: 1.6}
input[type='checkbox'].invalid {outline: 2px solid #f00}


#login .icoForm label {    
    xcolor: white;
    height: 20px;
    width: 16px;
    font-size: 16px;
    line-height: 20px;
    padding: 2px 2px 2px 3px;
}


#divLogin div {float: left; margin-right: 5px}

#divLogout {color: #aaa}


#formRegister input, textarea {width: 88%}


#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  {
}


#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;
}

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

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





#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;


}

/*    .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)


}




.icoForm label {
    color:  #005c75; 
    background-color: silver;
    border: 1px solid silver;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    float: left; 
    margin: 0;
    height: 28px;
    width: 28px;
    font-size: 25px;
    line-height: 30px;
    padding: 4px 4px 4px 7px;


}

.icoForm label:before {text-align: center}

.icoForm input {
    font-size: 24px;
    padding: 2px 6px;
    height: 32px;
    margin-bottom: 15px;
    border: 1px solid silver;
    border-left: none;

}

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








/*             */    


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



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

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


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


#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: 50%;
    float:left;  
    word-wrap:break-word;
}

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


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;
}

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 {display: inline-block; width: 194px; margin: 5px; height: 60px; 
                            color: black;
                            font-size: 20px; 
                            font-weight: normal;
                            padding: 9px;
                            line-height: 60px;
}
a.boxRef:hover {color: black; text-decoration: none; font-weight: normal; }
.boxRef .icon { 
    padding: 10px 10px 0 0;
    vertical-align: top;
}

.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 {
    content: "\e98d";
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: 10px;
    color: #81a915;

}

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;
       line-height: 1.2;
}

.box4 h4, .box5 h4  {
    color: #dde; 
    /* background gradient */
    background: #223d51;
    /* gradient end */
    padding: 5px 10px!important;
    margin: 2px 2px!important;

    border-bottom: 1px solid #ccc;	

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

.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.logobox {
    box-sizing: border-box;
    object-fit: contain;
    position: relative;
    float: left; 
    height: 70px;
    width: 24%;  /*196px; 150px; für 5 spaltig */
    margin: 0.5%; 
    text-align:center;
    vertical-align: middle;
    padding: 5px 11px;
    border: 1px solid #DDD;
    background: #FFF;	
}

div.logobox img {
    display: block;
    max-width: 100%;
    max-height: 66px;
    margin: auto;
    position: absolute;
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0;
}



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;
    background-image: url(../images/corporate/hot-app.jpg);
    font-size: 100%;
    line-height: 160%;
    border: 1px solid #f8b31f !important;
    background-color: #fadc9d;
    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}
.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 }


#content div.box1 h1 {
    margin: -27px -30px 20px -31px;
    line-height: 16px;
    color: #444;
    font-size: 24px;	
}

h1.frontpage {float: left; border: none; margin: 0; text-transform: none; font-size: 20px; color: #333; font-weight: normal;}

#content div.box1 h1:first-line {font-size: 24px; color:#444}



article {
    margin-bottom: 18px;
/*    padding: 10px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);	*/
}

article.fp {display: inline-block; margin: 10px}

article h1 {margin: 8px 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;
} 

img.imgarticle {
    margin: 0px 20px 15px 0px; 
    float: left;
    width: 160px
}

.imgarticle320 {
     margin: 0px 20px 15px 0px; 
    float: left;
    width: 320px
}

.clear:after, .clearfix:after{
    content: "";
    clear: both;
    display: table;
}




.latest {
    background-color: #f9f7f1;
    padding: 20px;
    border: 1px solid #DDD;
    line-height: normal;
}
.latest h4 {margin: 3px 0;}	


#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
}

.frontpage .boxleft, .frontpage .boxright { 
    width: 49%;
    padding: 0;
}

.padPer {
    padding: 3%
}


.padPer a.button {
    font-size: 19px;
    padding: 7px 20px 7px 0

}

.tease {
    background: #f5f6f8;
    padding: 3%;
    border-bottom: 1px dotted #999;
    border-top: 1px dotted #999;
}

.tease img {
    float: left;
    margin: -5px 25px 0 0;
    height: 100px;
}

.teaserAnfrageStarten {
    display: none; /* fadeIn */
}



.boxleft h2 , .boxright h2 {
    margin: 12px 0px 0 0px;
    padding: 10px 3%;
    font-size: 26px;
    font-weight: normal;

    text-align:center;
    text-shadow: 0 -1px 1px rgba(255,255,255, 1)


}

.boxleft h2 a, .boxright h2 a{font-weight: normal; color: #333}


.boxleft p, .boxright p {
    line-height: 19px;
}

.boxleft{
    float: left;	
    background-image:url(/images/template/bg-box-left.jpg);
}

.boxright{
    background-image:url(/images/template/bg-box-right.jpg);
    float: right;		
}




#content.article .boxleft, #content.article .boxright {
    width: 318px;
}
.article .boxleft, .article .boxright, 
.category .boxleft, .category .boxright, 
.section .boxleft, .section .boxright   {
    width: 328px;
    padding: 8px;
    font-size: 11px;

}


#tagleft h3, #tagright h3 {	margin-top: 0;}



/*  T  Y  P  O  */
a, a:visited {
    text-decoration: none;
    font-weight: bold; 
    color: #3B5998;
}






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-top: 0; margin: 5px 0; }


#title {
    padding-top: 10px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 38px;
    font-weight: bold;
    color: #c8ced3;
    text-shadow: 0 1px 0 #EEE, 0 -1px 4px #111133;
}

#title .orange {color: #fabc35;}


h1, h2, h3, h1 a, h2 a, h3 a, h1 a:hover, h2 a:hover, h3 a:hover {
    font-family: 'Fjalla One', sans-serif;
    line-height: 1.3;
    font-weight: normal
}


h1 {
    font-size: 32px;
    font-weight: normal;
}



h2.heading {
    font-weight: normal;	
    font-size: 18px; 
    background-color: #FFF;
    padding: 8px 16px;
    margin: -10px 0 18px 0;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}



h2#subtitle {
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-size: 12px; color: #f7cb6a;
    text-transform: uppercase;
    margin-top: -21px;
    padding-left: 10px
}

h2#subtitle a, h2#subtitle a:visited {
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-size: 9px; color: #f7cb6a;
    font-weight: normal;
}


#content h2.detail {font-size: 20px; color: #999; font-weight: normal; border:none}
.blog h2 a { font-weight: normal}

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}


#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: 20px
}

.anfrageDetail h3, .noline {border: none}

h3 {margin: 18px 0 6px 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 { 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 h2 {
    border: none;
    margin: 26px 0 12px 0;
    padding: 0;
    font-weight: normal;				
    text-shadow: -1px 0px 1px #eef;
}

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

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

article h3 {
    margin: 26px 0 6px 0;
    clear: both; 
    display: block
}

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



/* 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}	

h4.apps {line-height: 1.8; font-size: 18px; font-weight:normal; color:#666; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 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; border: 1px solid #EEE;
    margin: 0 6px 10px 0px;
    font-size: 9px;
    text-transform: uppercase;
    color: #aaa;
    text-decoration: none;
}


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

.listos span.on { color: #888; background: #eee; border: 1px solid #CCC}



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}

.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 a {font-weight: normal}

.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);

}




.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;

}

.articleinfo dd {display: inline-block; margin: 0}

.anleser {text-align: justify;}

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

.categorylinks {float: right}
.categorylinks a {font-weight: normal}


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}

table.anfragen {
    text-align: left!important;
}

table.anfragen td, table.anfragenstart td {
    background-color:#FFC;
    border-collapse: collapse;
    xxxborder: 1px solid #DDD;
    padding: 3px;
    vertical-align: top;
    font-size: 18px;

}




table.anfragenstart td {
    background: #FFF;
}

table.anfragen th {
    padding: 3px;
}

table.anfragenstart td.red {background-color: rgba(200,0,0,.25);}
table.anfragenstart td.green {background-color: rgba(0,200,0,.25);}


.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; 
    margin: 4px;
    height: 220px;
    overflow: hidden;
    width: 49%;
}


.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;
    xmax-height: 85px;
    xxxoverflow-y: hidden;
}

.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 {	opacity: .35;
     filter:alpha(opacity=35);
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);
     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 {
    color: #666;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    padding: 0px 5px;
    margin: 2px 5px;
    background-color: #DDE;
    text-shadow: none;
    font-style:normal;
    text-transform:  uppercase;
    line-height: 20px;
    min-width: 0;
    border-radius: 1px;		-moz-border-radius: 1px;		-webkit-border-radius: 1px;		-moz-border-radius-bottomright: 3px;		-moz-border-radius-topright: 3px;
}


.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;}	

/* 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}

.btn, a.buttonMedium,
button, input.button, 
button,
.buttonKaufen a, 
a.button,
a.button1,
a.back, a.fwd{
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    xtext-transform: uppercase; 
    text-decoration: none;
    font-size: 16px;
    background: #FFF; 
    padding: 4px 15px;
    border: 1px solid #CCC; 
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 10px 0px;
    box-shadow: 0px 5px 3px -5px #888;
    background: white;
    border: 1px solid #ccc;
    cursor: pointer; 
}

button:hover, a.button:hover{
    text-decoration: none; 
    border: 1px solid none
}

input.full {width: 95%}

a.btnRed {font-weight: normal; background: none; color: crimson; border: 1px solid crimson; border-radius: 4px; padding: 3px 20px}
a.btnRed:hover {background: crimson; color: white}

.primary, a.primary, button.primary {    
    font-family: 'Fjalla One', sans-serif;
    font-size: 18px; 
    font-weight: normal;
    text-transform: uppercase; text-decoration: none;
    color: white;
    background: #223d51;
    padding: 7px 25px;
    margin: 10px 5px;
    border: none;
    border-radius: 25px;
}

.btnNext {float: right}
.btnBack {float: left; background: silver!important}

.primary:focus {    outline: none; }

.primary:hover, a.primary:hover, button.primary:hover {
    color: white; font-weight: normal;
    text-shadow: 1px 2px 1px rgba(0,0,0,.5)
}

#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;	
}

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: 130px;
    height: 100px;
    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}        

button { color: #1B3978}
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}




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

.flexRow>div, .flexRow>p {align-self: flex-start;} /* top alignment of elements */
.flexRow.equal>div, .flexRow>div {flex: 1; padding: 0 } /* equal width */


.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);}
}


/*   common   */
.twocol {width: 49%; float: right}
.twoThird {display: inline-block; width: 62%; }
.lensGreen {font-size: 13px; padding: 3px 10px; border-radius: 10px; background: #093; color: white; text-transform: uppercase; margin-left: 15px}
.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}
.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)}