/* Binder Lisa
September 2008 */
* {margin: 0; padding: 0;}
#wrapper {
min-height: 100%;
background-color: #ececec;
}
* html #wrapper {
height: 100%;
}
#wrapper_innen {
padding-bottom: 2.5em;
}
html, body {
margin:0;
padding:0;
min-width: 900Px;
min-height: 100%;
height: 100% !important;
height: 100%; }
p { font-family: Verdana;
font-size: .8em;
color: #1e2a36;
padding: .8em 0;}
h1 {font-size: 1.1em;
font-weight: normal;
font-family: Georgia, Verdana;
color: #393939;
margin-left: 100px;}
a { color:#1e2a36;}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:underline;}
#Banner {
background: #1e2a36 url(Logow.png) repeat-x;
height: 101px;
width: auto;
text-align: center;
}
#Logo {
margin: 0 auto;
background: url(Banner4.png) center no-repeat;
width: 630Px;
height: 102Px;}
#lao {background-image: url(laou.png) ; position: absolute; top: -1Px; left: 0; width: 275px; height: 130px; z-index: 100 }
#LaoLi {background-image:url(laoli.png); position: absolute; top:-1Px; left: 0; width: 275px; height: 130px; z-index: 100 }
/* Navigation */
#navcontainer {
margin: 0 auto;
height: 28px;
background: #1e2a36 url(Linkleiste.png) repeat-x left top;
text-align: center;}
#navcontainer ul {
margin: 0 auto;
padding: 0;
list-style-type: none;
height: 28px;
width: 729px;
background: url(Linkleiste.png) #1e2a36 repeat-x;
}
#navcontainer li {
display: inline;}
#navcontainer ul li {
display: inline;
margin: 0;
padding: 0;
width: 81Px;
height: 28Px;
}
#navcontainer ul li a {
display:block;
height: 28Px;
width: 81Px;
float: left;}
#navcontainer ul li a span {
display: none;}
#navcontainer ul li a.home {
background: url(Home.png) center no-repeat;
}
#navcontainer ul li a.benny {
background: url(Benny.png) center no-repeat;
}
#navcontainer ul li a.gina {
background: url(Gina.png) center no-repeat; }
#navcontainer ul li a.linou {
background: url(Lin.png) center no-repeat;
}
#navcontainer ul li a.Kitten {
background: url(Kitten.png) center no-repeat;
}
#navcontainer ul li a.Galerie {
background: url(Galerie.png) center no-repeat;
}
#navcontainer ul li a.Kontakt {
background: url(Kontakt.png) center no-repeat;
}
#navcontainer ul li a.Links {
background: url(Links.png) center no-repeat;
}
#navcontainer ul li a.Gast {
background:url(Gast.png) center no-repeat;
}
/* Inhalt */
#Content {
background-color: #ececec;
min-width: 900Px;
width: auto;
min-height: 100%;
height: auto;
padding: 1em 0 4em 2em;
border-top: solid 2Px #787878;
}
#Text {
width: 700Px;
float: left;}
#News {
width: 180Px;
float: right;
text-align:justify;
padding: 1em;
display: block;}
#News h1 {
font: inherit;
margin: 0;
font-family: Georgia, Verdana;
font-size: 1.1em;}
#footer {
height: 2.5em;
background-color: #cecece;
text-align: center;
margin-top: -2.5em;
}
#footer p {font-size: .6em}
#Adresse, #Adresse a {
color: #1e2a36;
width: auto;
text-align: center;}
#Zentriert {
width: auto;
text-align: center;}
.Counter {
width: 0;
height: 0;
display: none}
html:first-child>b\ody .dsR30 {margin-left: 26px; width: 430Px; height: auto; border: 3Px solid #787878; background: white; padding: .5em .5em .5em .5em;}
html:first-child>b\ody .dsR30 p {font-size: .8em;}
/*Galerien*/
.photo {padding:20px; background:#222; width:900px; height:600px; text-align:left; margin: 0 auto;}
.photo h1 {font-size:14px; font-weight:normal; color:#fc0; margin:0 0 0 5px; padding:0;}
.photo ul {margin: 0 auto; list-style:none; padding:0; width: 868px; height: 146px; border:1px solid #666; position:relative; }
.photo ul li {display:inline; width:60px; height:60px; float:left; margin:6px;}
.photo ul li a {display:block; width:60px; height:60px; cursor:default; background:url(Pfote.png) no-repeat; text-decoration:none;}
.photo ul li a b {display:none;}
.photo ul li a img {display:block; width:60px; height:60px; border:1px solid #666; border-top-color:#ccc;}
.photo ul li a:hover {white-space:normal;position:relative;}
.photo ul li a.vert:hover img {position:absolute; left:-12px; top:-20px; width:96px; height:128px; border-color:white;}
.photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:128px; height:96px; border-color:white;}
.photo ul li a:active, .photo ul li a:focus {position:static; outline:0;}
.photo ul li a:focus.vert img, .photo ul li a:active.vert img {background-color:#000; position:absolute; left:222px; top:160Px; width: auto; height: 430Px;; border:1px solid #white; padding:5px 5px;}
.photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#000; position:absolute; left:222px; top:160Px; width: 640Px; height: auto; border:1px solid #white; padding:5px 5px;}
.photo ul li a:focus b, .photo ul li a:active b {font-family: Verdana; font-size: .85em; display:block; text-align: justify; position:absolute; width:200px; height: auto; top:160px; left:0; color:#ddd; font-weight:normal; padding:5px;}
/* Bannerbilder */
.Gina {float: left; position: absolute; margin: -12Px 0 0 -330Px; width: 197Px; height: 200Px;}
.Lin { margin-left: 3em; border: solid 2px black; width:448Px; height:299Px;}
