/*-----------------------------------------------------------------------------
[polargold] Screen Stylesheet Night Mode

version:   1.0
date:      2009-10-23
author:    Manuel Boy | polargold GmbH
email:     manuel@polargold.de

website:   polargold.de
-----------------------------------------------------------------------------*/


/* General
-----------------------------------------------------------------------------*/
* {
	outline: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {	
	color: #f9f9f9;
	font-size: 48px;
	margin-bottom: 1em;
}

	p a {
		color: #FFF;
	}

/* Document
-----------------------------------------------------------------------------*/
html {
	background-image: url(../images/layout/night/bg.jpg);
}

	html.loading {
		background-image: url(../images/layout/night/document_loading.gif);
	}

	#remark p.copy {
		background: url(/images/layout/night/pg_logo_tiny.gif) top left no-repeat;
	}
	
	
    body {
    	color: #afbdd6;
    }

/* Header
-----------------------------------------------------------------------------*/

	#header h1 {
		background: url(/images/layout/night/logo.gif) left top no-repeat;
	}


/* Footer
-----------------------------------------------------------------------------*/

#footer ul li a {
	border-bottom: 1px solid #333;
}

	#footer ul li a:hover {
		border-bottom: 1px solid #666;
	}

#footer ul li#f-kontakt a {
	background-image: url(/images/layout/night/footer_menu/btn_kontakt.png) !important;
	background-image: url(/images/layout/night/footer_menu/btn_kontakt.gif); /* IE6 */
}

#footer ul li#f-jobs a {
	background-image: url(/images/layout/night/footer_menu/btn_jobs.png) !important;
	background-image: url(/images/layout/night/footer_menu/btn_jobs.gif); /* IE6 */
}

#footer ul li#f-impressum a {
	background-image: url(/images/layout/night/footer_menu/btn_impressum.png) !important;
	background-image: url(/images/layout/night/footer_menu/btn_impressum.gif); /* IE6 */
}
	
/* Philosophie
-----------------------------------------------------------------------------*/

#philosophie-main {
	color: #afbdd6;
	border-right: 1px dotted #414D5D;
}

	#we-do dt {
		color: #eee;
	}
    
		#we-do dt span {
			background: url(/images/layout/night/arrow_blue.gif) right center no-repeat;
		}



/* agentur
-----------------------------------------------------------------------------*/

	.agentur-item .ti-name h3 {
		color: #afbdd6;
	}

	.agentur-item .ti-name p {
		color: #76849c;
	}


	#agentur-support #item-freelancer {
		background: url(/images/layout/night/plus.gif) 0 2px no-repeat;
	}
	
		.agentur-item a.xing {
			background: url(../images/layout/night/xing.gif) top left no-repeat;
		}

			.agentur-item a.xing:hover {
				background: url(../images/layout/night/xing.gif) bottom left no-repeat;
			}

/* News
-----------------------------------------------------------------------------*/

	ul#news-overview li a {
		background: url(/images/layout/night/arrow_blue.gif) right center no-repeat;
		color: #EEE;
	}
    
		#news-detail h2 {
			color: #afbdd6;
		}    
			
		#news-detail p {
		}

			#news-detail p a {
				color: #FFF;
			}
			
				#news-detail a.close {
			color: #EEE;
			}	


/* Showcase
-----------------------------------------------------------------------------*/

	#showcase-wrapper .pi {
	}

	.js #showcase-wrapper .pi {
		background-color: #2C3343;
	}

/* Showcase Detail
-----------------------------------------------------------------------------*/

#meta-main h4 {
	color: #afbdd6;
}

		#meta-info p a {
			color: #EEE;
			text-decoration: none;
		}
						
#info-button a {
	color: #FFF;
	background: url(/images/layout/night/info_btn.gif) top left no-repeat;
	text-decoration: none;
	display: block;
	padding: 3px 5px;
}

	#pitem-left a {
		background-image: url(/images/layout/night/paging_left.gif);
	}

#pitem-right {
	margin-top: -225px;
	margin-left: 800px;
}
	#pitem-right a {
		background-image: url(/images/layout/night/paging_right.gif);
	}		

	
/* Mini Icons
-----------------------------------------------------------------------------*/

#remark p.mobi a {
	background: url(/images/layout/night/icon-mobile.png) top left no-repeat;
}

#remark p.facebook a {
	background: url(/images/layout/night/icon-facebook.png) top left no-repeat;
}