/* basic elements */
body { 
    background-image:  url("../Bilder/bg_holz.jpg");
    color: #000000;
    text-align: center;
	margin: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
}

p { 
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
}

a:link { 
	text-decoration: none; 
	color:#006699;
	}
a:visited { 
	text-decoration: none; 
	color:#333366;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color:#006699;
	}

h1 {
	color: #57747c;
	font-size: 1.2em;
	font-weight: bold;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.2em;
	margin: 1.8em 0em 0em 0em;
	font-weight: bold;
	text-transform:uppercase;

	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
	
 
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
strong, b {
	font-weight: bold;
	}


/**************** specific divs ******************************************************************************/

#container { 
    padding : 0 0px;
    width : 773px !important;
    width : 773px;
    margin : 0 auto;
    text-align : left;
    position : relative;
	}



#pageheader { 
	margin-top: 0px;
	background: #ffffff url(../../web_slice/images/bg_hirtenhemd.gif) repeat top left; 
	float: none;
	}

#pageheader h1 span {
	display:none
	}



img.logo {
	margin-left: 30px;
	margin-right: 100px;
	margin-top: 20px;
}

img.alp {
	margin-top: 15px;
}
	
/*###################### Nauptnavigation ###############################*/
#navi {
	text-align: left; 
}

#tabelle_navi {
	background: #dcd0b8 url(../../web_slice/images/bg_navi.gif) no-repeat -4px right ;

}



/*###################### Unternavigation ###############################*/



#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
border-bottom: 1px solid #afa083;
width: 150px;
}

#navcontainer li { margin: 0 0 0 0; }

#navcontainer a
{
display: block;
padding: 2px 0px 2px 0px;
border-top: 1px solid #afa083;
width: 150px;
}

#navcontainer a:link, #navlist a:visited
{
color: #57747c;
text-decoration: none;
}

#navcontainer a:hover
{
color: #ffffff;
}

#active a:link, #active a:visited, #active a:hover
{
color: #ffffff;
}


/*###################### Inhalt ###############################*/



td.content { 
    background:  url("../Bilder/bg_content.gif") repeat-y top left;
	padding: 10px 70px 10px 50px;
}


#links {
 float: left;
 width: 35%;
}

#rechts {
 float: right;
 width: 65%;
}

#rechts p, #rechts h1, #rechts h2, #links p, #links h1, #links h2{
 padding-left: 5px;
}

#rechts p.legende {
	font-size: 0.8em;
	color:#666666;
}


.tr_header {
	background-color:#afa083;
	border-bottom: #ffffff 1px solid;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 0.9em;
}

.tr_inhalt {
	background-color:#ebe3d4;
	font-size: 0.9em;
}

.tr_inhalt2 {
	background-color:#e3d9c6;
	font-size: 0.9em;
}

.tr_inhalt td, .tr_inhalt2 td {
	border-bottom: #afa083 1px solid;
}


/*###################### impressum ###############################*/

#impressum {
	text-align:center; 
	clear: both;
}

#impressum p { 
	font-size: 0.8em;
	color:#dcd0b8;
	margin: 0;
}
#impressum a {
	text-decoration:none;
	color:#dcd0b8;
}
#impressum a:hover, a:active { 
	text-decoration: underline; 
	color: #000000;
	}
