/* CSS Document */
body {
background-color: #b4b4b4;
color: #ffffff;
font-family: "Courier New", "Courier New CE", "Courier CE", courier, monospace;
text-align: center;
}
img {
border: 1px solid white;
}
.fotka {
margin: 25px;
padding: 5px;
float: left;
border: 1px solid white;
font-size: 0.7em;
}
.galerie {
width: 400px;
margin: 25px;
padding: 5px;
float: left;
border: 1px solid white;
font-size: 0.7em;
}
.galerie img {
float: left;
margin-right: 5px;
}
#main {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 900px;
height: 800px;
}
#left {
float: left;
width: 122px;
height: 800px;
background-image: url('../images/design_01.jpg');
}
#mid {
float: left;
width: 651px;
height: 800px;
}
#top {
width: 651px;
height: 158px;
background-image: url('../images/design_02.jpg');
}
#middle {
width: 651px;
height: 394px;
}
#inleft {
float: left;
width: 170px;
height: 394px;
background-image: url('../images/design_06.jpg');
background-repeat: no-repeat;
background-position: bottom;
}
#inright {
float: left;
width: 481px;
height: 394px;
overflow: auto;
}
#bottom {
width: 651px;
height: 248px;
background-image: url('../images/design_08.jpg');
}
#right {
float: left;
width: 122px;
height: 800px;
background-image: url('../images/design_03.jpg');
}
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
}
.white_content {
display: none;
position: absolute;
top: 0%;
left: 20%;
width: 60%;
height: 80%;
padding: 20px;
background-color: white;
z-index:1002;
overflow: auto;
text-align: center;
}