/*
*		PAGE OFFSET und LAYOUT
*/
* {
padding: 0; margin: 0;
}
a, img {
	border: 0;
}
a.startLink {
	font-style: italic;
	color: #838282;
}

body, html { 
	height: 100% !important; 
	padding: 0;
	background: url(../img/bg_bodyL.png) top left repeat-x;
}
#wrapper {
	position:relative !important;
	min-height:100%;
	height: auto !important;
	background: #fff;
	margin: 0px auto;
	width: 946px;
	clear: both;
	background: url(../img/bg_contentWrapperL.png) top left no-repeat;
}
* html #wrapper { 
	height:100% !important;
}
.page { 
	padding: 0px 23px 45px 23px;		
}
/* Alle inneren Divs von belangen bekommen links und rechts padding des Schattens */
#HeaderOfNavigation, #header, #footer_content, #SiteVisualContainer {
	margin: 0px 23px 0px 23px;
}
#HeaderOfNavigation {
	background: url(../img/bg_header.png) no-repeat;		
}
#header {
	height: 235px;
	/*background: transparent url(../img/bg_SiteHeader.gif);*/
}
#SiteVisualContainer {
	position: relative;
	width: 900px;
	height: 235px;
	background: url(../img/bg_SiteHeader.gif);
}

#PagePortfolioStorage {
	display: none;
	position: absolute;
	top: 0px; left: 0px;
}



#SiteVisual {
	/*display: none;*/
}
#footer_content, footer {
	height: 25px;
}
#footer {
    position:relative !important;
    width: 946px;	    
    margin: 0 auto;
    margin: -25px auto 0;
	border: 0 none;
    padding: 0;	    
}
#etracker {
	position:absolute;
	top:1px;
	left:1px;
	float:left;
	width:1px;
	height:1px;
	display:block;
	overflow:hidden;
}
/*
*		TOP NAVIGATION
*/
ul#mainNavigation {
	float: left;
	margin-top: 44px;
	position: relative;
	list-style: none;
	width: 322px;
	height: 46px;
	background: url(../img/bg_topnavi.png) top left no-repeat;			
}
ul#mainNavigation li, ul#mainNavigation li a {
	position: absolute;
	top: 0px; left: 0px;						
}
ul#mainNavigation li a {
	background-position: 0px 46px;
	z-index: 1;
}
ul#mainNavigation li a.hi, ul#mainNavigation li a.hi:hover {
	background-position: 0px -46px;			
}		
ul#mainNavigation li, ul#mainNavigation li a {
	height: 46px;
	display: block;			
}
ul#mainNavigation li a:hover {
	background-position: 0px 0px;			
}
#TopNavHome {
	width: 64px;
	left: 0px;
	background: url(../img/nav_topHome.png) top left no-repeat;
}
#TopNavProfil {
	width: 61px;
	margin-left: 63px;
	background: url(../img/nav_topProfil.png) top left no-repeat;
}
#TopNavArbeiten {
	width: 79px;
	margin-left: 123px;
	background: url(../img/nav_topArbeiten.png) top left no-repeat;
}
#TopNavJobs {
	width: 55px;
	margin-left: 201px;
	background: url(../img/nav_topJobs.png) top left no-repeat;
}
#TopNavKontakt {
	width: 67px;
	margin-left: 255px;
	background: url(../img/nav_topKontakt.png) top left no-repeat;
}
/**
*		LOGO UND HUNDEHUETTE
**/
#logo {
	width: 91px;
	height: 91px;
	float:left;			
}
#doghouse {
	float: right;
	margin: 14px 20px 0px 0px;
}
#footer_content {
	position:relative;
	background: url(../img/bg_footer.png) top left no-repeat;
	height: 25px;
}

/**
*	FOOTER NAVIGATION
**/
ul#footerNavigation {
	list-style: none;			
}
ul#footerNavigation li { 
	float: left;
	margin-top:1px;	
}
ul#footerNavigation li, ul#footerNavigation li a {
	display: block;
	height: 23px;
}
ul#footerNavigation li a#footDisclaimer {
	width: 84px;
	background: url(../img/nav_footDisclaimer.png) top left no-repeat;			
}
ul#footerNavigation li a#footLegal {
	width: 84px;
	background: url(../img/nav_footLegal.png) top left no-repeat;			
}
ul#footerNavigation li a#footKB {
	width: 94px;
	background: url(../img/nav_footKundenbereich.png) top left no-repeat;			
}
#PixelheimatFooterRight {
	float: right;			
	margin-top: 1px;
}

/**
*	Kundenbereich
**/
#clientLogin, #clientLoginError {
	position:absolute;
	top:4px;
	left:84px;
	width:500px;
	display:none;
}
#clientLoginError {
	color:#DB2B2D;
	font-weight:bold;
	background-color:#fff;
	padding:1px 0 0 4px; 
	z-index:10;
}
#clientLogin INPUT.text {
	float:left;
	width:96px;
	height:11px;
	border:1px solid #aaa;
	font-size:90%;
	line-height:15px;
	color:#323232;
	padding:2px;
	margin:0 5px 0 0;
}
#clientLogin INPUT.submit {
	float:left;
}

/**
*	Navigation in einer Site
**/
ul#InnerNavSortA, ul#InnerNavSortB {
	float: left;
	list-style: none;
	margin-top: 16px;
	line-height: 1.67em;
}		
ul#InnerNavSortA.subject li a, ul#InnerNavSortB.clients li a {
	text-transform: uppercase;
}
ul#InnerNavSortA li a:hover, ul#InnerNavSortB li a:hover , ul#InnerNavSortA li a.hi, ul#InnerNavSortB li a.hi {
	color: #dc2c2d;
}
.NavSeparator {
	background: url(../img/bg_contentNavSeparator.png) no-repeat;
	background-position: 30px 0px;
	float: left;
	width: 1px;
	height: 255px;
	padding: 0px 20px 0px 30px;			
}
/**
*		SideTabs
**/
ul#TabToTheLeft, ul#TabToTheLeft li, ul#TabToTheRight, ul#TabToTheRight li {
	list-style: none;
	width: 23px;
}
/** left Tab **/
ul#TabToTheLeft {
	position: absolute;
	left: 0px;
	top: 375px;
}
ul#TabToTheLeft #TabLeftThemen {
	display: block;
	background: url(../img/bg_TabLeftThemen.png) top left no-repeat;
	width: 23px;
	height: 71px;			
}
ul#TabToTheLeft #TabLeftKunden {
	display: block;
	background: url(../img/bg_TabLeftKunden.png) top left no-repeat;
	width: 23px;
	height: 68px;
}
/** right Tab **/
ul#TabToTheRight {
	float: right;
}
ul#TabToTheRight #TabRightThemen {
	display: block;
	background: url(../img/bg_TabRightThemen.png) no-repeat;
	width: 23px;
	height: 71px;
}
/** 
* SiteContent PagerNavigation 
**/
div#PagerContainer {
	width: 70px;
	height: 22px;
	overflow-x:hidden;
	position: absolute;
	top: 347px;
	right: 40px;
}		
ul#Pager {			
	list-style: none;
	width: 10000px; 
	position: absolute;
	left: 0px; top: 0px;
}
ul#Pager li, ul#Pager li a{
	float: left;
	display: block;
	width: 19px;
	height: 19px;			
}
ul#Pager li {
	padding-left: 5px;
}
.Pager {
	font-family: arial;
	font-size: 12px;
	color: #ffffff;
	background-color: #aaaaaa;
	font-weight: bold;
}
.PageHi {
	background-color: #686868;
}
.PagerLink {
	padding: 2px 0px 0px 6px;
	display: block;	
}


/**
*		AllTimeHelpers
**/
.noDisplay {
	display: none;						
}
div {
		/*border: 1px solid #c00;*/
}
.floatLeft {
	float: left;
}
.clearFloats {
	clear: both;
}