/* global styles */
html {
    /* Disable horizontal scrollbar in IE */
    overflow-x:hidden;
	overflow-y:auto;
}

body {
	font-family:Verdana, Geneva;
    background-color:#D1D1D1;
    color:black;
    font-size:11px;
    margin:0;
    padding:0;
}

/* display ko/mo and search results */
body.conframe,body.search {
    margin:0;
	padding:3px;
    background-color:#D1D1D1;

}

/* navigation on left side  */
body.navigation {
    background-color:#bbbbbb;
    margin:0;
    padding:0;
    overflow-x:hidden;
}

img	{
    border:0;
}

hr {
    color:#cdcdcd;
    background-color:#cdcdcd;
    border:0;
    height:1px;
    width:100%;
}

#rootContainer {
    margin:0;
    text-align:center;
   	background: url(../../images/inhalt_bg.gif) top left repeat-x;
    background-color:#D1D1D1;
}


#contentWrapper {
    width:960px;
    height:100%;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    visibility:hidden;
    background-color:transparent;
}

#loadingMessage {
    font-family:Verdana, Geneva;
    color:black;
    font-size:11px;
    width:100%;
    position:absolute;
    margin-top:250px;
    margin-left:0;
    margin-right:0;
    left:0;
}

/* header for ko/search result */
#heading {
    clear:both;
    font-size:18px;
    /*font-weight:bold;*/
    /*line-height:1.5em;*/
    width:99%;
    color:#515151;
    margin:0 0 5px 0;
}

/* navigation header */
.navheader {
    color:#515151;
    /*float:left;  */
    margin-left:10px;
    margin-right:14px;
    /*text-align:left;*/
    line-height:20px;
    font-size:13px;
    font-weight:bold;
    text-decoration: none;
}

.searchbartxt {
     color:black;
    /*float:left;  */
    margin-right:5px;
    /*text-align:left;*/
    line-height:20px;
    font-size:13px;
    font-weight:normal;
    text-decoration: none;
    vertical-align:middle;
}
.navheader-blank {
    background-color:#D1D1D1;
    line-height:28px;
    font-size:12px;
    text-decoration:none;
}

#instancemainpic {
    float:left;
    padding:0;
    margin:0 0 10px 0;
}

/* general styles for input dialogues */
input, textarea {
    border: 1px solid #909090;
    font-size:11px;
    font-family:Verdana, Geneva;
}

input {
    height:18px;
}

input.text {
    width:100%;
}

textarea.text {
    width:100%;
    font-size:10px;
    font-family:Verdana, Geneva;
}

input.noborder {
    border:none;
    height:auto;
}

select {
    font-family:Verdana, Geneva;
    font-size:10px;
    height:18px;
    border: 1px solid #909090;
    margin-top:1px
}

select.multi {
    border: 1px solid #909090;
    font-size:10px;
    height:75px;
}

fieldset {
    border: 1px solid #909090;
    padding:7px;
    margin:7px 7px 7px 0;
}

legend {
    color: black;
}

div.row {
    position:relative;
    width:95%;
    clear:both;
    white-space:nowrap;
    padding-top:1px;
}

div.rowsep {
    width:100%;
    clear:both;
    border-bottom: 1px solid #909090;
    margin-top:3px;
    margin-bottom:20px;
}

/* used for action messages */
div.msg {
    width:480px;
    clear:both;
    padding-top:3px;
}

.mars-err {
    margin-left:25px;
	color:#E20000;
	line-height:20px;
}

.mars-wng {
    margin-left:25px;
	color:#EF7700;
	line-height:20px;
}

.mars-nfo {
    margin-left:25px;
	color:#0068CE;
	line-height:20px;
}

/* general info messages */
.info {
    color:#626669;
}

/* labels (inputs) und labeltexts (messages) */
div.label, div.labeltext {
    float:left;
    width:140px;
    line-height:21px;
    text-align:left;
    /*color:black; */
    padding-right:3px;
    display:table-cell;
}

div.labeltext {
    line-height: 14px;

}

/* read only content and input fields */
div.readonlycontent {
    float:left;
    width:67%;
    line-height:14px;
    text-align:left;
    color:black;
    padding-right:3px;
    display:table-cell;
}

div.input {
    float:right;
    width:70%;
    line-height:20px;
    text-align:left;
    display:table-cell;
}

span.queryPhrase {
    font-weight:bold;
}

div.col1 {
    float:left;
    width:190px;
    overflow:hidden;
}

div.col2,div.searchInput {
    float:right;
    width:310px;
}

div.col12 {
    float:left;
    width:490px;
}

div.col3 {
    float:right;
    width:165px;
    overflow:hidden;
}

div.searchLabel {
    float:left;
    width:25%;
    line-height:20px;
    text-align:left;
    color:black;
    padding-right:3px;
    display:table-cell;
}

div.searchHint {
    float:left;
    width:90%;
    text-align:justify;
    color:black;
}

select.selectedSearchFilters {
    width:100%;
    height:70px;
}

/* layout areas */
#header {
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-480px;
    padding:0;
    width:100%;
    height:83px;
    background-repeat:no-repeat;
    cursor:pointer;
}

#menu {
    position:absolute;
    top:84px;
    left:50%;
    height:30px;
    width:1100px;
    margin-left:-480px;
    padding:0;
   /* color:#FFFFFF;  */
    font-size:12px;
  /* background-color:#00ff00;  */
    overflow:hidden;
    white-space: nowrap;
}

#searchbar {
    position:absolute;
    top:113px;
    /*border-top:1px solid #C51D1C;*/
    left:50%;
    width:730px;
    height:60px;
    margin-left:-250px;
    padding:0;
    /*background-color:#c5c5c5;*/
    background: url(../../images/searchline.gif);
    background-position:0 0;
    background-repeat: repeat-x;

}

#extendedSearchBar {
    position:absolute;
    top: 33px;
}

#abovenavigation {
    background-color:#BBBBBB;
    position:absolute;
    top:130px;
    height:10px;
    bottom:0;
    left:50%;
    width:209px;
    margin-left:-480px;
}

#navigation {
    position:absolute;
    top:140px;
    bottom:0;
    left:50%;
    width:209px;
    margin-left:-480px;
}

#navigationheader {
    position:absolute;
    /*border-top:1px solid #C51D1C;*/
    top:113px;
    bottom:0;
    left:50%;
    width:204px;
    margin-left:-480px;
    height:27px;
    padding:0 0 0 5px;
    white-space:nowrap;
    overflow:hidden;
    text-align:left;
    background-color:#BBBBBB;
}

#navconspacer {
    position:absolute;
    top:113px;
    bottom:0;
    left:50%;
    margin-left:-271px;
    z-index:100;
    width:10px;
    height:20px;   /* during page load only */
    background-color:#d1d1d1;
}

iframe {
    background-color:#D1D1D1;
}

#content, iframe.popupFrame {
    position:absolute;
    left:50%;
    top:170px;
    bottom:1px;
    width:730px;
    margin-left:-250px;
    background-color:#D1D1D1;
}

iframe.popupFrame {
    z-index:999;
}

#login,#requireLogin,#createLogin,#createLoginCart,#loginExt,#contacttext,#usersettings,#extendedsearch {
    font-family:Verdana, Geneva;
    position: relative;
    font-size:11px;
    border:0;
    margin:0;
    left:20px;
    top:20px;
    text-align:left;
    width:595px;
}

#login,#requireLogin,#loginExt {
    width:595px;
}

#loginExt {
    margin-top:15%;
    margin-left:20%;
}

#requireLogin,#createLoginCart {
    left:0;
    top:0;
}

#contacttext,#usersettings,#extendedsearch {
    top:0;
    padding-top:20px;
    width:710px;
    overflow:auto;
}

/* shopping card header */
#scHeader {
    width:730px;
    vertical-align:middle;
    text-align:center;
    padding:0;
    margin:0;
}

/* shopping cart content */
#scContent {
    color:black;
    font-family:Verdana, Geneva;
    position:relative;
    font-size:11px;
    border:0;
    margin:0;
    /*left:20px;*/
    text-align:left;
    width:730px;
    overflow:auto;
}

#topicsTreeDiv {
    font-family:Verdana, Geneva;
    font-size:11px;
    padding:0;
}

#siteMapTreeDiv {
    font-family:Verdana, Geneva;
    font-size:11px;
    margin:0;
    padding:0;
    position:relative;
}

div.popupContentDefault {
    color:black;
    font-family:Verdana, Geneva;
    position:relative;
    font-size:11px;
    overflow:auto;
    width:730px;
    margin:0;
    padding:0;
        background-color:#D1D1D1;
}

div.popupFooterDefault, div.popupHeaderDefault  {
    /*background-color:#bbbbbb;*/
    vertical-align:middle;
    text-align:center;
    padding:0;
    margin:0;
    border:0;
}

div.popupFooterDefault {
    position:absolute;
    left:0;
    width:730px;

}

div.popupHeaderDefault {
    position:relative;
    top:0;
    margin-left:-10px;
    margin-top:-10px;
    width:110%;    /* account for negative margins */
}

div.siteMapLoading {
    padding: 20px;
}

/* menu items */
#menu div.menuitem {
    float:left;
    /*background-color: #bbbbbb;*/
}

#menubar {
    position:absolute;
    left:0;
    top:0;
    z-index: 10;
}

div.menuitem a {
    font-family:Verdana,Geneva;
    display:block;
    color: white;
    text-align:center;
    vertical-align:middle;
    width:104px;
    height:23px;
    font-weight:bold;
    font-size: 11px;
    text-decoration: none;
    background: url(../../images/menu_reiter.gif) no-repeat top left;
    padding-top: 2px;
}

div.menuitem a:hover{
    color: white;
    text-decoration:none;
    background: url(../../images/menu_reiter_hover.gif) no-repeat;
}

a#lightBoxMenuLink, a#cartMenuLink, a#loginMenuLink {
    background: url(../../images/menu_reiter_big.gif) no-repeat top left;
    width:155px
}

a#lightBoxMenuLink:hover, a#cartMenuLink:hover, a#loginMenuLink:hover {
    background: url(../../images/menu_reiter_big_hover.gif) no-repeat;
}

a.menuitemlong {
    font-family:Verdana,Geneva;
    color: white;
    text-align:center;
    vertical-align:9px;
    height:23px;

    font-weight:bold;
    font-size: 11px;
    text-decoration: none;
    background-image:url("../../images/menu_reitermiddle.gif");
    background-position:0 0;
    background-repeat: repeat-x;
    margin:2px 0px 0 0px;
    padding:2px 0 8px 0;
    }

a.menuitemlong:hover{
    color: white;
    text-decoration:none;
    background: url(../../images/menu_reiter_hovermiddle.gif);
    background-position:0 0;
    background-repeat: repeat-x;
}

/* jobs */
#currentJobBar {
    position:absolute;
    left:5px;
    top:0;
    color:#CDCDCF;
    line-height:20px;
    font-size:11px;
    z-index:1;
    visibility:hidden;
}

#currentJobBar a {
    color:#CDCDCF;
    text-decoration:none;
    padding-left:18px;
    background:url(../../images/cart_inv.gif) no-repeat top left;
    background-position:4px 0px;
    /*background-color:#ffffff;*/
}

#currentJobBar a:hover {
    text-decoration:underline;
}

#button {
    border: 1px solid #909090;
}

#pathitems {
    clear:both;
    width:99%;
    background-color:#cdcdcd;
    padding:0;
    margin:0 0 10px 0;
}

#pathitems span {
    background-color:#cdcdcd;
    line-height:20px;
    padding:2px;
    float:left;
}

#pathitems a {
    color:black;
    height:16px;
    line-height:16px;
    font-size:11px;
    text-decoration:none;
    background:url(../../images/menuitem.gif) no-repeat top left;
    background-position:2px 0px;
    padding:0 16px 0 10px;
    margin:0;
    white-space:nowrap;
}

#pathitems a:hover {
    text-decoration:underline;
}

#searchSitemap, #searchDetails {
    text-align:left;
    float:left;
    height:20px;
    padding:2px 5px 2px 5px;
    white-space:nowrap;
    overflow:hidden;
}

/* search result items */
.tabs,.tabsselected,.tabsoptional {
    color:black;
    font-size:11px;
    padding:3px 5px 3px 5px;
    margin:0 4px 0 0;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
    line-height:22px;
    background-color:#ffffff;
}

.tabs:hover, .tabsselected:hover {
    color:  #D62762;
    border:1px solid #D62762;
    text-decoration:none;
    background-color:#ffffff;
}

.tabs {
    background-color:#ffffff;
    color: black;
    border: 1px solid #909090;
}

.tabsselected {
    background-color:#ffffff;
    border:1px solid #D62762;
    color: black;
}

.tabsoptional {
    color: #cdcdcd;
    background-color:transparent;
    border: 1px solid #909090;
}

.tabsicon, .tabsiconselected {
    vertical-align:middle;
    margin:0 4px 0 0;
    background-color:transparent;

}

.tabsicon:hover {
}

.tabsiconselected {
    vertical-align:middle;
    margin:0 4px 0 0;
    /*background-color:#eeeeee;*/
    border:1px solid #D62762;
}

.tabstext {
    font-size:11px;
    line-height:14px;
    margin:-2px 2px 0 0;
    color:black;
    padding:1px 5px 1px 5px;
    width:auto;
    text-decoration:none;
}

.tabstext:hover {
    color:#D62762;
    text-decoration:none;
}

.tabsinput {
    background-color:#FFFFFF;
    color:black;
    font-size:11px;
    height:22px;
    line-height:16px;
    margin:0 4px 0 0;
    text-align:center;
    padding:0;
    vertical-align:middle;
    width:auto;
}

.tabseparator {
    padding: 5px 0 1px 0;
    clear:both;
    /*line-height:20px;*/
    color:black;
    width:99%;
}

div.thumbnailContainer {
    position:relative;
    float:left;
    margin-top:10px;
}

div.thumbnail, div.thumbnailBorder {
    position:relative;
    margin:2px;
    text-align:center;
    background-color:#ffffff;
}

div.thumbnail {
    border-width:0;
    margin-left:0;

}

div.thumbnailBorder {
    border:1px solid #A1A1A1;
    padding:2px;
    margin-left:0;
    margin-right:5px;

}

div.thumbnail img, div.thumbnailBorder img {
    cursor:pointer;

}

div.thumbFooter {
    position:absolute;
    bottom:-1px;
    left:0;
    height:16px;
    text-align:right;
    background-color:#A1A1A1;
}

div.thumbLabelHeader, div.thumbLabelFooter {
    font-family:Verdana, Geneva;
    color:black;
    font-size:11px;
    overflow:hidden;
    white-space:nowrap;
    margin-left:2px;
    font-weight:normal;
}

div.thumbLabelHeader {
    position:relative;
    padding-top:4px;
 }

div.thumbLabel {
    position:relative;
}

/* used for context menu items (for example print menu) */
div.contextitem {
    width:100%;
}

div.contextmenu, div.contextitem a {
    font-family:Verdana, Geneva;
    font-size:11px;
}

div.contextitem a {
    width:120%;
}

/* used by javascripts to render content */
.alttablebg1, .selalttablebg1 {
    background-color:#D1D1D1;
}

.alttablebg2, .selalttablebg2 {
	background-color:#BBBBBB;
}

.seltablebg {
	background-color:#C0D2EC;
}

.selalttablebg1 td, .selalttablebg2 td {
    border-top:white 1px solid;
    border-bottom:white 1px solid;
}

.listRow1, .listRow2 {
    width:100%;
    font-size:11px;
    margin:0;
    padding:2px;
    padding-left:0;
    vertical-align:top;
}

.listRow1 {
    background-color:#F5F5F5;
}

.listRow2 {
    background-color:#BBBBBB;
}

/* A result row in "list" mode */
.listRow  {
    width:90%;
    font-size:11px;
    line-height:18px;
    margin-bottom:25px;
    padding:2px 0 0 0;
 /*   padding-left:0; */
    vertical-align:top;
  /*      border-bottom:#909090 1px solid;  */
}

/* The thumbnail container in list mode */
.listThumbnail {
    text-align: center;
    margin-left:0;
    padding-left:0;
}

/* add/remove to cart, download buttons */
a.cartAdd,a.cartRemove,a.cartPriceAdd,a.cartPriceRemove,a.lightboxAdd,a.lightboxRemove,a.download,a.downloadInline {
    background-image:url('../../pub/images/cartAdd.gif' );
    background-repeat:no-repeat;
    background-position:3px 3px;
    margin:0 5px 0 0;
    padding:5px 5px 5px 26px;
    font-size:11px;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
    line-height:32px;

    background-color:#FFFFFF;
    border:1px solid #828282;
    color:black;
  /* border:1px solid #00ff00;
    background-color:#ff0000;*/
}

#addAll_to_cart {
    background-image:url('../../pub/images/cartAdd.gif' );
    background-color:#FFFFFF;
    background-position:3px 3px;
    background-repeat:no-repeat;
    border:1px solid #828282;
    color:black;
    cursor:pointer;
    display:block;
    font-size:11px;
    line-height:22px;
    margin:0 0 5px;
    padding:0 5px 0 20px;
    text-decoration:none;
    white-space:nowrap;
}
a.cartRemove {
    background-image:url('../../pub/images/cartRemove.gif');
}

a.download {
    background-image:url('../../pub/images/download.gif');
}

a.cartPriceAdd {
    background-image:url('../../images/cart_euro.gif' );
}

a.cartPriceRemove {
    background-image:url('../../images/cart_euro_on.gif' );
}
a.downloadInline {
    background-image:url('../../images/download.inline.gif');
}

a.cartAdd:hover,a.cartRemove:hover,a.download:hover,a.downloadInline:hover,a.lightboxAdd:hover, a.lightboxRemove:hover, a.cartPriceAdd:hover, a.cartPriceRemove:hover {
    background-color:#FFFFFF;
    border:1px solid #D62762;
    color:#D62762;
    text-decoration:none;
}
a.lightboxAdd {
    background-image:url('../../images/lightbox.gif');
}

a.lightboxRemove {
    background-image:url('../../images/lightbox_on.gif');
}


a.cartAdd:hover,a.cartRemove:hover,a.download:hover,a.downloadInline:hover {
    color:#D62762;
    text-decoration: none;
}

a.videocontent,a.audiocontent {
    color:#002369;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
}

a.videocontent:hover,a.audiocontent:hover {
    color:#000000;
    font-size:11px;
}

/*  Defines the common style for all property cells (i.e. instance tree, shopping cart details, search results, ...)
    Used in the tree scripts, search results, and shopping cart -
    only define "transparent" attributes (border, font-size, ...) or the layout may break.
 */
.propertyCell {
    color: black;
    border-bottom: 1px solid #909090;
    margin-left:5px;
    /*font-weight:normal;*/
}

/*  Defines the common style for property labels. */
.propertyLabel {
    width:120px;
 }

/* Container DIV for the property label in the result pages */
div.resultLabel {
    float:left;
    width:120px;
}

/* Container DIV for the property value */
div.resultValue {
    padding:0;
    height:1%; /* Kill 3-pixel margin next to floats on IE: http://www.onestab.net/a/pie/explorer/threepxtest.html */
    white-space:normal;
}

/* Offset for result values with label */
div.resultLabelOffset {
    margin-left:140px;
}

/* Instance detail table */
table.instancedetail tr {
	font-family:Arial, sans-serif;
	font-size:11px;
	padding:0;
}

table.instancedetail td.header {
	padding:1px 5px 1px 5px;
	line-height:20px;
}

/* Main picture of MO detail view */
img.instancemainpic {
    width:200px;
    float:left;
}

/* Instance properties div for MO detail view */
div.instanceproperties {
    position:absolute;
    left:220px;
}

.pic {
    border:2px solid transparent;
    height:100px;
    margin:1px;
}

.pic:hover {
    border: 2px solid #89A2B3;
}

table {
    border:0;
}

h1 {
    padding:0;
    margin:0 0 5px 0;
    font:18px/18px Verdana, Geneva;
    color:#515151;
    line-height: 21px;
}
h2 {
    padding:0;
    margin:0;
    FONT:15px/15px Verdana, Geneva;
    color:#515151;
}

/* Links */
a {
    font-family:Verdana, Geneva;
    color:black;
    font-size:11px;
    text-decoration:underline;
    /*font-weight:normal;*/
    white-space:nowrap;
}

a.button_wizard,a.main,a.label,a.button,a.button_with_border,div.contextitem a  {
    font-family:Verdana, Geneva;
    color:black;
    line-height:27px;
    font-size:11px;
    text-decoration:none;
    font-weight:normal;
    white-space:nowrap;
}

/* link in mo list */
a.main,div.contextitem a {
    line-height:11px;
}

a.button_wizard {
    font-size:12px;
    line-height:22px;
    vertical-align:middle;
}

a.main,div.contextitem a {
    background:url(../../images/menuitem.gif) no-repeat;
    /* background-position:0px 0px; */
    background-position: 0 3px;
    padding-left:12px;
    text-decoration:underline;
}

a.button {
    background:url(../../images/menuitem.gif) no-repeat top left;
    background-position:3px 5px;
    background-color: #ffffff;
    padding:0 0 0 18px;
}
.button_with_border {
    border:1px solid #909090;
    background:url(../../images/menuitem.gif) no-repeat top left;
    background-position:3px 5px;
    background-color:#ffffff;
    height:22px;
    padding:3px 6px 3px 15px;
}
a.button_with_border {
    border:1px solid #909090;
    background:url(../../images/menuitem.gif) no-repeat top left;
    background-position:3px 5px;
    background-color:#ffffff;
    padding: 3px 6px 3px 25px;

}
#lbMenuTable a.button_with_border {
    margin:0;
    padding:0 6px 0 15px;
    cursor:pointer;
    display:block;
    float:left;
    font-size:11px;
    height:19px;
    line-height:18px;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
}
a.button_fw {
    border:1px solid #909090;
    background:url(../../images/buttonfw.gif) no-repeat top right;
    background-position:98% 50%;
    background-color:#ffffff;
    padding:3px 3px 3px 3px;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    line-height:24px;
}
a.button_bw {
    border:1px solid #909090;
    background:url(../../images/buttonbw.gif) no-repeat center left;
    background-position:2% 50%;
    background-color:#ffffff;
    padding:3px 3px 3px 3px;
    font-weight:normal;
    text-decoration:none;
    font-size:11px;
    line-height:24px;
}
a:hover,a:hover.button,a:hover.button_with_border,a:hover.button_wizard,a.main:hover,div.contextitem a:hover {
    color:#D62762;
}

/* password requirementbox */
div.requirementbox {
    font-family:Verdana, Geneva;
    background-color: #C5C5C5;
    left:508px;
    padding:2px;
    position:absolute;
    width:200px;
    z-index:9999;
}

#instancetopics ul {
    list-style-image: url(../../images/menuitem.gif);
    list-style-position: outside;
    margin-top:0;
    margin-bottom:0;
}

#instancetopics ul li {
    margin:  0 0 5px -20px;
}

#instancetopics ul li a {
    white-space:normal;
    line-height:12px;
}

#instancekeywords ul {
    list-style-type: none;
    list-style-position: outside;
    margin-top:0;
    margin-bottom:0;
}

#instancekeywords ul li {
    margin:  0 0 2px -40px;
}

#instancekeywords ul li input{
    vertical-align:middle;
    margin-right:7px;
}

.nolightboxexists {
    height:20px;
    position:relative;
    top:40%;
    text-align:center;
}

#pricetable{
    height: 100%;
    overflow:auto;
}
#pricetable body {
    height: 100%;
    overflow:auto;
    padding: 0;
}
#cartLinkContainer {
   height:28px;
    padding:5px 0 0 5px;
}

#downloadInlineButtonDiv {
   height:28px;
    padding:5px 0 0 5px;
}

#downloadButtonDiv {
    height:28px;
    padding:5px 0 0 5px;
}

#lightboxButtonDiv {
    height:28px;
    padding:5px 0 0 5px;
}
#dhtmltooltip {
    background-color:#EFEFEF;
    border:1px solid black;
    padding:2px;
    position:absolute;
    visibility:hidden;
    z-index:100;
}

table {
    font-size: 11px;
    text-align: left;
}

#exportMapping {
    background-position:left center;
    margin-top:5px;
}