/*
 * 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; background-image: url('verlauf.jpg'); background-repeat: repeat-y; background-position: center 0px; }
hr { margin-top: 5px; margin-bottom: 5px; height: 0; border: 0; border-top: 1px solid #cccccc; }
h2 { font-size: 16px; }
a:link, a:active, a:visited, a:focus { text-decoration: underline; color: #888888; }
a:hover { text-decoration: underline; color: #5f99ff; }
.main { width: 980px; margin: 0px auto; color: #565656; font-size: 13px; background-color: #ffffff; }
.mainmenubottom { margin: 0px auto; clear: both; height: 46px; width: 980px; background-image: url('sellution_01.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; }
.suchleiste { background-image: url('sellution_02.png'); background-repeat: repeat-x; width: 100%; height: 22px; color: #ffffff; }
.sucheingabe { height: 48px; width: 100%; background-image: url('sellution_03.png'); background-repeat: repeat-x; }
.katalogleiste { background-image: url('sellution_08.png'); background-repeat: repeat-x; width: 100%; height: 22px; color: #ffffff; }
.kataloglinks { margin: 0px; float: left; clear: both; }
.katalogrechts { float: left; margin: 0px auto; min-height: 100%; height: auto !important; height: 100%; }
.produktleiste { background-image: url('sellution_08.png'); background-repeat: repeat-x; width: 100%; margin:0; padding: 0; height: 22px; clear: both; line-height: 22px; vertical-align: middle; color: #ffffff; }
.flashbook { text-align: center; position: relative; z-index: 9999; }
.produkte { margin: 0px auto; width: 100%; clear: both; text-align: left; }
.produkte_firefox { }
.produkte_titel { color: #005bab; font-weight: bold; }
input.btn { color:#888; font: bold 84%; border: 1px solid #888; }
.bilderwrapper { width: 100%; margin: 0px auto; }
div.bilderfade { border: 1px solid #e2e2e2; 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; }
input.btn {color:#888;font: bold 84%;border: 1px solid #888;}
input.btnhov {color: #5F99FF;border-color: #5F99FF;}
textarea.btn {color:#888;font: bold 84%;border: 1px solid #888;}
textarea.btnhov {color: #5F99FF;border-color: #5F99FF;}
.rss { width: 54px; height: 56px; background-image: url('rss.png'); background-repeat: no-repeat; position: absolute; margin-left: 920px; margin-top: 80px; }
.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; }
.sell_top { height: 150px; background-image: url('sell_zellstruktur.gif'); background-position: top right; background-repeat: no-repeat; width: 980px; }
.sell_anschrift { position: relative; top: 0px; margin-left: 12px; }
.sell_mainmenutop { clear:both; height: 46px; width: 100%; background-image: url('sellution_01.png'); background-repeat: repeat-x; }
div.sell_mainmenutop a { border-top-width: 0px; }
span.reference a{ text-shadow:1px 1px 1px #fff; color:#999; text-transform:uppercase; text-decoration:none; position:fixed; right:10px; top:10px; font-size:13px; font-weight:bold; }
span.reference a:hover{ color:#555; }
h1.title{ color:#777; font-size:30px; margin:10px; font-weight:normal; text-shadow:1px 1px 1px #fff; }
.cn_wrapper{ margin:10px -120px 10px 0px; width:500px; height:300px; position:relative; color:#fff; overflow:hidden; padding:5px; text-shadow:1px 1px 1px #000; border:1px solid #8BC5DF; background-color:#A9DCF3; -moz-box-shadow:1px 1px 4px #95D3EF; -webkit-box-shadow:1px 1px 4px #95D3EF; box-shadow:1px 1px 4px #95D3EF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.cn_wrapper h1{ font-size:16px; text-transform:uppercase; }
.cn_wrapper h2{ font-size:12px; border-bottom:1px solid #64747b; padding-bottom:4px; text-transform:uppercase; }
.cn_preview, .cn_list{ width:250px; height:300px; position:absolute; top:2px; left:6px; }
.cn_preview{ left:255px; }
.cn_content{ border:1px solid #74B3CF; top:310px; left:5px; width:219px; padding:10px; font-size: 13px; position:absolute; background-color:#8BC5DF; height:275px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.cn_content img{ -moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; }
.cn_date{ position:absolute; bottom:30px; right:8px; font-size:11px; }
.cn_category{ position:absolute; bottom:30px; left:8px; font-size:11px; padding:1px 3px; color: #ffffff; text-shadow:1px 1px 1px #000; background:#1951a5; background: -webkit-gradient( linear, left top, left bottom, from(#565656), to(#8BC5DF) ); background: -moz-linear-gradient( top, #565656, #8BC5DF ); -moz-box-shadow:1px 1px 3px #111; -webkit-box-shadow:1px 1px 3px #111; box-shadow:1px 1px 3px #111; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.cn_content p{ height:57px; margin-top:2px; overflow:hidden; }
a.cn_more{ position:absolute; padding: 4px 0px; left:0px; bottom:0px; width:236px; color:#fff; text-align:center; font-size:12px; letter-spacing:1px; text-shadow:1px 1px 1px #011c44; text-transform:uppercase; text-decoration: none; border:1px solid #4c7ecb; outline:none; cursor:pointer; background-color: #1951A5; background-image: -moz-linear-gradient( top, #A9DCF3, #039FE3 ); background-image: -webkit-gradient( linear, left top, left bottom, from(#A9DCF3), to(#039FE3) ); -moz-border-radius: 0px 0px 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -border-bottom-left-radius: 5px; -border-bottom-right-radius: 5px; -moz-box-shadow:1px 1px 3px #111; -webkit-box-shadow:1px 1px 3px #111; box-shadow:1px 1px 3px #111; }
a.cn_more:hover{ color: #011c44; text-shadow: 1px 1px 1px #ccdffc; }
.cn_item{ border:1px solid #74B3CF; cursor:pointer; position:relative; overflow:hidden; height:49px; color:#fff; font-size:13px; padding:5px; margin:6px 5px 0px 0px; text-shadow:1px 1px 1px #000; background:#8BC5DF; background: -webkit-gradient( linear, left top, left bottom, from(#565656), to(#8BC5DF) ); background: -moz-linear-gradient( top, #565656, #8BC5DF ); -moz-box-shadow:1px 1px 3px #111; -webkit-box-shadow:1px 1px 3px #111; box-shadow:1px 1px 3px #111; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.cn_item:hover, .selected{ border-color:#74B3CF; background-color: #1951a5; background-image: -moz-linear-gradient( top, #A9DCF3, #039FE3 ); background-image: -webkit-gradient( linear, left top, left bottom, from(#A9DCF3), to(#039FE3) ); }
.cn_item:hover h2, .cn_list .selected h2, .cn_item:active h2{ border-color:#4C91AF; }
.cn_item:hover p, .cn_list .selected p, .cn_item:active p{ border-color:#13749F; }
.cn_item:active { color: #011c44; text-shadow: 1px 1px 1px #ccdffc; }
.cn_list p{ height:33px; padding-top:0px; overflow:hidden; border-top:1px solid #595e60; }
.cn_nav{ width:55px; height:24px; position:absolute; bottom:0px; left:94px; }
a.cn_next, a.cn_prev{ float:left; height:23px; width:23px; background-color:#8BC5DF; background-repeat:no-repeat; background-position:center center; cursor:pointer; outline:none; border:1px solid #74B3CF; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 1px 1px 3px #111; -webkit-box-shadow: 1px 1px 3px #111; box-shadow: 1px 1px 3px #111; border-radius: 5px; }
a.cn_next{ background-image:url(next.png); }
a.cn_prev{ margin-right:5px; background-image:url(prev.png); }
.cn_nav a:hover{ background-color:#0D9EDF; }
.cn_nav a:active{ margin-top:1px; background-color:#3FC4FF; }
.cn_nav a.disabled{ opacity:0.5; }
.cn_page{ display:none; }
.anynews_list { list-style-type: none; list-style-image: url('arrow.png'); }