html
{
    background-color: #d8d8d8;
}

body
{
    margin: 0;
    padding: 0;
    font-family: Verdana, arial, times, "times new roman", serif;
    font-size: 12px;
}

h1, h2, h3
{
    font-family: arial, times, "times new roman", serif;
    font-size: 16px;
}

#container
{
    margin: 10px auto;
    width: 997px;
    background-image: url(../images/bg-container.jpg);
    background-repeat: repeat-y;
}

#head
{
    background-image: url(../images/bg-head.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    height: 229px;
}

#nav
{
    background-image: url(../images/bg-nav.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    width: 319px;
    height: 624px;
}

#nav-content
{
    padding-top: 50px;
    padding-left: 130px;
    color: #fff;
    padding-right: 40px;
}

#content
{
    padding: 40px;
}

#content h2
{
    color: #007775;
}

#content a:link, #content a:visited, #content a:hover
{
    color: #109BE0;
}

#content a:hover
{
    color: #FFA500;
}

#content li
{
    margin: 4px;
}

.menuList ul
{
    list-style: none;
    padding-left: 10px;
}

#footer
{
    background-image: url(../images/bg-footer.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    height: 95px;
    text-align: center;
}

#validate
{
    text-align: right;
    background-image: none;
    background-color: #d8d8d8;
}

#contentwrapper
{
    background-image: url(../images/bg-content-head.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    height: 215px;
    width: 979px;
    margin: 0px;
}

#contenthead
{
    background-repeat: no-repeat;
    background-position: top right;
    height: 215px;
}

#contenthead h2
{
    margin-top: 0px;
    margin-left: 10px;
    padding-top: 40px;
    margin-right: 260px;
    color: #007775;
    font-size: 18px;
}

#contenthead p
{
    margin-top: 0px;
    margin-left: 10px;
    font-weight: bolder;
    margin-right: 260px;
    color: #2E3756;
}

#homelink a
{
	background: transparent;
	width: 960px;
	height: 170px;
	float: left;
	outline: none;
}

#validate p
{
    margin: 0px;
    margin-right: 20px;
    margin-bottom: 4px;
    font-size: 80%;
    color: rgb(120, 120, 120);
}

#validate a:link, #validate a:visited, #validate a:hover
{
    color: rgb(120, 120, 120);
}

#nav-content ul li, #nav-content ul ul li
{
    list-style: none;
}

#nav-content ul
{
    padding-left: 0px;
}

#nav-content li
{
    margin-bottom: 7px;
    margin-top: 7px;
}

#nav-content ul ul
{
    padding-left: 0px;
    margin-top: 14px;
    margin-bottom: 14px;
}

#nav-content ul li
{
    font-size: 16px;
}

#nav-content ul ul li
{
    font-size: 11px;
}

#nav-content a:link, #nav-content a:visited, #nav-content a:hover
{
    color: #fff;
    text-decoration: none;
}

#nav-content a:hover
{
    text-decoration: underline;
    color: #FFA500;
}

/*Submenüs ausblenden*/
#nav-content ul li ul
{
	left: -999em;
	display: none;
}

/*Submenüs des aktiven Elternelements wieder einblenden*/
#nav-content ul li.active ul
{
    left: auto;
    display: block;
}

/*aktive Kategorie farblich hervorheben*/
#nav-content ul li.active a:visited, #nav-content ul li.active a:link, #nav-content ul li.active a:hover
{
    color: #FFA500;
    background-repeat: no-repeat;
    background-position: top left;
}

#nav-content ul li.active
{
    background-image: url(../images/activ-menu.png);
    background-repeat: no-repeat;
    background-position: 3px 6px;
    padding-left: 15px;
}

/*Unterpunkte ohne Bild*/
#nav-content ul li.active ul li
{
    background-image: none;
    padding-left: 0px;
}

/*nicht aktive Unterpunkte in weiss*/
#nav-content ul li.active ul li a:link, #nav-content ul li.active ul li a:visited, #nav-content ul li.active ul li a:hover
{
    color: #fff;
}

/*Unterpunkte der aktiven Hauptkategorie*/
#nav-content ul li.active ul li a:hover
{
    color: #FFA500;
}

/*aktive Unterpunkte in orange*/
#nav-content ul li.active ul li.active a:link, #nav-content ul li.active ul li.active a:visited, #nav-content ul li.active ul li.active a:hover
{
    color: #FFA500;
}

#footer h2
{
    padding-top: 43px;
    font-size: 12px;
    color: #FFA500;
    font-weight: normal;
}

#footer a:link, #footer a:visited, #footer a:hover
{
    color: #FFA500;
    text-decoration: none;
}

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

.small
{
    font-size: 85%;
}

.errors h4
{
    color: rgb(255, 50, 50);
    font-size: 12px;
}

.contactform
{
    height: auto;
}

.contactform label
{
    font-weight: bolder;
    margin-bottom: 0px;
}

.contactform input, .contactform textarea
{
    margin-top: 4px;
}

.contactform textarea, textarea
{
    height: 100px;
    width: 95%;
}

.formErrorFields
{
    color: rgb(255, 50, 50);
}

.contactform img
{
    border: 1px solid #000;
}