﻿/* **** NOTES **** */
/* I have tried to comment this style sheet as much as possible to show you where things take place. 
There is a large utilization of descendant selectors, so if you are not familiar with those, hopefully the 
comments will help. 
*/

/* Global Styles */
html, body
{
    margin: 0;
    padding: 0;
    width: 970px;
    margin: 0px auto;
    padding: 0px;
}
body
{
    font: 76% Arial, Verdana, serif, sans-serif;
    background-color: #000;
}

/* TEXT STYLES */
p
{
    padding: 0 5px 0px;
    font-size: 1em;
    line-height: 1.3em;
    letter-spacing: 1px;
}
h1
{
    font-size: 2.5em;
    
    text-transform: uppercase;
    letter-spacing: 1px;
}
h2
{
    font-size: 2em;
    color: #79B30B;
    line-height: 1.3em;
    letter-spacing: -1px;
}
h3
{
    font-size: 1.5em;
    color: #b71;
}
h4
{
    font-size: 1.25em;
    color: #452;
}
h5
{
    font-size: 1em;
    font-weight: bold;
}
h1, h2, h3, h4, h5
{
    padding: 0 5px 0px;
    margin-top: 0;
}
#navigation p, #extra p
{
    color: #fff;
}
a:link
{
    color: #452;
    text-decoration: none;
    border-bottom: 1px solid #b71;
    padding: 1px;
}
a:visited
{
    color: #452;
    text-decoration: none;
    border-bottom: 1px solid #b71;
}
a:hover
{
    background-color: #79B30B;
    color: #fff;
}
acronym
{
    border-bottom: 1px dotted #b71;
    cursor: help;
}
label.header
{
    font-size: larger;
    color: #b71;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0;
}
/* label.header is the label for the search box but can be used for other forms by using class="header" in a label */
form, submit
{
    padding: 0;
    margin: 0;
}
/* removes extraneous padding around the form */
code
{
    border: 1px dotted #b71;
    border-left: 3px solid #b71;
    background-color: #dda;
    padding: 1em;
    margin-left: 3ex;
    color: #742;
}
blockquote
{
    border: 1px solid #b71;
    background-color: #dda;
    margin: 3ex;
    font-style: italic;
}

/* HEADER SECTION */
div#header
{
    margin: 0;
    padding: 0;
    background: transparent url(../images/grass_sm.jpg) no-repeat right center;
    height: 8em;
}
div#header h1 a
{
    height: 3em;
    min-height: 8em;
    line-height: 80px;
    margin: 0;
    color: #fff;
    border-bottom: none;
    padding: 0;
}
div#header h1 a:hover
{
    background-color: transparent;
    border-bottom: none;
    color: #79B30B;
}
div#header p#skip
{
    position: absolute;
    top: 3px;
    right: 10px;
    margin: 0;
    padding: 0;
}
#skip a, #skip a:visited
{
    color: #fff;
    border-bottom: 1px solid #b71;
}

/* CONTENT SECTION */
div#wrapper
{
    float: left;
    width: 100%;
}
div#content
{
    margin: 0 200px;
    padding-bottom: 2em; /*background-color: #fff;*/
    color: #000;
    text-align: left;
    background-image: url(../Images/mainBody.jpg);
    background-color: #ccff99;
}
div#content p
{
    line-height: 1.4;
}
div#content h2#topper
{
    background: #dda;
    color: #742;
    margin-top: 0;
    padding-top: 0;
}
div#content a:visited
{
    color: #452;
    text-decoration: none;
    border-bottom: 1px solid #b71;
}

/* VERTICAL NAVIGATION */
.navlist
{
}
div#navigation
{
    float: left;
    width: 200px;
    margin-left: -100%;
    color: #fff;
}
.navcontainer
{
    width: 198px;
    border-right: 1px solid #000;
    padding: 0;
    margin-bottom: 1em;
    background-color: transparent;
}
.navcontainer ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    width: 198px;
    min-width: 198px;
}
.navcontainer li
{
    margin: 0;
}
html > body .navcontainer li a
{
    width: auto;
}
.navcontainer li a, .navcontainer li a:visited
{
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 10px solid #452;
    border-right: 10px solid #452;
    background-color: #472;
    text-decoration: none;
    font-weight: bold;
    width: 167px;
    min-width: 165px;
    color: #fff;
    border-bottom: 1px solid #79B30B;
}
.navcontainer li a:hover, .navcontainer li#active a
{
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    background-color: #79B30B;
    color: #fff;
    font-weight: bold;
}
.navcontainer li.menutitle
{
    border-left: 10px solid #79B30B;
    border-right: 10px solid #79B30B;
    font-size: larger;
    text-align: center;
    color: #b71;
    font-weight: bold;
    padding-bottom: 1ex;
    border-bottom: none;
    text-transform: uppercase;
}
.navcontainer li#last a
{
    border-bottom: none;
}
/* the last one in the list should get the id of 'last' in the list to remove the bottom border */

/* --- These are the subnavigation for sublinks. --- */
.navcontainer li ul li
{
    display: none;
}
/* this hides all sublinks if it is not the currently active link */
.navcontainer li#active ul li
{
    display: block;
}
/* this expands all sublinks if it is the currently active link */
.navcontainer li#active ul li a:link, .navcontainer li#active ul li a:visited
{
    border-left-color: #452;
    border-right-color: #452;
    background-color: #000;
    padding: 5px 0 5px 11px;
}
.navcontainer li#active ul li a:hover
{
    background-color: #fff;
    color: #b71;
}

/* EXTRA SECTION */
div#extra
{
    float: left;
    width: 198px;
    margin-left: -200px;
    background-color: #000;
    border-left: 2px solid #000;
}

/* RIGHT AFFILIATE LINKS BOX */
ul#affiliate
{
    border: 1px solid #79B30B;
    margin: 0;
    padding: 0;
    margin-right: 20px;
    margin-left: 5px;
    padding: 3px 4px 4px 6px;
    background-color: #452;
    list-style-type: none;
}
ul#affiliate li
{
    padding: 3px;
}
ul#affiliate li a:link, a:visited
{
    color: #fff;
}

/* FOOTER SECTION */
div#footer
{
    clear: left;
    width: 100%;
    background-color: #452;
    color: #FFF;
}
div#footer a:link, div#footer a:visited
{
    color: #fff;
}
div#footer ul
{
    list-style-type: none;
    margin: 0;
    padding: .8em 0;
    text-align: center;
}
div#footer ul li
{
    display: inline;
    padding: 0 4px;
}

/* General Image Stuff */
img.sm
{
    width: 160px;
}

/* TABLES */

table#standard
{
    border: 2px solid #452;
    border-collapse: collapse;
    margin-left: 3ex;
    width: 70%;
}
table#standard td
{
    background-color: #fff;
    padding: 3px;
    border: 1px solid #b71;
    font-weight: normal;
    font-size: 10pt;
}
table#standard th
{
    text-align: left;
    border: 1px solid #fff;
}
table#standard thead th
{
    color: #fff;
    font-size: 1.5em;
    background-color: #472;
    padding: 10px 6px;
}
table#standard tbody th
{
    color: #fff;
    font-size: 1.15em;
    background-color: #79B30B;
    padding: 6px;
}
table#standard tbody th.sub
{
    font-size: .90em;
    color: #000;
    background-color: #dda;
    padding: 6px;
}


.motto
{
    position: relative;
    color: #cc0000;
    font-weight: bolder;
    font-size: medium;
}

.floatleft
{
    float: left;
    margin: 5px 10px 5px 10px;
    z-index: 110;
    visibility: visible;
}

table#content1
{
    border-right: #00cc00 thin solid;
    border-top: #00cc00 thin solid;
    border-left: #00cc00 thin solid;
    border-bottom: #00cc00 thin solid;
    background-color: #ccff66;
    margin: 10px;
}

.tdSubject
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: Black;
    vertical-align: top;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
    width: 258px;
}
.tdSubject-value
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: top;
    font-family: Verdana;
    font-size: 10pt;
}

.standardText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    line-height: 120%;
}

.telefon
{
    border: thin solid #FFFFFF;
    position: absolute;
    top: 22px;
    left: 340px;
    z-index: auto;
    width: auto; /*   color: #79B30B; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
}

.headpicture
{
    position: relative;
    top: 0px;
    left: 600px;
    width: auto;
    height: 95px;
    z-index: auto;
}
.headpictureimg
{
    margin-left: 10px;
    margin-right: 10px;
}
div#mapastranek
{
    padding: 50px;
    margin: 0px;
    position: relative;
}

.sitemapHoverNodeStyle
{
    font-family: Tahoma;
    font-size: 12px;
}


div#mapastranek div table tr td a
{
    border-bottom: 0px;
    text-decoration: none;

}

div#siteMapPath
{
    width: 90%;
    text-align:center;
}


