@charset "utf-8";  


/**
 * GLOBAL
 */

* {
    margin:                 0;
    padding:                0;
}

img {
    border-width:           0px;
    vertical-align:         middle;
    behavior:               url("pngbehavior.htc");
}

body {
    font-family:            tahoma, verdana, helvetica, arial, sans-serif;
    font-size:              12px;
    text-align:             left;
    color:                  #000000;
    background:             #FFFFFF;
    background-image:       url(../img/background.jpg);
    overflow-y:             scroll;
}

a {
    color:                  #E50000;
}

li {
    margin-left:            1.5em;
}


/**
 * Comments
 */

hr.separator {
    border-width:           0;
    border-top:             1px solid gray;
    margin-top:             0.5em;
    margin-bottom:          1em;
}

div.comment {
    padding:                3px;
    background-color:       #F0F0F0;
}


/**
 * MAIN ELEMENTS
 */

#Head {
    background-image:       url(../img/top.gif);
    background-repeat:      repeat-x;
    width:                  100%;
    height:                 32px;
} 
 
#Main {
    margin:                 auto;
    width:                  845px;
}

#Left {
    width:                  125px;
    float:                  left;
}

#Navigation {
    line-height:            1.33em;
    width:                  135px;
    background-color:       white;
    border:                 2px solid black;
    padding:                5px;
    margin-bottom:          1em;
} 

#Navigation p {
    margin-bottom:          0.5em;
} 

#Online {
    font-size:              0.8em;
    width:                  125px;
    background-color:       white;
    border:                 2px solid black;
    padding:                5px;
} 

#Content {
    line-height:            1.33em; 
    float:                  right;
    background-color:       white;
    border:                 2px solid black;
    width:                  650px;
    padding:                10px 20px 10px 20px;                   
}    

#Breadcrumb {
    margin-bottom:          1em;
    color:                  silver;
} 

#Breadcrumb a {
    text-decoration:        none;
    color:                  silver;
}    

/* MAIN HEADLINE */
#Content h1 {
    font-size:              1.5em;
    margin-bottom:          1em;
}

/* OPTIONS IN MAIN HEADLINE e.g. edit-link */
#Content h1 .content_options {
    font-size:              0.66em;
    font-weight:            normal;
    display:                inline;
} 

/* SUB HEADLINE */
#Content h2 {
/*
    font-size:              1.5em;
    font-weight:            normal;
    font-style:             italic;
    position:               relative;
    top:                    -1.5em;
*/
}

/* DETAILS AFTER MAIN HEADLINE e.g. version, edited by, date... */
#Content .content_details {
    font-size:              0.8em;
    color:                  black;
    font-style:             italic;
    position:               relative;
    top:                    -1.8em;
}

#Content .content_details a {
    color:                  black;
}

#Content .subnavigation {
    font-size:              1em;
    font-weight:            normal;
    position:               relative;
    top:                    -0.5em;
    padding-bottom:         1em;
}

#Content .small {
    font-size:              0.8em;
}

#Content .languageSelection {
    line-height:            1em;
    margin-right:           1em;
    margin-bottom:          0.6em;
    background-color:       #DDDDDD;
    color:                  #999999;
    padding:                2px 3px 2px 3px;
    width:                  150px;
}

#Language {
    padding-top:            10px;
    text-align:             left;
    margin-left:            151px;
    font-size:              0.8em;
    line-height:            1em;
}

#Language img {
    border:                 1px solid black;
    border-bottom-width:    0px;
}

.discussion_closed {
    color:                  gray;
    font-style:             italic;
}

.discussion_closed a {
    color:                  gray;
}


/**
 * view Chili
 */

.infoArea {
    width:                  155px;
    float:                  right;
    margin-left:            1em;
}
 
.infoArea .container {
    width: 100%;
    padding:                3px;
    border:                 1px dotted red;
    background-color:       #FFFFBB;
    margin-bottom:          1em;
}

.infoArea .container label {
    font-weight:            bold;
    display:                block;
    padding-bottom:         0em;
}

.infoArea .container div {
    margin-bottom:          0.5em;
}

.picturePreview {
    margin-bottom:          1em;
}

.picturePreview img.preview {
    border:                 1px solid black;
    border-bottom-width:    0;
}

.picturePreview img.iconPreview {
    border:                 1px solid red;
    border-bottom-width:    3px;
    vertical-align:         top;
}

.picturePreview img.icon, #PicturePreview_NaviLeft, #PicturePreview_NaviRight {
    border:                 1px solid black;
}

#PicturePreview_NaviLeft, #PicturePreview_NaviRight {
    cursor:                 pointer;
}

.wikiLongtext {                          

}

#Content .wikiLongtext h3 {
    font-size:              1.3em;
    margin-top:             1em; 
    margin-bottom:          0.8em;
    padding-bottom:         0.2em;     
    border-bottom:          1px solid #FFDDDD;
}    

#Content .wikiLongtext h4 {
    font-size:              1em;
    margin-top:             1em;
    margin-bottom:          0.5em;
}      

#Content p, #Content ul {
    text-align:             justify;
    margin-bottom:          0.5em;
}

#Content ul.related_links {
    margin:                 1em 0 1em 0;   
}

#Content ul.related_links li {
    list-style-type:        none;
    margin-left:            0px;
    margin-right:           5px;
    padding-left:           25px;
    background-image:       url('../img/icon.link.gif');
    background-repeat:      no-repeat;
    background-position:    8px 0.5em;
}


/**
 * WINDOW
 */

#Window {
    margin:                 10px;
}

#Window #GoogleMap {
    width:                  580px;
    height:                 380px;
    border:                 1px solid black;
    margin-bottom:          1em;
}


/**
 * SPECIAL AREAS
 */

#RingOfFire {
    width:                  425px;
    margin:                 auto;
    font-size:              0.8em;
    line-height:            1.5em;
}

div.statistics {
    font-size:              0.8em;
    float:                  right;
    margin-bottom:          1em;
    line-height:            normal;
}
div.statistics a {
    color:                  black;
    text-decoration:        none;
}

div.copyright {
    padding-top:            15px;
    text-align:             center;
    clear:                  both;
    font-size:              0.8em;
}


/**
 * Flash Messages
 */
 
#flash_message {
    text-align:             center;
    position:               relative;
    margin:                 auto;
    width:                  40%;
    padding:                4px;
    margin-top:             0px;
    margin-bottom:          20px;
}

.flash_error {
    background-color:       #FFE8E8;
    border:                 1px solid red;
    color:                  red;
}

.flash_info {
    background-color:       #7497EC;
    border:                 1px solid black;
    color:                  white;
}


/**
 * FORM-ELEMENTS
 */

form {
    margin-bottom:          0px;
}

#Navigation fieldset legend {
    font-size:              1em;
    font-weight:            bold;
}

#Navigation fieldset {
    border-width:           0;
    padding-top:            1em;
    padding-bottom:         1em;
}

#Content fieldset legend {
    font-size:              1.2em;
    font-weight:            bold;
    padding-right:          5px;
    color:                  #FF6666;
}

#Content fieldset {
    border-width:           0;
    border-top:             1px solid #FFDDDD;
    padding-top:            1em;
    padding-bottom:         1em;
}

label {
    width:                  150px;
    display:                block;   
    float:                  left;
    padding-bottom:         1em;   
}

label.inline {
    display:                inline;
    float:                  none;
    margin:                 0 1em 0 1em;
    padding:                0;  
}

label.noMargin {
    display:                inline;
    float:                  none;
    margin:                 0 1em 0 0;
    padding:                0;
}

label span.hint {
    color:                  gray;
    font-size:              0.8em;
}

div.noLabel {
    margin-left:            150px;
}

div.required label {
/*    font-weight:            bold;*/
}

div.required label:after {
/*    content:                " *";*/
}

div.input, div.submit, div.inputCheckbox, div.data, div.text {
    margin-bottom:          1em;   
    clear:                  left;
}

div.text {
    text-align:             justify;
}

form div.error-message {
    background-position:    top left;
    background-color:       transparent;
    border-style:           none;
    font-weight:            bold;
    color:                  red;
    font-size:              0.9em;
    padding-top:            3px;
}

#Content form input.form-error,
#Content form textarea.form-error {
    border:                 1px solid red;
    color:                  red;
}


/**
 * Globale ERROR Nachricht
 */
div.errorMessages {
    background-color:       red;
    background-image:       url(../img/icon.error.gif);
    background-repeat:      no-repeat;
    background-position:    3px 3px;
    color:                  white;
    font-weight:            bold;
    padding:                3px 3px 5px 27px;
    border:                 1px solid black;
    margin:                 20px 10%;
}

/**
 * AJAX Spinner
 */
div#AjaxSpinner {
    position:               absolute;
    z-index:                100;
    /*
    top:                    70%;
    left:                   50%;
    margin:                 -59px 0 0 -101px;    /* hälfte (höhe/breite + padding + border-width) */
    width:                  200px;
    height:                 105px;
    background-color:       white;
    padding-top:            27px;
    border:                 2px solid black;
    text-align:             center;
}

div#DisableBackground {
    position:               absolute;
    z-index:                99;
    top:                    0;
    left:                   0; 
    width:                  100%;
    height:                 100%;
    background-image:       url(../img/disable.background.gif);
}

input, select, textarea {
    background-image:       url(../img/input_bg.jpg);
    background-repeat:      no-repeat;
    border:                 1px solid black;
}

option {
    margin-right:           0.2em;
    background-color:       #FFF9BF;
}

input.number {
    width:                  60px;
}

input.longtext {
    width:                  350px;
}

input[type=submit] {
    font-weight:            bold;
}

textarea {
    width:                  60%;
    height:                 12em;
}

#TranslationAdminTranslateForm textarea {
    width:                  100%;
    height:                 4em;
}

#Navigation div.input input {
    width:                  90%;
}

#Navigation div.input label {
    width:                  100%;
    margin-bottom:          0.2em;
    padding-bottom:         0em;
}

#Navigation div.input, div.submit, div.inputCheckbox {
    margin-bottom:          0.5em;
    line-height:            1.2em;
}

div.inputCheckbox input {
    margin-right:           5px;
    width:                  1em;
}

div.inputCheckbox label {
    display:                inline;
    float:                  none;
    line-height:            1em;
}

div.submit {
    text-align:             center;
    padding-top:            1em;
}

div.submit input {
    background-image:       none;
    color:                  white;
    background-color:       #FF2222;
    border:                 1px solid black;
    font-size:              0.8em;
    padding:                1px 8px 0px 8px;
}

#Main #GoogleMap {
    width:                  100%;
    height:                 300px;
    border:                 1px solid black;
    margin-top:             1.5em;
    margin-bottom:          1em;
}

img.selectLanguageButtonSelected {
    border:                 2px solid black;
    border-bottom-width:    0px;
    vertical-align:         bottom;
}

div.user_language_selection {
    float:                  left;
    width:                  75%;
}

div.user_language_selection label {
    display:                block;    
    width:                  100px;
    float:                  left;
    padding:                0;  
}

div.user_language_selection input {
    float:                  left;
    width:                  1em;
    margin-right:           5px;
}


/**
 * TABLES
 */
 
#Main table {
    width:                  100%;
    border-collapse:        collapse;
    padding:                0px;
    margin:                 0px;
    border:                 2px solid red;
    border-spacing:         0px;
}

/* HEADER */
#Main table thead th {
    padding:                0 3px 0 3px;
    background-color:       #E50000;
    color:                  white;
    font-weight:            bold;
    text-align:             center;
    border:                 1px solid red;
}
#Main table thead th a:link {
    color:                  white;
}
#Main table thead th a:visited {
    color:                  white;
}
#Main table thead th a:alink {
    color:                  yellow;
}
#Main table thead th a:hover {
    color:                  yellow;
}

/* BODY */
#Main table tbody td {
    color:                  black;
    border:                 1px dotted red;
    padding:                0 3px 0 3px;
}
#Main table tbody tr.actualVersion {
    background-color:       #FFFF99;
}
/*
#Main table tbody tr.column1 {
    background-color: #EEEEEE;
}
#Main table tbody tr.column2 {
    background-color: #DDDDDD;
}
*/
 
/* FOOTER */
#Main TABLE TFOOT TD {
    background-color: #666666;
    color: white;
    font-size: 8pt;
}
#Main TABLE TFOOT TD a:link {
    color: white;
}
#Main TABLE TFOOT TD a:visited {
    color: white;
}
#Main TABLE TFOOT TD a:alink {
    color: #E50000;
}
#Main TABLE TFOOT TD a:hover {
    color: #E50000;
}

#Main table.thumbs td {
    padding:                5px;
    text-align:             center;
    font-size:              0.8em;
}

#Main table.thumbs td img {
    border:                 1px solid black;
}

#Main table.thumbs td img.rating {
    border-width:           0;
}

div.paging_page_info {
    font-size:              0.8em;
    text-align:             right;
}


/**
 * HEAT SCALE TABLE
 */
#HeatScale {

}

#HeatScale td.level {
    font-size:              1.5em;
    line-height:            1.5em;
    text-align:             center;
    font-weight:            bold;
}

/**
 * DISCUSSION TABLE
 */
 table.discussion {
    
 }
 
 table.discussion tr {
    vertical-align: top;   
 }


/**
 * Tooltip styles
 * @author Alexander Wegener
 */
.tooltip {
    border:                 1px solid #666666;
    background-color:       #FFFFCC;
    font-size:              11px;
    color:                  black;
    padding:                2px 4px;
    z-index:                100;
}
.tooltip h1 {
    font-size:              11px;
    background-color:       #CCFF99;
    margin:                 -2px -4px 3px -4px;
    padding:                1px 4px 1px 4px;
}
.tooltip p {
    margin:                 0;
}


/**
 * Debug messages
 * @author Alexander Wegener
 */
table.cake-sql-log {
    width:                  95%;
    border-collapse:        collapse;
    padding:                0;
    margin:                 0 auto 0 auto;
    border:                 1px solid black;
    border-spacing:         0;
}
 
table.cake-sql-log tr {
    vertical-align:         top;
}
 
table.cake-sql-log td,
table.cake-sql-log th {
    padding:                2px;
    font-size:              0.8em;
    border:                 1px dotted black;
}