body {
	background: #fff;
}

img {
	border: 0px;
}

/* globals */

/* schriften */


/* schriften ende */

/* layout */

	/* rahmen */
	#siteholder {
		background-repeat: no-repeat;
		background-color:#fff;
		margin:35px 0 0 0;
		width: 920px;
		height:640px;
		margin:auto;		/* horizontal centering for IE Win quirks */
		background-image: url(../img/startseite.gif);
		text-align:left;
		position: relative;
	}

	#popHolderPortfolio {
		background: transparent url(../img/portfolio/popBack.png) no-repeat;
		width:737px;
		height:557px;
		position:absolute;
		left: 184px;
		top:85px;
		
		display:none;	
	}
	#popHolderReferenzen {
		background: transparent url(../img/portfolio/popBack.png) no-repeat;
		width:737px;
		height:557px;
		position:absolute;
		left: 184px;
		top:85px;
		display:none;	
	}
	#popHolderKontakt {
		background: transparent url(../img/portfolio/popBack.png) no-repeat;
		width:737px;
		height:557px;
		position:absolute;
		left: 184px;
		top:85px;
		display:none;
		text-align: center;
	}
	#popHolderGueter {
		background: transparent url(../img/portfolio/popBack.png) no-repeat;
		width:737px;
		height:557px;
		position:absolute;
		left: -24px;
		top:85px;
		display:none;
	}
	#popHolderDoggi {
		background: transparent url(../img/portfolio/popBack.png) no-repeat;
		width:737px;
		height:557px;
		position:absolute;
		left: -19px;
		top:85px;
		display:none;
	}
	#popHolderShopKontakt {
		background: transparent url(../img/portfolio/popBack.png) no-repeat;
		width:737px;
		height:557px;
		position:absolute;
		left: -21px;
		top:85px;
		display:none;
	}
	
	/* projectheadline */
	#portfolioHeadline {
		padding-top: 30px;
		padding-left: 10px;
	}
	#portfolioPic {
		padding-left: 30px;
		padding-top: 0px;	
	}	
	
	/* refernzen holder */
	#holderReferenzen {
		padding-left: 50px;
		padding-top: 30px;
	}
	
	/* gueter stuff */
	#gueterHeadline {
		padding-top: 30px;
		padding-left: 10px;
	}
	#ladenGueterPic {
		padding-left: 30px;
		padding-top: 0px;	
	}
	/* doggy stuff */
	#doggyHeadline {
		padding-top: 30px;
		padding-left: 10px;
	}
	#doggyPic {
		padding-left: 30px;
		padding-top: 0px;	
	}
	#holderLadenKontakt {
		padding-left: 50px;
		padding-top: 30px;
	}
	/* allgemeine elemente */
	div.closer {
		margin-left:643px;
		padding-top:15px;
		cursor: pointer;
	}
	span.hideme {
		display:none;
	}

	/* fuer portfolio */
	#portfolioHeadline ul {
		height:39px;
		width:720px;
		list-style:none;
		padding: 0 0 0 0;
	}
	
	#portfolioHeadline ul li {
		list-style-position: outside;
		float:left;
	}
	li#backwards {
		width:69px;
		height:39px;
		background: url(../img/arrowLeftActive.gif) no-repeat center;
		cursor: pointer;
	}
	
	#portfolioHeadline ul li#further {
		width:69px;
		height:39px;
		background: url(../img/arrowRightActive.gif) no-repeat center;
		cursor: pointer;
	}

	li#portfolioHeadlineText {
		background: url(../img/portfolio/logo_phoeniXmotion01txt.gif) no-repeat;
		background-position:center;
		width:578px;
		height:38px;
		
		
	}
	/* listen / ansicht gueter */
	#gueterHeadline ul {
		height:39px;
		width:720px;
		list-style:none;
		padding: 0 0 0 0;
	}
	#gueterHeadline ul li {
		list-style-position: outside;
		float:left;
	}
	li#backwardsLG {
		width:69px;
		height:39px;
		background: url(../img/arrowLeftActive.gif) no-repeat center;
		cursor: pointer;
	}
	
	#gueterHeadline ul li#furtherLG {
		width:69px;
		height:39px;
		background: url(../img/arrowRightActive.gif) no-repeat center;
		cursor: pointer;
	}

	li#gueterHeadlineText {
		background: url(../img/laden/kalles.gif) no-repeat;
		background-position:center;
		width:578px;
		height:38px;
		
		
	}
	/* listen / ansicht gueter ende */
	/* listen / ansicht doggyeck */
	#doggyHeadline ul {
		height:39px;
		width:720px;
		list-style:none;
		padding: 0 0 0 0;
	}
	#doggyHeadline ul li {
		list-style-position: outside;
		float:left;
	}
	li#backwardsDE {
		width:69px;
		height:39px;
		background: url(../img/arrowLeftActive.gif) no-repeat center;
		cursor: pointer;
	}
	
	li#furtherDE {
		width:69px;
		height:39px;
		background: url(../img/arrowRightActive.gif) no-repeat center;
		cursor: pointer;
	}

	li#doggyHeadlineText {
		background: url(../img/laden/hundekissen.gif) no-repeat;
		background-position:center;
		width:578px;
		height:38px;
		
		
	}
	/* listen / ansicht doggyeck ende */
	
	/* eo allgemeine elemente  */
	
	/* nav elems buero */
	#menuBuero {
		margin-top:242px;
		margin-left:73px;
		width:100px;
		float:left;
		z-index: 1;
	}
	
	* html #menuBuero {
	  margin-left: 43px; 
		display: inline;
	}
	*+html #menuBuero {
		width: 120px;
		margin-left: 53px;
		margin-top: 256px;
	}
	#menuBuero ul{
		list-style: none;
		width:120px;
		height:20px;
		margin-left:-50px;
	}
	* html #menuBuero ul { display: inline; }
	*+html #menuBuero ul {
		margin-left: 10px;
		
	}
	#menuBuero ul li{
		list-style: none;
		width:120px;
		height:20px;
		cursor: pointer;
		margin-bottom: 20px;
	}
	* html #menuBuero ul li { margin-bottom: 13px; }
	*+html #menuBuero ul li {
		
	}

	/* ende nav elems buero */
	
	/* nav elems shop */
	#menuShop {
		margin-top:246px;
		m\argin-top:260px;
		margin-left:730px;
		m\argin-left:550px;
		width:140px;
		float:left;
		position: absolute;
	
	}
	#menuShop ul{
		list-style: none;
		width:140px;
		height:20px;
		margin-left:-50px;
		m\argin-left:-7px;
	}
	#menuShop ul li{
		list-style: none;
		width:140px;
		height:20px;
		cursor: pointer;
		margin-bottom: 56px;
		float: right;
	}
	/* hack fuer den ie */
	* html #menuShop {
		margin-top:260px;
		margin-left:550px;
		width:140px;
		float:left;
		position: absolute;
	
	}
	* html #menuShop ul{
		list-style: none;
		width:140px;
		height:20px;
		margin-left:-7px;
	}
	* html #menuShop ul li{
		list-style: none;
		width:140px;
		height:20px;
		cursor: pointer;
		margin-bottom: 56px;
		float: right;
	}
	/* IE: */
	*+html #menuShop {
		margin-left: 550px;
		margin-top: 256px;
	}
	*+html #menuShop ul {
		margin-left: -1px;
		height:250px
	}
	*+html #menuShop ul li {
		margin-bottom: 61px;
	}
	/* ende nav elems shop */
	
	/* nav elems globla */
	span.hideMe {
		display: none;
	}
	#siteholder #menuBuero ul .active { background: #f0f; }
	
	#siteholder #menuBuero ul li.active {
		background: url(../img/reddot.gif) no-repeat;
	}
	#siteholder #menuShop ul li.active {
		background: url(../img/reddot.gif) no-repeat right;
	}
	#siteholder #menuShop ul li.inactive {
		background: none;
	}
	/* impressum */
	#kontaktimpressum {
		font-family: Garamond, 'Times New Roman', serif; 
		font-size: 10px;
		width: 200px;
		margin-left:260px;
		display: none;
	}
	#closeimpressum {
		font-family: Garamond, 'Times New Roman', serif; 
		font-size: 12px;
		color:#BE0027;
		font-style: italic;
		text-decoration: underline;
		cursor: pointer;
	}
	.extLink {
		color:#BE0027;
		font-style: italic;
		text-decoration: underline;
	}
	/* eof impressum */
	
	/* layout startseite */
	#startholder {
		background-repeat: no-repeat;
		background-color:#fff;
		margin:35px 0 0 0;
		width: 900px;
		margin:auto;		/* horizontal centering for IE Win quirks */
		text-align:left;
		position: relative;
	}
	#toplogo {
		position: absolute;
		top: 30px;
		height:122px;
	}
	#ankerText {
		position:absolute;
		top:327px;
	}
	#kaeptn {
		position:absolute;
		top:652px;
	}