/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.3
 * CSS Author:    Oliver Bethke
 * Copyright:     IT-OH.de
 * Browser:        0
 * Browser group: 
 */
body, * { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
body { background-color: #ffffff; }
hr { margin-top: 5px; margin-bottom: 5px; height: 0; border: 0; border-top: 1px solid #cccccc; }
h2 { font-size:15px; }
a:link, a:active, a:visited, a:focus { text-decoration: underline; color: #888888; }
a:hover { text-decoration: underline; color: #5f99ff; }
.main { width: 100%; color: #666666; font-size: 13px; background-color: #ffffff; }
.mainmenutop { height: 46px; width: 100%; background-image: url('interlock_01.png'); background-repeat: repeat-x; }
.mainmenubottom { height: 46px; width: 100%; background-image: url('interlock_18.png'); background-repeat: repeat-x; }
.logo { clear: both; height: 123px; width: 100%; background-image: url('interlock_04.png'); background-repeat: repeat-x; }
.logoinner { height: 123px; width: 100%; background-image: url('interlock_05.png'); background-repeat: no-repeat; background-position: right; }
.anschrift { position: absolute; margin-top: 60px; left: 220px; color: #666666; }
.languages { position: absolute; margin-top: 127px; margin-left: 11px; }
.suchleiste { background-image: url('interlock_07.png'); background-repeat: repeat-x; width: 100%; height: 22px; font-weight: normal; color: #ffffff; }
.sucheingabe { height: 48px; width: 100%; background-image: url('interlock_09.png'); background-repeat: repeat-x; }
.katalogleiste { background-image: url('interlock_11.png'); background-repeat: repeat-x; width: 100%; height: 22px; color: #ffffff; font-weight: normal; }
.kataloglinks { width: 34%; margin: 0px; float: left; }
.katalogrechts { float: left; margin: 0px auto; width: 66%; min-height: 100%; height: auto !important; height: 100%; font-weight: bold; }
.produktleiste { background-image: url('interlock_16.png'); background-repeat: repeat-x; width: 100%; margin:0; padding: 0; height: 22px; clear: both; line-height: 22px; vertical-align: middle; color: #ffffff; font-weight: normal; }
.flashbook { text-align: center; position: relative; z-index: 9999; }
.produkte { margin: 11px auto; width: 100%; clear: both; text-align: left; }
.produkte_firefox { }
.produkte_titel { color: #005bab; font-weight: bold; }
input.btn { margin:0; padding:4px 10px; cursor:pointer; background:#eee; border:1px solid #ccc; font:bold 9pt Arial, Helvetica, sans-serif; color:#777; text-shadow:1px 1px 0px #fff; background:#f5f5f5; background:-moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e2e2e2)); background:-webkit-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); background:-o-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); background:-ms-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e2e2e2',GradientType=0); background: linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 1px #fff inset; -webkit-box-shadow:0px 0px 1px #fff inset; box-shadow:0px 0px 1px #fff inset; }
input.btnhov { border-color:#aaa; }
textarea.btn { margin:0; padding:4px 10px; cursor:pointer; background:#eee; border:1px solid #ccc; font:bold 9pt Arial, Helvetica, sans-serif; color:#777; text-shadow:1px 1px 0px #fff; background:#f5f5f5; background:-moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e2e2e2)); background:-webkit-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); background:-o-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); background:-ms-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e2e2e2',GradientType=0); background: linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 1px #fff inset; -webkit-box-shadow:0px 0px 1px #fff inset; box-shadow:0px 0px 1px #fff inset; }
textarea.btnhov { border-color:#aaa; }
.bilderwrapper { width: 100%; margin: 0px auto; }
div.bilderfade { border: 1px solid #ffffff; margin: 11px auto; width: 380px; }
#fade1 { height: 180px; }
div.caption { text-align: center; padding: 2px; margin: 0px auto; background: #b4abad; color: #404040; width: 200px; z-index:99999; display: none; }
.label_suche { margin-right: 20px; }
.scrollable { position: relative; overflow:hidden; width: 680px; height:300px; left: 50%; margin-left: -340px; border:1px solid #ccc; margin-bottom: 11px; background:url('h300.png') repeat-x; }
.isolink { text-align: right; margin-right: 11px; position: absolute; margin-top: -98px; right: 0px; }
.scrollable .items { width:20000em; position:absolute; clear:both; }
.items div { float:left; width:680px; }
.scrollable img { float:left; margin:0px 0px 0px 0px; background-color:#fff; padding:2px; border:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; }
.scrollable .active { border:2px solid #000; position:relative; cursor:default; }
.scrollable { float:left; }
.vor { position: absolute; z-index: 9999; right: 50%; margin-right: 340px; margin-top: 90px; }
.zurueck { position: absolute; z-index: 9999; left: 50%; margin-left: 340px; margin-top: 90px; }
a.browse { background:url('hori_large.png') no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; }
a.right { background-position: 0 -30px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }
a.left { }
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }
a.up, a.down { background:url('vert_large.png') no-repeat; float: none; margin: 10px 50px; }
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }
a.disabled { visibility:hidden !important; }
.high b { background-color:#2E60B8; color:#FFFFFF; }
.round { background-color: #ffffff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background-image: url('backrepeat.png'); background-repeat: repeat-x; }
span.imgr { border-style: none; }
.actionlist_date { padding-left: 5px !important; width: 110px; }