/**
 * CSS Styles for Pahnke.de
 * 14/10/2008
 *
 * TOC
 * @section Common styles
 * @section Homepage styles
 * @section Footer styles
 * @section Choose-Area styles
 * @section Content Styles
 * @section Overlay Styles
 */
/**
 * @section Common styles
 */

/* REVISIT FONT SIZE */
body {
	background-color:#FFFFFF;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	line-height:20px;
	margin:0;
	height:100%;
	text-align:center;
	height: 100%;
	max-height: 100%;
	_overflow:auto;
}
a:link,
a:visited,
a:hover,
a:active {
	outline:0;
	text-decoration:none;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	line-height:20px;
}
a:hover,
a:active {
	color:#990000;
}
#content h1,
#content-small h1	{
	font-family :"Times New Roman", Times, serif;
	letter-spacing : 6px;
	font-size : 30px;
	margin-bottom:35px;
	}
/* Dev Value */
#content  {
	/*background:#f7f6f6;*/
}
/**
 * @section Homepage styles
 */
#start #content h1	{
	margin-bottom : 45px;
	height:31px;
	text-indent:-9999em;
 	background: url(/style/pix/headlines/welcome.gif) no-repeat 0 0;
	}
#content h1.markenmacher {
	height:31px;
	text-indent:-9999em;
 	background: url(/style/pix/headlines/markenmacher.gif) no-repeat 13px 0;
}
#content h1.marken_machen {
	height:31px;
	text-indent:-9999em;
 	background: url(/style/pix/headlines/marken_machen.gif) no-repeat 16px 0;
}
#start #content p {
	margin-bottom:25px;
	letter-spacing:3px;
}
#start #content p a{
	font-style:italic;
}
#start #content span {
	width:200px;
	margin-left:590px;
	display:block;
}
#start #footer a {
	background: url(/style/pix/Pahnkelogo-2.gif) no-repeat 0 0;
	width:280px;
	height:71px;
	display:block;
	text-indent:-9999em;
	margin:0 auto;
}
/**
 * @section Footer Styles
 */
#footer ul {
	width:492px;
	height:71px;
	float:none;
	display:block;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
#footer ul li {
 	float:left;
 	height:71px;
 	margin-top:50px;
}
#footer ul li.jobs {
	width:106px;
	text-align:left;
}
#footer ul li.home {
 	width:280px;
 	margin-top:0;
}
#footer ul li.home a {
	background: url(/style/pix/Pahnkelogo-2.gif) no-repeat 0 0;
	width:280px;
	height:71px;
	display:block;
	text-indent:-9999em;
	margin:0 auto;
}
#footer ul li.contact {
 	width:106px;
 	text-align:right;
}
/**
 * @section Choose-Area Styles
 */
#content .choose {
	width:500px;
 	float:left;
 	height:50px; /* dev value */
}
#content .choose a {
	width:150px;
	display:block;
	height:130px;
	font-size:14px;
	float:left;
	position:relative;
}
/*
* @comment: re-register all hoverstates
*/
#content .choose a.macherei:hover,
#content .choose a.macherei:active,
#content .choose a.menschen:hover,
#content .choose a.menschen:active,
#content .choose a.philo:hover,
#content .choose a.philo:active,
#content .choose a.produkt:hover,
#content .choose a.produkt:active,
#content .choose a.werbung:hover,
#content .choose a.werbung:active,
#content .choose a.marken:hover,
#content .choose a.marken:active {
	background-position:0 -100px;
}
#content .choose a.macherei {
	background:url(/style/pix/fabrik.gif) no-repeat 0 30px;
}
#content .choose a.menschen {
	background:url(/style/pix/people.gif) no-repeat 0 30px;
}
#content .choose a.philo {
	background:url(/style/pix/philo.gif) no-repeat 0 30px;
}
#content .choose a.produkt {
	background:url(/style/pix/produkt.gif) no-repeat 0 30px;
}
#content .choose a.werbung {
	background:url(/style/pix/werbung.gif) no-repeat 0 30px;
}
#content .choose a.marken {
	background:url(/style/pix/marken.gif) no-repeat 0 30px;
}
#content div.choose-lang {
	width:185px;
	float:none;
	clear:both;
	margin: auto;
	margin-top:100px;
}
#content .choose-lang a.lang-de,
#content .choose-lang a.lang-en {
	width:75px;
	height:75px;
	display:block;
	font-size:12px;
	font-weight:bold;padding-top:50px;
}
#content .choose-lang a.lang-de {
	margin-right:35px;
	float:left;
}
#content .choose-lang a.lang-en {
	float:right;
}
/**
 * @section Content Styles
 */
#content-small h1 {
 	margin-bottom:10px;
 	text-align:left;
 	height:31px;
 }
 #produkt #content-small h1 {
 	text-indent:-9999em;
 	background: url(/style/pix/headlines/produkte.gif) no-repeat 70px 0;
 	_background: url(/style/pix/headlines/produkte.gif) no-repeat 60px 0;
 }
#marken #content-small h1 {
 	text-indent:-9999em;
 	background: url(/style/pix/headlines/marken.gif) no-repeat 0 0;
 }
#werbung #content-small h1 {
 	text-indent:-9999em;
 	background: url(/style/pix/headlines/werbung.gif) no-repeat 70px 0;
 	_background: url(/style/pix/headlines/werbung.gif) no-repeat 60px 0;
 }
#macherei #content-small h1 {
 	text-indent:-9999em;
 	background: url(/style/pix/headlines/macherei.gif) no-repeat 0 0;
 }
#menschen #content-small h1 {
 	text-indent:-9999em;
 	background: url(/style/pix/headlines/menschen.gif) no-repeat 70px 0;
 	_background: url(/style/pix/headlines/menschen.gif) no-repeat 60px 0;
 }
#philo #content-small h1 {
 	text-indent:-9999em;
 	background: url(/style/pix/headlines/philo.gif) no-repeat 35px 0;
 	_background: url(/style/pix/headlines/philo.gif) no-repeat 25px 0;
 }
 #content-small .wrapper {
 	border-top:1px solid #cecbcb;
 	border-bottom:1px solid #cecbcb;
 	overflow:hidden;
 	position:relative;
 	height:370px;
 }
 #content-small .visual {
 	float:left;
 	width:350px;
 	height:370px;
 }
 /*
 * @comment register bg images - left container
 */
#macherei #content-small .visual{
 	background:url(/style/pix/fabrik_l.gif) no-repeat 50% 29px;
}
#menschen #content-small .visual{
 	background:url(/style/pix/menschen_l.gif) no-repeat 62px 55px;
 	*background:url(/style/pix/menschen_l.gif) no-repeat 55px 55px;
}
#philo #content-small .visual{
 	background:url(/style/pix/philo_l.gif) no-repeat 50% 50%;
}
#produkt #content-small .visual{
 	background:url(/style/pix/produkt_l.gif) no-repeat 6px 9px;
}
#werbung #content-small .visual{
 	background:url(/style/pix/werbung_l.gif) no-repeat 51px 28px;
}
#marken #content-small .visual{
 	background:url(/style/pix/marken_l.gif) no-repeat 50% 50%;
}
 #content-small .text-content {
 	height:370px;
 	float:left;
 	margin:20px 0 20px 50px;
 	/*width:550px;*/
	width:400px;
	overflow:hidden;
	text-align:left;
	font-size:12px;
 }
 #content-small .text-content strong {
 	font-weight:bold;
 }
#content-small .text-content em {
 	font-style:italic;
 }
#content-small .text-content p {
  	margin:8px 0;
}
#content-small .text-content p.first {
  	margin:0  0 8px 0;
}
#philo #content-small .text-content p.first {
	margin:60px  0 8px 0;
}
#content-small .text-content a:link,
#content-small .text-content a:visited{
 	font-size:12px;
 	border-bottom:1px dotted #666666;
}
#content-small .text-content a:hover,
#content-small .text-content a:active{
 	font-size:12px;
 	border-bottom:1px dotted #990000;
}
#content-small  p.backlink {
	width:100%;
	text-align:right;
	position:relative;
	overflow:hidden;
}
#content-small p.backlink a:link,
#content-small p.backlink a:visited {
	font-size:14px;
	border-bottom:1px dotted #666666;
}
#content-small p.backlink a:hover,
#content-small p.backlink a:active {
	font-size:14px;
	border-bottom:1px dotted #990000;
}
/**
 * @section Overlay Styles
 */
 #jobs {}