/* CSS-Datei Marc Kwirant Problembaumfllungen */


/************************************************** NAVIGATION LVL 1 *************************************************************/

.box1 a:link, .box1_hover a:link, .box1_hover a:visited, .box1_active a:link, .box1 a:visited {
color:#FFFFFF;
text-decoration:none;
font-size:16px;

}

.box2 a:link, .box2_hover a:link, .box2_hover a:visited, .box2_active a:link, .box2 a:visited {
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}

.box3 a:link, .box3_hover a:link, .box3_hover a:visited, .box3_active a:link, .box3 a:visited {
color:#FFFFFF;
text-decoration:none;
font-size:16px;

}

.box1_hover a:hover, .box1_active a:hover, .box1_hover a:focus, .box1_active a:focus, .box1 a:focus {
color:#46382a;
text-decoration:none;
font-size:16px;

}

.box2_hover a:hover, .box2_active a:hover, .box2_hover a:focus, .box2_active a:focus, .box2 a:focus {
color:#774b27;
text-decoration:none;
font-size:16px;

}

.box3_hover a:hover, .box3_active a:hover, .box3_hover a:focus, .box3_active a:focus, .box3 a:focus {
color:#666263;
text-decoration:none;
font-size:16px;

}


.navigation {
list-style-image: url(Images/navigation.gif);
text-align:left;
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
}

.navigation_point {
margin-bottom:20px;
}





/************************************************** NAVIGATION LVL 2 *************************************************************/


.button3_seilk a {
float:left; 
width:74px; 
height:84px; 
background-image:url(Images/button_seilk.jpg);
}

.button1_seilk a {
float:left; 
width:54px; 
height:84px; 
background-image:url(Images/button_seilk.jpg);
background-position:-135px 0px;
}

.button3_seilk a:hover, .button3_seilk a:focus, .button3_active_seilk {
float:left; 
width:74px; 
height:84px; 
background-image:url(Images/button_seilk.jpg);
background-position:0px -84px;

}

.button2_seilk a:hover, .button2_seilk a:focus, .button2_active_seilk {
float:left; 
width:61px; 
height:84px; 
background-image:url(Images/button_seilk.jpg);
background-position:-74px -84px;
}

.button1_seilk a:hover, .button1_seilk a:focus, .button1_active_seilk{
float:left; 
width:54px; 
height:84px; 
background-image:url(Images/button_seilk.jpg);
background-position:-135px -84px;
}

.button3_baumf a {
float:left; 
width:74px; 
height:84px; 
background-image:url(Images/button_baumf.jpg);
}

.button2_baumf a {
float:left; 
width:61px; 
height:84px; 
background-image:url(Images/button_baumf.jpg);
background-position:-74px 0px;
}

.button1_baumf a {
float:left; 
width:54px; 
height:84px; 
background-image:url(Images/button_baumf.jpg);
background-position:-135px 0px;
}


.button3_baumf a:hover, .button3_baumf a:focus, .button3_active_baumf {
float:left; 
width:74px; 
height:84px; 
background-image:url(Images/button_baumf.jpg);
background-position:0px -84px;

}

.button2_baumf a:hover, .button2_baumf a:focus, .button2_active_baumf {
float:left; 
width:61px; 
height:84px; 
background-image:url(Images/button_baumf.jpg);
background-position:-74px -84px;
}

.button1_baumf a:hover, .button1_baumf a:focus, .button1_active_baumf{
float:left; 
width:54px; 
height:84px; 
background-image:url(Images/button_baumf.jpg);
background-position:-135px -84px;
}

.button3_misc a {
float:left; 
width:74px; 
height:84px; 
background-image:url(Images/button_misc.jpg);
}

.button2_misc a {
float:left; 
width:61px; 
height:84px; 
background-image:url(Images/button_misc.jpg);
background-position:-74px 0px;
}

.button1_misc a {
float:left; 
width:54px; 
height:84px; 
background-image:url(Images/button_misc.jpg);
background-position:-135px 0px;
}

.button3_misc a:hover, .button3_misc a:focus, .button3_active_misc {
float:left; 
width:74px; 
height:84px; 
background-image:url(Images/button_misc.jpg);
background-position:0px -84px;

}

.button2_misc a:hover, .button2_misc a:focus, .button2_active_misc {
float:left; 
width:61px; 
height:84px; 
background-image:url(Images/button_misc.jpg);
background-position:-74px -84px;
}

.button1_misc a:hover, .button1_misc a:focus, .button1_active_misc{
float:left; 
width:54px; 
height:84px; 
background-image:url(Images/button_misc.jpg);
background-position:-135px -84px;
}







.navigation_baumf {
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
font-size:15px;
list-style-image: url(Images/navigation.gif);
text-align:left;
margin-top:40px;
position:relative;
left:10px;

}

.navigation_seilk {
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
font-size:15px;
list-style-image: url(Images/navigation.gif);
text-align:left;
margin-top:40px;
position:relative;
left:10px;
}

.navigation_misc {
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
font-size:15px;
list-style-image: url(Images/navigation.gif);
text-align:left;
margin-top:40px;
position:relative;
left:10px;
}



.navigation_point_baumf a:link, .navigation_point_baumf a:visited  {
color:#FFFFFF;
display:block;
margin-bottom:20px;
width:100%;
}

.navigation_point_baumf a:hover {
color:#ea7200;
margin-bottom:20px;
display:block;
width:100%;

}

.navigation_point_baumf_active {
color:#ea7200;
margin-bottom:20px;
width:100%;
}

.navigation_point_seilk a:link, .navigation_point_seilk a:visited {
margin-bottom:20px;
color:#FFFFFF;
display:block;
width:100%;
}

.navigation_point_seilk a:hover { 
color:#553110;
display:block;
width:100%;
margin-bottom:20px;
} 

.navigation_point_seilk_active {
color:#553110;
width:100%;
margin-bottom:20px;
}


.navigation_point_misc a:link, .navigation_point_misc a:visited {
margin-bottom:20px;
color:#f0ede8;
display:block;
width:100%;
}

.navigation_point_misc a:hover {
color:#674927;
display:block;
width:100%;
margin-bottom:20px;
} 

.navigation_point_misc_active {
color:#674927;
width:100%;
margin-bottom:20px;
}




/************************************************** LINKS *************************************************************/

a:link {
text-decoration:none;
color:#FFFFFF;
}

a:visited {
text-decoration:none;
color:#FFFFFF;
}

a:focus {
color:#996600;
outline:none;
}

/************************************************** LAYOUT *************************************************************/

html {
height:100%; 

}

body {
background-image:url(Images/bg.jpg);
background-repeat:repeat;
margin:0;
padding:0;
height:100%;
text-align:center;
}


#table_main {
width:100%;
height:327px;
margin:0% auto 0%;
}

#table_index{
height:100%; 
width:100%;
margin:0% auto 0%;
text-align:center;
}

#head {
background-image:url(Images/head.jpg); 
width:827px; 
height:124px;
}


#impressum_container {
height:34px; 
width:173px; 
float:right; 
position:relative;
right:6px;
top:90px;
}


#impressum_1 a:link, #impressum_1 a:visited {
width:79px; 
height:34px; 
float:left; 
background-image:url(Images/impressum.jpg);
}

#impressum_1 a:hover, #impressum_1_active {
width:79px; 
height:34px; 
float:left; 
background-image:url(Images/impressum.jpg);
background-position:0px -34px;
}

#impressum_2 a:link, #impressum_2 a:visited {
width:94px; 
height:34px; 
float:right; 
background-image:url(Images/impressum.jpg); 
background-position:-79px 0px;
}

#impressum_2 a:hover, #impressum_2_active {
width:94px; 
height:34px; 
float:right; 
background-image:url(Images/impressum.jpg); 
background-position:-79px -34px;
}


#centerbg {
background-repeat:repeat-x; 
width:100%; 
height:217px; 
background-image:url(Images/centerbg.jpg);
}

#center {
background-image:url(Images/centerimg.jpg); 
width:827px; 
height:217px;
}

#content {
width:827px; 
height:100%;
margin:0% auto 0%;
}


#textcontent {
margin:110px 50px 50px 50px;
text-align:left;
}


.box1 {
float:left; 
height:100%;
width:349px; 
background-image:url(Images/box1.jpg);
cursor:pointer;
}

.box1_hover {
float:left; 
height:100%; 
width:349px; 
background-image:url(Images/box1.jpg);
background-position:349px 0px;
cursor:pointer;
}

.box2 {
float:left; 
height:100%; 
width:278px; 
background-image:url(Images/box2.jpg);
cursor:pointer;
}

.box2_hover {
float:left; 
height:100%; 
width:278px; 
background-image:url(Images/box2.jpg);
background-position:278px 0px;
cursor:pointer;
}

.box3 {
float:left;
height:100%; 
width:200px; 
background-image:url(Images/box3.jpg);
cursor:pointer;
}

.box3_hover {
float:left; 
height:100%; 
width:200px; 
background-image:url(Images/box3.jpg);
background-position:200px 0px;
cursor:pointer;
}

.box1_active {
float:left; 
height:100%; 
width:349px; 
background-image:url(Images/box1.jpg);
background-position:349px 0px;
}

.box2_active {
float:left; 
height:100%; 
width:278px; 
background-image:url(Images/box2.jpg);
background-position:278px 0px;
}

.box3_active {
float:left; 
height:100%; 
width:200px; 
background-image:url(Images/box3.jpg);
background-position:200px 0px;
}

/************************************************** SCHRIFT *************************************************************/

body {
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
font-size:13px;
}

.fliesstext_baumf {
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
font-size:14px;
line-height:20px;
color:#ea7200;
}


.titel_baumf {
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
font-size:22px;
font-weight:bold;
color:#d96a00;
margin-bottom:20px;
}

.ueberschrift_baumf {
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
font-size:17px;
color:#d96a00;
margin:20px 0px 10px 0px;
text-decoration:underline;
}

.image_baumf {
border:3px solid #FFFFFF;
margin:20px 10px 20px 0px;
float:left;
}

.fliesstext_seilk {
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
font-size:14px;
line-height:20px;
color:#ffe5cc;
}

.titel_seilk {
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
font-size:22px;
font-weight:bold;
color:#ffe5cc;
margin-bottom:20px;
}

.ueberschrift_seilk {
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
font-size:17px;
color:#ffe5cc;
margin:20px 0px 10px 0px;
text-decoration:underline;
}

.image_seilk {
border:1px solid #FFFFFF;
margin:20px 10px 20px 0px;
float:left;
}

.fliesstext_misc {
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
font-size:14px;
line-height:20px;
color:#f0ede8;
}

.titel_misc {
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
font-size:22px;
font-weight:bold;
color:#f0ede8;
margin-bottom:20px;
}

.ueberschrift_misc {
font-family:"Lucida Sans Unicode", Lucida Grande, Lucida, Arial, sans-serif;
font-size:17px;
color:#f0ede8;
margin:20px 0px 10px 0px;
text-decoration:underline;
}

.image_misc {
border:3px solid #FFFFFF;
margin:20px 10px 20px 0px;
float:left;
}