/* CSS Document */

*
{padding:0; margin:0;
}

body {
width: 100%;
height: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
background: #fafbbf;
overflow:scroll;
}

* html body {
width: 100%;
height: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
background: #fafbbf;
overflow: auto;
}

#wrap {
margin:0;
padding:0;
position:absolute;
width: 1000px;
left: 50%;
margin-left:-500px;
background: #006130;
}

#head {
position:relative;
background:url(../img/holztafel_oberteil.jpg);
width: 1000px;
height: 195px;
}

/*---NAVIGATION---*/

ul#navigation {
height:55px;
list-style:none;
display:inline;
position:absolute;
margin: 76px 0 0 68px;
}

* html ul#navigation {
height:55px;
list-style:none;
display:inline;
position:absolute;
margin: 76px 0 0 68px;
}

ul#navigation li {
display:inline;
float:left;
}

a#ueber_uns {
display:block;
width: 135px;
height: 55px;
float:left;
background:url(../img/navigation/ueber_uns.jpg);
}

a#ueber_uns_active {
display:block;
width: 135px;
height: 55px;
float:left;
background:url(../img/navigation/ueber_uns.jpg) 0px 55px;
}

a#ueber_uns:hover {
background:url(../img/navigation/ueber_uns.jpg) 0px 55px;
}

a#kontakt {
display:block;
width: 122px;
height: 55px;
float:left;
background:url(../img/navigation/kontakt.jpg);
}

a#kontakt_active {
display:block;
width: 122px;
height: 55px;
float:left;
background:url(../img/navigation/kontakt.jpg) 0px 55px;
}

a#kontakt:hover {
background:url(../img/navigation/kontakt.jpg) 0px 55px;
}

a#klassen {
display:block;
width: 118px;
height: 55px;
float:left;
background:url(../img/navigation/klassen.jpg);
}

a#klassen_active {
display:block;
width: 118px;
height: 55px;
float:left;
background:url(../img/navigation/klassen.jpg) 0px 55px;
}

a#klassen:hover {
background:url(../img/navigation/klassen.jpg) 0px 55px;
}

a#rundgang {
display:block;
width: 143px;
height: 55px;
float:left;
background:url(../img/navigation/rundgang.jpg);
}

a#rundgang_active {
display:block;
width: 143px;
height: 55px;
float:left;
background:url(../img/navigation/rundgang.jpg) 0px 55px;
}

a#rundgang:hover {
background:url(../img/navigation/rundgang.jpg) 0px 55px;
}

a#elterninfo {
display:block;
width: 157px;
height: 55px;
float:left;
background:url(../img/navigation/elterninfo.jpg);
}

a#elterninfo_active {
display:block;
width: 157px;
height: 55px;
float:left;
background:url(../img/navigation/elterninfo.jpg) 0px 55px;
}

a#elterninfo:hover {
background:url(../img/navigation/elterninfo.jpg) 0px 55px;
}

a#links {
display:block;
width: 91px;
height: 55px;
float:left;
background:url(../img/navigation/links.jpg);
}

a#links_active {
display:block;
width: 91px;
height: 55px;
float:left;
background:url(../img/navigation/links.jpg) 0px 55px;
}

a#links:hover {
background:url(../img/navigation/links.jpg) 0px 55px;
}

/*---END NAVIGATION---*/

/*---CONTENT---*/

#content {
/*position:relative;*/
padding: 10px 0 0 80px;
width: 920px;
min-height:300px;
background:url(../img/holztafel_mittelteil.jpg) repeat-y;
}

#innerwrap {
/*position:relative;*/
float:left;
width: 830px;
}

#spacer {
float:left;
width:1px;
height: 280px;
padding: 0;
margin:0;
}

.strich {
width:700px;
float:left;
background:url(../img/strich_bg.jpg) no-repeat;
height: 15px;
/*position:relative;*/
}

ul#metamenu {
width: 150px;
float:left;
list-style:none;
}

ul#metamenu a{
display:block;
min-height: 20px;
color: #ef9832;
}

ul#metamenu a.a_active{
display:block;
min-height: 20px;
color: #ffffff;
}

ul#metamenu a:hover {
color: #FFFFFF;
}

ul#metamenu_klein {
padding-left: 10px;
font-size: 0.9em;
width: 150px;
list-style:none;
}

ul#metamenu_klein a{
padding: 4px 0 0 0;
font-size: 1em;
display:block;
color: #ef9832;
}

ul#metamenu_klein a.a_active_klein{
padding: 4px 0 0 0;
display:block;
color: #ffffff;
}

ul#metamenu_klein a:hover {
color: #FFFFFF;
}

.clearer {
clear:both;
}

#text {
padding: 0 0 20px 30px;
float:left;
width: 650px;
}

.img_container {
width: 650px;
}

/*---END CONTENT---*/

/*---FOOTER---*/

#foot {
margin:0;
/*position:relative;*/
height: 131px;
background:url(../img/holztafel_unterteil.jpg) no-repeat;
}

#foot_index {
margin:0;
/*position:relative;*/
height: 131px;
background:url(../img/holztafel_unterteil_index.jpg) no-repeat;
}



/*---Formatierungen---*/

img {
border-style:none;
padding: 20px;
}

a img:hover {
border-style:none;
padding: 20px;
background: #025129;
}

a {
color:#ef9832;
}

a:hover {
color:#FFFFFF;
}


.invisble {
display:none; }

hr {
display:none;
}

h3 {
position:relative;
float:left;
padding: 0;
font-size: 1.3em;
text-transform: uppercase;
color:#FFFFFF;
}


p {
width: 650px;
color:#FFFFFF;
line-height:2em;
}

h4 {
margin: 20px 0 10px 0;
font-size:1.1em;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
border-bottom: 1px dotted;
}

ul.ul_content {
width: 650px;
list-style-image: url(../img/list_image.gif);
color:#FFFFFF;
line-height:2em;
}

ul.ul_content ul.ul_content_sub {
width: 650px;
list-style-image: url(../img/list_image_2.gif);
color:#FFFFFF;
line-height:2em;
}

ul.ul_content .ul_content_sub_a {
padding: 0 0 10px 0;
width: 650px;
list-style-image: url(../img/list_image_2.gif);
color:#FFFFFF;
line-height:2em;
}


h5 {
margin: 10px 0 10px 0;
font-size:1em;
color:#FFFFFF;
font-weight:bold;
}

img#logo {
float: left;
}

.float {
float:left;
}

.float_right {
float:right;
}

.winzig {
font-size: 0.8em;
}

.backtotop {
display:block;
padding: 5px 0 5px 20px;
background: transparent url(../img/backtotop.gif) no-repeat;
}