body {
background-color: #ffffff;
font-size: 13px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
}

table {
font-size: 13px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
}

a {color: #0066CC; text-decoration: none; font-weight: bold;}
a:visited {color:#0066CC; text-decoration: none; font-weight: bold;}
a:hover {color: #000000; text-decoration: underline; font-weight: bold;}
a:active { color:#0066CC; text-decoration: none; font-weight: bold;}

h1 {
color:#ffffff;
font-size: 13px;
text-transform:uppercase;
background-color: #0066CC;
padding:5px 15px;
margin:0px }
h2 {
font-size:18px;
font-weight: normal;
padding: 5px 10px;
margin: 0px;
text-align: left; }
p {
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 1000px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #ffffff;
padding:0px;
margin: 0px; }

#banner img {padding:10px 3px 3px 3px;} 

/* ----------outer und inner----------------- */
#outer{ 
border-left: solid 650px #e6ecff;  /* linke Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
} 

#inner{
margin: 0px;
width: 100%; } /* die IE PC schlaufe */ 

/* --------------left navigavtion------------- */
#left {
width:650px; 
float:left; 
position:relative; 
margin-left:-650px; 
margin-right:1px;
padding: 5px 0px;
background-color:#e6ecff;
}

/* -----------------Inhalt--------------------- */
#content{ 
width:220px; 
position: relative; 
margin: 0px;
padding: 5px 10px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; }

/*  ----------------Content---------------------- */ 

#umfang {
width:650px;
float:left; 
margin-right:auto;
margin-left:auto;
margin-top:auto;
margin-bottom: 15px;
padding: 0px;
text-align: center;
position: relative; 
}

#umfanginhalt {
width:620px;
float:left; 
margin-right: 10px;
margin-left: 10px;
margin-top:auto;
padding: 0px;
text-align: left;
position: relative; 
}
	
#livecamcontent {
width:195px;
height:175px;
padding: 10px 10px 10px 10px;
float:left;
text-align: center;
}

#livecamcontent:hover {
background:#ffffff;
}

.indexbildercontent {
width:105px;
height:120px;
padding: 10px 10px 10px 10px;
float:left;
text-align: center;
}

.indexbildercontent:hover {
background:#ffffff;
}

#dvd {
width:99px;
height:142px;
padding: 10px 10px 10px 10px;
float:left;
text-align: center;
}

#dvd:hover {
background:#ffffff;
}

#indexlivecamcontent {
width:125px;
height:95px;
padding: 10px 10px 10px 10px;
float:left;
text-align: center;
}

#indexlivecamcontent:hover {
background:#ffffff;
}

#livecamcontent2 {
width:140px;
height:150px;
padding: 10px 10px 10px 10px;
float:left;
text-align: center;
}

#livecamcontent2:hover {
background:#ffffff;
}

.indexcontent {
width:195px;
height:80px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

.indexcontent:hover {
background:#ffffff;
}

#dvdtext {
width:305px;
padding: 10px 10px 10px 10px;
float:left;
text-align: left;
}

#reality {
width:295px;
height:160px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

#reality:hover {
background:#ffffff;
}

#kontaktanzeigen {
width:295px;
height:120px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

#kontaktanzeigen:hover {
background:#ffffff;
}

.bildergalerien {
width:100px;
padding: 10px 10px 10px 10px;
float:left;
text-align: left;
}

.bildergalerien:hover {
background:#ffffff;
}

.videogalerien {
width:120px;
padding: 10px 10px 10px 10px;
float:left;
text-align: left;
}

.videogalerien:hover {
background:#ffffff;
}

#gaybildertext {
width:380px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

#gayvideotext {
width:340px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

#trailer {
width:300px;
height:250px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

#trailer2 {
width:300px;
height:200px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

#gaydonis {
width:300px;
height:270px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

#asiaboys {
width:300px;
height:211px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

#gayseiten {
width:295px;
height:170px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

#gayseiten:hover {
background:#ffffff;
}

#gayguide {
width:293px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

#gayguide2 {
width:293px;
padding: 10px 10px 10px 10px;
float:left;
text-align: left;
}

#gayguide2:hover {
background:#ffffff;
}

#gayboytext {
width:480px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

#gayboys {
width:162px;
height:130px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

#gayboys:hover {
background:#ffffff;
}

#gayboystext {
width:448px;
padding: 10px 10px 10px 10px;
float:left;
text-align: justify;
}

#gayboy {
width:125px;
padding: 10px 10px 10px 10px;
float:left;
text-align: center;
}

#gayboy:hover {
background:#ffffff;
}

.bookmarks {
border: 1px solid #ffffff;
padding-bottom: 1px;
}

.bookmarks:hover {
border: 1px solid #000000;
}

#seitenende {
color:#ffffff;
font-size: 13px;
text-transform:uppercase;
background-color: #0066CC;
padding:5px 15px;
margin:0px;
}

.clear { clear:both; }
.absatz { padding: 5px 10px; margin:0px; text-align: justify; }
.menutitel { font-size:18px; font-weight: normal; margin: 0px; text-align: left; }
.popup { position:absolute; top: 20px; left: 100px; visibility: visible; padding: 0px; }
.imgborder { border: 1px solid #000000; }
.logo { border: 0px; float:left; padding-left: 20px; }
.topbanner { border: 0px; width:468px; height:60px; }
.imgohneborder { border: 0px; }
.imggayguide { float:left; width:80px; height:80px; border: 1px solid #000000; margin-right:10px; }
.imggayboy { border: 1px solid #000000; height:100px; }
.kontakttext { width:500px; padding: 10px 10px 10px 10px; float:left; text-align: justify; }
.gaylinetext { width:472px; padding: 10px 10px 10px 10px; float:left; text-align: justify; }
.gayline { font-size:20px; font-weight: bold; margin: 0px; text-align: left; }
.gaylinepreis { font-size:9px; font-weight: normal; margin: 0px; text-align: left; }
.imggaybilder { width: 100px; height:100px; border: 0px; }
.imggayline { width: 118px; height:118px; border: 1px solid #000000; }
.imggayvideos { width: 118px; height:98px; border: 1px solid #000000; }