@charset "UTF-8";

/**
 * Quickpage default theme "nature"
 */

body {
    background-image: url(/qp-css/frontend/screen/images/bg.png);
    padding: 0px;
    min-height: 100%;
    text-align: center;
}

#page_margins {
    max-width: 900px;
    min-height: 100%;
    margin: 0 auto;
    border: 0px #889 solid;
    text-align:left;
}

#page {
    background-color: #fdffef;
    padding-bottom: 0px;
    margin-top: 12px;
    height: 100%;
}

#header {
    background-color: #9EB93C;
    padding: 0px 0px 0px 0px;
    margin-top:0px;
    width: 900px;
    height:270px;
}

#topnav { color: #aaa; background: white; }

#org_name {
    position:absolute;
    padding-top: 20px;
    padding-left: 15px;
    float:left;
    height:270px;
    width: 185px;
    align:justify;
}


#header_pic {
    float:right;
    z-index:10000;
    right:0px;

}

#header_pic img {
    height: 270px;
    width: 704px;
}

/* adjustment of main navigation */

#main {
    min-height: 100%;
    padding:0px;

}

#footer {

    padding-left: 22%;
    margin-left:6px;
    margin-top:30px;
    padding-bottom: 12px;
}

/*--------------------------------------------------------*/

/**
 * Formatting content container
 *
 * |-------------------------------|
 * | #header                       |
 * |-------------------------------|
 * | #col1   | #col3     | #col2   |
 * | 25%     | flexible  | 25%     |
 * |-------------------------------|
 * | #footer                       |
 * |-------------------------------|
*/

#col1 {
    width: 186px;
    margin-top:14px;
}

#col1_content {
    padding: 21px 0px 0px 10px;
}

#col2 {
    width: 22%;
    margin-top:0px;
    float:right;
}

#col2_content {
    padding: 15px 8px 10px 10px;
    float:right;
}

#col3 { margin: 0 23% }

#col3_content {
    padding: 32px 0px 20px 0px;
}

/*--------------------------------------------------------*/

/**
 * Modifying navigation
*/

#nav {
    position:absolute;
    left:196px;
    bottom:0px;
    background-color: #D71F3B;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    opacity: 0.85;
}

#nav_about {
    position:absolute;
    left:15px;
    bottom:12px;
}

#nav_main {
    padding: 0px;
    /* containing floats in IE */
    width: 100%;
    overflow: hidden;
    /* containing floats in all other browsers */
    /*    float: left; */
    display: inline;
}

#nav_main ul {
    display: inline;
    margin: 2px 0px 0px 12px;
    padding: 0px;
}

#nav_main ul li {
    font-family: Lucida Console, Arial, Helvetica, sens-serif;
    list-style-type: none;
    /* Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    text-align: center;
    font-size: 700;
    float:left;
    font-weight: bold;
    padding: 3px 10px 3px 11px;
    margin: 0px 0px 0px 0px;
    border-right: 1px solid #E0E5BB;
}

#nav_main ul li#current, #nav_main ul li:hover, #nav_main ul li.active {
    background-color:#E0E5BB;
}

#nav_main ul li#current a, #nav_main ul li:hover a, #nav_main ul li.active a {
    color:#D71F3B;
}

#nav_about a {
    color: #ffffff;
    text-decoration:none;
}

#nav_main ul li a,
#nav_main ul li strong   {
    color: #ffffff;
    display: block;
    letter-spacing:0.1em;
    text-decoration: none;
    width: auto;
}


/*
 * subnavi in der ersten Spalte links
*/

#nav_sub ul li {
    border-bottom: 1px dotted #9EB93C;
    list-style-type: none;
    padding-left: 0px;
    font-family: Lucida Console, Arial, Helvetica, sens-serif;
    padding-top:0px;
    margin-top:4px;
}

#nav_sub ul li.current  {

}

#nav_sub ul {
    margin-left: -12px;
    padding-left: 0;
}


#nav_sub ul ul {
    margin-left:10px;
}

#nav_sub ul ul li {
    margin-left: 10px;
    padding-left: 0;
    font-family: Lucida Console, Arial, Helvetica, sens-serif;
    font-size:0.9em;
    border: 0px;
    list-style-type:none;
}

#nav_sub a {
    text-decoration: none;
}

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

/*
 * Adresse der Organisation
 */

.org_address {
    padding-top: 50px;
    bottom:0px;
    font-size:0.9em;
}
/**
 * Fonts
 * font-family and font-size selection for headings and standard text elements
 *
 * @section content-fonts
 */

/* reset font size for all elements to standard (16 Pixel) */
html * {
    font-size: 100.01%
}

/* base layout gets standard font size 12px */
body {
    font-family: Lucida Sans Unicode, Arial, Helvetica, Arial, sans-serif;
    font-size: 80.00%;
    color: #504e53;
}

/* reset monospaced elements to font size 16px in Gecko browsers */
textarea, pre, tt, code {
    font-family:"Courier New", Courier, monospace;
}

table td {
    vertical-align:top;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Lucida Sans Unicode, Arial, Helvetica, Arial, sans-serif;
    font-weight:bold;
    margin: 0 0 0.25em 0;
    color:#D71F3B;
}

h5 {
    margin-bottom: 0px;
}

h1 {
    margin-top: 12px;
    font-weight:500;
    letter-spacing: 0.1em;
}

h2 {
    letter-spacing: 0.1em;
}


h1 { font-size: 160% }                        /* 24px */
h2 { font-size: 133%}                         /* 24px */
h3 { font-size: 133% }                        /* 18px */
h4 { font-size: 133.33% }                     /* 16px */
h5 { font-size: 116.67% }                     /* 14px */
h6 { font-size: 116.67%; font-style:italic }  /* 14px */

#header h1 {
    font-size:1.5em;
    color: white;
    letter-spacing: 0.1em;
}

#header span {
    color:#999;
}

.footer h5 {
    margin-bottom: 12px;
    font-size: 100%;
}

p {
    line-height: 1.5em;
    margin: 0 0 1em 0; }

.footer p {
    font-size:0.9em;
}

/* 
 * Lists
 */

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em }

dt { font-weight: bold }
dd { margin: 0 0 1em 2em }


/*
 * text formatting
*/

cite, blockquote { font-style:italic }
blockquote { margin: 0 0 1em 1.5em }

strong,b { font-weight: bold }
em,i { font-style:italic }

pre, code { font-family: monospace; font-size: 1.1em; }

acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
}


/**
 * External Links
 *
 * Formatting of hyperlinks
 *
*/

a {
    color:#002973;
}

a:focus,
a:hover,
a:active {
    text-decoration:none;
}

#topnav a:focus,
#topnav a:hover,
#topnav a:active {
    text-decoration:underline; background-color: transparent;
}

#footer a {}
#footer a:focus,
#footer a:hover,
#footer a:active {}


/**
 * Tables
 * Generic classes for table-width and design definition
 *
 * @section content-tables
 */

table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout:fixed }

th,td { padding: 0.5em; }
thead th { background: #444; color: #fff }
tbody th { background: #ccc; color: #333 }
tbody th.sub { background: #ddd; color: #333 }

/**
 * Miscellaneous
 *
 * @section content-misc
 */

hr {
    color: black;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
}

/**
 * Besondere Quickpage-Klassen (Content-Elemente)
 */

.news_bild, .event_bild, .person_bild {
    float: right;
    padding-left: 8px;
    padding-bottom: 6px;
}

ul.person,
ul.download,
ul.news,
ul.person,
ul.download {
    list-style-type: none;
    margin-left: 0px;
}

ul.person li,
ul.download li,
ul.news li,
ul.person li,
ul.download li {
    margin-left: 0px;
    line-height: 1.8em;
}

table.event td {
    padding: 0px 0px 6px 0px;
}

table.event td.col_1 {
    padding-right: 20px;
}