/*Simple CSS reset for items we will use JUST for this example.
Please use full reset when designing!
Reseting the margin and padding is important for the body tag so the
header and footer will hug the whole screen.*/

h1, body, html {
	margin:0;
	padding:0;
}

/*Just visual styles*/

p
{
    margin-bottom: 0px;
    margin-top: 5px;
    padding: 0;
}


h2
{
    text-transform: uppercase;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
}

h2 a
{
    color: #000000;
}

h2 a:visited
{
    color: #000000;
}

h2 a:hover
{
    color: #999999;
    text-decoration:none;
}


h3
{
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #56402b;
}

h4
{
/*     text-transform: uppercase; */
    font-size: 14px;
    margin-top: 5px;
    color: #333333;
}


hr
{
    border: 0px; /* Für Firefox und Opera */
    border-top: solid 1px #999999;
    border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

a
{
    color: #56402b;
    text-decoration: none;
}

a:hover
{
    color: #999999;
    text-decoration: underline;
}


body {
    background:#56402b;
/*     background:#ffffff; */
	font:12px;
	color:#ffffff;
	overflow-x: hidden;
}

#container {
    visibility: visible;
    margin: 0 auto;
    width:920px;
    height:520px;
}

#simplecontainer {
    background:#ffffff;
    margin: 0 auto;
/*     margin-top: -5px; */
/*     margin-bottom: 40px; */

    margin-top: 60px;
    margin-bottom: 50px; /* war 130 Errechnet sich aus Footerhöhe plus submenubarhöhe */
}

#simplecontainer2 {
    background:#ffffff;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 40px;
}


#simpleinnercontainer {
    width:920px;
    margin: 0 auto;
    background:#ffffff;
    min-height: 500px;
    height: 100%;
}

.gallerycontent
{
    background: rgb(255, 255, 255); /* The Fallback */
    color: #000000;
    font-family: 'Share', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 20px;
}


.maincontent
{
    background: rgb(235, 235, 235); /* The Fallback */
    background: rgba(235, 235, 235, 1.);
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    color: #000000;
    font-family: 'Share', Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	padding: 20px;
    margin-bottom: 20px;
}

.boxcontainer_left
{
    background: rgb(235, 235, 235); /* The Fallback */
    background: rgba(235, 235, 235, 1.);
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
	color: #000000;
    font-family: 'Share', Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
    float: left;
    width: 410px;
	min-height: 200px;
	padding: 20px;
	margin-bottom: 20px;
    position: relative;
}

.boxcontainer_right
{
    background: rgb(235, 235, 235); /* The Fallback */
    background: rgba(235, 235, 235, 1.);
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    color: #000000;
    font-family: 'Share', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    float: right;
    width: 410px;
    min-height: 200px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}



.img2Bottom
{
    position: absolute;
    bottom: 0;
    margin-bottom: 20px;
}

.boxcontainer_header
{
    background: rgb(235, 235, 235); /* The Fallback */
    background: rgba(235, 235, 235, 1.);
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    color: #000000;
    font-family: 'Share', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    width: 410px;
    min-height: 200px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}


.boxcontainer_footer
{
    background: rgb(235, 235, 235); /* The Fallback */
    background: rgba(235, 235, 235, 1.);
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    color: #000000;
    float: right;
    width: 410px;
    padding: 20px;
    position: relative;
    margin-top: -20px;
}


.logdate
{
    font-weight: bold;
    margin-right: 5px;
}

.tiny
{
    font-size: 12px;
}

.horzizontalspacer
{
    height: 10px;
}
.horzizontalspacerHuge
{
    height: 100px;
}
/*If you are going to use floats then you will NEED to clear the
footer so it doesn't bunch the content up*/
.clear {
    clear:both;
}

.sitemapLevel0 li
{
    text-decoration: none;
    text-transform: uppercase;
    list-style-type: none;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 16px;
    margin-left: -40px;
    margin-top: 10px;
}


.sitemapLevel1 li
{
    font-size: 12px;
    margin-left: -60px;
    margin-top: 5px;
}

.sitemapLevel2 li
{
    font-size: 12px;
    font-weight: normal;
    margin-left: -80px;
    margin-top: 0px;
    text-transform: none;
}


.headertransition_1
{
    background:#000000;
    height: 1px;
    zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.headertransition_2
{
    background:#000000;
    height: 1px;
    zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.headertransition_3
{
    background:#000000;
    height: 1px;
    zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.headertransition_4
{
    background:#000000;
    height: 1px;
    zoom: 1;
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.headertransition_5
{
    background:#000000;
    height: 1px;
    zoom: 1;
	filter: alpha(opacity=10);
	opacity: 0.1;
}

/*Our full length header. */
#header {
    position: relative;
    margin: 0 auto;
    height: 65px;
    z-index: 100;
}

#header2 {
    margin: 0 auto;
    height: 65px;
    z-index: 100;
    position:fixed;
    top: 0;
    width:100%;
}

#header3 {
    margin: 0 auto;
    height: 65px;
    position:fixed;
    top: 0;
    width:100%;
}


#headerbar {
    background:#ffffff;
    height: 60px;
}


#mainlogo{
    background: url("../img/logo.png") no-repeat center center #000000;
    width: 50px;
    height: 50px;
    margin-left: 50px;
    margin-right: 40px;
    margin-top: 5px;
    float: right;
}

#mainmenu{
    margin: 0 auto;
    width: 960px;
    height: 60px;
    background: #ffffff;
}
#mainmenu ul.navigation {
    float: left;
}
#mainmenu ul.navigation li {
    display: inline-block;
    margin: 6px 35px 0 0;
    vertical-align: baseline;
}
#mainmenu ul.navigation li a {
    color: #000000;
    display: block;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#mainmenu ul.navigation li a:hover {
    color: #916d49;
    border-bottom: 2px solid #000000;
}
#mainmenu ul.navigation li a.current {
    border-bottom: 2px solid #916d49;
}


#submenucontainer{
    position: relative;
    margin: 0 auto;
    top: -55px;
    height: 40px;
}

#submenucontainer2{
    position: fixed;
    margin: 0 auto;
    /*bottom: 55px;*/
    width: 100%;
    min-height: 40px;
    bottom: 65px;
}

#submenubar{
    height: 30px;
    background: rgb(255, 255, 255); /* The Fallback */
    /*background: rgba(255, 255, 255, 0.75);*/
}


#submenu{
    margin: 0 auto;
    width: 960px;
}

#submenu ul.navigation {
    float: left;
    margin-top: 5px;
    margin-bottom: -10px;
}

#submenu ul.navigation li {
    display: inline-block;
    margin: 0 35px 0 0;
    vertical-align: baseline;
}

#submenu ul.navigation li a {
    color: #666666;
    display: block;
    font-family: 'Share', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

#submenu ul.navigation li a:hover {
    color: #916d49;
    border-bottom: 2px solid #000000;
}

#submenu ul.navigation li a.current {
    color: #000000;
    border-bottom: 2px solid #916d49;
}


#subsubmenu{
    margin: 0 auto;
    width: 890px;
}


#subsubmenu ul.subnavigation {
    list-style: none;
    margin-left: -35px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#subsubmenu ul.subnavigation li {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: baseline;
}
#subsubmenu ul.subnavigation li a {
    color: #999999;
    display: block;
    font-family: 'Share', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}
#subsubmenu ul.subnavigation li a:hover {
    color: #916d49;
    border-bottom: 1px solid #000000;
}
#subsubmenu ul.subnavigation li a.current {
    color: #000000;
    border-bottom: 1px solid #916d49;
}



/*Full width footer*/
#footer{
    margin-top: -45px;
    float:left;
    width:100%;
}

#footer2{
    width:100%;
    float:left;
    position:fixed;
    bottom:0;
}

#footerbar {
    background: #56402b;
    height: 51px;
    z-index: 90;
}

#footernavigation{
    margin: 0 auto;
    width: 960px;
}
#footernavigation ul.navigation {
    float: right;
}
#footernavigation ul.navigation li {
    display: inline-block;
    margin: 0 35px 0 0px;
    vertical-align: baseline;
}
#footernavigation ul.navigation li a {
    color: #999999;
    display: block;
    font-family: 'Share', sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
#footernavigation ul.navigation li a:hover {
    color: #000000;
}

#footernavigation ul.navigation li a.current {
    border-bottom: 2px solid #916d49;
}

#videoSubMenu
{
    margin-left: -40px;
}

#videoSubMenu ul
{
    color: #ff0000;
    list-style: none;
    font-weight: bold;
}


#videoSubMenu ul ul
{
    font-weight: normal;
    list-style: none;
    margin-left: -20px;
    margin-bottom: 20px;
}