/*
 *
 * Wick Hill (v1.5)
 * wickhill.de/.com
 * Start: 30.07.2010
 *
 */

/* GLOBALS
----------------------------------------------------------------------------------------------------  */
/* 10px = 1em */
body { color: #4d4d4d; font-family: Arial, Helvetica, sans-serif; background: #18191a url(bg.png) repeat-x; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }
h1, h2, h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1, h2 { letter-spacing: -.025em; }
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

img, img a { border: 0; }

input, button, select, textarea, fieldset { font-family: Arial, Helvetica, sans-serif; }
button { padding: 0; border: 0; text-align: center; cursor: pointer; }

address { font-style: normal; }

a:link, a:visited { }
a:hover { }


/* LAYOUT
----------------------------------------------------------------------------------------------------  */
/* Position */
#wrapper, #page, #header, #breadcrumbs, .col-main, .sidebar, #content, #footer, .wrap, .wrap.inner { position: relative; }
#logo, #search, .servicemenu, #contact, #mainmenu, #footermenu, #claim, #credits, .col-banner { position: absolute; }
#madeby { position: fixed; }

/* Areas */
#wrapper {
	text-align: left;
}
#header, #body { }
.wrap { }
.wrap.outer { }
.wrap.inner { margin: auto; width: 960px; }

/* Header */
#header { background: #18191a url(bg.png) repeat-x; }
#header .outer { background: url(header-wrap-bg.png) no-repeat center top; min-width: 960px; height: 160px; }
#header .inner { height: 160px; }

#header #logo { width: 500px; height: 100px; top: 20px; left: 0; }
#header #logo img { font-size: 2.4em; background-image: none; }
#header #logo h1 { text-indent: -999em; font-size: 0; }
#header #logo h1 a { text-indent: -999em; display: block; }
#header #logo h1 em { display: none; }
#header #logo a { color: #ccc; }

#header #search { width: 180px; top: 40px; right: 20px; z-index: 9999; }
#header #search input { color: #999; background: transparent url(search.png) no-repeat left top; padding: 0 5px; border: 0; margin: 0; width: 145px; float: left; }
#header #search input:focus { color: #4d4d4d; }
#header #search .button { background: transparent url(search.png) no-repeat right top; padding: 0; width: 25px; text-indent: -999em; float: right; }
#header #search input, #header #search .button { height: 25px; line-height: 25px !important; }

#header #contact { color: #e6e6e6; font: 1.1em/1.454em "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: right; top: 80px; right: 20px; z-index: 9999; }
#header #contact a { color: #e6e6e6; }
#header #contact a:hover { color: #fff; }
#header #contact strong { font-size: 1.455em; }

/* Breadcrumbs */
#breadcrumbs { color: #999; font-size: 1.1em; background: url(bg.png) repeat-x center -160px; height: 31px; line-height: 31px; overflow: hidden; }
#breadcrumbs .outer { background: url(body-bg.png) repeat-y center top; }
#breadcrumbs .inner { background: url(breadcrumbs.png) repeat-x center bottom; }
#breadcrumbs p { padding: 0 20px; }
#breadcrumbs a { color: #999 !important; }
#breadcrumbs a:hover { color: #4d4d4d !important; }
#breadcrumbs .pathway { margin: 0 .273em; }
#breadcrumbs .first { margin-left: 0; }
#breadcrumbs strong { color: #4d4d4d; font-weight: normal; margin-left: .273em; }
/*#breadcrumbs span { background: url(../images/content-fade-out.png) repeat-y right top; width: 30px; height: 14px; display: block; position: absolute; top: 0; right: 0; z-index: 9; }*/

/* Body */
#body { background: #ccc url(bg.png) repeat-x center -160px; }
#body .outer { background: url(body-bg.png) repeat-y center top; }
#body .inner { background: #fff url(body-wrap-bg.png) repeat-x center top; }

/* Footer */
#footer { color: #4d4d4d; background: #18191a url(footer-bg.png) repeat-x center top; /*margin-top: -160px;*/ text-align: left; } /* temp: min-height trick */
#footer .outer { background: url(footer-wrap-bg.png) no-repeat center top; min-width: 960px; height: 160px; }
#footer .inner { height: 160px; }
#footer .top { position: absolute; top: 20px; right: 240px; }
#footer .top a { color: #ccc; font-size: 1.1em; background: url(top.png) no-repeat right top; padding-left: 5px; padding-right: 25px; height: 20px; line-height: 20px; display: block; text-align: right; }
#footer .top a:hover { color: #999; background-position: right bottom; }
#footer #claim { color: #fff; font-size: 1.4em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; width: 720px; height: 20px; line-height: 20px; top: 80px; right: 30px; text-align: right; }
#footer #credits { font-size: 1.1em; line-height: 1.273em; width: 480px; top: 130px; left: 20px; }
#footer #credits p { display: inline; }

/* Made By */
#madeby { right: 0; bottom: 20px; }
#madeby a { background: url(madeby.png) no-repeat center left; width: 20px; height: 45px; display: block; text-indent: -999em; cursor: pointer; overflow: hidden; }
#madeby a:hover { background-position: center right; }


/* COLUMNS
----------------------------------------------------------------------------------------------------  */
.col-left { float: left; }
.col-right { float: right; }

/* Main */
.col-main { width: 750px; min-height: 480px; float: left; }

/* Sidebars */
.sidebar { background: url(sidebar-bg.png) repeat-x; padding-top: 2em; padding-bottom: 80px; width: 200px; z-index: 999; }
.sidebar.col-left { background-position: -10px bottom; padding-right: 10px; }
.sidebar.col-right { background-position: 220px bottom; padding-left: 10px; }

.com-vendor.task-detail .col-right, .com-vendor.task-category .col-right, .com-vendor.task-product .col-right, .com-vendor.task-knowledgebasefiles .col-right { padding-top: 0; }

/* Content Columns */
.col { float: left; }
.col.first { }
.col.last { }

.col-set .col { width: 340px; margin-right: 30px; }
.col-set .col.first { }
.col-set .col.last { margin-right: 0; }


/* MENUS
----------------------------------------------------------------------------------------------------  */
.menu .first a { }
.menu .last a { }

#mainmenu .menu, .servicemenu .menu { margin-bottom: 0; }
#mainmenu .menu li,.servicemenu .menu li { background: transparent none; padding-left: 0; display: inline; }

/* Service Menu */
.servicemenu { color: #999; height: 20px; line-height: 20px; top: 0; right: 15px; z-index: 99; }
.servicemenu ul { }
.servicemenu li { }
.servicemenu a { color: #999; font-size: 1.1em; padding: 0 5px; }
.servicemenu a:hover { color: #ccc; }

/* Main Menu */
#mainmenu { height: 35px; line-height: 35px; text-shadow: 0 1px 0 rgba(255,255,255,.6); bottom: 0; left: 0; z-index: 9999; }
#mainmenu h3 { display: none; }

#mainmenu li { display: block; position: relative; float: left; }
#mainmenu li li { }

/* 1st Level */
#mainmenu ul { float: left; }
#mainmenu ul a {
	color: #4d4d4d;
	background: #f2f2f2 url(menu.png) no-repeat center top;
	padding: 0 20px;
	border-right: 1px solid #ccc; border-left: 1px solid #f0f0f0;
	height: 35px;
	line-height: 35px;
	display: block;
	font-size: 1.3em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255,255,255,.6);
	white-space: nowrap;
}
#mainmenu .parent a { }

#mainmenu ul a:hover,
#mainmenu ul .active a,
#mainmenu ul .active a:hover { color: #333; background-color: #f2f2f2; background-position: center bottom; }

#mainmenu ul .first a { }
#mainmenu ul .first a:hover,
#mainmenu ul .active.first a { }

#mainmenu ul .last a { }
#mainmenu ul .last a:hover,
#mainmenu ul .active.last a { }

/* 2nd Level */
#mainmenu ul ul { margin-left: 0; position: absolute; top: 0; left: 0; z-index: 9999; box-shadow: 0 1px 2px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); }
#mainmenu ul ul a { text-transform: none; width: 140px; height: 27px; line-height: 27px; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #e4e4e4; text-shadow: 0 1px 0 rgba(255,255,255,.6); }

#mainmenu ul ul a,
#mainmenu ul .active ul a { background-color: #d2d2d2; background-image: none; border-top-color: #e1e1e1; border-bottom-color: #c3c3c3; }

#mainmenu ul ul a:hover,
#mainmenu ul .active ul a:hover { background-color: #e0e0e0 ; background-image: none; text-shadow: 0 1px 0 rgba(255,255,255,.3); }

#mainmenu ul .active ul .active a { font-weight: bold; }

#mainmenu ul ul a,
#mainmenu ul ul a:hover,
#mainmenu ul .active ul a,
#mainmenu ul .active ul a:hover { }

#mainmenu ul ul .first a,
#mainmenu ul ul .first a:hover,
#mainmenu ul .active ul .first a,
#mainmenu .active ul ul .first a:hover { }

#mainmenu ul ul .last a,
#mainmenu ul ul .last a:hover,
#mainmenu ul .active ul .last a,
#mainmenu ul .active ul .last a:hover { }

#mainmenu ul ul ul { position: absolute; left: 100%; }
#mainmenu ul li:hover ul { }

/* versteckt die Unterebenen */
#mainmenu ul ul,
#mainmenu ul li:hover ul ul
{ display: none; width: 182px; }

/* zeigt die Unterebenen wieder an */
#mainmenu ul li:hover ul,
#mainmenu ul ul li:hover ul
{ display: block; margin-top: 35px; }

.ff2 #mainmenu ul li:hover ul,
.ff2 #mainmenu ul ul li:hover ul
{ display: -moz-inline-box; }

/* Footer Menu */
#footer .servicemenu { top: auto; bottom: 15px; }


/* GENERAL
----------------------------------------------------------------------------------------------------  */
.col-main {}
.col-main h1, .col-main h2, .col-main h3, .col-main h4 { }
.col-main h2, .col-main h3 { margin-bottom: .5em; }
.col-main h1 { font-size: 2.4em; margin-bottom: 1em; }
.col-main h2 { font-size: 1.8em; color: #00acee; }
.col-main h3 { font-size: 1.6em; }
.col-main h4 { font-weight: bold; margin-bottom: .3em; }
.col-main h5 { font-size: 1.3em; font-weight: bold; }
.col-main h6 { font-size: 1.3em; font-weight: bold; }
.col-main h4, .col-main h5, .col-main h6 { clear: left; }

#body h4, #body p, #body ul, #body ol, #body dl, #body th, #body td, #body input, #body textarea, #body select, #body button, #body label { font-size: 1.3em; }
#body h4, #body p, #body ul, #body ol, #body dl, #body th, #body td, #body textarea { line-height: 1.385em; }
#body p, #body ul, #body ol, #body dl, #body table { margin-bottom: 1.5em; }

#body h2 a, #body h3 a, #body h4 a, #body p a, #body li a, #body dl a, #body td a, #body form a { color: #009bd4; }
#body h2 a:hover, #body h3 a:hover, #body h4 a:hover, #body p a:hover, #body li a:hover, #body dl a:hover, #body td a:hover, #body form a:hover { color: #0089ba; }

#body ol li { list-style: outside decimal; margin-left: 20px; }
#body ul li { background: url(list-bullet.gif) no-repeat left top; padding-left: 15px; }
#body ul ul li, #body ol ul li, #body ul ol li { background-image: none; padding-left: 0; }

#body thead th { padding: 0 10px; }
#body tbody th, #body tbody td { padding: 6px 10px; }

#body img { color: #ccc; font-size: .9em; }

/* Resets nested tags */
ul ul, ol ol, ul dl, dl dl, li li, p p, table table, td td, th th, td th, th td { font-size: 1em !important; }
td td, td td td, th th th { padding: 0 !important; }

/* Resets heavily nested tags */
#body ul ol, #body ol ul, #body ul dl, #body ol dl, #body ul dd, #body ol dd, #body dl ul, #body dl ol
#body li h1, #body li h2, #body li h3, #body li h4, #body li h5, #body li h6,
#body li li h1, #body li li h2, #body li li h3, #body li li h4, #body li li h5, #body li li h6,
#body li p, #body dd p, #body dt p, #body td p, #body th p,
#body li input, #body dd input, #body dt input, #body th input, #body td input,
#body li textarea, #body dd textarea, #body dt textarea, #body th textarea, #body td textarea,
#body li select, #body dd select, #body dt select, #body th select, #body td select,
#body li button, #body dd button, #body dt button, #body th button, #body td button,
#body li label, #body dt label,
#body li td, #body dd td, #body dt td,
#body li th, #body dd th, #body dt th
{ font-size: 1em; line-height: inherit; }

/* Resets table layouts */
#body td h1, #body td h2, #body td h3, #body td h4, #body td h5, #body td h6,
#body td p, #body td ul, #body td ol, #body td dl,
#body td input, #body td select, #body td textarea, #body td button { font-size: 1em; }

/* Resets heavily nested table layouts */
#body td td h1, #body td td h2, #body td td h3, #body td td h4, #body td td h5, #body td td h6,
#body td td p, #body td td ul, #body td td ol, #body td td dl,
#body td td input, #body td td select, #body td td textarea, #body td td button { font-size: 1em; }

#body table h1, #body table h2, #body table h3, #body table h4, #body table h5, #body table h6 { margin: inherit; line-height: inherit; letter-spacing: inherit; }
#body table table { margin-bottom: 0; width: auto; }


/* CONTENT
----------------------------------------------------------------------------------------------------  */
#content { padding: 6em 30px 2em; width: 480px; float: left; }

#content h5 { background: #f2f2f2 url(menu.png) repeat-x left top; padding: 0 10px; height: 30px; line-height: 30px; margin-bottom: 10px; }
#content h6 { color: #fff; background: #009bd4 url(vendor-box-bg.png) repeat-x left -30px; height: 30px; line-height: 30px; margin-bottom: 10px; }
#content h6 a { color: #fff; display: block; padding: 0 10px; }
#content h6 a:hover { background-color: #0bf; background-position: left top; }

#content p cite { background: url(quotes.png) no-repeat right 2em; padding: 2em 40px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; display: block; }
#content p cite strong { color: #999; font-size: .847em; margin-top: 1em; display: block; }

#content p img.float-left { float: left; }
#content p img.float-right { float: right; }

#content p a, #content li a, #content dl a, #content td a, #content form a { border-bottom: 1px dotted; }
#content p a:hover, #content li a:hover, #content dl a:hover, #content td a:hover, #content form a:hover { border-bottom-color: #eb008b; }

#content p a.external, #content li a.external, #content dl a.external, #content td a.external { background: url(extern.gif) no-repeat right 5px; padding-right: 12px; }
#content p a.external:hover, #content li a.external:hover, #content dl a.external:hover, #content td a.external:hover { background-image: url(extern-o.gif); }

#content p a.mail, #content li a.mail, #content dl a.mail, #content td a.mail { background: url(mail.gif) no-repeat -2px top; padding-left: 15px; }
#content p a.mail:hover, #content li a.mail:hover, #content dl a.mail:hover, #content td a.mail:hover { color: #ea0e88; background-image: url(mail-o.gif); }

#content a img { }
#content p a.image-left { border: 0;  }
#content p a.image-right { border: 0;  }

#content ul { margin-left: 20px; }
#content ol { margin-left: 16px; }
#content ul li, #content ol li { margin-bottom: .5em; }
#content ul li { background-image: url(list-icon.gif); }
#content ul ul { margin-top: .5em; }
#content ul ul li { background-image: url(list-bullet.gif); padding-left: 15px; }

#content hr { background: url(hr.png) no-repeat center; border: 0; margin-top: 0; margin-bottom: 2em; height: 2px; clear: both; display: block; text-align: left; }
#content li hr { margin-top: 1em; margin-bottom: 1em; height: 1px; }
#content table hr { margin-bottom: 10px; height: 1px; }

.vendor { min-height: 80px; background: url(menu-hr.png) repeat-x left bottom; margin-bottom: 1.5em; }
.vendor .logo { float: left; padding-right: 20px; border-right: 1px solid #e6e6e6; }
.vendor .logo img { width: 160px; }
.vendor .logo a img { }
.vendor h2 { margin-left: 200px; clear: none; }
.vendor h4 { margin-left: 200px; clear: none; }
.vendor p { margin-left: 200px; }

/* Produkte nebeneinander */
/*.technologysearch { padding-bottom: 2em; }
.technologysearch .logo img { width: 100px; }
.technologysearch .product-image { margin-left: 20px; width: 160px; float: left; }
.technologysearch .product-image img { }
.technologysearch .product-name { width: 160px; float: right; }
.technologysearch .product-name h2 { margin-left: 0; }*/

.technologysearch { padding-bottom: 2em; }
.technologysearch .logo img { width: 100px; }
.technologysearch .product-image { margin-left: 140px; width: 160px; }
.technologysearch .product-image img { }
.technologysearch .product-name { padding-top: .5em; margin-left: 140px; }
.technologysearch .product-name h2 { margin-left: 0; }
.technologysearch ul { margin-left: 0 !important; }
.technologysearch li { background: none !important; padding-left: 0 !important; padding-bottom: .5em; border-bottom: 1px solid #e6e6e6; margin-bottom: .5em; float: left; width: 50%; }

.documents ul { margin-left: 20px !important; }
.documents li { background: none !important; padding-left: 0 !important; }
.documents li img { background: none; vertical-align: middle; }

.tabsheets {
	color: #4d4d4d; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #f2f2f2 url(menu.png) repeat-x left top;
	border-top: 1px solid #f6f6f6; border-bottom: 1px solid #dedede;
	height: 30px; line-height: 30px;
	text-shadow: 0 1px 0 rgba(255,255,255,.6);
	margin-left: 0 !important; margin-bottom: 0 !important;
}
.tabsheets li { padding-left: 0 !important; margin-bottom: 0 !important; float: left; }
.tabsheets a { background: #f2f2f2 url(menu.png) repeat-x left top; padding: 0 10px; border-right: 1px solid #ccc; border-bottom: 0 !important; border-left: 1px solid #f0f0f0; height: 30px; line-height: 30px; display: block; white-space: nowrap; }
.tabsheets a:hover { color: #4d4d4d !important; background: #e6e6e6 url(menu.png) repeat-x left bottom; }

.tabcontent, .tab-content { padding: 2em 10px 1em; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.tabcontent h2, .tab-content h2, .tabcontent h3, .tab-content h3, .tabcontent h4, .tab-content h4, .tabcontent p, .tab-content p { padding: 0 10px; }
.tabcontent li, .tab-content li { padding-right: 10px; }
.tabcontent table, .tab-content table { margin-bottom: 0 !important; }
@media print { .tabcontent, .tab-content { display: block !important; } }

div#tabID1, div#tabID2, div#tabID3, div#tabID4,
div#feature, div#features, div#overview, div#specification, div#specifications { padding: 1em 10px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } /* temp */
div#tabID1 table, div#tabID2 table, div#tabID3 table, div#tabID4 table,
div#feature table, div#features table, div#overview table, div#specification table, div#specifications table { margin-bottom: 0 !important; } /* temp */


/* SIDEBAR
----------------------------------------------------------------------------------------------------  */
.sidebar .logo { background-color: #fff; width: 200px; height: 100px; display: table-cell; text-align: center; top: 0; vertical-align: middle; overflow: hidden; }
.sidebar .logo img { background-color: #fff; padding: 0; }
.sidebar .logo a img { }

/* Menu: Common */
.sidebar .menu { margin-bottom: 1em !important; }
.sidebar .menu li { background: transparent none !important; padding: .078em 0 .078em 10px !important; }
.sidebar .menu li a { color: #4d4d4d; padding: 0 20px; display: block; }
.sidebar .menu li a:hover { }
.sidebar .menu li.active a { font-weight: bold; }
.sidebar .menu li.active li a { font-weight: normal; }
.sidebar .menu li.patent a { }

/* Menu: 1st Level */
.sidebar .menu-level-1 { }
.sidebar .menu-level-1 li { }
.sidebar .menu-level-1 li a { }
.sidebar .menu-level-1 li a:hover { }
.sidebar .menu-level-1 li.active { border: 0; }

/* Menu: 2nd Level */
.sidebar .menu-level-2 { padding-bottom: .5em; margin-bottom: 0 !important; }
.sidebar .menu-level-2 li { background-image: url(list-tree.gif) !important; background-repeat: no-repeat !important; background-position: 18px top !important; padding: .154em 0 .154em 10px !important; }
.sidebar .menu-level-2 li a { }
.sidebar .menu-level-2 li a:hover {}
.sidebar .menu-level-2 li.active a { border: 0; }

/* Menu: 3rd Level */
.sidebar .menu-level-3 { padding-top: 0 !important; padding-bottom: .5em; margin-bottom: 0 !important; }
.sidebar .menu-level-3 li { }
.sidebar .menu-level-3 li a { }
.sidebar .menu-level-3 li a:hover {}
.sidebar .menu-level-3 li.active a { border: 0; }

/* Menu: 4th Level */
.sidebar .menu-level-4 { padding-bottom: .5em; margin-bottom: 0 !important; }
.sidebar .menu-level-4 li { }
.sidebar .menu-level-4 li a { }
.sidebar .menu-level-4 li a:hover {}
.sidebar .menu-level-4 li.active a { border: 0; }

.sidebar .menu li.head > ul { background: url(menu-hr.png) repeat-x left bottom; padding-top: .5em; margin-bottom: .5em !important; }
.sidebar .menu li.head h4 { padding-top: .5em; }
.sidebar .menu li.category > ul { padding-top: .5em; }
/*.sidebar .menu li.category { border-top: 1px solid #fff; }*/
.sidebar .menu li.head li.category > ul { }
.sidebar .menu li.head.last > ul { background: none; }
.sidebar .menu li.head.category { padding-top: 1em; padding-left: 0 !important; }
.sidebar .menu li.head.category h4 { padding-top: 0; }


/* MODULES
----------------------------------------------------------------------------------------------------  */
.mod { }
.mod a { }
.mod a:hover { }

.mod .mod-title { }
.mod .mod-title h3 { font-size: 1.6em !important; font-weight: bold; /*height: 30px; line-height: 30px;*/ display: block; } /* temp: height/line-height */

.mod .mod-content { text-shadow: 0 1px 0 rgba(255,255,255,.3); }
.mod .mod-content p { }

/* Custom Content */
.mod-custom { padding: 0 20px; margin-bottom: 1em; }
.mod-custom .mod-title { }
.mod-custom .mod-title h3 { }
.mod-custom .mod-content { }
.mod-custom .mod-content ul { }
.mod-custom .mod-content li { }
.mod-custom .mod-content a {  }
.mod-custom .mod-content a:hover { }
.mod-custom .mod-content p { }
.mod-custom .mod-content img { border: 1px solid #fff; margin-bottom: .5em; margin-left: -1px; width: 160px; height: auto; }

/* Flash */
.mod-custom.flash { padding: 0; }
.mod-custom.flash .mod-content { text-align: center; }

/* Mainmenu */
.mod-mainmenu { background: url(menu-hr.png) repeat-x left bottom; padding-bottom: 1px; margin-bottom: 1.5em; }
.mod-mainmenu .mod-title { padding: 0 20px; }
.mod-mainmenu .mod-title h3 { }
.mod-mainmenu .mod-content { }
.mod-mainmenu .mod-content ul { }
.mod-mainmenu .mod-content li { }
.mod-mainmenu .mod-content a { }
.mod-mainmenu .mod-content a:hover { }
.mod-mainmenu .mod-content li.active a { }

/* Logo */
.mod-custom.logo { }
.mod-custom.logo .mod-content { background-color: #fff; width: 200px; height: 100px; display: table-cell; text-align: center; top: 0; vertical-align: middle; overflow: hidden; }
.mod-custom.logo .mod-content p { margin-bottom: 0; }
.mod-custom.logo .mod-content img { background-color: #fff; padding: 0; }

/* Vendor Menu */
.mod-whvendor { }
.mod-whvendor .mod-title { padding: 0 20px; }
.mod-whvendor .mod-title h3 { }
.mod-whvendor .mod-content { }
.mod-whvendor .mod-content h3 { font-size: 1.6em; font-weight: bold; padding: 0 20px; }
.mod-whvendor .mod-content h4 { padding: 0 20px; margin-bottom: 0; }
.mod-whvendor .mod-content ul { }
.mod-whvendor .mod-content li { }
.mod-whvendor .mod-content a { }
.mod-whvendor .mod-content a:hover { }

/* Vendor List */
.mod-vendorlist { color: #fff; background: #009bd4 url(vendor-box-bg.png) repeat-x left top; padding: 1em 20px; }
.mod-vendorlist .mod-title h3 { color: #fff; }
.mod-vendorlist .mod-content p { text-shadow: none; margin-bottom: 10px !important; }
.mod-vendorlist .mod-content select { font-size: 1.1em !important; border-color: #fff !important; margin-bottom: 5px; width: 160px; }

/* Vendor Sidebar */
.mod-vendor-sidebar { padding: 1em 20px; }
.mod-vendor-sidebar .mod-title h3 { }
.mod-vendor-sidebar .mod-content p { }

/* List */
.mod-list { }
.mod-list .mod-title { padding: 1em 20px 0; }
.mod-list .mod-content { }
.mod-list .mod-content img { background: none; }
.mod-list .mod-content a { }
.mod-list .mod-content a:hover { }
.mod-list .mod-content ul { margin-bottom: 0 !important; }
.mod-list .mod-content li { font-size: .846em !important; line-height: 1.273 !important; background: transparent none !important; padding: .5em 20px !important; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; }
.mod-list .mod-content li.first { border-top: 0; }
.mod-list .mod-content li.last { border-bottom: 0; }
.mod-list .mod-content li.first.last { border: 0; }

/* Homepage: Services Menu */
.view-frontpage .mod-mainmenu {
	color: #4d4d4d; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #f2f2f2 url(menu.png) repeat-x left top;
	border-top: 1px solid #f6f6f6; border-bottom: 1px solid #dedede;
	width: 560px; height: 30px; line-height: 30px;
	text-shadow: 0 1px 0 rgba(255,255,255,.6);
	padding-bottom: 0; margin-bottom: 0;
}
.view-frontpage .mod-mainmenu .mod-title { float: left; padding: 0 10px; }
.view-frontpage .mod-mainmenu .mod-title h3 { font-size: 1.3em !important; margin-bottom: 0; height: 30px; line-height: 30px; }
.view-frontpage .mod-mainmenu .mod-content { float: left; }
.view-frontpage .mod-mainmenu .mod-content ul { margin-bottom: 0 !important; margin-left: 0 !important; }
.view-frontpage .mod-mainmenu .mod-content li { padding-left: 0 !important; margin-bottom: 0 !important; float: left; }
.view-frontpage .mod-mainmenu .mod-content a { background: #f2f2f2 url(menu.png) repeat-x left top; padding: 0 10px; border-right: 1px solid #ccc; border-bottom: 0 !important; border-left: 1px solid #f0f0f0; height: 30px; line-height: 30px; display: block; white-space: nowrap; }
.view-frontpage .mod-mainmenu .mod-content a:hover { color: #4d4d4d !important; background: #e6e6e6 url(menu.png) repeat-x left bottom; }

/* Homepage: Knowledgebase */
.view-frontpage .mod-custom.flash { margin-top: 0; margin-bottom: 10px; width: 180px; height: 180px; float: left; overflow: hidden; }
.view-frontpage .mod-custom.flash object { margin-left: -2px; }

/* Homepage: Vendor List */
.view-frontpage .mod-vendorlist { padding: 10px; margin-bottom: 10px; width: 160px; height: 160px; float: right; }

/* Homepage: News */
.view-frontpage .mod-article { clear: left; }
.view-frontpage .mod-article .mod-title { background: #f2f2f2 url(menu.png) repeat-x left top; padding: 0 20px; }
.view-frontpage .mod-article .mod-title h3 { margin-bottom: 0 !important; height: 30px; line-height: 30px }
.view-frontpage .mod-article .mod-content { background: #f2f2f2; padding: 10px 20px; border: 1px solid #f2f2f2; overflow: hidden; overflow-y: scroll; }
.view-frontpage .mod-article .mod-content p { background: url(menu-hr.png) repeat-x left bottom; padding-bottom: 1.5em; }
.view-frontpage .mod-article .mod-content a { }
.view-frontpage .mod-article .mod-content a:hover { }

/* TABLES
----------------------------------------------------------------------------------------------------  */
#content table {}
#content th {}
#content td {}
#content table hr { margin-bottom: 10px; height: 1px; }

#content thead {}
#content thead th, #content thead td {}
#content thead th {}
#content thead td {}

#content tbody {}
#content tbody th, #content tbody td {}
#content tbody th {}
#content tbody td {}

#content tfoot {}
#content tfoot th, #content tfoot td {}
#content tfoot th {}
#content tfoot td {}

.product-table {}
.product-table tbody th, .product-table tbody td { }
.product-table tbody th { width: 140px; height: 30px; }
.product-table tbody th img { margin-right: 20px; margin-bottom: 10px; }
.product-table tbody td p { }

.data-table, .table { border-collapse: separate; }
.data-table th, .data-table td, .table th, .table td { border-left: 1px solid #fafafa; border-top: 1px solid #fafafa; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; }
.data-table thead th, .data-table thead td, .table thead th, .table thead td { border-left-color: #dadada; border-top-color: #dadada; border-bottom-color: #b3b3b3; border-right-color: #b3b3b3; }
.data-table tr.odd th, .data-table tr.odd td, .table tr.odd th, .table tr.odd td { }
.data-table tr.even th, .data-table tr.even td, .table tr.even th, .table tr.even td {  }

.data-table th, .data-table td, .table th, .table td { padding: 6px 10px !important; }
.data-table.mini th, .data-table.mini td, .table.mini th, .table.mini td { font-size: 1.1em !important; padding: 4px 8px !important; }
.data-table thead th, .table thead th { background: #ccc url(footer-bg.png) repeat-x left top; text-align: center; }
.data-table tbody th, .table tbody th { background: #f2f2f2; font-weight: bold; }
.data-table tbody td, .table tbody td { background: #e6e6e6 /*url(../images/table.png) repeat-x left top*/; text-align: center; }
.data-table td.even, .table td.even { background-color: #f2f2f2; background-position: left bottom; }
.data-table thead th:first-child, .table thead th:first-child { text-align: left; }

tr.section th, tr.section td { background-color: #e6e6e6 !important; background-image: url(menu.png) !important; background-repeat: repeat-x !important; background-position: left top !important; border-top-color: #fff; border-bottom-color: #b3b3b3; }
tr.odd { background-color: #f2f2f2; }
tr.even { background-color: #fff; }

/* FORM
----------------------------------------------------------------------------------------------------  */
/* Form Elements */
#body input[type=text], #body input[type=password], #body input.cf_inputbox, #body .cf_placeholder input, #body textarea { background: #fff url(input-text.png) repeat-x left top; padding: 3px 6px; }
#body input[type=text], #body input[type=password], #body input.cf_inputbox, #body .cf_placeholder input, #body textarea, #body select { border: 1px solid #ccc; }
#body input[type=text], #body input[type=password], #body input.cf_inputbox, #body .cf_placeholder input, #body select { height: 18px; }
#body input[type=text]:focus, #body input[type=password]:focus, #body input.cf_inputbox:focus, #body .cf_placeholder input, #body textarea:focus, #body select:focus { border-color: #00adee; }
#body input[type=text], #body input[type=password], #body input.cf_inputbox, #body .cf_placeholder input { margin-right: 5px; }
#body select { }
#body select option { }
#body input[type=radio], #body input[type=checkbox] { vertical-align: sub; }
#body input[type=radio] + label, #body input[type=checkbox] + label { margin-left: 5px; width: auto; }
#body label + input[type=radio], #body label + input[type=checkbox] { margin-right: 5px; }
#body textarea { overflow: auto; }
#body legend { font-weight: bold; display: none; }
#body button, #body .cf_button input {
	color: #fff;
	background-color: #00adee !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0089ba));
	background: -moz-linear-gradient(top,  #00adee,  #0089ba);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0089ba') !important;

	padding: 2px 5px;

	border: 0 !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#body button.disabled { }
#body button.disabled span { }

.row { padding: .5em 0; }
.row.button { margin-top: 1em; clear: both; }
.row.checkbox label { display: inline !important; vertical-align: middle; }
.row strong { color: #eb008b; vertical-align: top; }

/* Form Highlight */
.highlight {}

/* Form Validation */
.validate-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:11px; font-size:10px; line-height:13px; background:url(info.gif) no-repeat left center; color:#c00; }
.validate-failed { border:1px dotted #c00 !important; background:#faebe7 !important; }
.validate-passed {}
.required { }
input.invalid { border-color: #eb008b !important; }


/* JOOMLA SPECIFIC
----------------------------------------------------------------------------------------------------  */
/* headers */
.contentpaneopen { }
.componentheading { display: none; } /* temp: 'global für alle' oder 'komponentenbezogen'? */
.contentheading { display: none; } /* temp: im content oder im seitentitel */
.buttonheading { text-align: right; position: absolute; top: 3em; right: 30px; z-index: 99; }
.buttonheading a { margin-left: 5px; }
.buttonheading img { background: none; }
.moduletable { }

/* small text */
.small { font-size: 1.1em !important; color: #999; font-weight: normal; }
.articleinfo, .iteminfo { display: none; }
.modifydate { }
.createdby { }
.createdate { }
.readon { }

/* form validation */
.invalid, input.LV_invalid_field { border-color: #eb008b !important; }
label.invalid, .LV_invalid { color: #eb008b; }
.LV_invalid { display: block; margin: 5px 0 0 160px; }

/* spacers */
.article_row { height: 120px; margin-top: 10px; }
.article_separator { display: block; }
.article_column { background: #f2f2f2 url(bg.png) repeat-x left 320px; padding: 10px; float: left; width: 255px; height: 100px; overflow: hidden; }
.article_column:hover { background: #e6e6e6 none; }
.article_column h4 { margin-top: .5em; clear: none; }
.article_column p { margin-bottom: 0 !important; }
.article_column img { float: left; margin-right: 10px; }
.column1 { margin-right: 10px; }
.column2 { }
.column_separator { }
.clr { clear: both; }

/* edit button */
.contentpaneopen_edit { color: #000 !important; background-color: #ff0; padding: .5em; display: block; position: absolute; top: 0; right: -10px; }
.contentpaneopen_edit p { color: #333; font-size: 1.1em !important; padding-top: 2.5em; }
.contentpaneopen_edit img { background: none; }

/* table of contents */
table.contenttoc { }
table.contenttoc td { }

/* content tables */
td.sectiontableheader { background: #efefef; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff; }

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td { padding: 4px; }

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 { padding: 3px; }

/* content styles */
table.contentpaneopen, table.contentpane { width: 100%; }
table.contentpaneopen li { }
table.contentpaneopen fieldset { }
table.contentpaneopen h3 { }
table.contentpaneopen h4 { }

/* module control elements */
div.moduletable, div.module { }
div.module_menu h3 {  }
div.module_menu { }
div.module_menu div div div { }
div.module_menu div div div div {  }
div.module_menu ul {  }
div.module_menu ul li a:link, div.module_menu ul li a:visited { }
#leftcolumn div.module {}
#leftcolumn div.module table { }

/* forms */
.josForm label { display: inline-block; width: 160px; height: 18px; line-height: 18px; }
.josForm input[type=text], .josForm input[type=password] { width: 280px; }

#form-login fieldset { }
#form-login label { padding-left: 0; }
#form-login ul { padding-left: 0; }
#form-login ul li { border-bottom: 1px solid #ccc; }

#com-form-login { padding: 0 20px; }
#com-form-login .row label { padding-bottom: .5em; display: block; }
#com-form-login fieldset { }
#com-form-login ul { font-size: 1.1em; margin-top: 1em; }
#com-form-login ul li { background: none; padding-left: 0; }
#com-form-login input[type=text], #com-form-login input[type=password] { width: 146px; }
#com-form-login #remember { width: auto; }

/* thumbnails */
div.mosimage {  margin: 5px; }
div.mosimage_caption {  font-size: .9em; color: #666; }

div.caption { padding: 0 10px; }
div.caption img { border: 1px solid #ccc; }
div.caption p { font-size: .9em; color: #666; text-align: center; }

div.img_caption { padding: 0 10px; }
div.img_caption img { border: 1px solid #ccc; }
div.img_caption p { font-size: .9em; color: #666; text-align: center; }

/* Pagebreak */
.pagenavbar { }
.pagenavcounter { }

/* Parameter Table */
table.paramlist {  }
table.paramlist td.paramlist_key { }
table.paramlist td.paramlist_value { }

/* Search */
#searchForm { margin-bottom: 2em; }
#searchForm strong { color: #eb008b; }
#searchForm .highlight { background-color: #fffebb; }

/* Pagination */
.pagination { font-size: 1.3em; text-align: center; }
.pagination span, .pagination strong, .pagination a { margin-right: .5em; }
.pagination strong a { margin-right: 0; }
.pagination a { color: #009bd4; }


/* PLUGINS
----------------------------------------------------------------------------------------------------  */
/* DJ Slider */
.djslider-loader { width: 480px !important; margin-bottom: 10px !important; }
.view-frontpage .djslider-loader { width: 560px !important; }

.djslider {}

.djslider .navigation-container { height: 0 !important; }
.djslider .navigation-container img { background: none; }
.djslider .navigation-container .prev-button {}
.djslider .navigation-container .next-button {}

.djslider .slider-container {}
.djslider .slider-container ul {}
.djslider .slider-container li { background-image: none !important; }
.djslider .slider-container img { }

/* Chronoform */
.form_item .form_element { font-size: 1em !important; margin: 0; width: auto; }
.form_item .form_element .cf_inputbox { width: 280px; }
.form_item .form_element.cf_button { margin-top: 1.5em; }
.form_item .form_element.cf_text { font-size: 1.3em !important; line-height: 1.385em; margin-bottom: 1.5em; }
.form_item .form_element label { font-size: 1.3em !important; }
.form_item .form_element.cf_placeholder { font-size: 1.3em !important; line-height: 1.385em; margin-bottom: 1.5em; }
.form_item .form_element.cf_placeholder input, .form_item .form_element.cf_placeholder label { font-size: 1em !important; }
.chronoform { font-size: 1.1em !important; display: none; }
.chronoform a { color: #009bd4; }
.chronoform a:hover { color: #0089ba; }

#ChronoContact_netzwerkdiagramm .form_item .form_element.cf_placeholder { margin-bottom: 0; }

/* JPlayer */
.player { margin-bottom: 1.5em; }

/* jNews */
.com-jnewsletter .breadcrumbs p { display: none; }
.com-jnewsletter .foo { display: none; }
.com-jnewsletter .aca_list_name, .com-jnewsletter .subscribe { font-size: 1.3em; }
.com-jnewsletter .subscribe { margin-bottom: 1.5em; }
.com-jnewsletter .joobilist img { background-image: none; }


/* EDITOR (JCE)
----------------------------------------------------------------------------------------------------  */
/* Layout */
.mceLayout #description_path a { padding-left: .3em !important; padding-right: .3em !important; }

/* Tools */
.jce_caption { font-size: 1.1em; font-style: italic; }
.jce_caption img {}
.jce_caption div {}

/* Styles */
.image-left { margin-right: 20px; margin-bottom: 1em; float: left; }
.image-right { margin-left: 20px; margin-bottom: 1em; float: right; }
.clear-floating { clear: both; }


/* FRONTPAGE
----------------------------------------------------------------------------------------------------  */
.view-frontpage .col-main { padding: 1em 10px; width: 940px; float: none; }
.view-frontpage #system-message { top: 10px; left: 10px;  }
.view-frontpage #body .inner { background-image: none; }
.view-frontpage #content { padding: 0; width: 560px; }
.view-frontpage .col-right { width: 370px; }
.view-frontpage #breadcrumbs, .view-frontpage .buttonheading { display: none; } /* temp: php-aufruf aus template entfernen */
.view-frontpage #footer .top { display: none; }


/* BANNER
----------------------------------------------------------------------------------------------------  */
/* Default skyscraper style */
.bannergroup { }
.banneritem img { display: block; margin-left: auto; margin-right: auto; }

/* Text advert style */
.banneritem_text { padding: 4px; font-size: 11px; }
.bannerfooter_text { padding: 4px; font-size: 11px; background-color: #F7F7F7; text-align: right; }


/* MESSAGES
----------------------------------------------------------------------------------------------------  */
div.offline { }

/* Frontend Editing*/
fieldset {  }
legend {  }

/* System Standard Messages */
#system-message { margin-bottom: 0 !important; width: 560px; position: absolute; top: 0; left: -10px; z-index: 99; }
#system-message dt { display: none; }
#system-message dd.message ul { }

/* System Error Messages */
#system-message dd.error ul { }

/* System Notice Messages */
#system-message dd.notice ul { }

#syndicate{ }

#system-message ul { padding: 0 !important; margin: 0 !important; text-align: center; font-size: 1em !important; }
#system-message li { font-size: .847em; line-height: 1.273em; padding: .5em 30px; display: block; }
#system-message a { color: #fff; }
#system-message a:hover { text-decoration: underline; }

#system-message .message li { font-weight: bold; }
#system-message .message li, #system-message .success li {
	color: #fff;
	background-color: #6dce21 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#6ae908), to(#6ec32b));
	background: -moz-linear-gradient(top,  #6ae908,  #6ec32b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ae908', endColorstr='#6ec32b') !important;
	border-top: 1px solid #8af109; border-bottom: 1px solid #4db11f;
}
#system-message .notice li, #system-message .error li {
	color: #995c00; background-color: #fcd344;
	background-color: #fcd142 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcd142), to(#fab10f));
	background: -moz-linear-gradient(top,  #fcd142,  #fab10f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcd142', endColorstr='#fab10f') !important;
	border-top: 1px solid #fde059; border-bottom: 1px solid #f8990a;
}
/*#system-message .error li { color: #fff; background-color: #df280a; background-position: left bottom; }*/

.noscript { color: #fff; font-size: 1.1em; font-weight: bold; margin-bottom: 2em; text-align: center; }
.noscript p { background: url(messages.png) repeat-x left bottom; padding: 0 30px; height: 30px; line-height: 30px; }


/* Component Specific Fixes
----------------------------------------------------------------------------------------------------  */



/* JS-FRAMEWORK: MOOTOOLS
----------------------------------------------------------------------------------------------------  */
.toggler {  cursor: pointer; }
.collapse { }
.element { }

/* Tooltip */
.tooltip-tip, .tool-tip {
	font-size: 1.1em;
	
	background-color: #45494d !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#45494d), to(#000000));
	background: -moz-linear-gradient(top,  #45494d,  #000000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45494d', endColorstr='#000000') !important;

	padding: .5em 1em !important;

	border: 0 !important; border-radius: .3em; -moz-border-radius: .3em; -webkit-border-radius: .3em;

	box-shadow: 0 0 3px rgba(0,0,0,.6); -moz-box-shadow: 0 0 3px rgba(0,0,0,.6); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.6);

	opacity: 1 !important; z-index: 9999; 
	max-width: 300px; 
	text-align: left; text-shadow: 0 1px 0 rgba(0,0,0,.3);
}
.tooltip-title, .tool-title { color: #00adee; }
.tooltip-title.noUrl { display: none; }
.tooltip-title.mail { display: none; }
.tooltip-text, .tool-text { color: #fff !important; }


/* FIXES
----------------------------------------------------------------------------------------------------  */
/*table { border: 1px dotted #f00; }*/
table table { border: 1px dotted #fc0; }

/* No loading animation */
#content img[src*="checkmark.gif"], #content img[src*="pdf.gif"] { background-image: none; }
#content img[src*="checkmark.gif"] { margin-top: .3em; }
#content img[src*="pdf.gif"] { margin-right: .3em; }

/* Pages */
.com-search .componentheading { display: block; }
.com-chronocontact .form_item { margin-bottom: 1em; }
.ff3-5.com-chronocontact .form_item, .ff3-6.com-chronocontact .form_item { margin-bottom: 0; }

.ie8 #content h6 { height: auto; }

.ie7 #header { z-index: 9999; }
.ie7 #mainmenu { z-index: 9999; }
.ie7 .sidebar .logo { display: block; }
.ie7 .sidebar .logo, .ie7 .sidebar .logo img { line-height: 100px; }
.ie7 .sidebar .logo img { margin-top: 20px; display: inherit; }

.ie6 #body { background-image: none; }
.ie6 #mainmenu .menu li a, .ie6 .mod-mainmenu ul.menu li a { display: inline-block; }
.ie6 .col-main { }
.ie6 .sidebar { background-color: #eee; background-image: none; padding: 0; }
.ie6 .sidebar .logo img { margin-top: 20px; }
.ie6 .sidebar.col-left { padding-top: 20px; }
.ie6 .sidebar.col-right { margin-right: -10px; }
.ie6.view-frontpage .sidebar.col-right { margin-right: 0; }
.ie6 #breadcrumbs span { display: none; }