/*
Theme Name: Japantraeume V1
Theme URI: http://www.esonyc.de/
Description: Entwurf V1-250909-2030.
Version: 0.1
Author: Nils Mueller
Author URI: http://www.esonyc.de/

*/
@import url('css/reset.css');
/** Main Style & Config **/
body{
font: 12px/18px Arial, Helvetica, sans-serif;
color:#000;
line-height:1.4em;
background:#cdcdcd ;
}
#bambus{
display:block;
height:267px;
width:980px;
background:url('images/bambus.png') no-repeat top right;
position:absolute;
top:0;
z-index:1;

}


#center{
min-height:500px;
width:900px;
margin:10px auto;
padding:15px !important;
background:#fff url(images/border_top.png) no-repeat 0 0;
}

#s3slider{
   width: 680px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */ 
   margin:10px 0;
}
#s3sliderContent {
   width:680px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   padding-left:0;
   margin:0;
}
.s3sliderImage {   
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;   
   padding: 5px 7px;
   width: 250px;
   background-color: #cdcdcd;
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #000 !important;
   display: none; /* important */
   top: 0;
}
#text{
width:700px;
margin-left:10px;
display:block;
min-height:300px;
float:right;
}

#navi {
background:#fff url('images/bg_navi_right.png') no-repeat top right;
padding:10px 0 0 0;
min-height:350px;
float:left;
width:180px;
font-size:13px;
}
#navi ul {
padding:0;
margin:0;
}
#navi ul li ul{
margin:5px 0;
}

#navi li{
list-style:none;
padding:5px;
}

#navi li a{
text-decoration:none;
font-weight:bold;
color:#000;
display:block;
border-left:2px solid #fff;
}
#navi a{
padding-left:12px;
}

#navi li a:hover{
text-decoration:underline;
color:#ff0000;
border-left:2px solid #ff0000;
}
#navi .current_page_item  a{
color:#ff0000;
border-left:2px solid #ff0000;
text-decoration:underline;}

/* Zwischenseite gewählt */
#navi .current_page_item.page_folder ul a{
border-left:2px solid #fff;
text-decoration:none;
color:#000;
margin-left:10px;
}

/* Unterseite gewählt */
#navi .current_page_ancestor.page_folder a{
/*text-decoration:underline;*/
}

#navi .current_page_ancestor  li{
margin-left:10px;
}

#footer{
font-size:10px;
margin:2px;
text-align:right;
}
#bottom{
clear:left;
margin: 10px auto 0;
padding-top:10px;
width:700px;
}

#header {
background:url('images/header.jpg');
height:250px;
position:relative;
}
#header_bambus {
background:url('images/bambus_header.jpg');
height:101px;
position:relative;
}

#header_flash{
width:900px !important;
height:250px;
padding:0;
margin:0;
position:relative;
}
#logo{
background:url('images/logo.jpg') top left no-repeat;
height:65px;
width:600px;
padding-bottom:5px;

}

input{
border:1px solid #ccc;
margin:0 0 0 10px;
}
.f_right{
float:right;
}
.f_left{
float:left;}

#above_footer{
background:#ccc;
margin:10px 0;
padding:20px;

}

.important_notice{
margin:0;
font-size:20px;
line-height:30px;
}
.important_notice .mittig{
margin:0 auto 0;
width:472px;
display:block;
}

.important_notice .small{
font-size:12px; line-height:.2em;
}
a{
color:#ff0000;
text-decoration:none;
}
#header h1,#header h2{
text-indent:-999px;
padding:0;margin:0;
}
h3{
font-size:20px;
font-weight:bold;
margin:10px 0;
clear:both;
}
h4{
font-size:16px;
font-weight:bold;
margin:0 0 5px 0;
}

#info_box{
width:190px;
border:1px solid #cdcdcd;
overflow:auto;
padding:5px 20px;
font-size:12px;
}
#info_box ul{
margin:0;
padding:0;
}
#info_box li{
list-style:circle;
padding:2px 0 0 5px;
margin:0 0 0 15px;
text-align:left;
}

#text p{
float:left;
width:700px;
margin:0 0 10px 0;
}
.no_color_link{color:#000;}
.clear{clear:both;}

.image_box{
width:120px;
height:120px;
background:#ededed;
float:left;
border-right:15px solid #fff;
}
.image_box img{
height:80px;
width:120px;
}

.image_box p{
width:110px !important;
text-align: center;
margin-top:5px !important;
font-weight:bold;
}
.image_box a img{
border:0;
}
.image_box a{
color:#000;
}
a img{
border:0;
}
#memberof{
display:inline;
float:left;
width:900px;
height:120px;
margin:15px 0 15px 0;
background:url(images/mitgliedschaften.jpg) no-repeat;
}
#img_mitgliedschaft{
clear:right;
padding:10px;
display:block;
margin:0 auto 0;
background:#cdcdcd;
}
#aflashfilm{
width:900px !important;
float:left;
}


#text_left{
width:450px !important;
margin:0;}
#text_left p{
width:450px !important;
padding:0 15px 0 0;}

#border_bottom{
background:#fff url(images/border_bottom.png) no-repeat 0 0;
height:25px;
margin:-15px auto 0;
width:900px;
padding:0 15px;
font-size:10px;
clear:both;
}
.wh{color:#fff;}
.color_green {color:#008E57 !important;}

.bambus_site{
float:left !important;
width:900px !important;
float:left !important;
}
#text_left_bambus
{
width:630px !important;
margin:0;
float:left;
margin:0 15px 0 0;
}

#text_left_bambus p
{
width:635px !important;
padding:0 15px 0 0;
}
.bambus_site #info_box{
margin:50px 0 0 0;
}
.bambus_site #s3slider{
margin:10px 0 0 0;
}

.garten{
background:url(images/bg_info/garten.jpg) no-repeat 50% 70%;
}
.wohnen{
background:url(images/bg_info/wohnen.jpg) no-repeat 50% 70%;
}
.wasser{
background:url(images/bg_info/wasser.jpg) no-repeat 50% 70%;
}
.stein{
background:url(images/bg_info/stein.jpg) no-repeat 50% 70%;
}
.liebe{
background:url(images/bg_info/liebe.jpg) no-repeat 50% 70%;
}
.blumen{
background:url(images/bg_info/blumen.jpg) no-repeat 50% 70%;
}
.baum{
background:url(images/bg_info/baum.jpg) no-repeat 50% 70%;
}
.unterschrift{
z-index:-1;margin:-20px 0;
}
.referenz{
margin:0 !important;
padding:20px;
width:100px;
height:100px;
float:left;
}
.referenz img{
height:60px;
width:80px;
}
.referenz .beschreibung{
color:#000;
display:block;
margin:10px 0;
font-size:10px;
}
.phil_img{
width:120px;
height:130px;
padding:0 10px;
}
.phil{
width:550px !important;
}
img .f_left{
padding-right:10px;
}
.telefon_footer{
text-align:left;
width:500px;
margin-left:200px;
font-size:14px;
color:#777;
}