/* Responsive Design implemented by Harry in Nov. 2015 @if ::window[width] >= 900 { @if @media screen and (max-width: 900px) { */ .table1 {width: 95%; margin-top: 10px; } /*.table2 {width: 40%;}*/ /* obsolet 12/15 */ .table3 {width: 100%;} .content {margin: 5px 0 5px 0; width: 100%;} .transparent2 {background: url(../images/background1.jpg) repeat-x; height: 27px;} .transparent3 {background: #143d55; width: 100%;} .transparent4 {background: #508bab;} .transparent5 {background: #508bab url(../images/bottomlogo.jpg) no-repeat left bottom; height: 15px;} /* does not work with object-slider in holz,glas & kiwi @media all and (min-width: 1600px) { */ /*@viewport { max-width: 1600px auto; zoom: auto;} */ /*.table1 {max-width: 1600px; } }*/ /* show object images and info in full screen width if max-width<640 */ .showObject { width: 50%; } @media all and (max-width: 640px) { .showObject { width: 100%; } } /* maximum site display is 1600px - needs fixing for animation js codes @media all and (min-width: 1600px) { @viewport { width: 1600px; } } */ html { height: 100%; width: 100%; overflow:auto; min-width: 300px; } body {font-size:16px; font-family: Verdana; color: #333; background: #202020 url(../images/background.gif) top right repeat-x; margin: 0; padding: 0;} .button {background: repeat-x; align:right; background: #A9C9E2; color: #DDD;font-size: 9pt; margin: 0; padding: 5px 0 0 7px; width: 110px; height: 28px; font-weight: bold; float: left;} .cart {background: url(../images/edit.gif) no-repeat; align:right; color: #DDD; font-size: 9pt; margin: 0; padding: 5px 0 0 7px; width: 110px; height: 28px; font-weight: bold; float: left;} .enlarge {background: url(../images/enlarge.gif) no-repeat; align:right; color: #DDD; font-size:9pt; margin: 0; padding: 5px 0 0 7px; width: 110px; height: 28px; font-weight: bold;float: left;} .animation{background: url(../images/animation.gif) no-repeat; align:right; color: #DDD; font-size: 9pt; margin: 0; padding: 5px 0 0 7px; width: 110px; height: 28px; font-weight: bold; float: left;} .editadmin{background: url(../images/edit.gif) no-repeat; align:right; color: #DDD; font-size: 9pt; margin: 0; padding: 5px 0 0 7px; width: 110px; height: 28px; font-weight: bold; float: left;} .delete{background: url(../images/delete.gif) no-repeat; align:right; color: #DDD; font-size: 9pt; margin: 0; padding: 5px 0 0 7px; width: 110px; height: 28px; font-weight: bold; float: left;} .over {background: url(../images/submenua.gif) no-repeat; font-size: 11pt; height: 20px;} .over1 {background: url(../images/submenub.gif) no-repeat; font-size: 11pt; height: 20px;} .transparent {background: #015989 url(../images/background.jpg) right top repeat-x; color: #FFF; font-size: 9pt; text-align: left;} .transparent1 {background: url(../images/transparent1.jpg);padding: 3; font-size: 9pt;} h1 {font-size: 16pt; font-family: Verdana; color: #FFF; margin: 0;} /* padding-left: 10px; */ h2 {font-size: 14pt; color: black; padding: 2px; margin-top: 0px; margin-bottom: 5px; text-align: left; border-bottom: 1px solid #015989; font-family: Verdana; background: url(../images/sub.jpg) no-repeat left bottom;} h3 {font-size: 14pt; color: #FFF; padding-left: 10px; margin: 0;} h4 {font-size: 12pt; color: #8d0000; font-weight: normal; margin: 0;} h5 {font-size: 11pt; color: navy; margin: 0;} h6 {font-size: 10pt; color: #FFF; padding-right: 14px; margin: 0; font-weight: normal;} .normal {font-size: 14px; text-align: left; color: #FFF;} .small {font-size: 10px; text-align: left; color: #FFF;} .text {font-size: 14px; text-align: left; color: #333;} .over2 {background: #FF0000; font-size: 11pt;} .over3 {font-size: 11pt;} .over4 {background: url(../images/select.jpg) repeat-x center; font-size: 11pt;} .page1 {font-size: 9pt; color: #fffbf7; padding: 4 5 4 5; border: 1px solid #e6e6e6; background: #508bab url(../images/menua.gif) center no-repeat; height: 0;} .page {font-size: 9pt; color: #777777; padding: 4 5 4 5; border: 1px solid #e6e6e6; background-color: #fffbf7; vertical-align: bottom; height: 0;} .black {font-size: 10pt; text-align: left; color: #4fff8d;} .copyright, .tagcloud {color: #FFF; padding-top: 5px; font-size: 9pt;} .edit1 {color: #c50303; font-size: 12pt; font-weight: bold;} .edith1 {padding: 5px; color: #333; display: inline;} .edit {padding: 5px; color: #333; text-decoration: none; font-size: 12pt;} div.procedure {display: block; font-weight: normal; color: #111; font-size: 12pt; font-family: Verdana; text-align: left;} #black {font-size: 1em; text-align: left; color #000;} #black1 {font-size: 1em; text-align: center; color #000; padding: 2;} #lang-top {text-align: right; font-size: 0.8em; padding-right: 5px;} .zoom, .zoom a:visited, .zoom a:link {color: #FFFFFF; text-align: center; font-size: 11pt;} #dolphin_inner {color: white; padding: 5px; font-size: 80%; } #dolphinnav {position: relative; height: 29px; font-size: 1em; text-transform: uppercase; font-weight: bold; background: #4f8bad url(../images/dolphin_bg.gif) repeat-x bottom left; padding: 0 0 0 3px;} #dolphincontainer {position: relative; border-bottom: 1px solid black; color: #E0E0E0; background: #000; width:100%; font-family: Helvetica,Arial,Verdana,sans-serif;} #dolphinnav ul{margin: 0; padding: 0; list-style-type: none; width: auto; float: left;} #dolphinnav ul li{display: block; float: left; margin: 0 1px 0 0;} #dolphinnav ul li a {display: block; float: left; color: #ddd; text-decoration: none; padding:0 0 0 10px; height: 27px;} #dolphinnav ul li span {padding: 7px 10px 0 0; height: 20px; float: left;} #dolphinnav ul li a span {padding: 7px 10px 0 0; height: 20px; float: left;} #dolphinnav ul li a:hover span {color: #999; display: block; width: auto; cursor: pointer;} #dolphinnav ul li a.current:hover {background: url(../images/menua.gif) no-repeat center left; line-height: 120%;} #dolphinnav ul li a.current {background: url(../images/menua.gif) no-repeat center left; line-height: 120%;} #dolphinnav ul li a.current span {color: #4fff8d; display: block; padding: 7px 10px 6px 0; width: auto; background: url(../images/menub.gif) no-repeat center right; height: 14px;} #dolphin_inner a:active {color: #ccc;} #dolphin_inner a:visited {color: #ccc;} #dolphin_inner a:link {color: #ccc;} #dolphin_inner a:hover {color: orange;} #flag {margin: 2px 0px -2px 0px;} #logo {height: 120px; text-align: left; vertical-align: middle;} #toplogo {height: 120px; text-align: right; vertical-align: middle;} #flashcontent {color: #000000; text-align: center; vertical-align: top; position: relative; width: 100%; max-width: 1280px;} #swiffycontainer{width: 100%; height: auto; max-width: 1280px;} #center {align: center; text-align: center;} #left {text-align: left;} #right {text-align: right;} #top {vertical-align: top;} #topcenter {vertical-align: top; text-align: center;} #middle {text-align: center; vertical-align: middle;} #bottom {vertical-align: bottom;} #corner_lt {background: url(../images/corner_lt.gif) no-repeat left top; width: 8px; height: 8px;} #corner_lb {background: url(../images/corner_lb.gif) no-repeat left bottom; width: 8px; height: 8px;} #corner_rt {background: url(../images/corner_rt.gif) no-repeat right top; width: 8px; height: 8px;} #corner_rb {background: url(../images/corner_rb.gif) no-repeat right bottom; width: 8px; height: 8px;} #corner_lt1 {background: url(../images/corner_lt1.gif) no-repeat left top; width: 8px; height: 8px;} #corner_lb1 {background: url(../images/corner_lb1.gif) no-repeat left bottom; width: 8px; height: 8px;} #corner_rt1 {background: url(../images/corner_rt1.gif) no-repeat right top; width: 8px; height: 8px;} #corner_rb1 {background: url(../images/corner_rb1.gif) no-repeat right bottom; width: 8px; height: 8px;} form {padding:0; margin: 0;} input, textarea {margin: 0; padding: 0 3px 0 3px;} table, td, div, select {padding: 0;} td.over4 {border: 1px 1px 1px 1px solid #000000;} img {border: none;} .bordertop {border-top: #143d55 solid 1px;} .borderbottom {border-bottom: #143d55 solid 1px;} .clear { clear: both; } .expander {cursor: pointer;} .innercontent {display: none; height: 15px;} .select1 {background: url(../images/select1.jpg) repeat-x; padding: 0px; margin: 0px; height: 25px; color: #FFF;} .submenu {margin-top: 20px; padding-top: 10px;} .cookiewarning { a:link, a:visited, a:hover, a:active { color:yellow; } } /*.zoom a:hover {color: #4fff8d; text-decoration: none;}*/ a:active, a:link, a:visited {color: navy; text-decoration: none;} a:hover {color: #666; text-decoration: underline; cursor: hand;} a:hover.normal {text-decoration: underline;} a:link.animation, a:visited.animation {color: #DDD;} a:hover.animation {color: #4fff8d;} a:active.aqua, a:link.aqua, a:visited.aqua {color: white; text-decoration: none; font-weight: bold;} a:hover.aqua {color: #4fff8d; text-decoration: none; cursor: hand; font-weight: bold;} a:link.black, a:visited.black {color: #333;} a:hover.black {text-decoration: underline;} a:link.cart, a:visited.cart {color: #DDD;} a:hover.cart {color: #4fff8d;} a:link.copyright, a:visited.copyright, a:link.tagcloud, a:visited.tagcloud {color: #999;} a:hover.copyright, a:hover.tagcloud {color: orange;} a:link.editadmin, a:visited.editadmin {color: #DDD;} a:hover.editadmin {color: #4fff8d;} a:link.enlarge, a:visited.enlarge {color: #DDD;} a:hover.enlarge {color: #4fff8d;} a:link.delete, a:visited.delete {color: #DDD;} a:hover.delete {color: #4fff8d;} a:link.edit, a:visited.edit {color: #333} a:hover.edit {color: #666; text-decoration: none; cursor: hand;} a:link.page, a:visited.page {color: navy;} a:hover.page {color: #fffbf7; background: #508bab url(../images/dolphin_bg-ON.gif) repeat-x;} a:hover.zoom {color: #4fff8d; text-decoration: none;}