@charset "utf-8";
/* CSS Document */


html{
	overflow-y:scroll;
	overflow-x: hidden; 
}

/* Tagformatierungen */

body{


	background-color: #1e1e1e;
	background-image:url("http://www.powerpixx.ch/images/background1.jpg");
	background-repeat:repeat-y;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

div{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#042083;
}

img{
	border:none;
}

a{
	text-decoration:none;
	color:#042083;
	cursor:pointer;
}

h1{
	text-align:left;
	margin-left:5px;
	margin-right:5px;
	padding-left:15px;
	padding-bottom:3px;
	font-size:12px;
	border-bottom:2px solid #B80717;
}

h3{
	text-align:right;
	margin-left:5px;
	margin-right:5px;
	padding-right:15px;
	padding-bottom:3px;
	font-size:12px;
	border-bottom:2px solid #B80717;
}

h2{
	text-align:right;
	margin-left:5px;
	margin-right:5px;
	padding-right:15px;
	padding-bottom:3px;
	font-size:12px;
	border-bottom:2px solid #B80717;
}

hr{
	margin-right:5px;
	color: #B80717;
	}

a:hover{
	text-decoration:underline;
}

input,select,textarea{
	border:1px solid #B10616;
	background-color:#D9D9D9;
}

/* ID-Formatierungen */

div#header{
	background-image:url("../images/main/header.png");
	background-repeat:no-repeat;
	width:1008px;
	height:123px;
	background-position:center;
}

div#header_box{
	background-image:url("../images/bg_top_box.png");
	width:300px;
	height:110px;
	margin-right:0px;
	padding:5px;
	padding-top:8px;
	float:right;
	font-size:10px;
	text-align:left;
}

div#header_adsense{
	width:480px;
	height:50px;
	margin-right:10px;
	padding:0px;
	padding-top:60px;
	float:right;
	text-align:left;
}


div#navi{
	width:1008px;
	height:30px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#b10508;
	background-position:center;
	
}

div#base{
	width:1008px;
	background-color:#FFFFFF;
	background-position:center;
	padding-top: 15px;
	padding-bottom: 15px;
}

div#subbase{
	width:998px;
}

div#box{
	background-repeat:repeat-x;
	background-position: 0px 20px;
	text-align:left;
	color:#000000;
	
}

div#box_top{
	background-image:url("../images/main/bg_div_head.png");
	background-repeat:repeat-x;
	height:20px;
	color:#000000;/*color:#042083;*/
	font-size:11px;
	font-weight:bold;
	padding: 2px 5px 0px 5px;
}

.right_title{
	float:right;
}

.right{
	text-align:right;
}

#pager{
	float:right;
	text-align:right;
}

div#bottom{
	background-image:url("../images/main/bottom.png");
	background-repeat:repeat-x;
	height:50px;
	width:1008px;
	text-align:center;
	padding-top:20px;
	color:#042083;
	font-size:11px;
}

.box_text{
	padding:5px;
}

div#tab{
	text-align:left;
	width:998px;
}

.small_text{
	font-size:10px;
}

a#event{
	text-decoration:none;
}

div#eventd{
	height:85px;
	background-image:url('../images/main/box_bg/85.png');
	background-repeat:repeat-x;
}

div#eventd:hover{
	background-image:url('../images/main/box_bg/85_t.png');
	background-repeat:repeat-x;
}

div#event_img{
	padding:3px;
	border:1px solid #b8b8b8;
	background-color:#ffffff;
	float:left;
	margin-right:5px;
}

div#event_img:hover{
	padding:3px;
	border:1px solid #fc8403;
	background-color:#fc8403;
}

div#event_txt{
	padding-top:5px;
	width:240px;
}

div#event_teilnehmer{
	margin-top:5px;
}

div#hot_event{
	height:85px;
	background-image:url('../images/main/box_bg/85.png');
	background-repeat:repeat-x;
	border-bottom:1px solid #b8b8b8;
	padding:1px 0px 0px 6px;
	width:259px;
}

div#hot_event:hover{
	background-image:url('../images/main/box_bg/85_t.png');
	background-repeat:repeat-x;
}

div#gallery_img{
	padding:5px 5px 40px 5px;
	border:1px solid #b8b8b8;
	background-image:url('../images/main/box_bg/85.png');
	background-repeat:repeat-x;
	background-position:bottom;
	float:left;
	margin:0px 0px 10px 31px;
	width:200px;
	height:200px;
	text-align:center;
}

div#gallery_img_mp{
	padding:5px 5px 5px 5px;
	border:1px solid #b8b8b8;
	background-image:url('../images/main/box_bg/85.png');
	background-repeat:repeat-x;
	background-position:bottom;
	float:left;
	margin:0px 5px 0px 0px;
	width:160px;
	height:200px;
	text-align:center;
}

div#new_usr_ho{
	padding:5px 5px 5px 5px;
	border:1px solid #b8b8b8;
	background-image:url('../images/main/box_bg/85.png');
	background-repeat:repeat-x;
	background-position:bottom;
	float:left;
	margin:0px 0px 0px 8px;
	width:160px;
	height:200px;
	text-align:center;
}

div#gallery_img:hover{
	border:1px solid #fc8403;
}

div#gallery_img_mp:hover{
	border:1px solid #fc8403;
}

div#new_usr_ho:hover{
	border:1px solid #fc8403;
}

div#img_info{
	margin:5px 0px 0px 0px;
	text-align:left;
}

.icon{
	padding:0px 0px 0px 0px;
}

#cell_bg_0{
	background-color:#FFFFFF;
	border-bottom:1px solid #f0f0f0;
}

#cell_bg_1{
	background-color:#F8F8F8;
	border-bottom:1px solid #f0f0f0;
}

.nmsdiv {
	background-image:url("../images/icons/nametag.png");
	border:5px;
	color:#ffffff;
	font-size:10px;
	padding:0 0 0 10px;
	position:absolute;
	height:15px;
}

div#friend{
	float:left;
	padding:3px;
	width:180px;
}

div.bubble{
	background-image:url("../images/boubble.png");
	background-repeat:no-repeat;
	padding:25px 10px 0px 10px;
	font-size:10px;
	height:108px;
	width:266px;
	text-align:left;
}
div.absolute{
	position:absolute;
}

.bg{
	background-color:#ececec;
}

div#statement{
	margin:5px;
	border:1px solid #000000;
	padding:5px;
}

a#page_nr{
	border-left:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
	padding:0px 3px 0px 3px;
	color:#000000;
}
a#page_nr:hover{
	border-left:1px solid #fc8403;
	border-right:1px solid #fc8403;
	background-color:#fc8403;
	text-decoration:none;
}

.tbl_border{
	border:1px solid #b8b8b8;
}

.tbl_border:hover{
	border:1px solid #fc8403;
}

div#pic_info{
	text-align:left; 
	padding:7px 5px 5px 5px;
	background-image:url("../images/bg_picinfo.png");
	background-repeat:repeat-x;
	height:60px;
}

img.img_vertical{
	vertical-align:middle;
}

div#msger{
	width:998px;
	text-align:left;
}

img#msger_img{
	margin-right:10px;
	margin-left:10px;
	height:30px;
	vertical-align:middle;
}

div#comment{
	text-align:left;
}

div#forum_category{
	height:30px;
	background-image:url('../images/main/box_bg/85.png');
	background-repeat:repeat-x;
	padding:10px;
}

div#forum_category:hover{
	background-image:url('../images/main/box_bg/85_t.png');
	background-repeat:repeat-x;
}

div#news{
	background-image:url('../images/main/box_bg/85.png');
	background-repeat:repeat-x;
	border-bottom:1px solid #b8b8b8;
	padding:10px 0px 0px 10px;
}

div#hot_event:hover{
	background-image:url('../images/main/box_bg/85_t.png');
	background-repeat:repeat-x;
}

/* User Statement Box */

.statementbox{
background-color: #ececec;
width: 708px;
padding: 10px;
}

.statementfooter{
background-image: url('http://www.powerpixx.ch/images/arrow_pfeil.gif');  /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
background-repeat: no-repeat;
height:18px;
margin-left: 20px;
padding-top: 1px;
margin-bottom: 0em;
font-size: 100%;
color: #4A4A4A;
}


/* Msger Klassen */
	div.warning{
		border:1px solid #FE9A2E;
		background-color:#F2F2F2;
	}
	div.okey{
		border:1px solid #04B404;
		background-color:#F2F2F2;
	}
	div.cancel{
		border:1px solid #DF0101;
		background-color:#F2F2F2;
	}
	

/*Download Bar */
#downloadbar
	{
		display: none;
		
		background-color: #555;
		color: white;
		font-weight:bold;
		
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;

		
		padding: 10px 10px 10px 35px;
		background-image: url('../images/icons/download.png');
		background-position: 10px center;
		background-repeat: no-repeat;
		
		position: fixed;
		top: 0;
		right: 20px;
		width: 140px;
		
		z-index: 9999;
	}

/*Download Bar */
#wettbewerb
	{
		display: none;
		
		background-color: #555;
		color: white;
		font-weight:bold;
		
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;

		
		padding: 10px 10px 10px 35px;
		
		position: fixed;
		top: 0;
		width: 1024px;
		
		z-index: 9999;
	}

/*Menue/*/

#tabmenue {
  padding: 3px;
  border-bottom: 1px solid #777; 
  text-align:left;
}
#tabmenue li {
  display: inline; 
}
#tabmenue li a {
  padding: 3px 1em;
  margin-left: 3px;
  background:#ebebeb;
  border: 1px solid #777;
  border-bottom: 0;
  text-decoration: none;
}
#tabmenue li a#aktuell {
  padding-bottom: 3px; 
  border-bottom: 1px solid #ffffff;
   background:#ffffff;
}


/*Menue register test/*/
#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}


/* botton =event*/

#pp-event, .answer-util .event-abuse {
background:url("http://www.powerpixx.ch/images/icons/rating-bg.gif") repeat-x scroll 0 100% #FFFFFF;
padding:0 3px 0 0;
}
#pp-event {
border:1px solid #CCCCCC;
float:right;
font-size:85%;
line-height:19px;
}
#pp-event a, #pp-report span {
background:url("http://www.powerpixx.ch/images/icons/rating.gif") no-repeat scroll 3px -897px transparent;
float:left;
min-height:19px;
padding:0 3px 0 20px;
}
#pp-event a:hover {
text-decoration:none;
}
.qa-container .answer-util .event-abuse a, .qa-container .answer-util .event-abuse span {
background:url("http://www.powerpixx.ch/images/icons/rating.gif") no-repeat scroll 3px -897px transparent;
float:left;
font-size:92%;
line-height:19px;
min-height:19px;
overflow:hidden;
padding:0 3px 0 20px;
}
.qa-container .answer-util .event-abuse span, #pp-event span {
background-position:3px -1097px;
}
.qa-container .answer-util .event-abuse a:hover, #pp-event a:hover {
background-position:3px -997px;
}
/* botton =raiting positiv*/

#pp-raitingpro, .answer-util .raitingpro-abuse {
background:url("http://www.powerpixx.ch/images/icons/rating-bg.gif") repeat-x scroll 0 100% #FFFFFF;
padding:0 3px 0 0;
}
#pp-raitingpro {
border:1px solid #CCCCCC;
float:left;
font-size:85%;
line-height:19px;
}
#pp-raitingpro a, #pp-report span {
background:url("http://www.powerpixx.ch/images/icons/rating.gif") no-repeat scroll 3px -100px transparent;
float:left;
min-height:19px;
padding:0 3px 0 20px;
}
#pp-raitingpro a:hover {
text-decoration:none;
}
.qa-container .answer-util .raitingpro-abuse a, .qa-container .answer-util .raitingpro-abuse span {
background:url("http://www.powerpixx.ch/images/icons/rating.gif") no-repeat scroll 3px -300px transparent;
float:left;
font-size:92%;
line-height:19px;
min-height:19px;
overflow:hidden;
padding:0 3px 0 20px;
}
.qa-container .answer-util .raitingpro-abuse span, #pp-raitingpro span {
background-position:3px -300px;
}
.qa-container .answer-util .raitingpro-abuse a:hover, #pp-raitingpro a:hover {
background-position:3px -300px;
}

/* botton =raiting negativ*/

#pp-raitingcontra, .answer-util .raitingcontra-abuse {
background:url("http://www.powerpixx.ch/images/icons/rating-bg.gif") repeat-x scroll 0 100% #FFFFFF;
padding:0 3px 0 0;
}
#pp-raitingcontra {
border:1px solid #CCCCCC;
float:left;
font-size:85%;
line-height:19px;
}
#pp-raitingcontra a, #pp-report span {
background:url("http://www.powerpixx.ch/images/icons/rating.gif") no-repeat scroll 3px -500px transparent;
float:left;
min-height:19px;
padding:0 3px 0 20px;
}
#pp-raitingcontra a:hover {
text-decoration:none;
}
.qa-container .answer-util .raitingcontra-abuse a, .qa-container .answer-util .raitingcontra-abuse span {
background:url("http://www.powerpixx.ch/images/icons/rating.gif") no-repeat scroll 3px -300px transparent;
float:left;
font-size:92%;
line-height:19px;
min-height:19px;
overflow:hidden;
padding:0 3px 0 20px;
}
.qa-container .answer-util .raitingcontra-abuse span, #pp-raitingcontra span {
background-position:3px -700px;
}
.qa-container .answer-util .raitingcontra-abuse a:hover, #pp-raitingcontra a:hover {
background-position:3px -700px;
}


/* Neues css für Pagebearbeitung */

/* Neues Boxdesign*/

.box_new { 
		
		letter-spacing: 0.1em;  
		font-weight: 600; 
		line-height: 1.5;
		margin-bottom: 5px; 
		padding-bottom: 0px; 
		border-bottom: 1px solid #ccc;
		font-size:11px;
	
	}


.clearfix:after 			 { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
	* html .clearfix             { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */
	
	
	
/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
*/

	.panel h2.title { display: none }


	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 605px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 605px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	.popularslider { border-bottom: 1px solid #ccc; margin-bottom: 0 }
	.popularslider, .popularslider .panel { width: 300px; height: 450px }
	
	/* Tab nav */
	.coda-nav ul li a.current { color: #000000 }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0 }
	#popularslider-1 .panel-wrapper { padding: 15px }
	/* Preloader */
	.coda-slider p.loading { text-align: center }
	
	#coda-nav-2 { position: absolute; bottom: 0px; line-height: 1; font-size: 3em; }
	
	#coda-nav-1 ul { margin: 0; padding: 0 }
	#coda-nav-1 ul li { float: left; display: block; border-right: 1px solid #ccc; width: 99px; background-color: #efefef;  }
	#coda-nav-1 ul li.last { width: 100px; border: 0; }
	#coda-nav-1 ul li a:link,
	#coda-nav-1 ul li a:visited,
	#coda-nav-1 ul li a:focus,
	#coda-nav-1 ul li a:active {
		display: block;
		line-height: 30px;
		text-align: center;
		text-decoration: none;
		color: #666;
		background-image: url(img/populartab.png); background-position: right bottom; background-repeat: no-repeat;
		text-shadow: 1px 1px 1px #fff;
	}
	#coda-nav-1 ul li a.current { color: #000000; background-position: left bottom;}

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { color: #666; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
	

/* ----------------------------------------------------------------------------- 
   
   Plugins

----------------------------------------------------------------------------- */

#FlashDiv {
position:fixed;
right:0px; /* Positionierung links */
top:0px; /* Positionierung oben */
width:200px; /* Breite (Flashgrösse) */
height:600px; /* Höhe (Flashgrösse) */
z-index:9;
}