@charset "UTF-8";
/*

  Projektname:   produktbezogenes CSS Leseland
  Erstellt am:   10.08.2009 von FSchreyer

*/

/* ################################## */
/* ### Inhaltsverzeichnis ########### */
/* ################################## */


/* ZEILE: , Die unteren Flächen */

/* ZEILE: , Header */

/* ZEILE: , Top - Navigation Text und Übersicht */

/* ZEILE: , Bücherregal */

/* ZEILE: , Footer */




#myleseland_content {
width:987px;
height:auto;
}




/*
 *********************************************************
 ********** Die unteren Flächen
 *********************************************************
 */
#myleseland_content #surfaces h1{
display:inline;
font-size:1.1em;
line-height:38px;
padding-left:15px;
color:#616161;
}
#myleseland_content #surfaces a.link{
display:inline;
margin:0px;
padding:0px;
text-decoration:underline;
font-size:0.8em;
color:#0067b2;
}




#myleseland_content #surfaces_gab{
margin-bottom:20px;
width:987px;
height:20px;
}

#myleseland_content #surfaces #surfaces_guarantee{
float:left;
margin-right:11px;
width:238px;
height:151px;
background:url(../img/myleseland/myleseland_footer_1.png);
}
#myleseland_content #surfaces #surfaces_guarantee div.link{
text-align:right;
margin-top:85px;
margin-right:15px;
width:223px;
height:25px;
}

#myleseland_content #surfaces #surfaces_contact{
float:left;
margin-right:11px;
width:238px;
height:151px;
background:url(../img/myleseland/myleseland_footer_2.png);
}
#myleseland_content #surfaces #surfaces_contact div.link{
text-align:right;
margin-top:85px;
margin-right:15px;
width:223px;
height:25px;
}

#myleseland_content #surfaces #surfaces_help{
float:left;
margin-right:11px;
width:238px;
height:151px;
background:url(../img/myleseland/myleseland_footer_3.png);
}
#myleseland_content #surfaces #surfaces_help div.link{
text-align:right;
margin-top:85px;
margin-right:15px;
width:223px;
height:25px;
}

#myleseland_content #surfaces #surfaces_certificate{
float:left;
width:240px;
height:151px;
background:url(../img/myleseland/myleseland_footer_4.png);
}
#myleseland_content #surfaces #surfaces_certificate div.link{
text-align:right;
margin-top:85px;
margin-right:15px;
width:223px;
height:25px;
}




/*
 *********************************************************
 ********** Header
 *********************************************************
 */
#myleseland_content #header #fontsize a.big{
text-decoration:none;
font-size:0.9em;
color:#006BB3;
font-weight:bold;
}

#myleseland_content #header #fontsize a.small{
text-decoration:none;
font-size:0.6em;
color:#006BB3;
font-weight:bold;
}

#myleseland_content #header #links a.link{
text-decoration:none;
font-size:0.9em;
margin-top:10px;
color:#b05cb1;
}

#myleseland_content #header p{
margin:0px;
padding:0px;
font-size:0.9em;
display:inline;
color:#616161;
}
#myleseland_content #header #logout a.link{
display:inline;
position:relative;
text-decoration:none;
font-size:0.8em;
font-weight:normal;
color:#ffffff;
margin-left:27px;
top:4px;
}




#myleseland_content #header {
display:inline;
width:987px;
height:35px;
}

#myleseland_content #header #youarehere{
float:left;
display:inline;
margin-top:10px;
padding-left:11px;
width:156px;
height:25px;
}

#myleseland_content #header #links{
float:left;
display:inline;
margin-top:10px;
margin-left:20px;
width:450px;
height:25px;
}

#myleseland_content #header #fontsize{
float:left;
display:inline;
text-align:right;
margin-top:10px;
width:172px;
height:25px;
}

#myleseland_content #header #logout{
float:left;
display:inline;
margin-top:5px;
margin-left:12px;
background-image:url(../img/myleseland/logout.png) ;
background-repeat:no-repeat;
width:166px;
height:25px;
}




/*
 *********************************************************
 ********** Top - Navigation Text und Übersicht
 *********************************************************
 */
#myleseland_content #top p{
margin:0px;
padding:0px;
font-size:0.8em;
display:inline;
color:#000;
}
#myleseland_content #top #navigation h1{
display:inline;
position:relative;
font-size:1.1em;
margin-left:10px;
color:#af5eb2;
top:7px;
}
#myleseland_content #top #navigation h2{
display:inline;
position:relative;
font-weight:normal;
font-size:1.1em;
margin-left:10px;
color:#af5eb2;
top:20px;
}
*html #myleseland_content #top #navigation h2{
top:10px;
}
#myleseland_content #top #overview h1{
display:inline;
position:relative;
font-weight:normal;
font-size:0.9em;
margin-left:5px;
color:#af5eb2;
top:7px;
}
#myleseland_content #top #overview div.visit p{
display:block;
padding-top:5px;
margin-left:5px;
font-size:0.9em;
color:#616161;
}
#myleseland_content #top #overview div.date p{
display:block;
padding-top:8px;
margin-left:5px;
margin-right:6px;
text-align:right;
font-size:0.8em;
color:#b15db2;
}
#myleseland_content #top #content h1{
display:inline;
position:relative;
font-size:1.1em;
margin-left:10px;
color:#af5eb2;
top:7px;
}
#myleseland_content #top #content p{
display:block;
font-size:0.8em;
margin-left:10px;
margin-right:10px;
color:#616161;
}
#myleseland_content #top #content h2{
display:inline;
position:relative;
margin-left:10px;
font-size:0.9em;
color:#af5eb2;
top:5px;
}
#myleseland_content #top #content #textpoints div.text p{
display:inline;
position:relative;
font-size:0.8em;
color:#616161;
top:5px;
}
#myleseland_content #top #content #links div.link a.link{
text-decoration:underline;
font-size:0.9em;
font-weight:normal;
display:inline;
color:#0069b2;
}
#myleseland_content #top #content #links div.more a.link{
text-decoration:underline;
font-size:0.9em;
font-weight:normal;
display:inline;
color:#af5eb2;
}




#myleseland_content #top {
display:block;
width:987px;
height:auto;
}
#myleseland_content #top #navigation{
float:left;
display:inline;
width:167px;
height:279px;
}
#myleseland_content #top #navigation div.top{
display:block;
background-image:url(../img/myleseland/navi_top.png) ;
background-repeat:no-repeat;
width:167px;
height:61px;
}
#myleseland_content #top #navigation div.line{
display:block;
overflow:hidden;
background-image:url(../img/myleseland/navi_line.png) ;
background-repeat:no-repeat;
width:167px;
height:2px;
}
#myleseland_content #top #navigation div.points_top{
display:block;
background-image:url(../img/myleseland/navi_points.png) ;
background-repeat:y-repeat;
padding-top:5px;
width:167px;
height:128px;
}
#myleseland_content #top #navigation div.points_bottom{
display:block;
background-image:url(../img/myleseland/navi_points.png) ;
background-repeat:y-repeat;
padding-top:5px;
width:167px;
height:90px;
}

#myleseland_content #top #navigation ul {
margin-top:0px;
margin-bottom:0px;
list-style-type:none;
list-style-position:outside;
}

#myleseland_content #top #navigation ul li{
margin: 0 0 0 -40px;
}

#myleseland_content #top #navigation ul li a{
display:block;
padding-left:10px;
font-size:0.9em;
color:#616161;
text-decoration:none;
}

#myleseland_content #top #navigation ul li a.navi:hover{
display:block;
padding-left:10px;
font-size:0.9em;
color:#ffffff;
text-decoration:none;
background-color: #b05eb2;
}


#myleseland_content #top #navigation div.bottom{
display:block;
background-image:url(../img/myleseland/navi_bottom.png) ;
background-repeat:no-repeat;
width:167px;
height:4px;
}
#myleseland_content #top #content{
float:left;
display:inline;
margin-left:10px;
width:632px;
height:auto;
}
#myleseland_content #top #content #header{
display:block;
background-image:url(../img/myleseland/content_line.png) ;
background-repeat:x-repeat;
width:632px;
height:35px;
}
#myleseland_content #top #content #text{
display:block;
width:632px;
height:70px;
}
#myleseland_content #top #content #textpoints{
display:inline;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
width:612px;
height:90px;
}
#myleseland_content #top #content #textpoints div.point{
float:left;
display:inline;
width:150px;
height:30px;
}
#myleseland_content #top #content #textpoints div.text{
float:left;
display:inline;
width:350px;
height:30px;
}


#myleseland_content #top #content #links{
display:block;
margin-left:10px;
margin-right:10px;
width:612px;
height:20px;
}
*html #myleseland_content #top #content #links{
margin-top:15px;
}
#myleseland_content #top #content #links div.icon{
float:left;
display:inline;
width:25px;
height:20px;
}
#myleseland_content #top #content #links div.link{
float:left;
display:inline;
width:150px;
height:20px;
}
#myleseland_content #top #content #links div.empty{
float:left;
display:inline;
width:100px;
height:20px;
}
#myleseland_content #top #content #links div.more{
float:left;
display:inline;
width:160px;
height:20px;
}

#myleseland_content #top #overview{
float:left;
display:inline;
background-image:url(../img/myleseland/overview.png) ;
background-repeat:no-repeat;
margin-top:5px;
margin-left:12px;
width:166px;
height:275px;
}
#myleseland_content #top #overview div.header{
display:block;
width:166px;
height:30px;
}
#myleseland_content #top #overview div.visit{
display:block;
width:166px;
height:30px;
}
#myleseland_content #top #overview div.date{
display:block;
margin-bottom:1px;
width:166px;
height:30px;
}




/*
 *********************************************************
 ********** Bücherregal
 *********************************************************
 */
#myleseland_content #regal_top #content div.header h1{
display:inline;
position:relative;
font-size:1.1em;
font-weight:normal;
color:#af5eb2;
}
*html #myleseland_content #regal_top #content div.header h1{
top:1px;
}
#myleseland_content #regal_center #content div.header h1{
display:inline;
position:relative;
font-size:1.1em;
font-weight:normal;
color:#af5eb2;
}
*html #myleseland_content #regal_center #content div.header h1{
top:1px;
}
#myleseland_content #regal_bottom #content div.header h1{
display:inline;
position:relative;
font-size:1.1em;
font-weight:normal;
color:#af5eb2;
}
*html #myleseland_content #regal_bottom #content div.header h1{
top:2px;
}
#myleseland_content #regal_top #content div.header p{
display:inline;
position:relative;
line-height:25px;
margin-left:40px;
font-size:0.8em;
font-weight:normal;
color:#616161;
}
#myleseland_content #regal_top #content div.header select{
width:160px;
height:20px;
color:#000;
}
#myleseland_content #regal_center #content div.header p{
display:inline;
position:relative;
line-height:25px;
margin-left:40px;
font-size:0.8em;
font-weight:normal;
color:#616161;
}
#myleseland_content #regal_center #content div.header select{
width:160px;
height:20px;
color:#000;
}
#myleseland_content #regal_bottom #content div.header p{
display:inline;
position:relative;
line-height:25px;
margin-left:40px;
font-size:0.8em;
font-weight:normal;
color:#616161;
}
#myleseland_content #regal_bottom #content div.header select{
width:160px;
height:20px;
color:#000;
}




#myleseland_content #regal_top {
margin-top:20px;
padding-top:30px;
padding-bottom:11px;
background-image:url(../img/myleseland/regal_top.png) ;
background-repeat:no-repeat;
width:987px;
height:194px;
margin:0 auto;
}
  #myleseland_content #regal_top #button_left{
  float:left;
  display:inline;
  margin-left:26px;
  width:22px;
  height:179px;
  background-image:url(../img/myleseland/regal_button_left.png) ;
  background-repeat:no-repeat;
  }
    #myleseland_content #regal_top #button_left .control1 {
    display:block;
    width:22px;
    height:179px;
    cursor: pointer;
    }
  #myleseland_content #regal_top #content{
  float:left;
  display:inline;
  width:892px;
  height:179px;
  }
    #myleseland_content #regal_top #content div.header{
    display:block;
    width:892px;
    height:25px;
    }
    #myleseland_content #regal_top #content div.header div.header_left{
    float:left;
    display:inline;
    width:322px;
    height:25px;
    }
    #myleseland_content #regal_top #content div.header div.header_center{
    float:left;
    display:inline;
    text-align:center;
    width:254px;
    height:25px;
    }
    #myleseland_content #regal_top #content div.header div.header_right{
    float:left;
    display:inline;
    width:316px;
    height:25px;
    }
  #myleseland_content #regal_top #content #slideshow1{
  margin:0 auto;
  width:890px;
  height:159px;
  position:relative;
  }
    #myleseland_content #regal_top #content #slideshow1 #slidesContainer1 {
    margin:0 auto;
    margin-top:10px;
    width:890px;
    height:159px;
    overflow:auto;
    position:relative;
    }
    #myleseland_content #regal_top #content #slideshow1 #slidesContainer1 div.slide1 {
    margin:0 auto;
    width:890px;
    height:159px;
    }
      #myleseland_content #regal_top #content #slideshow1 #slidesContainer1 div.slide1 img{
      margin-left:20px;
      margin-right:20px;
      }
  #myleseland_content #regal_top #button_right{
  float:left;
  display:inline;
  margin-right:25px;
  width:22px;
  height:179px;
  background-image:url(../img/myleseland/regal_button_right.png) ;
  background-repeat:no-repeat;
  }
    #myleseland_content #regal_top #button_right .control1 {
    display:block;
    width:22px;
    height:179px;
    cursor: pointer;
    }





#myleseland_content #regal_center {
padding-top:24px;
padding-bottom:13px;
background-image:url(../img/myleseland/regal_center.png) ;
background-repeat:no-repeat;
width:987px;
height:194px;
margin:0 auto;
}
  #myleseland_content #regal_center #button_left{
  float:left;
  display:inline;
  margin-left:26px;
  width:22px;
  height:179px;
  background-image:url(../img/myleseland/regal_button_left.png) ;
  background-repeat:no-repeat;
  }
    #myleseland_content #regal_center #button_left .control2 {
    display:block;
    width:22px;
    height:179px;
    cursor: pointer;
    }
  #myleseland_content #regal_center #content{
  float:left;
  display:inline;
  width:892px;
  height:179px;
  }
    #myleseland_content #regal_center #content div.header{
    display:block;
    width:892px;
    height:25px;
    }
    #myleseland_content #regal_center #content div.header div.header_left{
    float:left;
    display:inline;
    width:322px;
    height:25px;
    }
    #myleseland_content #regal_center #content div.header div.header_center{
    float:left;
    display:inline;
    text-align:center;
    width:254px;
    height:25px;
    }
    #myleseland_content #regal_center #content div.header div.header_right{
    float:left;
    display:inline;
    width:316px;
    height:25px;
    }
  #myleseland_content #regal_center #content #slideshow2{
  margin:0 auto;
  width:890px;
  height:159px;
  position:relative;
  }
    #myleseland_content #regal_center #content #slideshow2 #slidesContainer2 {
    margin:0 auto;
    margin-top:10px;
    width:890px;
    height:159px;
    overflow:auto;
    position:relative;
    }
    #myleseland_content #regal_center #content #slideshow2 #slidesContainer2 div.slide2 {
    margin:0 auto;
    width:890px;
    height:159px;
    }
      #myleseland_content #regal_center #content #slideshow2 #slidesContainer2 div.slide2 img{
      margin-left:20px;
      margin-right:20px;
      }
  #myleseland_content #regal_center #button_right{
  float:left;
  display:inline;
  margin-right:25px;
  width:22px;
  height:179px;
  background-image:url(../img/myleseland/regal_button_right.png) ;
  background-repeat:no-repeat;
  }
    #myleseland_content #regal_center #button_right .control2 {
    display:block;
    width:22px;
    height:179px;
    cursor: pointer;
    }



#myleseland_content #regal_bottom {
padding-top:24px;
padding-bottom:13px;
background-image:url(../img/myleseland/regal_center.png) ;
background-repeat:no-repeat;
width:987px;
height:194px;
margin:0 auto;
}
  #myleseland_content #regal_bottom #button_left{
  float:left;
  display:inline;
  margin-left:26px;
  width:22px;
  height:179px;
  background-image:url(../img/myleseland/regal_button_left.png) ;
  background-repeat:no-repeat;
  }
    #myleseland_content #regal_bottom #button_left .control3 {
    display:block;
    width:22px;
    height:179px;
    cursor: pointer;
    }
  #myleseland_content #regal_bottom #content{
  float:left;
  display:inline;
  width:892px;
  height:179px;
  }
    #myleseland_content #regal_bottom #content div.header{
    display:block;
    width:892px;
    height:25px;
    }
    #myleseland_content #regal_bottom #content div.header div.header_left{
    float:left;
    display:inline;
    width:322px;
    height:25px;
    }
    #myleseland_content #regal_bottom #content div.header div.header_center{
    float:left;
    display:inline;
    text-align:center;
    width:254px;
    height:25px;
    }
    #myleseland_content #regal_bottom #content div.header div.header_right{
    float:left;
    display:inline;
    width:316px;
    height:25px;
    }
  #myleseland_content #regal_bottom #content #slideshow3{
  margin:0 auto;
  width:890px;
  height:159px;
  position:relative;
  }
    #myleseland_content #regal_bottom #content #slideshow3 #slidesContainer3 {
    margin:0 auto;
    margin-top:10px;
    width:890px;
    height:159px;
    overflow:auto;
    position:relative;
    }
    #myleseland_content #regal_bottom #content #slideshow3 #slidesContainer3 div.slide3 {
    margin:0 auto;
    width:890px;
    height:159px;
    }
      #myleseland_content #regal_bottom #content #slideshow3 #slidesContainer3 div.slide3 img{
      margin-left:20px;
      margin-right:20px;
      }
  #myleseland_content #regal_bottom #button_right{
  float:left;
  display:inline;
  margin-right:25px;
  width:22px;
  height:179px;
  background-image:url(../img/myleseland/regal_button_right.png) ;
  background-repeat:no-repeat;
  }
    #myleseland_content #regal_bottom #button_right .control3 {
    display:block;
    width:22px;
    height:179px;
    cursor: pointer;
    }




/*
 *********************************************************
 ********** Footer
 *********************************************************
 */
#footer{
margin-left:170px;
width:817px;
height:auto;
}

#footer #suchanfragen{
background:url(../img/suchanfragen.png);
margin-top:10px;
width:638px;
height:167px;
}
#footer #suchanfragen h1{
font-size:1.1em;
margin-left:10px;
display:inline;
color:#0070CE;
position:relative;
top:7px;
}

#footer #lesezeichen{
background:url(../img/lesezeichen.png);
margin-top:10px;
width:638px;
height:66px;
}
#footer #lesezeichen h1{
font-size:1.1em;
margin-left:10px;
display:inline;
color:#0070CE;
position:relative;
top:7px;
}

#footer #footer_links{
margin-top:20px;
margin-bottom:2px;
text-align:center;
border-bottom:1px solid #d4e2ef;
width:638px;
height:25px;
}
#footer #footer_links h1{
font-size:1.0em;
font-weight:normal;
display:inline;
color:#000;
position:relative;
top:4px;
}
#footer #footer_links a.footer{
font-size:1.0em;
text-decoration:none;
color:#000;
}

#footer #footer_hinweis{
margin-bottom:12px;
text-align:center;
border-bottom:1px solid #d4e2ef;
width:638px;
height:25px;
}
#footer #footer_hinweis h1{
font-size:0.7em;
font-weight:normal;
display:inline;
color:#ff0000;
position:relative;
top:4px;
}
#footer #footer_logo{
margin-bottom:15px;
text-align:center;
width:638px;
height:40px;
}
#footer #footer_address{
margin-bottom:11px;
text-align:center;
width:638px;
height:40px;
}
#footer #footer_address h1{
font-size:1.0em;
font-weight:normal;
display:inline;
color:#999999;
position:relative;
}
#footer #footer_address h2{
font-size:1.0em;
font-weight:normal;
display:inline;
color:#0069b2;
position:relative;
}