@charset "utf-8";

/* ---------------------------------------------------------- 
/* Autor: Martin Development, www.m-dev.ch
/* Datum: 28.02.2009
/* Copyright: Martin Development
/* ------------------------------------------------------- */


/* G E N E R A L   D E F I N I T I O N S
------------------------------------------- */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, tr, td { margin: 0; padding: 0; }

html {}
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#page {
	text-align: center;
   background: #222222 url(images/page_bg.png) top center repeat-y;
   color: #FFF;
}

div {}
p {}

table {}
tr, td {}
tr {}
td {}

a, a:link, a:visited { color:#FFFFFF; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }


/* L A Y O U T  D E F I N I T I O N S
------------------------------------------- */
#container {
	width			: 900px;
   margin		: 10px auto;
}
#header {
	background	: #222222 url(images/header.jpg) top left no-repeat;
   border		: 1px solid #666;
	display		: block;
   height		: 200px;
   overflow		: hidden;
   position		: relative;
   margin		: 0 0 20px 0;
}
#header h1 { text-indent:-9999px; }
#topmenu {
	background		: #111;
   border-top		: 1px solid #666;
	display			: block;
   height			: 30px;
   line-height		: 30px;
   overflow			: hidden;
   
   position			: absolute;
   left				: 0;
   bottom			: 0;
   width				: 100%;
}
#right {
	display			: inline;
   float				: right;
   margin				: 0 15px 0 0;
   width				: 120px;
   text-align		: center;
   overflow			: hidden;
}
#right h3 {
	background		: #111;
	font-weight		: normal;
   font-size		: 12px;
   border-bottom	: 1px solid #666;
   padding			: 5px 0;
}
#right .banner {
	width				: 120px;
   height			: 60px;
   overflow			: hidden;
   margin			: 5px 0 10px 0;
}
#cams { overflow:hidden; text-align:center; padding:0 0 0 30px; width:710px; }

#content {
	display			: inline;
   float				: left;
   width				: 750px;
}
#stats { clear:both; text-align:left; font-size:10px; overflow:hidden; }
#footer {
   border-top		: 1px solid #777;
   clear				: both;
   color				: #777;
	display			: block;
   padding			: 10px;
}
#footer a, #footer a:hover,
#footer a:visited, #disclaimer a,
#disclaimer a:hover, #disclaimer a:visited { color:#777; }

#disclaimer {
	color				: #777;
   font-size		: 10px;
   padding			: 20px 0 0 0;
}


/* M E N U  D E F I N I T I O N S
------------------------------------------- */

/** TOPMENU **/
#topmenu ul { list-style-type:none; float: right; }
#topmenu ul li { display:inline; }
#topmenu ul li a, #topmenu ul li a:visited { display:block; float:left; padding:0 10px; margin:0 5px; } 
#topmenu ul li a:hover { background:#333; text-decoration:none; }

/* C A M S
------------------------------------------- */
.cam { background:#333; float:left; margin: 0 20px 20px 0; overflow:hidden; height:143px; width:152px; }


/* T O P L I S T E   B A N N E R 
------------------------------------------- */

/** topsite rows header **/
.eintrag_header {
	clear				: left;
   display			: block;
   overflow			: hidden;
}
.rang_header, .description_header, .hits_in_header, .hits_out_header {
	background		: #111;
   border			: 1px solid #666;
   border-bottom	: none;
   color				: #fff;
   display			: inline;
   float				: left;
   font-weight		: bold;
   height			: 30px;
   line-height		: 30px;
   width				: 75px;
}
.rang_header {
	border-right	: none;
}
.description_header {
	border-right: none;
   width			: 510px;
}
.hits_in_header { border-right:none; }
.hits_out_header {  }



/** topsite rows **/
#content { margin-bottom: 20px; }
.eintrag {
	clear			: left;
   display		: block;
   overflow		: hidden;
   margin		: 0 0 10px 0;
}
.rang, .eintrag_banner, .hits_in, .hits_out {
	background	: #222;
   border		: 1px solid #666;
   color			: #fff;
   display		: inline;
   float			: left;
   height		: 130px;
   width			: 75px;
}
/* hover für ajax hover .. */
.rang_hover, .eintrag_banner_hover, .hits_in_hover, .hits_out_hover {
	background	: #333;
   border		: 1px solid #666;
   color			: #fff;
   display		: inline;
   float			: left;
   height		: 130px;
   width			: 75px;
}
.rang {
	border-right: none;
   font-size	: 30px;
   line-height	: 130px;
}
.eintrag_banner {
	border-right: none;
   width			: 510px;
}
.eintrag_banner_inner { padding:5px; }
.hits_in { border-right:none; }
.hits_in p, .hits_out p { padding-top:40px; }

.promoblock {
	background	: #333 url(images/bg_promo.gif) top left repeat;
   border		: 1px solid #666;
   margin		: 0 0 10px 0;
   padding     : 20px;
   text-align  : center;
   width       : 698px;
}

/* S T A T I S T I K 
--------------------------------------------------- */
#stats { color:#999; margin:20px; }
.flt_120 { display:inline; float:left; width:120px; }
.flt_250 { display:inline; float:left; width:250px; }



/* V O M   O R I G I N A L   S T Y L E S H E E T 
--------------------------------------------------- */

.new {
  color: #FF0000;
  font-weight:bolder;
}
.description {
  font-size:12px;
  padding-left:4px;
  padding-top:0px;
  padding-right:4px;
  padding-bottom:4px
}
a.members {
  font-size: 12px;
  color: #000000;
}
a.members:visited { color: #000000; }
a.members:hover { color: #000000; }
a.members:active { color: #000000; }