
@media screen, projection
{

    /* General */
    body
    {
	    font-family:Verdana, Arial, sans-serif;
	    font-size:12pt;
	    font-weight:normal;
	    margin:0px 0px 0px 0px;
	    padding:0px 0px 0px 0px;
	    background-color:#000000;
    }

    /* main class for menu */
    .menu
    {
        background-color: #000000;
        background-image: url(../images/seite/menu.jpg);
        background-repeat: repeat-y;
        background-position: 0px 0px;
        position: fixed;        top: 0px;
        left: 0px;
        color: #FFFFFF;
        height: 100%;        width: 140px;
        padding: 0px 0px 0px 10px;
        white-space: normal;
        overflow: auto;
    }

    /* class for the logo in the menu */
    img.menulogo
    {
        margin: 10px 0px 0px 0px;
    }

    img.vdalogo
    {
        margin: 30px 0px 0px 30px;
    }

    /* class for the main menu items */
    .menuentry
    {
        margin: 10px 0px 0px 5px;
        font-size: 10pt;
    }

    /* main menu item links */
    .menuentry a:link
    {
        color: #000000;
        text-decoration: none;
    }

    /* visited main menu item links */
    .menuentry a:visited
    {
        /*color: #FFFF00;*/
        color: #FFE961;
        text-decoration: none;
    }

    /* main menu item links when mouse points on them */
    .menuentry a:hover
    {
        color: #0000AA;
        text-decoration: underline;
    }

    /* main menu item links when clicking on them */
    .menuentry a:active
    {
        color: #0000AA;
        text-decoration: underline;
    }

    /* class for submenu items */
    .submenuentry
    {
        margin: 0px 0px 0px 20px;
        font-size: 8pt;
    }

    /* submenu item links */
    .submenuentry a:link
    {
        color: #000000;
        text-decoration: none;
    }

    /* visited submenu item links */
    .submenuentry a:visited
    {
        /*color: #FFFF00;*/
        color: #FFE961;
        text-decoration: none;
    }

    /* submenu item links when mouse points on them */
    .submenuentry a:hover
    {
        color: #0000AA;
        text-decoration: underline;
    }

    /* submenu item links when clicking on them */
    .submenuentry a:active
    {
        color: #0000AA;
        text-decoration: underline;
    }

    /* class for submenu items on level 3 */
    .submenuentry3
    {
        margin: 0px 0px 0px 30px;
        font-size: 8pt;
    }

    /* submenu item links */
    .submenuentry3 a:link
    {
        color: #000000;
        text-decoration: none;
    }

    /* visited submenu item links */
    .submenuentry3 a:visited
    {
        /*color: #FFFF00;*/
        color: #FFE961;
        text-decoration: none;
    }

    /* submenu item links when mouse points on them */
    .submenuentry3 a:hover
    {
        color: #0000AA;
        text-decoration: underline;
    }

    /* submenu item links when clicking on them */
    .submenuentry3 a:active
    {
        color: #0000AA;
        text-decoration: underline;
    }

    /* class for the page title */
    .pagetitle
    {
        top: 0px;
        left: 0px;
        height: 50px;        display: block;
        margin: 0px 0px 0px 160px;
    /*    padding: 30px 0px 20px 10px; */
        padding: 0px 0px 20px 10px;
        background-color: #000000;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 12pt;
        text-align: center;
    /*    border-bottom-style: double;
        border-bottom-color: #0000FF;
        border-bottom-width: 2px; */
    }

    .pagetitle .organisation
    {
        margin: 20px 0px 20px 0px;
    }

    .pagetitle .foundation
    {
        font-size: 10pt;
    }

    .pagetitle .memberof
    {
        font-size: 10pt;
        margin: 0px 0px 20px 0px;
    }

    .pagetitle table
    {
        border: none;
        background: none;
    }

    .titleiconleft
    {
        top: 0px;
        left: 0px;
        height: 50px;
        display: block;
        margin: 0px 0px 0px 160px;
    /*    padding: 30px 0px 20px 10px; */
        padding: 0px 0px 0px 0px;
        background-color: #000000;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 12pt;
        text-align: right;
        position: absolute;
    /*    border-bottom-style: double;
        border-bottom-color: #0000FF;
        border-bottom-width: 2px; */
    }

    .titleiconright
    {
        top: 0px;
        right: 10px;
        height: 50px;
        display: block;
        margin: 0px 0px 0px 0px;
    /*    padding: 30px 0px 20px 10px; */
        padding: 0px 0px 0px 0px;
        background-color: #000000;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 12pt;
        text-align: right;
        position: absolute;
    /*    border-bottom-style: double;
        border-bottom-color: #0000FF;
        border-bottom-width: 2px; */
    }

    /* class for the page */
    .mainpage
    {
        top: 0px;
        left: 0px;
        height: 60%;        display: block;
        margin: 0px 10px 0px 160px;
        padding: 10px 10px 10px 10px;
        background-color: #000000;
        background-image: url(../images/seite/meer.jpg);
        min-height: 350px;
    }

    /* class for a page content */
    .pagecontent
    {
        margin: 0px 0px 10px 0px;
        display: block;
        background-image: url(../images/seite/background.gif);
        /*background-color: #BBBBBB;*/
        background-color: transparent;
        font-size: 10pt;
        padding: 3px 3px 3px 3px;
        border-color: #0000AA;
        border-style: solid;
        border-width: 3px;
        overflow: auto;
    }
    table
    {
        margin: 0px 0px 10px 0px;
        display: block;
        background-image: url(../images/seite/background.gif);
        /*background-color: #BBBBBB;*/
        background-color: transparent;
        font-size: 10pt;
        padding: 3px 3px 3px 3px;
        border-color: #0000AA;
        border-style: solid;
        border-width: 3px;
    }
    .pagecontent table
    {
        background-image: none;
    }

    /* class for header lines of content boxes */
    .contentheader,.nonprintablecontentheader
    {
        background-color: #0000AA;
        background-image: url(../images/seite/tablehead.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        color: #FFFFFF;
        font-weight: bold;
        text-align: left;
        padding: 3px 3px 3px 3px;
        margin: 20px 0px 0px 0px;
        font-size: 10pt;
        text-indent: 7px;
    }

    /* class for page footer */
    .footer
    {
        top: 0px;
        left: 0px;
        display: block;
        margin: 20px 10px 0px 160px;
        padding: 10px 10px 10px 10px;
        background-color: #BBBBBB;
        text-align: center;
        font-size: 8pt;
    }

    /* class for clickpath */
    .clickpath
    {
        background-color: Transparent;
        /*color: #FFFF00;*/
        color: #FFE961;
        font-weight: normal;
        text-align: left;
        padding: 3px 3px 3px 3px;
        margin: 0px 0px 10px 0px;
        font-size: 8pt;
    }

    .clickpath a:link
    {
        color: #FFE961;
        text-decoration: none;
    }

    .clickpath a:visited
    {
        color: #FFE961;
        text-decoration: none;
    }

    .clickpath a:hover
    {
        color: #CCCCCC;
        text-decoration: underline;
    }

    .clickpath a:active
    {
        color: #CCCCCC;
        text-decoration: underline;
    }

    /* table with a single frame */
    table.framedtable
    {
        border-color: #000000;
        border-style: solid;
        border-width: 2px;
        border-collapse: collapse;
        padding: 0px 0px 0px 0px;
    }

    table.framedtable tr
    {
        border-color: #000000;
        border-style: solid;
        border-width: 1px;
        border-collapse: collapse;
    }

    table.framedtable th
    {
        border-color: #000000;
        border-style: solid;
        border-width: 1px;
        border-collapse: collapse;
        background: none;
        color: #000000;
        padding: 5px 5px 5px 5px;
    }

    table.framedtable td
    {
        border-color: #000000;
        border-style: solid;
        border-width: 1px;
        border-collapse: collapse;
        padding: 5px 5px 5px 5px;
    }

    .maxsize
    {
        width: 100%;
        height: 100%;
    }

    /* class for a required input in a form that has been left empty */
    .error
    {
        color: #FF0000;
        font-weight: bold;
    }

    /* starting here style for standard html tags */

    p
    {
        margin: 10px 0px 0px 0px;
    }

    h2
    {
        font-size: 12pt;
        font-weight: bold;
    }

    img
    {
        border-style: none;
        margin: 0px 0px 0px 0px;
    }

    form
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    table
    {
        border-collapse: collapse;
        caption-side: bottom;
        vertical-align: top;
    }

    form table
    {
        border: none;
    }

    tr
    {
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        border-collapse: collapse;
        vertical-align: top;
    }

    form table tr
    {
        border: none;
        text-align: center;
    }

    th
    {
        font-weight: bold;
        text-align: center;
        background-color: #0000AA;
        color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        border-collapse: collapse;
        vertical-align: middle;
    }

    form table tr th
    {
        border: none;
        text-align: center;
    }

    td
    {
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        border-collapse: collapse;
        vertical-align: top;
    }

    form table tr td
    {
        border: none;
        text-align: center;
    }

    a:link
    {
        color: #FF0000;
        text-decoration: none;
    }

    a:visited
    {
        /*color: #FFFF00;*/
        /*color: #FFE961;*/
        color: #FF0000;
        text-decoration: none;
    }

    a:hover
    {
        /*color: #CCCCCC;*/
        color: #FFE961;
        text-decoration: underline;
    }

    a:active
    {
        /*color: #CCCCCC;*/
        color: #FFE961;
        text-decoration: underline;
    }


    /* starting here style for form elements */

    input,select,textarea
    {
        background-color: #FFFFFF;
        border-style: solid;
        border-color: #000000;
        border-width: 1px;
        color: #000000;
    }

    input[type=submit],input[type=button],input[type=reset]
    {
        background-color: #0000AA;
        color: #FFFFFF;
        border-width: 3px;
        border-style: outset;
    }




    /* starting here specific styles */

    /* class for header lines of content on the title page */
    .titlepagecontentheader
    {
        /*color: #FFFF00;*/
        color: #FFE961;
        font-weight: bold;
        padding: 3px 3px 3px 3px;
        margin: 20px 0px 0px 0px;
        font-size: 18pt;
        text-align: center;
    }

    /* class for content on the title page */
    .titlepagepagecontent
    {
        /*color: #FFFF00;*/
        color: #FFE961;
        font-weight: bold;
        text-align: center;
        margin: 0px 0px 10px 0px;
        display: block;
        font-size: 14pt;
        padding: 3px 3px 3px 3px;
    }



    /* style for forum */

    /* style for table */
    .forum_table
    {
    }

    /* style for a row with a forum category */
    .forum_category_row
    {
        color: #0000AA;
        /*background-color: #F2F582;*/
        background-color: #FFE961;
    }

    .forum_category_row a:link
    {
        color: #0000AA;
    }

    .forum_category_row a:hover
    {
        color: #0000AA;
    }

    .forum_category_row a:active
    {
        color: #0000AA;
    }

    .forum_category_row a:visited
    {
        color: #0000AA;
    }

    .forum_category_row td
    {
        padding: 5px 10px 5px 10px;
    }


    /* class for a row with a board and description */
    .forum_board_row
    {
    }

    .forum_board_image
    {
    }

    .forum_board_name
    {
    }

    .forum_board_name a
    {
        font-weight: bold;
    }

    .forum_board_posts
    {
        text-align: center;
    }

    .forum_board_threads
    {
        text-align: center;
    }

    .forum_board_lastpost
    {
        text-align: center;
    }

    /* class for the boards threadlist */
    .forum_threadlist_row
    {
    }

    .forum_threadlist_image
    {
    }

    .forum_threadlist_name
    {
    }

    .forum_threadlist_author
    {
        text-align: center;
    }

    .forum_threadlist_replies
    {
        text-align: center;
    }

    .forum_threadlist_lastpost
    {
        text-align: center;
    }

    .forum_threadlist_search
    {
        font-weight: bold;
    }


    /* classes for view of threads */

    /* classes for odd posts */
    .forum_thread_headerrow
    {
        font-weight: bold;
    }

    .forum_thread_datetime
    {
    }

    .forum_thread_title
    {
        text-align: center;
    }

    .forum_thread_row
    {
    }

    .forum_thread_author
    {
    }

    .forum_thread_content
    {
    }

    /* classes for even posts */
    .forum_thread_headerrow1
    {
        font-weight: bold;
        background-color: #999999;
    }

    .forum_thread_datetime1
    {
    }

    .forum_thread_title1
    {
        text-align: center;
    }

    .forum_thread_row1
    {
        background-color: #999999;
    }

    .forum_thread_author1
    {
    }

    .forum_thread_content1
    {
    }

    /* style for photobook */
    .photobook
    {
    }

    .photobook table
    {
        border: none;
    }

    .photobook table tr
    {
        border: none;
    }

    .photobook table th
    {
        border: none;
        background: none;
        text-align: left;
        color: #000000;
        font-weight: bold;
    }

    .photobook table td
    {
        border: none;
        text-align: left;
    }


    /* style for book database */
    .bookdb
    {
    }

    .bookdb table
    {
        border: none;
    }

    .bookdb table tr
    {
        border: none;
    }

    .bookdb table th
    {
        border: none;
        background: none;
        text-align: left;
        color: #000000;
        font-weight: bold;
    }

    .bookdb table td
    {
        border: none;
        text-align: left;
    }

    .bookdb form
    {
        border: none;
    }

    .bookdb select
    {
        min-width: 200px;    }

    .bookdb table.framedtable
    {
        border-color: #000000;
        border-style: solid;
        border-width: 2px;
        border-collapse: collapse;
        padding: 0px 0px 0px 0px;
    }

    .bookdb table.framedtable tr
    {
        border-color: #000000;
        border-style: solid;
        border-width: 1px;
        border-collapse: collapse;
    }

    .bookdb table.framedtable th
    {
        border-color: #000000;
        border-style: solid;
        border-width: 1px;
        background: none;
        color: #000000;
        border-collapse: collapse;
        padding: 5px 5px 5px 5px;
    }

    .bookdb table.framedtable td
    {
        border-color: #000000;
        border-style: solid;
        border-width: 1px;
        border-collapse: collapse;
        padding: 5px 5px 5px 5px;
    }

    .bookdb table.framedtable input[type=submit]
    {
        border: none;
        background: none;
        font-weight: bold;
        cursor: pointer;
        color: #FF0000;
        text-decoration: none;
    }

    .bookdb table.framedtable input[type=submit]:hover
    {
        color: #CCCCCC;
        text-decoration: underline;
    }

    .bookdb table.framedtable input[type=submit]:active
    {
        color: #CCCCCC;
        text-decoration: underline;
    }
    
    .bookdbprintcategory
    {
    	background-color: #000000;
        background-image: none;
        color: #FFFFFF;
        font-weight: bold;
        text-align: center;
        padding: 10px 10px 10px 10px;
        margin: 20px 0px 20px 0px;
        font-size: 12pt;
    }

    /* style for book guestbook */

    /* This style is used in the guestbook for the whole navigation listing */
    .prevnext
    {
        display: inline;
        margin: 0px 0px 10px 0px;
        display: block;
        background-image: url(../images/seite/background.gif);
        /*background-color: #BBBBBB;*/
        background-color: transparent;
        font-size: 10pt;
        padding: 3px 3px 3px 3px;
        border-color: #0000AA;
        border-style: solid;
        border-width: 3px;
        overflow: auto;
    }

    .prevnext li
    {
        display: inline;
        margin-right: 1ex;
    }


}


@media print
{
    /* General */
    body
    {
	    font-family:Verdana, Arial, sans-serif;
	    font-size:12pt;
	    font-weight:normal;
	    margin:0px 0px 0px 0px;
	    padding:0px 0px 0px 0px;
	    background-color: Transparent;
    }

    /* main class for menu */
    .menu
    {
        display: none;
    }

    /* class for the page title */
    .pagetitle
    {
        top: 0px;
        left: 0px;
        height: 50px;
        display: block;
        margin: 0px 0px 0px 0px;
    /*    padding: 30px 0px 20px 10px; */
        padding: 0px 0px 20px 10px;
        background-color: Transparent;
        color: #000000;
        font-weight: bold;
        font-size: 12pt;
        text-align: center;
    /*    border-bottom-style: double;
        border-bottom-color: #0000FF;
        border-bottom-width: 2px; */
    }

    .pagetitle .organisation
    {
        margin: 20px 0px 20px 0px;
    }

    .pagetitle .foundation
    {
        font-size: 10pt;
    }

    .pagetitle .memberof
    {
        font-size: 10pt;
        margin: 0px 0px 20px 0px;
    }

    .titleiconleft
    {
        display: none;
    }

    .titleiconright
    {
        display: none;
    }

    /* class for the page */
    .mainpage
    {
        top: 0px;
        left: 0px;
        display: block;
        margin: 0px 10px 0px 0px;
        padding: 10px 10px 10px 10px;
        background-color: #FFFFFF;
        background-image: none;
    }

    /* class for a page content */
    .pagecontent,table
    {
        margin: 0px 0px 10px 0px;
        display: block;
        background-image: none;
        background-color: Transparent;
        font-size: 10pt;
        padding: 3px 3px 3px 3px;
        border-color: #000000;
        border-style: solid;
        border-width: 2px;
        page-break-after: auto;
        page-break-inside: avoid;
        page-break-before: avoid;
        orphans: 3; /* Schusterjungen verhindern */
        widows: 3; /* Hurenkinder verhindern */
    }

    /* class for header lines of content boxes */
    .contentheader
    {
        background-color: Transparent;
        background-image: none;
        color: #000000;
        font-weight: bold;
        text-align: left;
        padding: 3px 3px 3px 3px;
        margin: 20px 0px 0px 0px;
        font-size: 10pt;
        text-indent: 0px;
        border-color: #000000;
        border-style: solid;
        border-width: 2px;
        page-break-after: avoid;
        page-break-inside: avoid;
        page-break-before: auto;
        orphans: 3; /* Schusterjungen verhindern */
        widows: 3; /* Hurenkinder verhindern */
    }

    .nonprintablecontentheader
    {
        display: none;
    }

    /* class for page footer */
    .footer
    {
        top: 0px;
        left: 0px;
        display: block;
        margin: 20px 10px 0px 0px;
        padding: 10px 10px 10px 10px;
        background-color: Transparent;
        text-align: center;
        font-size: 8pt;
    }

    /* class for clickpath */
    .clickpath
    {
        display: none;
    }

    /* styles for standard tags */
    p
    {
        margin: 10px 0px 0px 0px;
    }

    img
    {
        border-style: none;
        margin: 0px 0px 0px 0px;
    }

    table
    {
        border-collapse: collapse;
        caption-side: bottom;
    }

    form table
    {
        border: none;
    }

    tr
    {
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        border-collapse: collapse;
    }

    form table tr
    {
        border: none;
        text-align: center;
    }

    th
    {
        font-weight: bold;
        text-align: center;
        background-color: #0000AA;
        color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        border-collapse: collapse;
    }

    form table tr th
    {
        border: none;
        text-align: center;
    }

    td
    {
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        border-collapse: collapse;
    }

    form table tr td
    {
        border: none;
        text-align: center;
    }

    a:link
    {
        color: #FF0000;
        text-decoration: none;
    }

    a:visited
    {
        /*color: #FFFF00;*/
        color: #FFE961;
        text-decoration: none;
    }

    /* Hover für Print macht keinen Sinn */
    /*a:hover
    {
        color: #CCCCCC;
        text-decoration: underline;
    }*/

    /* Active für Print macht keinen Sinn */
    /*a:active
    {
        color: #CCCCCC;
        text-decoration: underline;
    }*/


    /* starting here style for form elements */

    input,select,textarea
    {
        background-color: #FFFFFF;
        border-style: solid;
        border-color: #000000;
        border-width: 1px;
        color: #000000;
    }

    input[type=submit],input[type=button],input[type=reset]
    {
        /* there is no need to print buttons... cannot click them on paper */
        display: none;
    }

    /* hide login form */
    .loginform
    {
        display: none;
    }

    /* style for book database */
    .bookdb
    {
    }

    .bookdb table
    {
        border: none;
    }

    .bookdb table tr
    {
        border: none;
    }

    .bookdb table th
    {
        border: none;
        background: none;
        text-align: left;
        color: #000000;
        font-weight: bold;
    }

    .bookdb table td
    {
        border: none;
    }

    .bookdb form
    {
        border: none;
    }

    .bookdb select
    {
        min-width: 200px;    }
    
    .bookdbprintcategory
    {
    	background-color: #FFFFFF;
        background-image: none;
        color: #000000;
        font-weight: bold;
        text-align: center;
        padding: 10px 10px 10px 10px;
        margin: 20px 0px 20px 0px;
        font-size: 12pt;
        page-break-after: avoid;
        page-break-inside: avoid;
        page-break-before: always;
    }
}
