@charset "utf-8";
/* -------------------------Hauptformatierung ---------------------------------------------*/
body { 
margin-top:30px; 
background-color:#FE9900; 
font-family:Arial, Helvetica, sans-serif ;
} 

/* ------------------------Container--------------------------------------------------- */
#main { width:980px; position:relative; margin-left:auto; margin-right:auto; background-color:#000000; }
#header { width:980px; height:120px; float:left; background-color:#000000;}
#menue { float:left; padding-left:160px; padding-top:15px;}
#menue2 { 
width:980px;
float:left;
 
}
#logo {
float: left;
padding-top:15px;
padding-left:10px; 
}
.nav_item {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;
	background-image:url(img/menue_item.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-right:21px;
	padding-top:8px;
	height:22px;

}

.linkmenue {
padding-top:5px;
display:block;
}
#topimghell {height:92px;
float:left;}
#topimg {
display:block;
float:left;
width:980px;
background-color:#000000;
}
.classtopimg {
height:210px;
width:326px;; 
float:left;
}
#content { height:180px;
background-color:#000000; width:100%;}
#bambus {
	background-image:url(img/bambus.jpg);
		background-repeat: no-repeat;
	background-position: top left;
	cursor:pointer;
	cursor:hand;}
	
#glas {
	background-image:url(img/glas.jpg);
		background-repeat: no-repeat;
	background-position: top right;
	cursor:pointer;
	cursor:hand;}
#holz {
	background-image:url(img/holz.jpg);
		background-repeat: no-repeat;
	background-position: top left;
	cursor:pointer;
	cursor:hand;}
	
#centre {
padding:15px; float:left;
}

#galerie {
float:left;
padding-left:20px;
display:block;
}	

#content {
float:left;
height:436px;
}
#graudrueber {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 102%;
	height: 855px;
	background-color: #315F7D;
 	filter:Alpha(opacity=80);
 	text-align: center;
	margin-right:0px;
	padding-right:0px;
	margin-top:0px; 
	-moz-opacity:.8;
	z-index: 300;
	}

#popaussen { 	
	z-index:800; 
	position: absolute;
	top: -35px;
	left: 50%;
	width:inherit;
	visibility: visible;
	}
#popup { 
	width:700px; 
	position:absolute; 
	background-color:#000000; 
	z-index:400; 
	top: 100px;
	left: -350px;
	visibility: visible;
	display: block;
	padding:10px;
	color:#FFFFFF;
	font-size:13px;
	}
#sitecontent {padding-left:25px;}

.content_image {
border-color:#FFFFFF; border-width:1px; border-style:solid;

}
/* ----------------------Textformatierungen --------------------------------------------------------------*/

.class2ndmenue2 {
color:#FFFFFF;
padding-left:15px;
padding-right:7px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.gal_table2 {
color:#FFFFFF;
padding-left:3px;
padding-right:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:185%;
}

.gal_table3 {
color:#FFFFFF;
padding-left:6px;
padding-right:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:160%;
}

.orangertext { font-family:Arial, Helvetica, sans-serif; 
font-size:13px; 
color:#FE9900;
padding-top:40px;
padding-left:40px;
padding-right:20px;
line-height:170%;

}

.orangertext2 { font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
padding-left:10px;
color:#FE9900;
padding-top:40px;
padding-right:20px;
line-height:170%;}


#willkommen { text-align:center; font-size:16px; color:#FE9900; background-color:#000000; width:980px; height:120px; font-family:"Courier New", Courier, monospace; float:left;}
#footer { font-size:13px; color:#000000; background-color:#FE9900; font-weight:300; }  

#textleft { float:left; 
color:#FE9900;
font-size:13px;
font-weight:bold;
}
.text_headline {color:#FE9900;
font-size:13px;
font-weight:bold;
padding-left:3px;}

.textheadline_gr {
color:#FE9900;
font-size:14px;
font-weight:bold;
line-height:160%; } 


.nav_item2 {
	color:#FFFFFF;
	font-size:12px;
	float:left;
	background-image:url(img/menue_item.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-left:190px;
	padding-left:8px;
	margin-top:-13px;
	height:18px;

}

#tellafriend {  padding-top:60px; margin-left:360px;}

#sitecontent a:hover { color:#FE9900; text-decoration:underline;} 
#sitecontent a,  #sitecontent a:visited{ color:#FE9900;} 

#galerie a:hover { color:#FE9900; text-decoration:underline;} 
#galerie a,  #galerie a:visited{ color:#FE9900;} 

/* ----------------------links --------------------------------------------------------------*/

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

.linkmenue a { text-decoration:none; color:#FFFFFF;
}
.linkmenue a:hover { text-decoration:none; color:#FE9900;
}

.class2ndmenue2 a{
text-decoration:none;
color:#FFFFFF;
}
.class2ndmenue2 a:hover{
text-decoration:none;
color:#FE9900;
}
/* --------------------Dropdown -------------------------------------------------------------*/
#navi2 { padding-left:8px;}
#navi2, #navi2 ul { list-style-type:none; margin:0; padding:0; overflow:visible; position:relative; }
#navi2 li { float:left; overflow:visible; }
#navi2 li ul { display:none; overflow:visible; padding-left:8px; font-size:12px; padding-top:5px; line-height:180%}
#navi2 li:hover ul, li.over ul  { display:block; position:absolute;}


/* --------------------Navi 2. Versuch -------------------------------------------------------------*/

/* remove the bullets, padding and margins from the lists */
.menu { padding-left:15px;}
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:23px;
}

/* style all the links */
.menu a, .menu :visited {
	display:block;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
	padding-top: 4px;
	padding-bottom: 4px;
}
/* style the links hover */
.menu :hover{
color:#FE9900;
background:none;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;

}
.ul_2 { 
background-color:#000000;!important
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;

}