/* --------------- SUPPORT STYLES ---------------  */


p {text-align: justify;}





#preload-teaser::after{
position: absolute;
width: 0;
height: 0;
overflow: hidden;
z-index: -1;
content: url(/files/inhalte/support/teaser/kundenbereich1.jpg) 
url(/files/inhalte/support/teaser/dokumente.jpg) 
url(/files/inhalte/support/teaser/downloads1.jpg) 
url(/files/inhalte/support/teaser/hardware.jpg)
url(/files/inhalte/support/teaser/kontaktformulare.jpg) 
url(/files/inhalte/support/teaser/db-und-app.jpg)
url(/files/inhalte/support/teaser/anfragen.jpg);
}


.expanding-grid {margin: 20px 0px !important;}
.expanding-grid .links > li  a.kundenbereich {background-image:url("/files/inhalte/support/teaser/kundenbereich1_blur.jpg");}
.expanding-grid .links > li  a.kundenbereich:hover {background-image:url("/files/inhalte/support/teaser/kundenbereich1.jpg");}
.expanding-grid .links > li  a.dokumente {background-image:url("/files/inhalte/support/teaser/dokumente_blur.jpg");}
.expanding-grid .links > li  a.dokumente:hover {background-image:url("/files/inhalte/support/teaser/dokumente.jpg");}
.expanding-grid .links > li  a.downloads {background-image:url("/files/inhalte/support/teaser/downloads1_blur.jpg");}
.expanding-grid .links > li  a.downloads:hover {background-image:url("/files/inhalte/support/teaser/downloads1.jpg");}
.expanding-grid .links > li  a.hardware {background-image:url("/files/inhalte/support/teaser/hardware_blur.jpg");}
.expanding-grid .links > li  a.hardware:hover {background-image:url("/files/inhalte/support/teaser/hardware.jpg");}
.expanding-grid .links > li  a.kontaktformulare {background-image:url("/files/inhalte/support/teaser/kontaktformulare_blur.jpg");}
.expanding-grid .links > li  a.kontaktformulare:hover {background-image:url("/files/inhalte/support/teaser/kontaktformulare.jpg");}
.expanding-grid .links > li  a.anfragen {background-image:url("/files/inhalte/support/teaser/anfragen_blur.jpg");}
.expanding-grid .links > li  a.anfragen:hover {background-image:url("/files/inhalte/support/teaser/anfragen.jpg");}
.expanding-grid .links > li  a.db-und-app {background-image:url("/files/inhalte/support/teaser/db-und-app_blur.jpg");}
.expanding-grid .links > li  a.db-und-app:hover {background-image:url("/files/inhalte/support/teaser/db-und-app.jpg");}



/* --- DOKUMENTE --- */
table.dokumente td {font-size: 14px;}
table.dokumente tr:hover {background: #F8F8F8;}
table.dokumente img {width: 40px; height: 40px; margin-top: 4px;}
table.dokumente td:nth-child(2) a {margin-left: 15px;}
table.dokumente td:nth-child(2) {text-align: right;}
table.dokumente span {font-size: 13px; color: #b7b7b7;}
table.dokumente span a {color: #b7b7b7; text-decoration: underline;}



/* --- DOWNLOADS --- */
table.dokumente tr td.intro {border-top: 0 px;}
table.dokumente tr:hover td.intro {background: #fff;}



.tab-frame {margin-top: 30px;}
#form-tabs {clear: both;}
#form-tabs h4 {font-family: 'Raleway', 'Verdana', sans-serif !important; font-size: 21px; margin-bottom: 20px;}


table#col2 {margin: 30px 0 10px 0;}
table#col2 td {width: 50%; border-top: none; vertical-align: top; padding: 3%;}
table#col2 #login_mod {font-size: 13px;}
table#col2 #login_mod input {min-width: 200px; width: 60% !important;}
table#col2 h1 {text-align: left; margin-top: 0px;}
table#col2 p {text-align: justify;}




a.submenu::after {display: none !important;}
a.fachbeitraege::after {display: inline-block !important;}
h3.form-headline {font-weight: normal; margin: 10px 0 20px 0;}


.netzwerk-tabs table {table-layout: fixed;}
.netzwerk-tabs table td {border-top: 0px; padding: 0px;}
.netzwerk-tabs table td.text {width: 60%;}
.netzwerk-tabs table td.img {width: 40%; text-align: center; padding: 4%;}
.netzwerk-tabs table td img {width: auto; max-width: 100%; height: auto;}






@media only screen and (max-width: 880px) {
table#col2 td {width: 100%; display: block;}
.calltoaction p {width: 100% !important; text-align: center; margin-bottom: 20px;}
.calltoaction a {position: relative; left: 0; width: 100%; text-align: center; margin-bottom: 20px;}
.customfloat {width: 85%; padding: 5% 5% 0% 5%;}
table.dokumente td:nth-child(2) {text-align: center; border-bottom: 1px solid #eee;}
table.dokumente img {margin: 0px 0px 10px 0px;}
table.dokumente a, #login_mod .widget-text, #login_mod .widget-password {display: block;}
#login_mod label, table#col2 #login_mod input {width: 100% !important; text-align: center; display: block !important;}
}

@media screen and (max-width: 640px) {
#resp-grid a, #resp-grid.web a {width: calc(50% - 4px);}
#resp-grid a:nth-of-type(2n) {margin-right: 0;}
.customfloat .button {max-width: none;}}