@charset "utf-8";
body {width:100%;margin:0;padding:0;font-family:verdana, arial, helvetica, sans-serif;background:#1d6086 url(../../images/background.jpg) repeat-x;font-size:100%;color:#4b4b4b;}
img {border:0;}

a {text-decoration:underline;color:#006dab;outline:none;}
a:hover {text-decoration:none;color:#4b4b4b;}

h1 {margin:0;line-height:1.25em;font-size:1.3em;color:#006dab;}
h2 {margin:0 0 15px 0;line-height:1.25em;font-size:1.5em;color:#006dab;}
h3 {margin:15px 0;line-height:.85em;font-size:1.1em;color:#95b7ce;}

ul  {margin:0;padding:0;list-style-position:outside;list-style-image:url(../../images/icons/pfeilsche.gif);}
li {margin:0;line-height:1.4em;line-height:1.75em;}

.line_dash {display:block;width:100%;height:1px;margin:2em 0;border-top:1px dashed #999;}
.line {display:block;width:100%;height:1px;margin:1em 0;border-top:1px solid #b5b5b5;}
.line2 {display:block;width:100%;height:1px;margin:0 0 .5em 0;border-top:1px solid #ccc;} 
.mini {display:block;margin:.2em 0;}
.small {display:block;margin:.5em 0;}
.midi {display:block;margin:.8em 0;}
.big {display:block;margin:1em 0;}
.cl {display:block;clear:left;margin:0 0 10px 0;}
.cr {display:block;clear:right;margin:0;}
.cb {display:block;clear:both;margin:0;}
.icon {margin:0 5px -1px 0;}
.minifont {font-size:.8em;color:#999;}
.indent {text-indent:20px;}

input, select, textarea {margin:5px 6px 5px 0;padding:4px 6px;background:#fafafa;border:1px solid #ccc;width:440px;color:#999;font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif;}
input:hover, select:hover, textarea:hover {border:1px solid #999;}
input:focus, select:focus, textarea:focus {background:#eff9ff;border:1px solid #89b2cd;color:#333;}
select {padding:1px;}
.absenden {width:192px;height:31px;background:#1d6086;border:none;cursor:pointer;color:#fff;}
.absenden:hover {background:#4f799f;border:none;color:#fff;}

/*layout*/
.wrapper {text-align:left;width:900px;min-height:100%;height:auto;margin:0 auto;font-size:.7em;}

.logo {height:118px;}
.background_logoleft {float:left;}
.background_logoright {float:right;margin:0 0 0 0;}
.language {float:right;margin:10px 0 0 0;font-size:.9em;}
.language a {text-decoration:none;color:#4b4b4b;}
.logo_binder {float:left;margin-left:10px;padding:30px 25px 0 0;}
.logo_tecsys {padding:25px 35px 0 0;}

/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements.
=================================================================== */
.menu {clear:right;font-weight:bold;height:48px;}
.menu ul {list-style-type:none;margin:0;padding:0;}
.menu li {float:left;position:relative;z-index:1000;list-style-image:none;}
.menu table {position:absolute;z-index:1000;border-collapse:collapse;left:-1px;top:25px;}
.menu a, .menu a:visited {display:block;text-align:center;margin:0 0 0 20px;padding:16px 25px 12px 25px;text-decoration:none;color:#ccc;}
.menu a:hover, .menu a.aktiv {background:url(../../images/background_menuaktiv.gif) repeat-x;color:#fff;}
.menu ul ul {position:absolute;z-index:1000;visibility:hidden;height:0;}
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible;height:6em;margin:0;}
.menu ul li:hover ul a, .menu ul a:hover ul a {padding:3px 10px;border-bottom:1px solid #ccc;background:#4b4b4b;color:#ccc;}
.menu ul li:hover ul a:hover, .menu ul a:hover ul a:hover, .menu ul li:hover ul a.aktiv, .menu ul a:hover ul a.aktiv {background:#4b4b4b;color:#fff;}

.motion, .motion_index {clear:left;width:100%;height:214px;background:url(../../images/background_motion_index.jpg) top right no-repeat;}
.motion {width:900px;height:340px;background:none;}
.motion_pic {position:absolute;}
.motion_content {width:400px;margin:0 0 0 5px;line-height:1.5em;}
.motion_content a {font-size:1.2em;font-weight:bold;color:#2693aa;text-decoration:none;}
.motion_content a:hover {color:#333;}
.motion_content h1 {padding:25px 0 20px 0;line-height:1em;font-family:arial,verdana,helvetica,sans-serif;font-size:1.9em;color:#4b4b4b;}
.motion_content .line {width:300px;margin:1.6em 0;border-top:1px solid #b2b2b2;}
.flash {position:absolute;z-index:10;top:225px;width:565px;height:265px;margin:0 0 0 350px;}
.button_produkteuebersicht {float:left;margin:100px 0 0 15px;}
.button_3d {float:left;margin:20px 0 0 15px;}

.white {background:#fff url(../../images/background_white.jpg) repeat-x;}
.index {float:right;margin:0 0 10px 0;}
.content, .content_index {float:left;width:60%;margin:0 0 0 5px;line-height:1.35em;font-size:1.2em;}
.content {padding:50px 0 0 0;}
.content_index {padding:75px 0 0 0;}
.content_pic, .content_pic_small {float:left;width:200px;margin:0 10px 5px 0;padding:1px;border:2px solid #ccc;}
.content_pic_small {width:75px;}
.randspalte, .randspalte_index {min-height:40em;height:auto;margin:0 0 0 63%;line-height:1.75em;font-size:1em;}
.randspalte {padding:50px 0 0 25px;background:url(../../images/background_content_right.jpg) top left no-repeat;}
.randspalte_index {padding:70px 0 0 25px;}

.aktuelles_pic {float:left;margin:0 10px 5px 0;}
.aktuelles_text {margin:10px 0 0 35px;font-size:.8em;}

.productoverview {float:left;width:225px;margin:0 0 35px 35px;}
.productoverview h1 {height:30px;margin:0;padding:5px;background: url(../../images/background_productoverview_h1.jpg) repeat-x;text-transform:uppercase;font-weight:normal;color:#4b4b4b;font-size:.8em;}
.productoverview_pic {margin:1px 0;}
.productoverview_link {text-align:right;margin:0;padding:2px 5px;background:#cdd4df;font-size:.7em;}
.productoverview_link a {text-decoration:none;color:#4b4b4b;}
.productoverview_link a:hover {color:#45556d;}

.footer {clear:both;width:100%;margin:0;padding:50px 0 100px 0;background:url(../../images/background_footer.jpg) repeat-x;font-size:.9em;color:#a3bbcf;}
.footer_nav {float:right;color:#a3bbcf;}
.footer_nav a {padding:0 5px;color:#a3bbcf;}
.footer_nav a:hover, .footer_nav a.aktiv {color:#fff;}

/*java*/
.highslide-html {background:#f5f5f5;}
.highslide-html-blur {}
.highslide-html-content {position:absolute;display:none;}
.highslide-loading {display:block;padding:2px 2px 2px 22px;border:1px solid #333;background:#fff url(../../images/java/loader-white.gif) 3px 1px no-repeat;text-decoration:none;font-weight:bold;color:#666;}
a.highslide-credits, a.highslide-credits i {padding:2px;text-decoration:none;color:#4b4b4b;}
a.highslide-credits:hover, a.highslide-credits:hover i {background:#ccc;color:#fff;}
.highslide-body {margin:0;font-size:.8em;color:#4b4b4b;}
.highslide-wrapper {float:right;width:11px;height:11px;background:#fff;}
.highslide-wrapper .highslide-html-content {width:625px;padding:5px;font-size:.85em;}
.highslide-wrapper .highslide-header div {text-align:right;margin:0;}
.highslide-wrapper .highslide-header ul {text-align:right;margin:0;padding:0;}
.highslide-wrapper .highslide-header ul li {display:inline;}
.highslide-header li {margin:0;} 
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {display:none;font-size:.8em;}
.highslide-wrapper .highslide-header a {text-decoration:none;padding:0 15px 0 0;text-transform:uppercase;font-weight:normal;color:#e6e6e6;}
.highslide-wrapper .highslide-header a:hover {color:#e6e6e6;}
.highslide-close a {background:url(../../images/icons/close.gif) no-repeat;}
html:root .highslide-close a {background:url(../../images/icons/close.gif) 0 5px no-repeat;} 
.highslide-wrapper .highslide-footer .highslide-resize {float:right;width:11px;height:11px;background:url(../../shop/images/java/resize.gif);}
.highslide-wrapper .highslide-body {margin:0;padding:10px;}
.highslide-body {line-height:2em;}
.highslide-body a {text-decoration:none;color:#4b4b4b;}
.highslide-resize {cursor:nw-resize;}
.highslide-display-block {display:block;}
.highslide-display-none {display:none;}