/*  
Theme Name: Persiehl
Theme URI: http://www.persiehl.de
Description: Website-Thema H.O. Persiehl
Version: 1.0
Author: Tim Isenheim
Author URI: http://www.freshlabs.de
(c) copyright 2006 freshlabs
 */
 
body {
	font: 62.5%/ 180% Arial, sans-serif; /* reset 1em to 10px */
	color: #61717a;
	background-color: #e3e3e0;
	margin: 0px;
}
sup { line-height: 0; }
sub { line-height: 0; }
#horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

#main {
	background: #f8f7f2 url(../../../images/rounded.gif) no-repeat right bottom;
	margin-left: -454px;
	position: absolute;
	top: -265px;
	left: 50%;
	width: 908px;
	height: 533px;
	visibility: visible
}

#main .inner{ /*position: relative;*/ }

#header{
	background: #003d86 url(../../../images/shade-header.gif) no-repeat center bottom;
	height: 119px;
}

#header h2{
	display: none;
	/*position: absolute;
	left: 30px;
	top: 25px;
	width: 200px;
	color: #fff;
	font: normal 11px Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 3px;
	line-height: 24px;*/
}

#logo{
	text-align: center;
	position: absolute;
	left: 50%;
	top: -360px;
	margin-left: -97px;
}

* html #logo{ top: -350px;}

#logo a img, #logo a:visited img{ border: 0 none; }

#footer {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	visibility: visible;
	display: block
}

a:link,a:visited {
	color: #06f;
	text-decoration: none
}

a:hover {
	color: red;
	text-decoration: none
}

a:visited img, a img{ border: 0 none; }

a#close:visited, a#close{
	display: block;
	position: absolute; right: 0; top: 0;
	width: 20px; height: 20px;
	background: #dedbc5;
	color: #f8f7f2;
	font-size: 26px;
	line-height: 20px;
	text-align: center;
	overflow: hidden;
}

a#close:visited:hover, a#close:hover{ background: #444;}

/* NAVIGATION
-----------------------*/

#menu {
	position:relative; 
	font-size: 11px;
	text-align: left;
	width: 250px;
	height: 414px;
	background: url(../../../images/menu.gif) no-repeat left top;
	float: left;
}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
	padding: 65px 0 0 0;
	margin: 0;
	list-style-type:none;
	width:130px;
}

/* hack for IE5.5 */
* html #menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
#menu li {
	position:relative;
	margin-bottom: 10px;
}

#menu .subnav li{ margin-bottom: 0px; }

/* get rid of the table */
#menu table {position:absolute; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */


#menu a:visited , #menu a{
	display:block; 
	text-decoration:none;
	text-transform: uppercase;
	height:25px;
	line-height:25px;
	padding-left: 10px;
	width: 106px;
	color: #891716;
	/*background:#f2f2f2;*/
	text-indent:-777em;
	border-bottom: 0 none;
	padding-bottom: 1px;
	/*border-width:0 1px 1px 0;*/
}
/* hack for IE5.5 */
* html #menu a:visited , * html #menu a{width:105px; }
/* style the link hover */
#menu a:visited:hover,
#menu a:focus,
#menu a:hover,
#menu .active a,
#menu .over a{
	color: #891716; 
	/*background:#949e7c;*/
	border-bottom: 1px solid #00a1e4;
	padding-bottom: 0;
}

* html #menu .active a:visited{ border-bottom: 1px solid #00a1e4;  }
* html #menu .active a:visited:hover{  }

#menu li#langswitch a, #menu li#langswitch a:visited{
	color: #da856c;
}

/* -- */

#menu a#home:visited, #menu a#home{ background: url(../../../images/menu-home.gif) no-repeat 16px 6px; }
#menu a#company:visited, #menu a#company{ background: url(../../../images/menu-company-de.gif) no-repeat 16px 6px; }
#menu a#service:visited, #menu a#service{ background: url(../../../images/menu-service-de.gif) no-repeat 16px 6px; }
#menu a#leistung:visited, #menu a#leistung{ background: url(../../../images/menu-leistung-de.gif) no-repeat 16px 6px; }
#menu a#refs:visited, #menu a#refs{ background: url(../../../images/menu-refs-de.gif) no-repeat 16px 6px; }
#menu a#contact:visited, #menu a#contact{ background: url(../../../images/menu-contact-de.gif) no-repeat 16px 6px; }
#menu a#news:visited, #menu a#news{ background: url(../../../images/menu-news-de.gif) no-repeat 16px 6px; }
#menu a#langswitch:visited, #menu a#langswitch{ background: url(../../../images/menu-english.gif) no-repeat 16px 6px; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul.subnav {
	padding-top: 30px;
	visibility:hidden;
	position:absolute;
	top: 0;
	left: 115px; 
}
/* make the second level visible when hover on first level list OR link */

#menu ul :hover ul,
#menu li.over ul.subnav,
#menu li.current ul.subnav{
	visibility: visible;
}

#menu li.hidden ul.subnav{ visibility: hidden; }

ul.subnav{
	border-left: 1px solid #00a1e4;
	background: url(../../../images/cyanstripe.gif) no-repeat 0px 25px;
	font: 12px "Times New Roman", Times, serif;
}

#menu li.active ul.subnav a:visited,
#menu ul.subnav a:visited,
#menu ul.subnav a{
	color: #61717a;
	text-transform: none;
	font-size: 0.9em;
	display: block;
	width: 110px;
	height: auto;
	line-height: 1.4em;
	padding: 4px 0 4px 6px;
	text-indent: 0px;
	border-bottom: 0 none;
}

#menu li.active ul.subnav a:focus, #menu li.active ul.subnav a:hover,
#menu ul.subnav li.active a:visited, #menu ul.subnav li.active a,
#menu ul.subnav a:focus, #menu ul.subnav a:hover{
	color: #03428e;
	border-bottom: 0 none;
	padding: 4px 0 4px 6px;
}

#intro{
	position: absolute;
	padding: 20px 0 0 0;
	left: 0px;
	bottom: 130px;
	text-transform: uppercase;
	text-align: left;
	background: url(../../../images/cyanstripe-v.gif) repeat-y 126px 0px;
}

#intro ul{
	list-style: none;
	border-top: 1px solid #00a1e4;
	padding-left: 96px;
}

#intro a:visited, #intro a{ color: #fff; padding-left: 40px; display: block; line-height: 40px; }
#intro a:hover{ text-decoration: underline; }
#intro a.de{ background: url(../../../images/flag-de.gif) no-repeat left center;}
#intro a.en{ background: url(../../../images/flag-en.gif) no-repeat left center;}


/* CONTENT
----------------*/
#wrap{
	float: left;
	width: 658px;
	height: 415px;
	position: relative;
}
#sup { line-height: 0; }
#content{
	width: 646px;
	height: 380px;
	margin-top: 7px;
	margin-left: 12px;
	text-align: left;
	font-size: 1.13em;
	padding-top: 27px;
	overflow: hidden;
}

#scroll{ overflow: hidden;  }
body.history #scroll{ height: 360px;}
body.datahandling #scroll{ height: 360px; }

* html #wrap { margin-top: -7px;}

body.news #content,
body.preprint #content,
body.jobs #content{
	margin-top: -7px;
}

body.preprint #content h2{ padding-top: 14px; }

body.findus #content{ padding-top: 0px; height: 394px; }

#content hr{
	border: 0 none;
	margin: 15px 0;
}


#content h2, #content h3, #content h4, #content h5{
	text-transform: uppercase;
	font-size: 11px;
	margin: 0;
	padding: 0 10px 0 0;
}

#content h2{
	padding: 0 0 8px 0;
	font-stretch: narrower;
	font-weight: normal;
}

#content h3.left{
	float: left;
	width: 52px;
	margin: 3px 0 0 0;
	text-transform: none;
	letter-spacing: 0px;
	border: 0 none;
}

body.contact #content h3.left{ width: 41px;}

#content h5{
	margin: 11px 0 0 0;
	padding: 0;
	text-transform: none;
	letter-spacing: 1px;
	font-size: 11px;}

#content p{
	width: 400px;
	margin-left: 0; /* 30px */
	margin-bottom: 3px;
	line-height: 160%;
	/*letter-spacing: -1px;*/
}
#content p.qual{ line-height: 140%; 
	/*letter-spacing: -1px;*/
}
#content p.wide,
#content ul.wide{
	width: 400px;
	margin: 0;
}

#content .bigp{ width: 270px; margin-top: 60px;}

body.history #content p.wide{width: 500px;}

#content p.wide.head{ margin-top: 14px; margin-right: 0; margin-left: 0; }

body.home #content p.wide{ margin: 10px 0 0 0; }
body.offset #content p.wide{ margin: 14px 0 2px 0; }

body.findus #content p{ /*line-height: 130%;*/}

body.logistics #content p.wide{ width: 420px;}
body.findus #content p.wide{ width: 420px;}
#content p.narrow,
#content ul.narrow{ width: 280px; margin: 4px 0 0 0;}

#content strong,
#content em,
#content h5,
#content .citation,
#content h3.left,
#content dl dt,
body.datahandling #content h3{ color: #03428e; font-weight: bold;}

#content em{ font-weight: normal; }
#content dt,
#content address.full,
ul.cyan li{
	font-style: italic;
	float: left;
	background: url(../../../images/cyanstripe.gif) no-repeat 0 9px;
	padding: 0 0 0 40px;
	margin-right: 20px;
}

body.jobs #content dt,
body.datahandling #content dt{ float: none; font-style: normal; }
body.datahandling #content ul.longtext{ width: 60%;}
body.datahandling #scroll strong{ display: block; }

/* News */
#content #newsbox{
	margin-left: 10px;
	width: 550px;
	height: 325px;
	overflow: hidden;
}

body.news #content dt{ float: none;}
#content #newsbox dt{ font-style: normal; }
#content #newsbox dt span.date,
#content span.caption{
	font-style: italic;
	color: #891716;
	margin-right: 5px;
}

#content .citation span.caption{ display: block; }

#content dd{
	margin: 0 0 7px 80px;
	width: 400px;
}

#content #newsbox dd{
	display: block;
	padding-left: 27px;
}

body.datahandling #content #scroll dd{margin: 0 0 7px 40px;}

/* Citations */

#content .citation{
	font: normal 11px "Times New Roman", Times, sans-serif;
	font-style: italic;
}

#content .citation.left{
	width: 191px;
	border-right: 1px solid #00a1e4;
	padding-right: 12px;
	text-align: left;
}

#content .citation.left_small{
	width: 80px;
/*	border-right: 1px solid #00a1e4;
*/	padding-right: 12px;
	padding-top:0;
	text-align: left;
}

body.offset #content .citation.left{ width: 170px; padding-bottom: 80px;}
body.logistics #content .citation.left{ margin-top: 20px;}
body.home #content .citation.left.bottom { padding-bottom: 70px; }

#content .citation.right{
	width: 140px;
	border-left: 1px solid #00a1e4;
	padding: 0 0 60px 10px;
	text-align: left;
	position: absolute;
	right: 40px;
	bottom: 0px;
}
#content .citation.logistics{
	width: 140px;
	border-left: 1px solid #00a1e4;
	padding: 0 0 45px 10px;
	text-align: left;
	position: absolute;
	right: 40px;
	bottom: 0px;
}

#content .citation.bottom{
	position: absolute;
	z-index: 100;
	bottom: 0px;
	padding-bottom: 35px;
}

#content .citation.left.top{
	margin: 15px 25px 5px 0;
	padding-right: 18px;
	width: 144px;
	float: left;
}

#content .citation p{
	width: 100%;
	text-align: right;
	margin: 0;
	line-height: 1.8em;
}
#content .citation.right p{
	width: 100%;
	text-align: left;
	margin: 0;
}
#content .claim{
	color: #891716;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	position: absolute;
	right: 90px;
	bottom: 50px;
}

body.quality #content .claim,
body.offset #content .claim,
body.references #content .claim{
	text-align: center;
	right: 250px;
	bottom: 25px;
}

body.quality #content .claim{
	bottom: 50px;
	left: -15px;
}

* html body.quality #content .claim{ bottom: 45px; left: 0px;}

body.offset #content .claim{ right: 206px; }
body.references #content .claim { right: 273px; bottom: 23px;}

/* LISTS
--------------------*/

#content ul{
	padding-left: 10px;
	margin-left: 0;
	margin-top: 0;
}

body.datahandling #content ul{ margin-top: 0;}

#content .column{ float: left; margin-right: 12px; }

#content ul.points{ margin-top: 3px; margin-left: 0; padding-left: 0;}
#content ul.points li{
	display: block;
	background: #fff/* url(../../../images/arrow.gif) no-repeat left center*/;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 3px;
}

#content ul.pdf{ margin: 10px 0; padding: 0; list-style: none; }
#content ul.pdf li{
	display: block;
	background: url(../../../images/pdf.gif) no-repeat left center;
	padding-left: 20px;
	margin: 0 0 3px 0;
}

body.datahandling #content ul.pdf, body.findus #content ul.buttons{
	position: absolute;
	right: 60px;
	top: 95px;
	list-style: none;
}
body.preprint #content ul.pdf { line-height: 160%; list-style: none; position: absolute; top: 160px; right: 57px; }
body.findus #content ul#aside{ list-style: none; position: absolute; top: 110px; right: 34px; width: 155px; }
body.findus #content ul#aside li{ list-style: none; background: 0; }

ul.buttons a:visited, ul.buttons a{
	display: block;
	height: 29px;
	border: 1px solid #ededed;
	line-height: 30px;
}

ul.pdf li{ margin-bottom: 8px; }

ul.buttons li.pdf a{ padding-left: 24px; background: #fff url(../../../images/pdf.gif) no-repeat 6px 5px; margin: 0 0 3px 0; }
ul.buttons li.map24 a{ text-indent: -777em; background: #fff url(../../../images/m24logo.gif) no-repeat center center; }

#scroll dl ul li,
#content ul li{ list-style: none; background: url(../../../images/dot.gif) no-repeat 0px 8px; padding-left: 6px; margin-left: 0;}
#content #scroll dl dd{ margin-left: 80px;}

.datasheets{
	position: absolute;
	left: 230px;
	top: 238px; /*217px;*/
	width: 425px;
}

.datasheets ul.pdf{ margin-left: 0;}

.datasheets strong{
	display: block;
}

/* Content Backgrounds */
#content{ background-attachement: fixed;}
body.home #content{ background: url(../../../images/cbg_home.jpg) no-repeat 105% 0%; }
body.news #content{ background: url(../../../images/cbg_news.jpg) no-repeat right top; }
body.history #content{ background: url(../../../images/cbg_history.jpg) no-repeat 300px -70px; }
body.facts #content{ background: url(../../../images/cbg_facts.jpg) no-repeat right top; }
body.company #content{ background: url(../../../images/cbg_company.gif) no-repeat 100% 100%; }
body.preprint #content{ background: url(../../../images/cbg_preprint.jpg) no-repeat 300px -3px; }
body.offset #content{ background: url(../../../images/cbg_offset.jpg) no-repeat 0px 21px;}
body.logistics #content{ background: url(../../../images/cbg_logistics.jpg) no-repeat 99% 2%; }
body.finishing #content{ background: url(../../../images/cbg_finishing.jpg) no-repeat -5px 50px;}
* html body.finishing #content{ background: url(../../../images/cbg_finishing.jpg) no-repeat -15px 40px;}
body.jobs #content{ background: url(../../../images/cbg_jobs.jpg) no-repeat right top; }
body.findus #content{ background: url(../../../images/cbg_anfahrt.gif) no-repeat -90px 0px;}


/* Popup-Buttons */
body.contact #content .popupbutton{ position: absolute; top: 20px;	right: 70px; }
body.quality #content .popupbutton{ position: absolute; top: 70px;	right: 40px; }
body.quality #content .logo{ position: absolute; right: 68px; bottom: 40px; }
/* SCROLLER
-----------------*/

#scroller{
	position: absolute;
	z-index: 100;
	right: 20px;
	top: 160px;
	height: 64px;
	background: url(../../../images/scroll-center.gif) no-repeat center;
}

#scroller a{
	display: block;
	width: 16px;
	height: 24px;
}

#scroller a span{ display: none; }

#scroller a.up{ background: url(../../../images/scroll-up.gif) no-repeat center; }
#scroller a.down{ background: url(../../../images/scroll-down.gif) no-repeat center; margin-top: 16px;}


/* HELPER
---------------*/

.clear{ clear: both;}

hr.clear{
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 1px;
	border: 1px solid #fff;
}

br.clear{
	clear: both;
	line-height: 1px;
	height: 1px;
	margin: 0; padding: 0;
}

p.clear{ clear: both;}

#content hr.stripe{
	background: url(../../../images/cyanstripe.gif) repeat-x left center;
	height: 2px;
}

body.findus #content h3{ float: left; text-transform: none; margin: 2px 0 0 0 ;}
body.datahandling #content h3{ text-transform: none; }

#content address,
#content address.full{ font-style: normal; float: none; margin-bottom: 10px; }
#content table td{ padding: 1px 4px; }

body.contact #content address, body.contact #content #address table{ font-size: 1.5em;}
body.contact #content #address table{ margin-left: 50px;}
#content address.full{ padding-left: 55px; line-height: 24px;}

#content table#contacts{
	width: 550px;
	padding: 0; margin: 0;
}

#content table#contacts td{ margin: 0;}

#content p.floatleft{ margin-right: 90px;}
#content p.floatright{
	float: right;
	width: 230px;
	margin: 14px 200px 0 0;
}
#content p.floatright_small{
	float: right;
	width: 280px;
	margin: 0 260px 0 0;
}


* html body.facts #content p.floatleft{ float: left; margin: 12px 20px 0 0; padding: 0; width: 235px; }
* html #content p.floatright{ margin: 16px 100px 0 0;}

/*- Keep your code clean ! -*/