body {
  font-family: 'Open Sans',verdana,arial,georgia;
  background: #BAB0AE url('images/heaven_2000.jpg') no-repeat top center;
  color: #fff;
  font-size: 13px;
}

body.hochzeit {
  background: #000 no-repeat center center;
}

body.portrait {
  background: #000 url('images/Back-portrait.jpg') no-repeat top center;
}

body.design {
  background: #000 url('images/heaven_2000.jpg') no-repeat top center;  
}

body.erotic {
  background: #BAB0AE url('images/Back-erotic.jpg') no-repeat top center;  
}

body.impressum {
  background: #000 url('images/heaven_2000.jpg') no-repeat top center;  
}

#wrapper {
  position: relative;  
z-index: 9999;
  width: 600px;
  margin: 80px auto ;
  padding-top: 10px;
}

#header {
  background: #FF9900;
  color: #fff;
  margin: 0 auto;
  width: 500px;
  height: 100px;
  line-height: 50px;
  text-align: center;
}

h1 {
  margin: 10px auto;

}

h1 a {
  font-size: 27px;
  color: #fff;
  text-decoration: none;
}

h2 {
  margin: 0px auto;
    font-size: 18px;
    line-height: 1.1em;
  color: #fff;
  text-decoration: none;
}

h3 {
  margin: 0px auto;
    font-size: 18px;
    font-weight: bold;
  color: #33CCFF;
  text-decoration: none;
}

.h3 {
  margin: 0px auto;
    font-size: 18px;
    font-weight: bold;
  color: #33CCFF;
  text-decoration: none;
}

h4 {
  margin: 0px auto;
    font-size: 14px;
    font-weight: bold;
  color: #FF0033;
  text-decoration: none;
}

h5 {
  margin-left: 20px;
    font-size: 16px;
    font-weight: bold;
  color: #33CCFF;
  text-decoration: none;
}

h6 {
  margin-top: -20px;
  margin-left: 20px;
    font-size: 14px;
    font-weight: bold;
  color: #33CCFF;
  text-decoration: none;
}

em {
  margin: 0px auto;
    font-size: 14px;
    font-weight: bold;
  color: #33CCFF;
  text-decoration: none;
}

a {
  color: #fff;
}

/* index */

#design,
#erotic,
#hochzeit,
#portrait {
  background: #fff url('/images/1-erotic.jpg') no-repeat center center;
  font-family: 'Source Sans Pro',verdana,arial,georgia;
  width: 500px;
  height: 100px;
  margin: 10px auto;
}

#design .cont,
#erotic .cont,
#hochzeit .cont,
#portrait .cont {
  background: transparent url('images/trans-portrait.png') no-repeat center center;
  width: 500px;
  height: 100px;
}

#hochzeit .cont {
  background: transparent url('images/trans-marry.png') no-repeat top center;
}

#erotic .cont {
  background: transparent url('images/trans-erotic.png') no-repeat center center;
}

#design .cont {
  background: transparent url('images/trans-design.png') no-repeat center center;
}

#design a,
#erotic a,
#hochzeit a,
#portrait a {
  display: block;
  width: 500px;
  height: 100px;
  text-decoration: none;
}

#design .cont span,
#erotic .cont span,
#hochzeit .cont span,
#portrait .cont span {
  display: block;
  font-size: 26px;
  color: #fff;  
  padding: 10px 10px 0 0;
  margin-left: 260px;
  line-height: 1.05;
}


/* general content */

.top-photo {
  padding: 10px 10px 0 15px;
}

.cont p {
  padding: 0 0px ;
}

.design .cont p {
  padding: 0 0px ;
}

.cont p strong {
  font-size: 16px;
}

.cont td {
  width: 180px;
  margin: auto;
}


.portrait .cont td {
  width: 280px;
  margin: auto;
}

.cont img {

}

.design .cont {
  padding-top: 10px;
}

.design .cont img {
  padding: 0 50px 0 0px;
}

.impressum .cont {
  padding: 10px 0px 0 40px;
}

.erotic .cont {
  padding-top: 0px;
}

.erotic .cont img {
  padding-right: 0px;

}

.portrait .cont img {
  padding-right: 0px;
}


#portrait {
  background: #fff url('images/1-portrait.jpg') no-repeat left top;
}

#hochzeit {
  background: #fff url('images/1-marry.jpg') no-repeat left top;
}


#erotic {
  background: #fff url('images/1-erotic.jpg') no-repeat left center;
}

#design {
  background: #fff url('images/1-design.jpg') no-repeat left center;
}

/* left-right */

#impressum-left,
#impressum-right,
#welcome-left,
#welcome-right,
#erotic-left,
#erotic-right,
#design-left,
#design-right,
#hochzeit-left,
#hochzeit-right,
#portrait-left,
#portrait-right {
  position: absolute;
  top: 0;
  width: 350px;
  height: 230px;
  background: transparent url('images/portrait-left.png') no-repeat left top;
}

#impressum-left,
#welcome-left,
#erotic-left,
#design-left,
#hochzeit-left,
#portrait-left {
  left: 0;
}



#welcome-left {
  background: transparent url('images/welcome-left.png') no-repeat left top;
}

#hochzeit-left {
  background: transparent url('images/marry-left.png') no-repeat left top;
}

#erotic-left {
  background: transparent url('images/erotic-left.png') no-repeat left top;
}

#design-left {
  background: transparent url('images/design-left.png') no-repeat left top;
}

#impressum-left {
  background: transparent url('images/impressum-left.png') no-repeat left top;
}

#impressum-right,
#welcome-right,
#erotic-right,
#design-right,
#hochzeit-right,
#portrait-right {
  right: 0;
  background: transparent url('images/portrait-right.png') no-repeat left top;
}

#welcome-right  {
  background: transparent url('images/welcome-right.png') no-repeat left top;
}

#hochzeit-right {
  background: transparent url('images/marry-right.png') no-repeat left top;
}

#design-right {
  background: transparent url('images/design-right.png') no-repeat left top;
}

#erotic-right {
  background: transparent url('images/erotic-right.png') no-repeat left top;
}

#impressum-right {
  background: transparent url('images/impressum-right.png') no-repeat left top;
}


/* left-right-bottom */

#erotic-left-b,
#erotic-right-b,
#design-left-b,
#design-right-b,
#hochzeit-left-b,
#hochzeit-right-b,
#portrait-left-b,
#portrait-right-b {
  position: absolute;
  bottom: 0px;
  width: 350px;
  height: 230px;
  background: transparent url('images/portrait-left.png') no-repeat left bottom;
}


#erotic-left-b,
#design-left-b,
#hochzeit-left-b,
#portrait-left-b {
  left: 0;
}

#design-left-b {
  background: transparent url('images/design-left-b.png') no-repeat left bottom;
}

#erotic-left-b {
  background: transparent url('images/erotic-left-b.png') no-repeat left bottom;
}


#erotic-right-b,
#design-right-b,
#hochzeit-right-b,
#portrait-right-b {
  right: 0;
  background: transparent url('images/portrait-right.png') no-repeat left bottom;
}

#design-right-b {
  background: transparent url('images/design-right-b.png') no-repeat left bottom;
}

#erotic-right-b {
  background: transparent url('images/erotic-right-b.png') no-repeat left bottom;
}


/* Menue */

#menu {
  background: #5c2bad;
  margin: 15px auto 0 auto;
  width: 600px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

#menu a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#menu .impressum,
#menu .portrait,
#menu .hochzeit,
#menu .erotic,
#menu .design,
#menu .home {
  width: 120px;
  float: left;
  text-align: center;
  background: #336666;
}

#menu .hochzeit {
  background: #5c2bad;
}

#menu .design {
  background: #000;
}

#menu .erotic {
  background: #CC0099;
}

#menu .home {
  background: #FF9900;
}

#menu .portrait a,
#menu .hochzeit a,
#menu .erotic a,
#menu .design a,
#menu .home a {
  display: block;
  width: 120px;
  height: 30px;
}

/* Content */

body.hochzeit #content {
  background: #5C2BAD;
  width: 600px;
  margin: auto;
  z-index: 9999;
}



body.design #content {
  background: #5C2BAD;
  width: 600px;
  height: 540px;
  margin: auto;
  z-index: 9999;
}


body.impressum #content {
  background: #0099cc;
  width: 600px;
  margin: auto;
  z-index: 9999;
}


body.portrait #content {
  background: #336666;
    width: 600px;
    height: 500px;
  margin: auto;
  z-index: 9999;
}

body.erotic #menu,
body.erotic #content {
  background: #CC0099;
  z-index: 9999;
}

body.design #menu,
body.design #content {
  background: #000;
}

body.portrait .cont, 
body.hochzeit .cont {
  float: left;
  width: 500px;
  margin-left: 10px;
}


body.erotic  .cont,
body.design .cont
{
  float: left;
  width: 550px;
  margin-left: 10px;
}

.banner {

  width: 550px;
  margin-top: -5px;

}


/* Photos */

body.hochzeit .photocon,
body.erotic .photocon,
body.design .photocon,
body.portrait .photocon {
  width: 600px;
  margin-left: 20px;
  
}

.photo-item {
  padding: 10px 0px 10px 10px;
}


body.erotic .photos-erotic
{
  vertical-align: top;
  margin-left: 10px;
 
}


/* Footer */

#footer {
  margin: 15px auto 0 auto;
  width: 600px;
  background: #0099cc;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

#footer a {
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

body.home #footer {
  margin-top: 0px;
  width: 500px;
  background: #FF9900;
}

body.portrait #footer {
  background: #336666;
}

body.hochzeit #footer {
  background: #5c2bad;
}

body.erotic #footer {
  background: #CC0099;
}

body.design #footer {
  background: #000;
}

/* for notebooks */

@media screen and (max-width: 1380px) {

#wrapper {
  width: 600px;
  margin: 80px auto ;
  padding-top: 10px;
}

body {
  background: #000 url('images/heaven_1400.jpg') repeat top center;
}

body.portrait {
  background: #A2DEDF url('images/Back-portrait-1400.jpg') no-repeat top center;
}

body.hochzeit {
  background: #617722  no-repeat top center;
}

body.erotic {
  background: #BAB0AE url('images/Back-erotic-1400.jpg') no-repeat top center;
}

}


/* for netbooks a tablets */

@media screen and (max-width: 1024px) {
  
#wrapper {
  width: 600px;
  margin: 80px auto ;
  padding-top: 10px;
}  

body {
  background: #000 url('images/heaven_1100.jpg') repeat top center;
}

body.portrait {
  background: #A2DEDF url('images/Back-portrait-1100.jpg') no-repeat top center;
}

body.hochzeit {
  background: #617722  no-repeat top center;
}

body.erotic {
  background: #BAB0AE url('images/Back-erotic-1100.jpg') no-repeat top center;
}


}

/* for smartphones */

@media screen and (max-width: 720px) {
  
#wrapper {
  width: 600px;
  margin: 30px auto ;
  padding-top: 10px;
}
  


body {
  background: #000 url('images/heaven_800.jpg') repeat top center;
}

body.portrait {
  background: #A2DEDF url('images/Back-portrait-800.jpg') no-repeat top center;
}

body.hochzeit {
  background: #617722  no-repeat top center;
}

body.erotic {
  background: #BAB0AE url('images/Back-erotic-800.jpg') no-repeat top center;
}


}

#content:after  {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}