@charset "UTF-8";

@import url(reset.css);

/*
red: #862131
blau: #ABCBE6
beige: #AE9B7D
hellgrau: #CACACB
dunkelgrau: #626469

grün: #BFCBBB
hellbeige: #F0EBE5

*/

/*
 * general
 */

hr {
     color: #fff;
     border: none;
     border-color: transparent;
     margin: 0;
     padding: 0;
     line-height: 0;
     height: 0;
     width: 100%;
     visibility: hidden;
}

p {
    padding-bottom: 10px;
}

strong {
    font-weight: bold;
}

body {
    margin-bottom: 10px;
    font-size: 80%;
}

body, h1, h2, h3, h4, h5, h6, a, strong, p, textarea, input {
    font-family: Arial, Verdana, sans-serif;
    color: #555;
}

small {
    font-size: 88%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin-bottom: 20px;
}

h1 {
    font-size: 140%;
    border-bottom: 2px dotted #862131;
    padding-bottom: 5px;
    color: #862131;
}

h2 {
    font-size: 110%;
    font-weight: bold;
    border: none;
    padding: 3px;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 20px;
    display: block;
    color: #862131;
    /*border-bottom: 1px solid #862131;*/
    background-color: #862131;
    color: #fff;
}

h2 a:link, h2 a:visited, h2 a:active {
    color: #fff;
}

h3 {
    color: #862131;
    margin-top: 30px;
}

tbody tr:hover td {
   background: transparent;
}


#header {
    position: relative;
}

#headernav {
    position: absolute;
}

#header a {
    text-decoration: none;
}

#nav {
    position: relative;
    width: 100%;
    float: left;
    color: #862131;
    margin-bottom: 5px;
}

#nav span {
    font-weight: bold;
}

#nav a:link, #nav a:visited, #nav a:active {
    color: #862131;
}

#nav a:hover {
    color: #AE9B7D;
}

#main {
    position: relative;
}

div.page_margins {
    width: 984px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 0;
}

div.page {
    background-color: #fff;
    padding: 10px;
}



#footer {
    clear: both;
    
    border-top: 3px solid #626469;
    margin-top: 50px;
    font-size: 90%;
    padding-top: 5px;
    padding-bottom: 15px;
}


#footer a:link, #footer a:visited {
    color: #555;
    text-decoration: none;
}

#footer a:hover, #footer a:active {
    color: #862131;
}

#menu {
    width: 180px;
    float: left;
    margin-bottom: 20px;
}

#content {
    float: right;
    width: 763px;
    margin-bottom: 40px;
}

a:link, a:visited, a:active {
    color: #862131;
}
a:hover {
    color: #AE9B7D;
}






table.objectdetails {
    width: 100%;
}


table.objectdetails tr.sub td {
    background-color: #F7F7F7;
}

table.objectdetails td.sub {
    padding-left: 20px;
}

table.objectdetails td.label {
    width: 170px;
    font-weight: bold;
}


#agb li {
    padding-left: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
}





#langselector li {
    display: none;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    color: #555;
}

#langselector li.first a {
    font-size: 100%;
}

#langselector li.first {
    display: block;
    border-bottom: 1px solid #fff;
}

#langselector li.first a {
    background-color: #862131;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
}

#langselector li a {
    color: #555;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 85%;
    background-position: 153px 4px;
}

#langselector li a:hover {
    color: #fff;
    border-bottom: none;
}

/*option.german {
    background-image: url("../images/layout/lang/lng_de.jpg");
    background-repeat: no-repeat;
    padding-left: 24px;
}*/


div.error {
    background-image: url("../images/layout/dialog-error.png");
    background-repeat: no-repeat;
    background-position: 5px 7px;
    padding: 10px;
    padding-left: 60px;
    padding-bottom: 0;
    min-height: 64px;
    border: 5px solid #862131;
    margin-bottom: 30px;
}

div.error h2 {
    margin-top: 0;
    background-color: transparent;
    color: #555;
    margin-bottom: 10px;
}

ul.cat {
    background-repeat: no-repeat;
    /*background-position: 300px 0;*/
    padding-left: 70px;
    min-height: 64px;
}

ul.cat-profile {
    background-image: url("../images/layout/view-pim-contacts.png");
}

ul.cat-message {
    background-image: url("../images/layout/mail-mark-unread-new.png");
}

ul.cat-contact {
    background-image: url("../images/layout/system-users.png");
}

ul.cat-object {
    background-image: url("../images/layout/server-database.png");
}



@media print {
    #nav, #col1, #col2, #menu, #content div.right, #footer div.links, #headernav, a.action {
        display: none;
    }
    #header {
        margin-top: 0;
    }
    #content, #content div.left {
        /*width: 100%;*/
    }
}

div.loginbox a {
    color: #fff;
}














/*
 * lists
 */

ul li {
    list-style-type: square;
}

ul, ol {
    margin-left: 20px;
}

ol ol {
    margin-left: 30px;
}


/*
 * main menu
 */

div.mainmenu {
    margin-bottom: 20px;
}

div.mainmenu ul {
    padding: 0;
    margin: 0;
}

div.mainmenu li {
    background-color: #AE9B7D;
    list-style: none;
    list-style-position: outside;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    border-bottom: 1px solid #fff;
}

div.mainmenu li.current {
    background-color: #862131;
}

div.mainmenu li a {
    display: block;
    padding: 10px 10px;
    color: #fff;
    text-decoration: none;
}

div.mainmenu li a:hover {
    background-color: #862131;
}





/**
 * menu
 */


 div.menubar a, div.mainmenu a {
    background-repeat: no-repeat;
    background-position: 145px 3px;
}

a.icon-desktop {
    background-image: url("../images/icons/32x32/desktop_beige-white.png");
}
a.icon-profile {
    background-image: url("../images/icons/32x32/profile_beige-white.png");
}
a.icon-message {
    background-image: url("../images/icons/32x32/message_beige-white.png");
}
a.icon-contact {
    background-image: url("../images/icons/32x32/contact-list_beige-white.png");
}
a.icon-business {
    background-image: url("../images/icons/32x32/business_beige-white.png");
}
a.icon-group {
    background-image: url("../images/icons/32x32/group_beige-white.png");
}
a.icon-object {
    background-image: url("../images/icons/32x32/object-list_beige-white.png");
}
a.icon-suchebiete {
    background-image: url("../images/icons/32x32/suchebiete_beige-white.png");
}
a.icon-search {
    background-image: url("../images/icons/32x32/search_beige-white.png");
}
a.icon-settings {
    background-image: url("../images/icons/32x32/settings_beige-white.png");
}
a.icon-logout {
    background-image: url("../images/icons/32x32/logout_beige-white.png");
}
a.icon-language {
    /*background-image: url("../images/icons/32x32/language_red-white.png");*/
    background-image: url("../images/arrow-bottom-white-16.png");
}

div.menubar span.counter {
    display: none;
}

div.mainmenu span.counter {
    color: #F0EBE5;
}

#marketplacemenu span.counter {
    display: inline;
    color: #AE9B7D;
}

#marketplacemenu ul.countries li a:link, #marketplacemenu ul.countries li a:visited {
    background-color: #F0EBE5;
    color: #555;
    padding: 2px 10px;
}

#marketplacemenu ul.countries li a:hover, #marketplacemenu ul.countries li a:active {
    background-color: #862131;
    color: #fff;
}



/**
 * loginbox
 */
div.loginbox {
    padding: 10px;
    background-color: #862131;
    color: #FFFFFF;
    margin-bottom: 20px;
}

div.loginbox {
    padding: 10px;
}

div.loginbox dt {
    margin-bottom: 1px;
}

div.loginbox dl {
    margin-bottom: 5px;
}

div.loginbox label span {
    display: block;
    line-height: 20px;
}

div.loginbox .password {
    width: 130px;
}

div.loginbox .submit {
    border-color:#999999 #CCCCCC #CCCCCC #999999;
    border-style:solid;
    border-width:1px;
    background-color: #fff;
    font-weight: bold;
    padding: 0px;
    color: #862131;
    height: 23px;
}

div.loginbox ul {
    margin-top: 10px;
    margin-bottom: 0;
}



/*
 * box 1 / box 2
 */

div.box {
    margin-bottom: 20px;
}

div.box h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-size: 120%;
    padding-bottom: 5px;
    color: #862131;
}

div.box div.content {
    padding: 10px;
    font-weight: bold;
}

div.box1 div.content {
    background-color: #CACACB;
    color: #626469
}

div.box2 div.content {
    background-color: #626469;
    color: #CACACB;
}


/*
 * form fieldset and legend
 */


fieldset {
    border: 1px solid #eee;
    padding: 20px;
}

legend {
    padding: 3px 6px;
    margin: 0;
    font-size: 120%;
    font-weight: bold;
}


/*
 * form fields
 */

textarea {
    width: 400px;
    height: 100px;
}

textarea, input {
    border: 1px solid #ccc;
    border-color: #999 #CCC #CCC #999;
    background-color: #fff;
    padding: 2px;
    font-size: 100%;
}

input[type=text] {
    width: 250px;
}

select[name=objectkind], select[name=objecttype] {
    width: 256px;
}

input[disabled=disabled] {
    background-color: #efefef;
    border-color: #ccc;
}

input[readonly=readonly] {
    background-color: #ccc;
    border-color: #999;
}

input[type=checkbox] {
    margin-right: 2px;
}

input[type=radio] {
    margin-right: 5px;
}

select {
    border: 1px solid #ccc;
    border-color: #999 #CCC #CCC #999;
    padding: 2px;
    background-color: #fff;
    margin: 0;
}

select option {
    padding-right: 5px;
}

div.buttons {
    margin-top: 20px;
    margin-left: 50px;
    text-align: right;
}

button {
    background-repeat: no-repeat;
    background-position: 5px;
    background-color: #F0EBE5;
    padding: 5px;
    color: #555555;
    border: none;
    border: 1px solid #E9E4DD;
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;*/
    /*-moz-box-shadow: 0 0 3px #AE9B7D;
    -webkit-box-shadow: 0 0 3px #AE9B7D;*/
    margin-left: 3px;
    font-weight: bold
}

button.disabled {
    color: #999;
}

button.disabled:hover {
    -moz-box-shadow: 0 0 1px #AE9B7D;
    -webkit-box-shadow: 0 0 1px #AE9B7D;
}

button:hover {
    -moz-box-shadow: 0 0 3px #AE9B7D;
    -webkit-box-shadow: 0 0 3px #AE9B7D;
}

button.ok {
    /*padding-left: 30px;
    background-image: url("../images/layout/dialog-ok-apply.png");*/
}

button.next {
    /*padding-left: 30px;
    background-image: url("../images/layout/go-next-view.png");*/
}

button.cancel {
    /*padding-left: 30px;
    background-image: url("../images/layout/dialog-cancel.png");*/
}

button.delete {
    /*padding-left: 30px;
    background-image: url("../images/layout/dialog-delete.png");*/
}

button.login {
    width: 20px;
    height: 20px;
    padding: 0;
    -moz-box-shadow: 0 0 0 #AE9B7D;
    -webkit-box-shadow: 0 0 0 #AE9B7D;
    margin-right: 10px;
    margin-left: 0;
}


/*
 * form error
 */

form input.error, form select.error, form textarea.error {
    border-bottom: 2px dotted red;
}

form ul.error {
    padding: 5px;
    color: red;
    margin-left: 0;
}

form ul.error li {
    margin-left: 11px;
}

form ul.formerror {
    background-image: url("../images/layout/dialog-error.png");
    background-repeat: no-repeat;
    background-position: 0 0px;
    padding-left: 60px;
    min-height: 40px;
    margin-bottom: 10px;
}

div.checkbox_error {
    color: red;
}


/*
 * form submit
 */
fieldset.submit {
    margin-bottom: 0;
    padding: 0;
    border: none;
    margin-top: 20px;
}

fieldset.submit span {
    margin-top: 10px;
    float: left;
    width: 197px;
}

fieldset.submit div {
    margin: 0;
    padding: 0;
    float: left;
}


/*
 * tooltip
 */

span.tooltip {
    background-image: url("../images/layout/system-help.png");
    background-repeat: no-repeat;
    cursor: help;
    padding: 6px 12px;
}

span.tooltip div {
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #efefef;
    width: 150px;
}


/*
 * tabmenu
 */

ul.tabmenu {
    margin-bottom: 6px;
}

ul.tabmenu li {
    display: inline;
    background-color: #eee;
    padding: 5px;
    margin-right: -3px;
    padding-left: 20px;
}

ul.tabmenu li.current {
    background-color: #ccc;
}


div.tabmenu {
    padding: 15px;
    border: 1px solid #ccc;
}


input.type-color {
    width: 50px;
}

input.type-title {
    width: 60px;
}

input.type-thoroughfare {
    width: 250px;
}

input.type-postalcode {
    width: 100px;
}

input.type-locality {
    width: 250px;
}

input.type-callnumber-countrycode {
    width: 30px;
}

input.type-callnumber-areacode {
    width: 60px;
}

input.type-callnumber-callthrough {
    width: 140px;
}

input.type-date-day, input.type-date-month {
    width: 25px;
}

input.type-date-year {
    width: 42px;
}

input.type-currency-value {
    width: 100px;
}






form fieldset {
    margin-bottom: 20px;
}


label {
    font-weight: bold;
}


/*

form ol, form li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

form li {
    margin-bottom: 10px;
}

form ol li label {
    display: block;
}


form ol.horizontal li.error {
    clear: both;
}

form ol li.error ul {
    margin-top: -10px;
}

*/

form ol li.error ul, form ol li.error li {
    color: red;
    margin-left: 8px;
    margin-bottom: 0;
    clear: both;
    list-style-type: square;
}



ol.list-horizontal, ol.list-vertical  {
    margin: 0;
    margin-top: 10px;
}

ol.list-horizontal li, ol.list-vertical li {
    list-style: none;
    list-style-position: inside;
    margin: 0;
    margin-right: 10px;
}

ol.list-horizontal li {
    float: left;
}

ol.list-vertical li {
    margin-top: 10px;
}



.required {
    /*background-image: url("../images/layout/mail-mark-important.png");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;*/
}

strong.important {
    color: red;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}

input.submit-cancel {
    background-image: url("../images/layout/dialog-cancel.png");
    background-repeat: no-repeat;
    background-position: 5px;
    padding: 5px;
    padding-left: 30px;
}

input.submit-ok {
    background-image: url("../images/layout/dialog-ok-apply.png");
    background-repeat: no-repeat;
    background-position: 5px;
    padding: 5px;
    padding-left: 30px;
}






.template {
    display: none;
}











/**
 * shadowed block
 */

div.block {
    margin-bottom: 20px;
}

div.block div.image {
    background-image: none;
    background-color: transparent !important;
    border: 1px solid #AE9B7D !important;
    background-color: #fff;
}

div.block h1 {
    padding: 7px;
    font-size: 100%;
    background-color: #862131;
    color: #fff;
    margin-bottom: 0;
    padding: 3px;
    font-weight: bold;
}

div.block a:link, div.block a:visited, div.block a:active {
    color: #555;
    text-decoration: underline;
}

div.block a:hover {
    text-decoration: none;
}

div.block h1 a:link, div.block h1 a:visited, div.block h1 {
    color: #fff;
    text-decoration: none;
}

div.block div.content {
    padding: 5px;
    background-position: bottom;
    background-repeat: repeat-x;
    border: 1px solid #862131;
    background-image: url('../images/layout/box_bg.png');
}

div.block div.content p {
    margin-bottom: 0;
}

div.block div.content h1 {
    background-color: transparent;
    padding-left: 0;
    border: none;
    color: #fff;
    font-size: 120%;
    margin: 0;
    margin-bottom: 3px;
}

div.block div.content a, div.block div.content a:link, div.block div.content a:visited {
    color: #862131;
    text-decoration: none;
}

div.block div.content a:hover {
    text-decoration: underline;
}


div.beige div.content {
    background-color: #AE9B7D;
    border-color: #AE9B7D;
    background-image: none;
}

div.beige a:link, div.beige a:visited, div.beige h1 a:link, div.beige h1 a:visited {
    color: #fff !important;
}











/**
 * header
 */

#header {
    height: 100px;
    border-bottom: 3px solid #862131;
    margin-bottom: 10px;
    font-size: 85%;
}

#your {
    position: absolute;
    height: 35px;
    width: 610px;
    bottom: 2px;
}

#logo {
    position: absolute;
    background-color: #eee;
    height: 75px;
    width: 75px;
    bottom: 10px;
    right: 0px;
}

#header label {
    float: left;
    margin-right: 10px;
    font-weight: normal;
}

#header label span {
    display: block;
}

#header span.loggedin
{
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 25px;
}

#header span.user {
    background-image: url("../images/layout/header_user.png");
}

#header span.messages {
    background-image: url("../images/layout/header_messages.png");
}

#header span.contacts {
    background-image: url("../images/layout/header_contacts.png");
}

#header span.settings {
    background-image: url("../images/layout/header_settings.png");
}

#header span.logout {
    background-image: url("../images/layout/header_logout.png");
}










#objectdetails h3 {
   background-color: #7b2929;
   color: #fff;
   padding: 2px;
   font-size: 110%;
   margin-bottom: 5px;
}

#objectdetails table.objectdetails {
    background-color: #F0EBE5;
}

#objectdetails table {
    border: none;
}






.window {
    display: none;
    background-color: #fff;
    text-align: left;
    border: 10px solid #555;
    padding: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    z-index: 10000;
}

.window-error {
    border: 10px solid red;
}

.window-success {
    border: 10px solid #555;
    width: 300px;
}

.window-alert .action {
    text-align: center;
    padding-top: 10px;
}

#alert {
    width: 400px;
}



.right {
    text-align: right;
}

.center {
    text-align: center;
}

div.left {
    width: 542px;
    float: left;
    text-align: left;
    
}

div.right {
    width: 200px;
    float: right;
    text-align: left;
}

















div.widenotes {
    background: #F0EBE5;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 88%;
}

form div.notes {
    float: right;
    width: 170px; /*size*/
    height: auto;
    margin: 0 0 10px 10px;
    padding: 5px;
    background-color: #F0EBE5;
    font-size: 88%;
}

label {
    font-size: 100%;
}

label u {
    font-style: normal;
    text-decoration: underline;
}

textarea {
    overflow: auto;
}

form div.element {
    clear: left;
    display: block;
    width: 550px; /*size*/
    margin: 5px 0 0 0;
    padding: 3px;
}

form div.element fieldset {
    clear: none;
    border: none;
    margin: 0 0 0 170px; /*size*/
    padding: 0;
    width: 350px;  /*size*/
}

form div.element label {
    display: block;
    float: left;
    width: 160px;  /*size*/
    padding: 3px 5px;
    margin: 0 0 5px 0;
    text-align: right;
}

form div.element label.labelCheckbox, form div.element label.labelRadio {
    float: none;
    display: block;
    width: 380px;
    zoom: 1;
    padding: 0;
    margin: 0 0 5px 170px;
    text-align: left;
}

form div.element fieldset label.labelCheckbox, form div.element fieldset label.labelRadio {
    margin: 0 0 5px 0;

}

form div.error {
    border-bottom: 1px dotted #ffcccc;
}

form div.error p.error {
    border-style: none;
    font-size: 88%;
    font-weight: bold;
    margin: 0 170px; /* size */
    width: 350px;
    color: #ff0000;
    padding-top: 3px;
}



form div.element input.inputCheckbox, form div.element input.inputRadio, input.inputCheckbox, input.inputRadio {
    display: inline;
    height: auto;
    width: auto;
    background-color: transparent;
    border-width: 0;
    padding: 0;
    margin: 0 0 0 140px;
}

label span {
    display: block;
    font-size: 88%;
    font-weight: normal;
    margin-right: 17px;
}

form div.element small {
    display: block;
    margin: 0 0 0 170px;
    font-size: 88%;
}

form textarea.expanding {
    overflow: auto;
    overflow-x: auto;
    overflow-y: visible;
}

form div.element label.labelCheckbox, form div.element label.labelRadio, label.labelCheckbox, label.labelRadio {
    display: block;
    width: 350px;
    padding: 4px 0 0 18px;
    text-indent: -18px;
    line-height: 120%;
}

form div.element label.labelCheckbox input.inputCheckbox, form div.element label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
    margin: 0;
}

form div.element label.compact {
    display: inline;
    width: auto;
    padding: 4px 10px 0 0;
    text-indent: 0;
    margin: 0 0 0 0;
}

form div.element.wide label {
    float: none;
    display: block;
}

form div.element label.wide {
    width: 348px;
}

form div.element.wide input.inputText, form div.element.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
    width: 344px;
    margin: 0;
}

form div.wide small {
    margin: 0 0 5px 0;
}

label sup, sup.required {
    color: red;
    vertical-align: top;
    padding-right: 2px;
    font-weight: normal;
    font-size: 100%;
}









fieldset.pseudo {
    margin: 0;
    padding: 0;
    border: none;
}

fieldset.pseudo legend {
    display: none;
}

div.thumbnail {
    overflow: hidden;
    width: 140px;
    height: 185px;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}

div.avatar-female {
    background-image: url('../images/profile_f.gif');
}

div.avatar-male {
    background-image: url('../images/profile_m.gif');
}

fieldset.checkbox {

}


#upload {
    width: 550px;
}



.loading {
    background-image: url("../images/ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center center;
}




#crop {
    padding: 0;
}

#crop .buttons {
    margin: 0;
    padding: 20px;
    background-color: #333;
}


.hide {
    display: none;
}







div.inlineerror p {
    /*background-color: #ff0000;*/
    padding: 5px;
    font-size: 88%;
    color: #ff0000;
    font-weight: bold;
}

div.inlineerror p strong, div.inlineerror p span {
    padding-right: 5px;
    color: #ff0000;
    font-weight: bold;
}



div.multiselect {
    border: 1px solid #ccc;
    border-color: #999 #CCC #CCC #999;
    padding: 2px;
    padding-left: 5px;
    width: 385px;
    overflow: auto;
    height: 98px;
}

div.multiselect sup {
    display: none;
}


#upload div.first a.delete {
    visibility: hidden;
}

#upload a.add {
    background-image: url("../images/layout/icons/16x16/list-add.png");
    background-repeat: no-repeat;
    padding: 0 5px;
    padding-bottom: 5px;
}

#upload a.delete {
    background-image: url("../images/layout/icons/16x16/list-remove.png");
    background-repeat: no-repeat;
    padding: 0 5px;
    padding-bottom: 5px;
}

.file a.rename {
    background-image: url("../images/layout/icons/16x16/edit-rename.png");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0 6px;
    margin-left: 5px;
    margin-right: 1px;
}

.file a.delete {
    background-image: url("../images/layout/icons/16x16/edit-delete.png");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0 4px;
}

.file a.sort, p a.sort, div.item a.sort {
    margin-left: 5px;
    background-image: url('../images/sort.png');
    background-position: center;
    background-repeat: no-repeat;
    padding: 0px 4px;
}







dd hr {
    border: none;
    clear: left;
    margin: 0;
    padding: 0;
}

div.clearfix {
    clear: left;
    height: 0;
    width: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

div.both {
    clear: both;
}


dt small {
    font-weight: normal;
}



.example {
    color: #999999;
}

label.labelRadio {
    font-weight: normal;
}

hr.normal {
    display: block;
    visibility: visible;
    clear: none;
    border-bottom: 1px dotted #862131;
    margin: 10px 0;
}





#share img {
    float: left;
    margin-right: 4px;
    width: 47px;
    height: 62px;
}

#share textarea {
    margin: 0;
    width: 485px;
    height: 56px;
}

#share .buttons {
    margin-top: 5px;
}

button {
    background-color: #863121;
    /*background-image: url('../images/buttonbg_red.png');*/
    background-position: bottom;
    color: #fff;
    border: none;
}

h2.opened {
    background-image: url('../images/arrow-bottom-white-16.png');
    background-repeat: no-repeat;
    background-position: 740px;
    cursor: pointer;
}

h2.closed {
    background-image: url('../images/arrow-left-white-16.png');
    background-repeat: no-repeat;
    background-position: 740px;
    cursor: pointer;
}




















/*
 * for IE:
 * http://dev.iceburg.net/jquery/jqModal/jqModal.css
 */
#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #999;
    top: 0;
    left: 0;
    z-index: 100;
}

#alert {
    width: 400px;
}


#loading {
    z-index: 200;
    background-color: #fff;
    font-weight: bold;
    text-align: left;
    border: 10px solid #555;
    padding: 20px;
    padding-left: 40px;
    background-image: url("../images/ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: 15px 20px;
    cursor: wait;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}


#tabs2 {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid red;
    height: 26px;
}

#tabs2 li {
    display: inline;
    list-style: none;
    list-style-position: outside;
    margin: 0;
    margin-right: 10px;
    padding: 10px;
    background-color: yellow;
}



div.tabs {
    position: relative;
    border-bottom: 1px solid #863121;
    height: 25px;
}

div.tabs ul {
    position: absolute;
    bottom: -1px;
    margin-left: 10px;
}

div.tabs li {
    display: block;
    float: left;
    margin-right: 5px;
}

div.tabs li a:link, div.tabs li a:visited {
    display: block;
    padding: 3px 9px;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: bold;
    background-color: #863121;
    border: 1px solid #863121;
    border-bottom-color: #863121;
    margin-top: 9px;
}

div.tabs li a:hover, div.tabs li a:active {
    background-color: #863121;
    border-color: #863121;
    color: #fff !important;
    padding-top: 4px;
    margin-top: 8px;
}

div.tabs li a.current {
    background-color: #fff;
    border-color: #863121;
    border-bottom-color: #fff;
    color: #863121 !important;
    padding-top: 6px;
    margin-top: 6px;
}


/* initially all panes are hidden */
div.panes div.pane {
    display: none;
}


/*
 * defintiion lists
 */
dl dt {
    float: left;
    font-weight: bolder;
    margin-bottom: -3px;
}
dl dd {
    margin-bottom: 10px;
    padding-bottom: 3px;
}
dl.inner {
    margin-top: 10px;
}
dl.inner dd {
    margin: 0;
    border-bottom: none;
}
dl.list dt, dl.list dd {
    display: block;
    clear: left;
}
dl.w300 dt {width: 300px}
dl.w300 dd {padding-left: 300px}
dl.w200 dt {width: 190px}
dl.w200 dd {padding-left: 200px}
dl.w150 dt {width: 150px}
dl.w150 dd {padding-left: 150px}
dl.w130 dt {width: 130px}
dl.w130 dd {padding-left: 130px}
dl.w120 dt {width: 120px}
dl.w120 dd {padding-left: 120px}
dl.w100 dt {width: 100px}
dl.w100 dd {padding-left: 100px}
dl.w80 dt {width: 80px}
dl.w80 dd {padding-left: 80px}
dl.w65 dt {width: 65px}
dl.w65 dd {padding-left: 65px}
dl.w50 dt {width: 50px}
dl.w50 dd {padding-left: 50px}


dd.append span {
    display: inline;
    line-height: 30px;
    background-color: #F0EBE5;
    padding: 4px;
    margin-right: 7px;
}
dd.append span.add {
    background-color: #862131;
}
dd.append a.add {
   color: #fff;
}




a.button {
    border: 1px solid #862131;
    padding: 5px;
    background-color: #fff;
    font-weight: bold;
}

a.button:hover {
    background-color: #862131;
    color: #fff;
    text-decoration: none;
}





h1.complex {
    border: none;
    margin-bottom: 30px;
}

h1.complex hr {
    border-bottom: 2px dotted #862131;
    visibility: visible;
    clear: both;
    margin: 0;
    padding: 0;
    padding-top: 5px;
}

h1.complex span {
    float: left;
}

h1.complex div {
    margin-top: 3px;
    text-align: right;
    float: right;
    right: 0;
    font-size: 65%;
}

h1.complex div.sub {
    margin-top: 2px;
}

span.disabled {
    color: #999;
}

/**
 * tokeninput
 */

ul.token-input-list-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 400px;
    border: 1px solid #999;
    border-color: #999 #CCC #CCC #999;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
}


ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0;
}

li.token-input-token-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 3px;
    padding: 1px 3px;
    background-color: #F0EBE5;
    color: #000;
    cursor: default;
    border: 1px solid #AE9B7D;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #AE9B7D;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    border: 1px solid #862131;
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
    list-style-type: none !important;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    font-family: Verdana;
    z-index: 1;
}

div.token-input-dropdown-facebook p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown-facebook ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-facebook ul li {
    background-color: #fff;
    padding: 3px;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
    background-color: #F0EBE5;
}


.price span {
    display: none;
}

div.eur .price span.eur, div.usd .price span.usd, div.gbp .price span.gbp, div.chf .price span.chf {
    display: inline;
}

a.action {
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
    background-color: transparent;
    color: #863121;
    border: 1px solid #862131;
}

a:hover.action {
    color: #fff;
    background-color: #862131;
}

div.block a.action, h1 a.action {
    border: none;
    padding: 0;
}

div.block a:hover.action, h1 a:hover.action {
    background-color: transparent;
    color: #862131;
    text-decoration: underline;
}











.mainmenu span.counter {
    display: none;
}

.mainmenu ul.sub {
    border-bottom: none;
    /*border: 1px solid #AE9B7D;
    border-top: none;*/
}

.mainmenu ul.sub li {
    border-top: 1px solid #fff;
    /*border-left: 1px solid #AE9B7D;
    border-right: 1px solid #AE9B7D;*/
    border-bottom: none;
}

.mainmenu ul.sub li a:link, .mainmenu ul.sub li a:visited {
    background-color: #EFEBE5;
    background-color: #fff;
    color: #555;
    color: #862131;
    padding: 3px 10px;
    font-size: 85%;
    border-bottom: 1px solid #862131;
}

.mainmenu ul.sub li a:hover {
    background-color: #862131;
    color: #fff;
}






/**
 * pagination
 */

div.paginator {
    margin: 15px 0;
    margin-bottom: 8px;
}

div.paginator ul {
    float: right;
}

div.paginator ul li {
    float: left;
    list-style: none;
    margin-left: 3px;
    font-weight: bold;
    margin-bottom: 15px;
}

div.paginator ul li span {
    display: block;
    padding: 5px;
    padding-top: 5px;
    color: #555;
    border: 1px solid transparent;
}

div.paginator ul li a {
    display: block;
    padding: 5px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #555;
}

div.paginator ul li a:hover {
    border: 1px solid #862131;
    color: #862131;
}

div.paginator ul li a.current {
    color: #fff;
    border: 1px solid #862131;
    background-color: #862131;
}






#msgbody {
    border-top: 2px dotted #862131;
    padding-top: 10px;
}







div.window h1 {
    color: #862131;
    display: block;
    font-size: 120%;
    font-weight: bold;
    margin: 0 0 20px;
    padding-left: 1px;
}

div.window textarea {
    margin-top: 4px;
    height: 40px;
    width: 99%;
}

div.window fieldset.submit {
    margin-bottom: 0;
    padding: 0;
}

div.window fieldset.submit span {
    margin-top: 10px;
    float: left;
}

div.window fieldset.submit div {
    margin: 0;
    padding: 0;
    float: right;
}









/**
 * default tables
 */

table.default {
    width: 100%;
}

table.default thead td {
    background-color: #F0EBE5;
    font-weight: bold;
    padding: 5px;
    vertical-align: text-top;
    border-bottom: 2px solid #AE9B7D;
}

table.default tbody td {
    padding: 5px;
    vertical-align: text-top;
    border-bottom: 1px dotted #F0EBE5;
}

table.default p {
    padding: 0;
}



div.success {
    border: 2px solid #484;
    background-color: #EFE;
    color: #040;
    padding: 5px;
    margin-bottom: 15px;
    font-weight: bold;
}

div.success p {
    padding: 0;
}


.user-banned {
    text-decoration: line-through;
    color: #ff0000;
}

.user-banned a {
    font-weight: normal;
    text-decoration: none;
    color: #ff0000;
}

/**
 * menu
 */

div.menubar ul, div.menubar li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #fff;
}

div.menubar li {
    display: block;
}

div.menubar a:link, div.menubar a:visited {
    padding: 10px;
    background-color: #AE9B7D;
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
} 

div.menubar a:hover, div.menubar a:active {
    background-color: #862131;
}

div.menubar ul.sub, div.menubar ul.sub li {
    margin: 0;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 0;
    list-style: none;
}

div.menubar ul.sub a:link, div.menubar ul.sub a:visited {
    padding: 3px 10px;
    background-color: transparent;
    color: #862131;
    font-size: 88%;
    border-bottom: 1px solid #862131;
}

div.menubar ul.sub a:hover, div.menubar ul.sub a:active {
    background-color: #862131;
    color: #fff;
}

#browserWarning {
    background-color: #fcfdde;
    width: 100%;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    text-align: center;
    padding: 5px 0px 5px 0px;
    display: none;
}

/**
 * overview
 */

div.overview {
    width: 785px;
}

div.overview-box {
    margin-top: 20px;
    width: 155px;
    float: left;
    margin-right: 20px;
    padding-right: 20px;
    padding-top: 6px;
    border-right: 1px dotted #555;
    border-bottom: 1px dotted #555;
    height: 170px;
}

div.overview-box p {
    margin-top: 10px;
}

div.overview-box a.action:link, div.overview-box a.action:visited {
    display: block;
    background-color: #862131;
    color: #fff;
}

div.overview-box a.action:hover, div.overview-box a.action:active {
    background-color: transparent;
    color: #862131;
}

ul.overview {
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
}

ul.overview li {
    font-size: 85%;
}

div.overview-box a:link, div.overview-box a:visited {
    color: #555;
    text-decoration: none;
}

div.overview-box a:hover, div.overview-box a:active {
    color: #862131;
}


.window div.multiselect {
    width: 292px;
    overflow: auto;
    height: 40px;
}

.window div.multiselect label {
    width: auto;
}