menue @media screen and (max-width: 1000px) { #googlemapstextcontainer {float:left;width:100%;} #googlemapscontainer {float:left;width:100%;} } .arrowlr { width:20px; height:50px; } #previous { z-index:1111; position:fixed; width:20px; height:50px; left:0; top:50%; margin-top:-25px; border-top:1px solid; border-right:1px solid; border-bottom:1px solid; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #next { z-index:1111; position:fixed; width:20px; height:50px; right:0; top:50%; margin-top:-25px; border-left:1px solid; border-bottom:1px solid; border-top:1px solid; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .class_top { } .menue_font { color: #F0A013; } @media screen and (min-width: 901px) { #googlemapstextcontainer, #googlemapscontainer {float:left;width:50%;} } .padding_footer {padding-top:5px} .audiocontent { width:80%; max-width: 640px; margin: 0 auto; } iframe { width: 100%;} table {overflow:hidden;} .dates_news_collapse { background: rgb(241,241,241); background:rgba(241,241,241 ,0.4); border:1px solid #bfbfbf; overflow: hidden; } .partner_div,.customer_div { background: rgb(241,241,241); background:rgba(241,241,241 ,0.4); border:1px solid #bfbfbf; overflow: hidden; } customer_div .thumb{ width:100px; height:100px; background:center; background-size:cover; } .alternator11 { background: rgb(255,255,255); background:rgba(255,255,255 ,0.3); } .alternator22 { background: rgb(255,255,255); background:rgba(255,255,255 ,0.6); } .headline_pages {margin-top:-5px} .headline_content2 {padding-top:0px} .headline { color:#DD8D00; font-size: Arialpt; font-family: Arial ; // font-weight: normal; } .div_gallery_inside { width:100%; // margin:3%; } .div_gallery_inside1 { width:100%; // margin:3%; } .div_gallery_inside2 { width:100%; // margin:3%; } .div_gallery_inside3 { width:100%; // margin:3%; } .image_audio_video {width:30%;float:left;padding:3px 0px 3px 3px} .audio_alone {float:left;width:100%;border:0px solid} .div_audio_page { padding:0.5%; margin-bottom:5px; border:0px solid; float:left; width:98%; background: rgb(241,241,241); background:rgba(241,241,241 ,0.4); border:1px solid #bfbfbf; overflow: hidden; } @media screen and (min-width: 600px) { .audio_left,.video_right,.video_left,.audio_right {float:left;width:49.7%;} .text_audio_video {padding:0px 5px 0px 5px;} } @media screen and (max-width: 600px) { .audio_left,.video_right,.video_left,.audio_right {float:left;width:99%;} .text_audio_video {padding:5px 0px 0px 0px;} } /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media screen and (min-width: 1000px) { img {max-width:100%;height:auto} .content1_min {display:none;} .hidetableaudio {display:none;} .header {display:none;} #menu {display:none;} .contactform {display:none;} .contactformpopup {margin:5 0 5 0 ;} #email_mobil {display:none;} .content1inside { float:left; width:100%; background-color:#ffffff; } #hilfe-start { position:fixed; z-index:100111; height:90px width:220px; right:10px; bottom:40px; border:1px solid; opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .content_left { float:left; width:33%; padding-top:0.2%; background:#eaeaea; padding-bottom: 32768px; margin-bottom: -32768px; } .content_right { float:left; width:67%; background-color:#ffffff; padding-bottom: 32768px; margin-bottom: -32768px; } .description_left { float:left; width:96%; padding:2%; } .description_right { width:97%; padding:2%; } .content_right_inside { float:right; } .content_left_inside { float:right; width:100%; } .all_content_left { float:left; width:50%; background:#eaeaea; } .all_content_right { float:right; width:48%; } .all_content_left_contact { float:left; width:60%; background:#eaeaea; padding-bottom: 32768px; margin-bottom: -32768px; } .all_content_right_contact { float:right; width:40%; padding-bottom: 32768px; margin-bottom: -32768px; } .content_left_empty { background-color:#ffffff; width:100%; padding-bottom: 32768px; margin-bottom: -32768px; } .content_left_empty_display_none {display:none} .chapter { float:left; width:98.6%; padding-top:px; padding-left:%; padding-right:%; padding-bottom:60px; border:0px solid #000; } .downloadinpage { float:left; width:98%; padding-top:-10px; padding-left:1%; padding-right:1%; padding-bottom:60px; border:0px solid #000; } .multicontact { float:left; width:98%; padding:1.7% 1% 1% 1%; } .partner { float:left; width:99.4%; margin-top:0px; padding-top:1px; padding-left:1%; padding-right:1%; margin-bottom:60px; border:0px solid #000; } .content2inside { float:left; width:98%; min-height:auto; padding-top:10px; padding-left:1%; padding-right:1%; padding-bottom:60px; background:#eaeaea; padding-bottom: 32768px; margin-bottom: -32768px; } .content_alone { background:#ffffff; float:left; width:99%; padding-top:0.5%; padding-left:1%; padding-right:1%; padding-bottom: 32768px; margin-bottom: -32768px; border:0px solid #000; } doesnotexist:-o-prefocus, .content_alone {padding-top:1.5%;} .sliderwrapper { float:left; width:50%; background:#ffffff; } body { height:100%; margin:0; padding:0; background:#ffffff url(../images/background_kretschmann.jpg) fixed; background-size:100% auto; } .anzeigen { padding:15px 0px 0px 55px; background-color:#eaeaea; } #maincontainer { width: 80%; min-height:100%; overflow: hidden; z-index: 0; margin: 0 auto; border:0px solid #000; box-shadow: 1px 2px 6px 2px rgba(0,0,0,.3); background-color:transparent; } #headerwrapper { opacity: 0.9; float: both; z-index: 111; width:100%; border:0px solid #000000; } #header { opacity: ; float: both; z-index: 111; width:100%; margin-top:0px; background:#ffffff url(../images/banner_page.png) no-repeat; background-size:100% auto; } #menue { z-index: 9999; display: inline-block; border:0px solid #000; } #content { opacity: 0.95; width:100%; z-index: 22; min-height:400px; float:left; text-align:left; border:0px solid #6396d0; padding-top:4px; margin-top: 24px; } #footerwrapper { position:absolute; float:left; text-align:center; z-index: 121; width: 90%; bottom:0px; height:40px; border:0px solid #000; } #footer { position:fixed; float:left; z-index: 5; width:80%; height:40px; padding-top:px; margin-top:0px; border:0px solid #000; background-color:#bab9b8; } #menuewrapper { z-index: 999; position:absolute; height:29px; border-top: 1px solid #cdcdca; border-bottom: 1px solid #cdcdca; text-align:left; width:80%; background:#ffffff; } } /* Darstellung (max-width: 999px) ///////////////////////////////////////////////////////////////////////////////////////////////*/ @media screen and (max-width: 999px) { img {max-width:100%;height:auto} .content1_max {display:none;} .audiohide {display:none;} #menuecontainer {display:none;} #menue_language {display:none;} #hide_link {display:none;} .contactformpopup {display:none;} .contactform {margin:5 0 5 0 ;} #email_desktop {display:none;} body { height:100%; margin:0; padding:0; background:#ddded8; } #maincontainer { width: 100%; overflow: hidden; z-index: 1110; margin: 0 auto; border:0px solid #000; background-color:#ffffff; } #headerwrapper { float: both; z-index: 111; width:100%; border:0px solid #6396d0; } #header { float: both; z-index: 111; width:100%; margin-top:0px; background:#ffffff url(../images/banner_mobile.jpg) no-repeat; background-size:100% auto; } #menuewrapper { z-index: 9999; position:absolute; width:100%; float:left;/*IE8 needs a floated parent for the fixed div to kill RP/AP bug*/ } #menue { width:100%; position:relative; z-index: 9999; display:inline-block; margin-top:0px; margin-left:0px; float:left; border:0px solid #000; } #content { width:100%; padding:; float:left; text-align:left; border:0px solid #000; background:#eaeaea; margin-top: 30px; } .content1inside { float:left; width:100%; background-color:#eaeaea; } .content_left { float:left; width:100%; background:#eaeaea; } .content_right { float:right; width:100%; background-color:#ffffff; } .description_left { float:left; width:96%; padding:2%; } .description_right { width:96%; padding:2%; } .all_content_right_contact { background-color:#ffffff; padding-bottom:28px; } .all_content_left { float:left; width:50%; background:#eaeaea; } .all_content_right { float:right; width:48%; } .downloadinpage { float:left; width:98%; margin-top:0px; } .multicontact { float:left; width:98%; padding:1.5% 1% 5% 1%; } .partner { float:left; width:98%; margin-top:0px; padding-top:1px; padding-left:1%; padding-right:1%; padding-bottom:60px; border:0px solid #000; } .content2inside { float:left; width:98%; padding:1%; margin-top:-50px; margin-bottom:40px; } .content_alone { background:#ffffff; float:left; width:98%; padding:1%; padding-bottom: 32768px; margin-bottom: -32768px; } doesnotexist:-o-prefocus, .content_alone {padding-top:2%;} .sliderwrapper { float:left; width:50%; background:#ffffff; } .anzeigen { padding:1%; padding-bottom:55px; } #footer { color:#ffffff; font-size:120%; float:left; z-index:11; position:fixed; height:45px; bottom:0; width:100%; border:0px solid; background: url('your_transparent.png'); background: rgba(34,34,34,0.90); } #footerwrapper { position:absolute; width:100%; height:45px; float:left; text-align:center; z-index: 121; bottom:0px; border:0px solid #000; } } ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// html { height:100%; overflow-y:scroll; /*keep scrollbar position present if FF at all times*/ } .menueFooter {font-size:80%;border:0px solid;width:100%;position:relative;text-align:left;} .headline_color { color:#DD8D00; } body { color:#595650; font-size: 11pt; font-family: Arial; -webkit-text-size-adjust:none; } tr { vertical-align:top; } td,table,tr,tbody { color:#595650; font-size: 11pt; font-family: Arial; } pre { color:#595650; font-size: 11pt; font-family: Arial; } hr { border: 0; width: 100%; color: #BBBBBB; background-color: #BBBBBB; height: 1px; } .tablerow1 { background-color: #BBBBBB; } .tablerborder { border:1px Solid #BBBBBB; } thead { background-color: #FFBBBB; } tfoot { background-color: #BBBBFF; } th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; } img { border-style:solid; border-width:0px; } /* Basic formats */ .bold { font-weight: bold; } .italic { font-style: italic; } .underline { text-decoration: underline; } /* Global align classes */ .left { text-align: inherit; } .center { text-align: center; } .right { text-align: right; } .full { text-align: justify } /* Image and table specific aligns */ img.left, table.left { float: left; text-align: inherit; } img.center, table.center { margin-left: auto; margin-right: auto; text-align: inherit; } img.center { display: block; } img.right, table.right { float: right; text-align: inherit; } h1 { color:#DD8D00; font-size: 14pt; font-family: Arial ; line-height: 1.5; font-weight: normal; } h2 {font-size:10pt;font-family:Georgia;} .content { color:#595650; font-size: 11pt; font-family: Arial; line-height: 1.5; margin-top:10px; vertical-align:top; text-align:left; }/*add large bottom margin to induce scrolling for demo*/ a:link { color:#138BF0;text-decoration: none;font-size: 11pt;font-family: Arial;} a:visited { color:#138BF0;text-decoration: none;font-size: 11pt;font-family: Arial;} a:hover { color:#E5A211;text-decoration: none;font-size: 11pt;font-family: Arial;} a:active { color:#138BF0;text-decoration: none;font-size: 11pt;font-family: Arial;} .button { font-family: Verdana, Arial; font-size:10pt; color:#696969; border-top:0px; border-button:0px; border-left:0px; border-right:0px; height:20px; background:#D3D3D3; padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px; text-align:left; background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #D3D3D3),color-stop(1, #ffffff)); background: -webkit-linear-gradient(center bottom , #D3D3D3 0%, #ffffff 100%) repeat scroll 0 0 #ffffff; background: -moz-linear-gradient(center bottom , #D3D3D3 0%, #ffffff 100%) repeat scroll 0 0 #ffffff; background: -o-linear-gradient(top, #ffffff 0%,#D3D3D3 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#D3D3D3 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D3D3D3',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#D3D3D3 100%); /* W3C */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#D3D3D3)"; border-radius: 4px; } .button:hover { font-family: Verdana, Arial; font-size:10pt; color:#696969; border-top:0px; border-button:0px; border-left:0px; height:20px; background:#D3D3D3; padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px; text-align:left; background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DDDDDD),color-stop(1, #ffffff)); background: -webkit-linear-gradient(center bottom , #DDDDDD 0%, #ffffff 100%) repeat scroll 0 0 #ffffff; background: -moz-linear-gradient(center bottom , #DDDDDD 0%, #ffffff 100%) repeat scroll 0 0 #ffffff; background: -o-linear-gradient(top, #ffffff 0%,#DDDDDD 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#DDDDDD 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#DDDDDD 100%); /* W3C */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#DDDDDD)"; } .log_button {font-family:Verdana,sans-serif; font-size:9pt;color:##E5DCDC; border-width:1px; border-color:#6E7B8B; border-style:solid;background-color:#E5DCDC } input.var3001 { font-family:Arial; font-size:11pt; color:#5F5F5F; background:#ffffff; width:400px; border:1px solid #D7D7D7; } input.var300 { font-family:Arial; font-size:11pt; color:#5F5F5F; background:#ffffff; width:400px; border:1px solid #D7D7D7; } .textarea2 {width:400px;font-family:Arial; font-size:11pt; color:#5F5F5F; background-color:rgb(255,255,255); border:1px solid #D7D7D7 } .textarea1 {width:400px;font-family:Arial; font-size:11pt; color:#5F5F5F; background-color:rgb(255,255,255); border-width:1px; border-color:#D7D7D7; border-style:solid; } .button-save { font-family: Verdana, Arial; font-size:10pt; color:#696969; border: 1px solid #AFAEAE;; height:22px; background:#D3D3D3; padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px; text-align:left; background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #D3D3D3),color-stop(1, #ffffff)); background: -webkit-linear-gradient(center bottom , #D3D3D3 0%, #ffffff 100%) repeat scroll 0 0 #ffffff; background: -moz-linear-gradient(center bottom , #D3D3D3 0%, #ffffff 100%) repeat scroll 0 0 #ffffff; background: -o-linear-gradient(top, #ffffff 0%,#D3D3D3 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#D3D3D3 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D3D3D3',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#D3D3D3 100%); /* W3C */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#D3D3D3)"; border-radius: 0px; } .button-save:hover { font-family: Verdana, Arial; font-size:10pt; color:#696969; border: 1px solid #AFAEAE; height:22px; background:#D3D3D3; padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px; text-align:left; background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DDDDDD),color-stop(1, #ffffff)); background: -webkit-linear-gradient(center bottom , #DDDDDD 0%, #ffffff 100%) repeat scroll 0 0 #ffffff; background: -moz-linear-gradient(center bottom , #DDDDDD 0%, #ffffff 100%) repeat scroll 0 0 #ffffff; background: -o-linear-gradient(top, #ffffff 0%,#DDDDDD 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#DDDDDD 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#DDDDDD 100%); /* W3C */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#DDDDDD)"; } @-moz-document url-prefix() { .button-save { height:23px; padding-top:1px; padding-bottom:1px; } .button-save:hover { height:23px; padding-top:1px; padding-bottom:1px; } } @media screen and (max-width: 500px) { .all_content_left {width:100%;} .all_content_right {width:100%;} //#slider {display:none; } #copie_send_big {display:none} .input_zeile {width:215px} .feld {width:215px} .textarea1 {width:215px} input.var300 {width:215px} input.var3001 {width:215px} .textarea2 {width:215px} } @media screen and (min-width: 501px) { #copie_send_little {display:none} } @media screen and (max-width: 1000px) { body,td, table {font-size: 11pt;} a:link { font-size: 11pt;} a:visited { font-size: 11pt;} a:hover { font-size: 11pt;} a:active { font-size: 11pt;} h1 {font-size: 13pt;} } input.var300,textarea { -webkit-appearance:none; -webkit-border-radius:0px; } /* scroll to top */ @media screen and (min-width: 1000px) { .scrollup{ width:126px; height:29px; text-indent:-9999px; opacity:0.6; position:fixed; z-index:999999; bottom:5px; right:10%; display:none; background: url('../images/icon_top_left.png') no-repeat; } } @media screen and (max-width: 999px) { .scrollup{ width:121px; height:29px; text-indent:-9999px; opacity:0.7; position:fixed; bottom:45px; right:1%; display:none; background: url('../images/icon_top_left.png') no-repeat; } } /* Slider */ .aslide { display: none; width:98%; } .aslide img { width:98%; } #slider { float:center; margin:2%; width:98%; } .aslide .text { width:100%; margin-left: 10 ; color: #f8f8f8; text-shadow: 0 0 2px #000; font-weight: bold; text-align: left; position: absolute; bottom: 10px; font-family: sans-serif; } @media (min-width: 1001px) { .text { font-size: 1.5em; } } @media (max-width: 1000px) { .text { font-size: 1.3em; } } @media (max-width: 699px) { .text { font-size: 1.3em; } // #slider { width:100%;margin:0; } //.aslide img,.aslide {width:100%;} } @media (max-width: 499px) { #menuebanner { background: url('../images/name_kretschmann.png') no-repeat; background-size:100% auto; width:213px; height:19px; z-index:99999; opacity:0.8; position:absolute; float:right; left:5px; top:7; } } @media (min-width: 500px) and (max-width: 999px) { #menuebanner { background: url('../images/name_kretschmann.png') no-repeat; background-size:100% auto; width:336; height:26px; z-index:99999; opacity:0.8; position:absolute; float:right; left:10px; top:1; } } @media (min-width: 1000px) and (max-width: 1099px) { #menuebanner { background: url('../images/name_kretschmann.png') no-repeat; background-size:100% auto; width:284px; height:22px; z-index:99999; opacity:0.8; position:absolute; float:right; right:10px; top:3; } } @media (min-width: 1100px) { #menuebanner { background: url('../images/name_kretschmann.png') no-repeat; background-size:100% auto; width:336; height:26px; z-index:99999; opacity:0.8; position:absolute; float:right; right:10px; top:2; } }