@charset "UTF-8";
/* CSS Document */
html{
	background: #333333;
}

body{

	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:0px;
	margin:0px;
	background: url(../img/BG.jpg) top center repeat-x;
	overflow-x:hidden;
	overflow-y:auto;
}

a{
	text-decoration:none;
	color:#FFC;
}

a:visted {
	text-decoration:none;
	color:#C43127;
}
img{
	border:none;
	outline:none;
}

.clear{
  clear: both;
  overflow: hidden;
}

/*SITE PHONE*/

#Wrapper {
	width:900px;
	height:1000px;
	margin:0px auto;
	position:relative;
}


#ContentWrapper {
	width:640px;
	height:1000px;
	float:left;
	position:relative;
}

#Dude {
	height:1000px;
	width:540;
	position:absolute;
	right:0px;
}

#GayLogo {
	height:100px;
	width:640;
}

#GayPhone{
	height:160px;
	width:640;	
}

#GayOptions{
	color:#C43127;
	width:640px;
	height:100px;
	text-align:center;
	line-height:22px;
	text-shadow: #FFF 0px 1px 0px;
}

#GayPrice{
	color:#C43127;
	width:640px;
	height:20px;
	text-align:center;
	text-shadow: #FFF 0px 1px 0px;
}

/*ADVERTISING*/

#AdvertentieHeader{
	background:url(../img/TitelAdvertentie.jpg) center top;
	width:640px; 
	height:30px;
	text-align:left; 
	font-size:18px; 
	font-weight:bold;
	line-height:30px;
	text-indent:10px;
	color:#FFC;
	position: relative;
}

#sortBox{
  position: absolute;
  right: 0;
  top: 0;
}

#sortBox #order{
  width: 108px;
  padding-right: 28px;
  float: right;
  cursor: pointer;
  font-size: 12px;
}

#sortBox #orderList{
  background: #FF9933;
  display: none;
  font-size:14px;
  color:#FFFFCC;
}

#sortBox #orderList a{
  display: block;
  width: 100%;
  height: 100%;
}

#sortBox #orderList a:hover{
  background: #C43127;
}

.AdvertentieWrap{
	background:url(../img/Advertentie.jpg) center top; 
	width:640px; 
	height:80px;
}

.advDate{
	float:left;
	text-align:left;
	height:30px;
	width:480px;
	font-size:16px;
	line-height:30px;
	color:#FFC;
	margin:0 0 0 15px;		
}

.advLocation{
	float:left;
	text-align:right;
	height:30px; 
	width:130px;
	line-height:30px; 
	font-size:16px;
	color:#FFC;	
}

.advTxt{
	float:left;
	text-align:left;
	height:50px; 
	width:480px;
	line-height:25px; 
	font-size:15px;
	color:#000;
	margin:0 0 0 15px;
	overflow: hidden;
}

.advBox{
	float:left;
	text-align:right;
	height:50px; 
	width:130px;
	line-height:25px; 
	font-size:15px;
	color:#000;
	margin:0 15px 0 0;
}

.Boxcode{
	font-size:25px;
	font-weight:bold;
	line-height:19px;
}
#PagesWrap{
	height:20px;
	width:640px;
	text-align:center;
	margin:30px 0 20px 0;	
}


.PageNr{
	background:url(../img/PageBg.jpg) top center;
	height:20px;
	width:20px;
	line-height:20px;
	text-align:center;
	color:#FFC;
	float:left;
	margin:0 2px 0 2px;	
}

.PageNrActive{
	background: #FFF;
	height:20px;
	width:20px;
	line-height:20px;
	text-align:center;
	color:#C43127;
	margin:0 2px 0 2px;		
}



/*FOOTER*/

#FooterHeader{
	background:url(../img/TitelFooter.jpg) top center;
	height: 30px; 
	width:640px;
	line-height:30px;
	text-align:center;
	color:#FFC;
	margin:30px 0 0 0 ;
}

.footerCamWrap{
	height:105px;
	width:140px; 
	float: left;
	margin:0 10px 0 10px;	
	position:relative;
}

.CamnameBG{
	width:140px;
	height:20px;
	position: absolute;
	bottom:0px;
	left:0px;
	background:#000;
	
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.5; /*old netscape*/
	-khtml-opacity: 0.5; /*old safari*/
	opacity: 0.5; /*current web standard*/
}

.Camname{
	width:140px;
	height:20px;
	position: absolute;
	bottom:0px;
	left:0px;
	text-align:left;
	text-indent:5px;
	font-size:13px;
	line-height:20px;
	color:#FFC;	
}


.GoBtn{
	background:url(../img/Go.png) top center;
	height:24px; 
	width:50px;
	position:absolute;
	bottom:-2px; 
	right:10px;	
	z-index:100;
}

#Footer{
	height:150px; 
	width:900px;
	margin:0px auto;
}

#ContentFooter{
	height:150px; 
	width:640px;
	background:#333;
	text-align:center;
	color:#FFC;
	margin:0 auto 0 auto;
	padding:20px 0 20px 0;
	float:left;
}
#Footer a{
	color:#FFC;
}