/* ===========================================

Projekt:	DOORCRACKER
Datum:		09.09.2009
Autor:		Philipp Burton
			
=========================================== */

/* -------------------------------------------
	1. Allgemein
------------------------------------------- */
*{ margin:0px; padding:0px; }

body{
	background-color:#000000;
	color:#484848;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(/static/images/bg.jpg);
	background-position:top center;
}

img{ border: 0px; }

.clear{ clear:both; }

/* -------------------------------------------
	2. Hyperlinks
------------------------------------------- */

a{ outline:0; }

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

/* -------------------------------------------
	3. Positionierung
------------------------------------------- */

#headerbg{
	position:absolute;
	width:100%;
	height:279px;
	background-image:url(/static/images/header.png);
	background-position:top center;
	z-index:-2;
	top:0;
	left:0;
}

#container{
	position:relative;
	width:854px;
	margin:0 auto;
}

#topleiste{
	position:relative;
	font-size:10px;
	color:#999999;
	height:35px;
}
	#topleiste a{
		font-size:10px;
		color:#999999;
		text-decoration:none;
	}
	#topleiste div#nachricht{
		width:300px;
		float:left;
		padding-top:12px;
		padding-left:10px;	
	}
	#topleiste div#sprache{
		float:right;
		width:65px;
	}
	
#topleiste img#logo{
	position:relative;
	margin-left:-10px;
}

#topleiste img.bannertop{
	position:absolute;
	top:66px;
	right:3px;
}

/*###################################*/
/*____________ NAVIGATION __________*/
/*###################################*/

#container #navigation{
	width:840px;
	height:48px;
	margin-left:10px;
	margin-top:123px;
	background-image:url(/static/images/navigation.png);
}


.navi-home span{
	display:none;
}
.navi-home:link, .navi-home:visited {
	display:block;
	width:71px;
	height:48px;
	background-image:url(/static/images/nav/home_a.png);
	float:left;
}
.navi-home:hover, .navi-home:active, .navi-home:focus {
	background-image:url(/static/images/nav/home_b.png);
}


.navi-doors span{
	display:none;
}
.navi-doors:link, .navi-doors:visited {
	display:block;
	width:71px;
	height:48px;
	background-image:url(/static/images/nav/doors_a.png);
	float:left;
}
.navi-doors:hover, .navi-doors:active, .navi-doors:focus {
	background-image:url(/static/images/nav/doors_b.png);
}


.navi-specials span{
	display:none;
}
.navi-specials:link, .navi-specials:visited {
	display:block;
	width:90px;
	height:48px;
	background-image:url(/static/images/nav/specials_a.png);
	float:left;
}
.navi-specials:hover, .navi-specials:active, .navi-specials:focus {
	background-image:url(/static/images/nav/specials_b.png);
}


.navi-contact span{
	display:none;
}
.navi-contact:link, .navi-contact:visited {
	display:block;
	width:87px;
	height:48px;
	background-image:url(/static/images/nav/contact_a.png);
	float:left;
}
.navi-contact:hover, .navi-contact:active, .navi-contact:focus {
	background-image:url(/static/images/nav/contact_b.png);
}


.navi-guestbook span{
	display:none;
}
.navi-guestbook:link, .navi-guestbook:visited {
	display:block;
	width:102px;
	height:48px;
	background-image:url(/static/images/nav/guestbook_a.png);
	float:left;
}
.navi-guestbook:hover, .navi-guestbook:active, .navi-guestbook:focus {
	background-image:url(/static/images/nav/guestbook_b.png);
}


.navi-forum span{
	display:none;
}
.navi-forum:link, .navi-forum:visited {
	display:block;
	width:75px;
	height:48px;
	background-image:url(/static/images/nav/forum_a.png);
	float:left;
}
.navi-forum:hover, .navi-forum:active, .navi-forum:focus {
	background-image:url(/static/images/nav/forum_b.png);
}


.navi-user span{
	display:none;
}
.navi-user:link, .navi-user:visited {
	display:block;
	width:60px;
	height:48px;
	background-image:url(/static/images/nav/user_a.png);
	float:left;
}
.navi-user:hover, .navi-user:active, .navi-user:focus {
	background-image:url(/static/images/nav/user_b.png);
}

/*###################################*/
/*________________ ENDE _____________*/
/*###################################*/

.advertising{
	width:854px;
	height:105px;
	background-image:url(/static/images/adv_bg.png);
}
	.advertising img{
		margin-top:7px;
		margin-left:24px;
	}

#doors{
	width:854px;
	height:40px;
	background-image:url(/static/images/doorleiste.png);
	margin-top:10px;
}

#content_top{
	margin-top:15px;
	width:854px;
	height:27px;
	background-image:url(/static/images/content_top.png);
}
#content_bg{
	width:854px;
	background-image:url(/static/images/content_bg.png);
	background-repeat:repeat-y;
}
#content_bottom{
	width:854px;
	height:24px;
	background-image:url(/static/images/content_footer.png);
	background-repeat:no-repeat;
}

	#sidebar{
		width:226px;
		float:left;
	}
		#sidebar #profil{
			margin-top:-14px;
			width:210px;
			height:285px;
			background-image:url(/static/images/characterbg.png);
			background-repeat:no-repeat;
			padding-top:35px;
			padding-left:12px;
		}
		#sidebar #profil h3{
			color:#e85600;
			font-size:14px;
			margin-bottom:4px;
		}
		#profil td.level{
			font-size:14px;
			color:#999999;
			font-weight:bold;
		}
		#profil img{
			margin-bottom:10px;
		}
		#sidebar #google{
			margin-top:10px;
			width:214px;
			height:69px;
			background-image:url(/static/images/google.png);
			background-repeat:no-repeat;
			padding:10px 0 0 12px;
		}
		#google h3{
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
			color:#ffffff;
			margin-bottom:12px;
		}
		#google input{
			background-color:#000000;
			border:1px solid #666666;
			padding:4px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#999999;
			width:150px;
		}
		
	#inhalt{
		width:588px; /*628*/		
		padding:6px 20px 10px 20px;
		float:left;
		min-height:430px;
	}
		#inhalt #suchmaske{
			width:550px;
			background-image:url(/static/images/suchmaskebg.png);
			background-repeat:repeat-x;
			border:1px solid #dadada;
			padding:7px 10px 7px 10px;
			color:#999999;
		}
		#inhalt table.liste{
			width:550px;
		}
		#inhalt table.liste td{
			padding:6px;
			border-bottom:1px solid #e6e6e6;
			color:#7a7a7a;
		}
		
		#inhalt table.guestBook td{
			padding:6px;
			color:#e85601;
			font-size:10px;
			text-transform:uppercase;
			font-weight:bold;
			padding:6px;
		}
		
		#inhalt table.liste td a{
			color:#7a7a7a;
		}
		#inhalt table.liste td.headline{
			color:#e85601;
			border-bottom:1px solid #e85601;
			font-size:10px;
			text-transform:uppercase;
			font-weight:bold;
			padding:6px;
		}
		
		
		#inhalt #swfdoor{
			width:605px;
			height:417px;
			background-image:url(/static/images/swfbg.png);
			background-repeat:no-repeat;
			margin-left:-14px;
			margin-top:-13px;
			text-align:center;
		}
			#inhalt #swfdoor object{
				margin-top:3px;
			}
		
		#inhalt h1{
			color:#e85600;
			font-size:18px;
			font-family:Arial, Helvetica, sans-serif;
			margin-bottom:10px;
		}
		#inhalt p{
			font-size:12px;
			line-height:20px;
		}
	
	#statistik{
		position:relative;
		margin-top:-20px;
		width:854px;
		height:122px;
		background-image:url(/static/images/zusatz.png);
	}
		#statistik h2{
			font-size:16px;
			color:#ffffff;
			font-weight:bold;
			text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			position:absolute;
			top:7px;
			left:30px;
		}
		#statistik h3{
			font-size:16px;
			color:#ffffff;
			font-weight:bold;
			text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
		}
		#statistik #user{
			color:#ffffff;
			font-size:12px;
			position:absolute;
			top:44px;
			left:22px;
			line-height:21px;
		}
		#statistik div#comvoting{
			position:absolute;
			left:270px;
			top:33px;
		}
		#statistik div#comvoting p{
			color:#ffffff;
			font-size:12px;
			margin-top:6px;
			line-height:21px;
			margin-left:10px;
		}
		#statistik div#yourvoting{
			position:absolute;
			left:466px;
			top:33px;
		}
		#statistik div#yourvoting p{
			color:#ffffff;
			font-size:12px;
			margin-top:6px;
			line-height:21px;
		}
	
	#last8{
		margin-top:15px;
	}
	
	#last8 h2{
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#333333;	
		margin-bottom:10px;
	}
	#last8 .zettel{
		width:137px;
		height:140px;
		background-image:url(/static/images/last8.png);
		background-repeat:no-repeat;
		padding-top:24px;
		text-align:center;
	}
	.zettel span{
		display:block;
		font-weight:bold;
		color:#e85600;
		margin-bottom:2px;
		margin-top:6px;
	}
	
	#top3 table#ridbg{
		width:841px;
		height:132px;
		background-image:url(/static/images/riddler.png);
		background-repeat:no-repeat;
		padding:5px 3px 0 10px;
		margin-bottom:20px;
	}
	#top3 h2{
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#333333;
		margin-bottom:10px;	
		margin-top:20px;
	}
	#top3 .riddler{
		width:260px;
		height:96px;
		background-image:url(/static/images/ridbg.png);
		background-repeat:no-repeat;
		padding:7px 3px 3px 7px;
	}
	.riddler img.pic{
		margin-right:10px;
	}
	#top3 h3{
		font-size:14px;
		color:#ffffff;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#footer{
		margin-left:-10px;
		margin-bottom:20px;
		width:804px;
		height:101px;
		background-image:url(/static/images/footer.png);
		line-height:21px;
		padding-top:10px;
		padding-left:50px;
	}
	#footer a{
		font-size:11px;
		color:#484848;
		font-weight:normal;
	}
	#footer .copy{
		font-size:10px;
		line-height:16px;
	}	
		
	#epContainer{
		width:196px;
		height:22;
		background-image:url(/static/images/p_ep_back.jpg);
		margin-bottom:15px;
	}
	
	#epStart{
		height:22px;
		width:4px;
		background-image:url(/static/images/p_ep_start.jpg);
		float:left;
	}
	
	#epEnd{
		background-image:url(/static/images/p_ep_end.png);
		height:22px;
		width:4px;
	}
	
	#epBar{
		float:left;
		background-image:url(/static/images/p_ep_bar2.jpg);		
		height:22px;
	}
	
	.profileContainer td{
		border-bottom:1px solid #E6E6E6;
		color:#7A7A7A;
		padding:6px;
	}
	
	.profileContainer #userName, input, textarea,select, radio, file{
		border:1px solid #E6E6E6;
		color:#7A7A7A;
	}
	
	
	#googleSearch{
		position:absolute;
		height:22px;
		width:60px;
		cursor:help;		
		margin-left:140px;
		margin-top:-55px;
	}
	
	#avatarPreviewContainer{
		position:absolute;
		margin-left:215px;
		margin-top:9px;
		float:left;
	}
	
	.avatarPreview{
		height:13px;
		width:60px;
		border:1px solid #ffffff;
		color:#7A7A7A;
	}
	
	#preview{
		position:absolute;
		margin-left:310px;
		margin-top:9px;
		height:100px;
		width:100px;
	}
	
	.doorContainer{
		background-image:url(/static/images/papier-breit3.png);
		height:199px;
		width:191px;
		float:left;
	}
		
	.fortressContainer{
		background-image:url(/static/images/papier-breit4.png);
		height:199px;
		width:191px;
		float:left;
	}
	
	.keysDoorsContainer{
		background-image:url(/static/images/papier-breit5.png);
		height:199px;
		width:544px;
		float:left;
	}
		
	a.doorHeadLine{
			color:#e85600;
			font-size:18px;
			font-family:Arial, Helvetica, sans-serif;
			margin-bottom:10px;
	
	}
	
	strong.listHeading{
		color:#333333;
		font-size:16px;
		text-transform:uppercase;
	}
		
	input.field{
		border:0px;
		margin-left:-10px;
		height:15px;
		padding:6px;
		width:190px;
		background-image:url(/static/images/textfeld1.png);
	}
	
	input.field2{
		border:0px;
		height:15px;
		padding:6px;
		width:190px;
		background-image:url(/static/images/textfeld1.png);
	}
	
	#loginBox{
		display:block;
	}
	
	#registerBox{
		display:none;
	}
	
	.doorListItem{
		cursor:pointer;
		float:left;
		width:47px;
		height:24px;
		margin:1px;
		margin-bottom:4px;
		text-align:right;
		color:#E6E6E6;
		font-size:16px;
		padding:5px;
	}
	
	.pager{
		cursor:pointer;
	}
	
	.userPicture{
		width:92px;
		height:92px;
	}
	
	strong.rank{
		color:#e85600;
		font-size:14px;
	}
	
	.secretDoorHidden{
		position:absolute;
	}
	
	.sideBarItem{
		margin-left:18px;
		font-weight:bold;
	}
	.sideBarItemContent{
		width:200px;
		border:1px solid grey;	
	}
/* -------------------------------------------
	ENDE STYLESHEET
------------------------------------------- */