* { 
	padding: 0px; 
	margin: 0px;
}

img {
	border: 0px;
}

body {
	background-color: #5E2518;
	text-align: center;
	background-image: url(media/kachel.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}

#wrapper {
	width: 980px;
	margin: 0px auto;
	text-align: left;
}

#top {
	width: 980px;
	height: 215px;
	position: relative;
	background-image: url(media/topBgr.png);
	background-repeat: no-repeat;
}

#mainWrapper {
	width: 980px;
	background-image: url(media/mainShadow.png);
	background-repeat: repeat-y;
}

#navig {
	width: 182px;
	margin-top: 1px;
	float: left;
}

#contents {
	width: 708px;
	\width: 784px;
	w\idth: 708px;
	min-height: 400px;
	padding-top: 23px;
	padding-bottom: 30px;
	padding-left: 38px;
	padding-right: 38px;
	float: left;
	position: relative;
	background-color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3D160D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 17px;
}

#footer {
	width: 980px;
	height: 100px;
	background-image: url(media/footerBgr.png);
	background-repeat: no-repeat;
	position: relative;
}

/* Flash Image Gallery */

#flashGallery {
	width: 784px;
	height: 314px;
	margin-top: -23px;
	margin-bottom: 30px;
	margin-left: -38px;
	margin-right: -38px;
	overflow: hidden;
}

#imageDiashow {
	width: 784px;
	height: 314px;
	margin-top: -23px;
	margin-bottom: 30px;
	margin-left: -38px;
	margin-right: -38px;
	overflow: hidden;
}

#imageDiashow img {
	display: none;
}

#imageDiashow .navig {
	display: none;
}

/* Project Details */

#imageGallery {
	width: 708px;
	height: 314px;
	margin-bottom: 30px;
	position: relative;
}

#imageGallery img {
	display: none;
}

#imageGallery .navig {
	width: 110px;
	height: 31px;
	position: absolute;
	z-index: 20;
	right: 11px;
	bottom: 0px;
	background-color: #FFF;
}

#imageGallery .navig p {
	padding: 0px;
}

#imageGallery .navig .description {
	position: absolute;
	z-index: 20;
	top: 8px;
	left: 8px;
}

#imageGallery .navig .arrows {
	position: absolute;
	z-index: 20;
	right: 3px;
}

#imageGallery .navig .arrows a {
	display: block;
	height: 23px;
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FF0D84;
	float: left;
}

#imageGallery .navig .arrows a:hover {
	color: #6A2C1D;
	text-decoration: none;
}

#imageGallery .navig .arrows .prevDisabled, #imageGallery .navig .arrows .nextDisabled {
	display: block;
	height: 23px;
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
}

#detailNavigation {
	position: absolute;
	right: 38px;
	top: 33px;
	z-index: 20;
	padding: 0px;
}

#detailNavigation .backBtn {
	padding-right: 4px;
}

#detailNavigation .forwardBtn {
	padding-left: 4px;
}

/* Portfolio List (overview) */

#portfolioList {
	width: 746px;
	height: 535px;
	margin-left: -38px;
	overflow: hidden;
}

#portfolioList .teaser {
	width: 210px;
	height: 148px;
	margin-left: 38px;
	margin-bottom: 45px;
	float: left;
	display: inline;
}

#portfolioList .teaser .inner {
	width: 210px;
	height: 148px;
}

#portfolioList .teaser .inner p {
	display: block;
	width: 150px;
	padding: 0px;
	padding-top: 15px;
	font-size: 13px;
	line-height: 16px;
	float: left;
	overflow: hidden;
}

#portfolioList .teaser .inner .detailBtn {
	width: 55px;
	padding-top: 31px;
	float: right;
	text-align: right;
}

#teaserNavigation {
	padding-top: 40px;
	padding-right: 4px;
	padding-bottom: 0px;
	text-align: right;
}

#teaserNavigation .backBtn, #teaserNavigation .backBtnDisabled {
	padding-left: 14px;
}

/* Content Layout Options */

#whoWeAreThreecol {
	width: 723px;
	margin-right: -15px;
}

#contents #whoWeAreThreecol h3, #contents #leistungenTwocol h3 {
	padding-bottom: 0px;
}

#whoWeAreThreecol .col1 {
	width: 234px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DED5D2;
}

#whoWeAreThreecol .col2 {
	width: 239px;
	padding-left: 6px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DED5D2;
}

#whoWeAreThreecol .col3 {
	width: 225px;
	padding-left: 5px;
	float: left;
}

#leistungenTwocol {
	width: 708px;
}

#leistungenTwocol .col1 {
	width: 385px;
	float: left;
}

#leistungenTwocol .col2 {
	width: 320px;
	float: left;
}

#contactTwocol {
	width: 708px;
	margin-bottom: 34px;
}

#contactTwocol .col1 {
	width: 315px;
	float: left;
}

#contactTwocol .col2 {
	width: 385px;
	float: left;
}

/* Top Anchor */

#topBtn {
	width: 784px;
	height: 75px;
	margin-left: 182px;
	clear: both;
	background-color: #FFF;
	position: relative;
}

#topBtn a {
	display: block;
	height: 20px;
	width: 90px;
	position: absolute;
	z-index: 20;
	right: 22px;
	top: 36px;
	text-indent: -5000px;
	background-image: url(media/pageTop.gif);
	background-repeat: no-repeat;
}
#topBtn a:hover {
	background-position: 0px -20px;
}

/* cleaner */

.cleaner {
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	border: 0px none;
	margin: 0px; 
	padding: 0px;
	margin-bottom: -1px;
	background: transparent;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* Fonts */

body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6A2C1D;
	line-height: 19px;
}

p {
	font-size: 14px;
	line-height: 17px;
	padding-bottom: 17px;
}

#contents h2 {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	padding-bottom: 25px;
}

#contents h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	padding-bottom: 17px;
}

#contents h4 {
	font-size: 18px;
	line-height: 17px;
	font-weight: normal;
	padding-bottom: 17px;
}

#contents h5 {
	font-size: 14px;
	color: #6A2C1D;
	line-height: 19px;
	font-weight: normal;
	padding: 0px;
}

#contents ul {
	list-style-type: none;
	padding-bottom: 17px;
	line-height: 22px;
}

#contents ul li {
	background-repeat: no-repeat;
	padding-left: 14px;
	background-image: url(media/bulletpoint.gif);
	background-position: 0px 12px;
}

.pink {
	color: #FF0D84;
}

.pipeline {
	padding-left: 4px;
	padding-right: 4px;
}

.noP {
	padding-bottom: 0px;
}

a {
	text-decoration: none;
	color: #FF0D84;
}

a:hover {
	text-decoration: underline;
}

/* Typo3-Ergaenzungen */

.csc-frame-rulerAfter {
	height: 1px;
	background-color: #E4DAD7;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 14px;
	margin-bottom: 31px;
}

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-bottom: 17px;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
	padding-left: 10px;
}

/* Ergaenzungen PC IE6 mit PNG-Hack */

@media all{

* html b\ody #top {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beta.ponderosa-design.de/fileadmin/template/css/media/topBgr.png', sizingMethod='scale');
	background:none;
}

* html b\ody #mainWrapper {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beta.ponderosa-design.de/fileadmin/template/css/media/mainShadow.png', sizingMethod='scale');
	background:none;
}

* html b\ody #footer {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://beta.ponderosa-design.de/fileadmin/template/css/media/footerBgr.png', sizingMethod='scale');
	background:none;
}

}

/* ende ie6*/

