/* INDEX CSS - Haupt-CSS-Datei für eZ Seiten von JAC-Systeme GmbH */


/**********************
    PAGELAYOUT
**********************/

body
{
    padding: 0;
    background: url("../images/f-hintergrund.jpg") repeat-x #f3e9d5 fixed;
}

div#allcontent
{
    width: 800px;
    margin: 0 auto;
    font-size: 14px;
    color: #005a7b;
    font-weight: normal;
    line-height: 18px;
}

a
{
    color: #982f2c;
}

img
{
    border: none;
}

div#topcontent
{

}

div.block
{
    clear: none;
}

h1, h2, h3, h4, h5, h6
{
    color: #982f2c;
    font-weight: normal;
}


/* COLUMNS */

div#columns
{
    background-image: url("../images/mitte-hintergrund.jpg");
    background-repeat: repeat;
}

div#leftcontent
{
    float: left;
    width: 161px;
    overflow: hidden;
}

div#leftcontent img
{
    border-left: 1px solid #8b965b;
    border-right: 1px solid #8b965b;
}
div#rightcontent
{
    float: right;
    width: 200px;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    color: #005a7b;
}

div#maincontent
{
    padding: 15px 20px 40px 19px;
}

div.maincontent-both
{
    margin-left: 161px;
    margin-right: 200px;
}

div.maincontent-noleft
{
    margin-left: 0;
    margin-right: 12em;
}

div.maincontent-noright
{
    margin-left: 12em;
    margin-right: 0;
}

div.maincontent-no
{
    margin-left: 0;
    margin-right: 0;
}

div#footer
{
    border-top: 1px dotted #8B965B;
}

/**********************
    GENERAL ELEMENTS
**********************/

div#maincontent h1
{
    font-size: 18px;
    font-weight: bold;
    margin-top: 4px;
    color: #6d7647;
}

div#maincontent h2,
div#maincontent h2 a,
div#maincontent h3,
div#maincontent h3 a,
div#maincontent h4,
div#maincontent h4 a,
div#maincontent h5,
div#maincontent h5 a,
div#maincontent h6,
div#maincontent h6 a
{
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

div#rightcontent h1,
div#rightcontent h1 a,
div#rightcontent h2,
div#rightcontent h2 a,
div#rightcontent h3,
div#rightcontent h3 a,
div#rightcontent h4,
div#rightcontent h4 a,
div#rightcontent h5,
div#rightcontent h5 a,
div#rightcontent h6,
div#rightcontent h6 a
{
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}


/* SUBMIT BUTTONS */

input.defaultbutton
{
    font-weight: bold;
    border: 1px solid;
    margin: 0.5em 0.5em 0 0;
}

input.button
{
    border: 1px solid;
    margin: 0.5em 0.5em 0 0;
}

/* Standard Floating */
div.left{float: left;}
div.right{float: right;}

/**********************
    MENU
**********************/

/* User Menu */

div#usermenu,
div#usermenu a
{
    color: #ffffff;
    text-decoration: none;
    padding-top: 5px;
}

div#usermenu ul
{
    margin: 0;
    padding: 0;
}

div#usermenu li
{
    margin: 0;
    padding: 0;
    display: block;
    padding: 0px 10px;
    background-color: #8b965b;
    line-height: 30px;
    margin-bottom: 2px;
}

/* TOP MENU */

div#topmenu
{
    margin: 0;
    padding: 0;
}

div#topmenu-design
{
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

div#topmenu ul
{
    margin: 0;
    padding: 0;
}

div#topmenu li
{
    margin: 0;
    padding: 0;
    border-right: 1px solid;
    display: inline;
    padding: 0px 5px;
}

div#topmenu li.first
{
    padding-left: 0px;
}

div#topmenu li a
{
    text-decoration: none;
}

div#topmenu li a:hover
{
    text-decoration: underline;
}


/* PATH */

div#path
{
    /*margin: 15px 0px 15px 0px;*/
    padding: 35px 0 0 180px;
}

div#path p
{
    margin: 0;
}

div#path p,
div#path p a
{
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    color: #7b5c0b;
}


/* TREE MENUE */

div#treemenu
{
    padding: 15px 0px 10px 0px;
    overflow: hidden;
    border-right: 1px solid #8b965b;
    border-bottom: 1px solid #8b965b;
    border-left: 1px solid #8b965b;
    background-color: #ffffff;
    margin-bottom: 15px;
    font-size: 12px;
    height: 101%;
}

div#treemenu ul
{
    margin: 0 0 0 0;
}

div#treemenu div.menu-entry
{
    padding: 4px 0px 4px 0px;
    border-bottom: 1px dotted #d1d5bd;
}

div#treemenu li
{
    list-style-type: none;
    overflow: hidden;
    margin: 0;
}

div#treemenu li a
{
    text-decoration: none;
}

div#treemenu li.menu-level-0 div.menu-entry
{
    padding-left: 15px;
}

div#treemenu li.menu-level-1 div.menu-entry
{
    padding-left: 20px;
}

div#treemenu li.menu-level-2 div.menu-entry
{
    padding-left: 30px;
}

div#treemenu li a:hover
{
    text-decoration: underline;
}

div#treemenu li a.selected
{
}

div#treemenu li.menu-level-0 a
{
    font-weight: bold;
}

div#treemenu li.menu-level-0.selected ul
{
    background-color: #f3f3e2;
}

div#treemenu li.menu-level-0
{
    /*background-color: #e0eaea;*/
}

div#treemenu li.menu-level-2
{
    background-color: #e9e6ca;
}

div#treemenu li.menu-level-1 a, div#treemenu li.menu-level-2 a
{
    font-weight: normal;
}

/*div#treemenu li.menu-level-1 div.menu-entry,
div#treemenu li.menu-level-2 div.menu-entry,
div#treemenu li.menu-level-3 div.menu-entry,
div#treemenu li.menu-level-4 div.menu-entry
{
    padding-left: 5px;
}*/



/**********************
    OTHER INCLUDES
**********************/

/* Searchbox */

div#searchbox
{
    border: 1px solid #8b965b;
    text-align: left;
    padding: 20px;
    /*background-color: #e0eaea;*/
}

div#searchbox input
{
    width: 110px;
    border: 1px solid #8b965b;
    background-color: #e0eaea;
    background-color: #ffffff;
}

div#searchbox p a
{
    font-weight: bold;
    text-decoration: none;
}

input.searchbutton
{
    border: 1px solid;
}

input.searchimage
{
    width: 18px;
    height: 18px;
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
}


/* PAGE NAVIGATION */

div.pagenavigator
{
    text-align: center;
    font-size: 15px;
    font-weight: normal;
}

div.pagenavigator a
{
    text-decoration: none;
    color: #005A7B;
}

div.pagenavigator span.pages
{
    padding: 0 10px 0 10px;
}

div.pagenavigator span.current,
div.pagenavigator span.previous a,
div.pagenavigator span.next a
{
    font-weight: bold;
    color: #7B5C0B;
}

div.pagenavigator span.current a
{
    color: #7B5C0B;
}

/* Forms */

input.box,
textarea.box
{
    width:365px;
    overflow:hidden;
    border: 1px solid #8B965B;
    padding:5px;
    margin-bottom: 15px;
}


/****************************
    OE FORMATING
*****************************/

/* Embed Images */

div.imageleft
{
    margin-right: 10px;
}

div.imageright
{
    margin-left: 10px;
}



/****************************
    CONTENT CLASS FORMATING
*****************************/

/* General */
div#maincontent div.attribute-link a
{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #7b5c0b;
}

div#rightcontent div.attribute-link a
{
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #982F2C;
}

div#maincontent div.horiz-ruler
{
    border-bottom: 1px dotted #8B965B;
}


/* GENERAL Full View */

div.content-view-full{}
div.content-view-full div.attribute-short_description{}
div.content-view-full div.attribute-description{}
div.content-view-full div.attribute-image{}
div.content-view-full div.attribute-image div.attribute-short_description{ margin-top:10px; }

/* GENERAL Line View */

div.content-view-line{}
div.content-view-full div.content-view-line div.attribute-short_description{}
div.content-view-full div.content-view-line div.attribute-description{}

div.content-view-line div.attribute-image
{
    float: left;
    margin-bottom: 3px;
    margin-right: 15px;
    margin-top: 5px;
}

div.content-view-right div.content-view-line div.attribute-image
{
    margin-right: 0px;
}

/******* Beispiel CSS für spezielle Content Klassen *******************

    [class_identifier] ist z.B. 'jac_article' oder 'jac_folder'
    [attribute_identifier] ist z.B. 'image' oder 'short_description'

***********************************************************************/

/* Class [class_identifier] */

div.content-view-full div.class-[class_identifier]
{
    ...
}

div.content-view-full div.class-[class_identifier] div.attribute-[attribute_identifier]
{
    ...
}

div.content-view-full div.content-view-line div.class-[class_identifier]
{
    ...
}

div.content-view-full div.content-view-line div.class-[class_identifier] div.attribute-[attribute_identifier]
{
    ...
}

/******* ENDE Beispiel *************************************************/


/* Class jac_article_right */

div.content-view-right div.class-jac_article_right div.content-view-line
{
    margin-bottom: 20px;
}


/* Class jac_article */

div.content-view-full div.class-jac_article div.attribute-image,
div.content-view-full div.class-jac_folder div.attribute-image
{
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

div.content-view-full div.class-jac_article div.attribute-image div.attribute-short_description
{
    width: 399px;
    border-bottom: 1px dotted #005a7b;
    margin: 10px 0 15px 0;
}


/* Veranstaltungskalender */

div.content-view-full div.class-jac_veranstdb table
{
    width: 590px;
}

div#maincontent div.content-view-full div.class-jac_veranstdb table h2
{
    font-size:13px;
    margin: 0.25em 0 0.5em 0;
}

div.content-view-full div.class-jac_veranstdb table
{}

div.content-view-full div.class-jac_veranstdb table th,
div.content-view-full div.class-jac_veranstdb table td,
div.content-view-full table.renderedtable td
{
    padding: 5px;
    border-bottom: 1px solid #d1b98c;
}

div.content-view-full table.renderedtable
{
    border-top: 1px solid #d1b98c;
}

div.content-view-full div.class-jac_veranstdb table th.bglight,
div.content-view-full table.renderedtable th.bglight
{
    background-color: #e4d1ae;
}

div.content-view-full div.class-jac_veranstdb table th.bgdark,
div.content-view-full table.renderedtable th.bgdark
{
    background-color: #e4c59a;
}


div.content-view-full div.class-jac_veranstdb table tr.bgdark td.bglight,
div.content-view-full table.renderedtable tr.bgdark td.bglight
{
    background-color: #ebdcc1;
}

div.content-view-full div.class-jac_veranstdb table tr.bgdark td.bgdark,
div.content-view-full table.renderedtable tr.bgdark td.bgdark
{
    background-color: #e4d1ae;
}

div.content-view-full div.class-jac_veranstdb table tr.bglight td.bglight,
div.content-view-full table.renderedtable tr.bglight td.bglight
{
    background-color: #efe3cd;
}

div.content-view-full div.class-jac_veranstdb table tr.bglight td.bgdark,
div.content-view-full table.renderedtable tr.bglight td.bgdark
{
    background-color: #ebdcc1;
}

div.content-view-full div.class-jac_veranstdb table tr.bgdark td.bglight
{
    white-space: normal;
    width: 30%;
}

div.content-view-full div.class-jac_veranstdb table tr.bgdark td.bgdark
{
    white-space: normal;
    width: 40%;
}

div.content-view-full div.class-jac_veranstdb table tr.bglight td.bglight
{
    white-space: normal;
    width: 30%;
}

div.content-view-full div.class-jac_veranstdb table tr.bglight td.bgdark
{
    white-space: normal;
    width: 40%;
}

table#big-image
{
    border: 1px solid #ccd1b3;
    background-color: #f4e9d5;
    width: 400px;
    height: 275px;
}

table#big-image td
{
    height: 255px;
}

table#big-image td.arrow
{
    width: 20px;
    padding: 0;
    vertical-align: middle;
}

table#big-image td.image
{
    width: 340px;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}

table#big-image td.image img
{
    border: 1px solid #8b965b;
    margin: 8px 0 8px 0;
}

div#preview-image-line
{
    border-top: 1px dotted;
    padding: 10px 0 20px 0;
    text-align: center;
}

div#preview-image-line table
{
    margin: 0;
    padding: 0;
}

div#preview-image-line table tr td
{
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

div#preview-image-line table tr td a
{
    text-decoration: none;
}

div#preview-image-line table tr td.arrows-left
{
    text-align: right;
}

div#preview-image-line table tr td.arrows-right
{
    text-align: left;
}

div#preview-image-line table tr td.center
{
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}