/****************************************************************
 * Project: BPT-Website
 * File: layout.css
 *
 * Copyright (c) 2010 clkm - cornelia lange, http://www.clkm.de
 *
 ****************************************************************/

body {
font: 96% Arial, Helvetica, sans-serif; 
color: #000;
background: #fff;
text-align: center;
}
b, strong {
font-weight: bold;
}
#content sup, #content sup a, #content li sup a, #content li sup {
position: static;
display: inline;
margin: 0;
padding: 0;
text-decoration: none;
}
html\:abbr, abbr, acronym, .hilfe {
cursor: help;
border-bottom: 1px dotted #666;
}
h1, h2 {
font-family: 'Myriad Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #00305e;
margin: 28px 0 16px 0;
}
h2 {
font-size: 1.1em;
margin: 20px 0 8px 0;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
h4 {
font-size: 0.80em;
}
p, a, label, li, .vcard, textarea, input, address, th, td, span.abstand {
font-size: 0.80em;
}
a {
text-decoration: underline; 
color: #444;
background: transparent;
}
a:hover {
text-decoration : underline;
color : #000;
background: transparent;
}
code {
font-size: 100%;
font-family: monospace, serif;
background: #efefef;
border: 1px dashed #ccc;
border-left: none;
border-right: none;
}
pre {
border: 1px dashed #ccc;
background: #efefef;
margin: 5px;
padding: 10px;
font-family: serif;
font-size: 80%;
}
address {
font-style: normal;
}
hr {
color: #ccc;
border: 0 none;
border-top: 1px solid #ccc;
}
th, td {
padding: 4px 16px 4px 0;
}


/***** LAYOUT *****/

.container {
width: 100%
}
.inner {
position: relative;
width: 960px;
padding: 0 4px;
text-align: left;
margin: 0 auto;
background: #fff;
}

/*** LOGO TOOLNAVI LANGUAGE ***/
.top {
background: #fff;
height: 80px;
}
#logo, #toolnavi, #language {
position: absolute;
}
#logo {
top: 22px;
left: 4px;
}
#language {
top: 58px;
left: 740px;
width: 220px;
}
#language a {
display: block;
float: right;
text-decoration: none;
color: #000;
}
#language a:hover {
color: #db0132;
}


/**** MAIN ***/
.main {
background: #EBEFF2;
}
.main .inner {
background: #fff url(/files/global_files/2ff63718e78c3eb77382956c06834a13b068cdbb_bg_main.gif) 4px 224px no-repeat;
}
#header {
width: 100%;
height: 220px;
background: #EBEFF2 /*url(/files/global_files/071a6a0f807743cb4b02642aa531a67cb8ccfe10_bpt-architektur-05-werksgelaende.jpg) 0 0 no-repeat */;
}
#headertext {
position: absolute;
top: 0;
left: 744px;
width: 220px;
height: 220px;
}
#headertext img {
margin-top: 124px;
}
#main {
margin: 0 0 8px 236px;
padding: 0 0 16px 0;
}
#main p {
line-height: 140%;
margin: 8px 0;
}
#main p.liste {
line-height: 180%;
}
#main p.liste img {
padding: 0 4px 0 0;
}
#main ul {
margin: 0;
}
#main li {
display: block;
margin: 1px 0;
padding: 0 0 4px 20px;
background: transparent url(/files/global_files/18ca63514e09462c7a9836987446631637c0eba7_icon_liste_red.gif) left no-repeat;
}


/*** SEITENSPALTE ***/
#column {
float: right;
width: 220px;
padding: 8px 0 0 0;
}
#content {
width: 488px;
min-height: 360px;
}
* html #content {
height: 360px;
}
/*** INHALTSELEMENTE ***/

table.people {
width: 100%;
margin: 20px 0;
border-collapse: collapse;
}
.people th {
padding: 8px 16px 8px 0;
line-height: 140%;
}
.people td {
padding: 8px 0 8px 16px;
line-height: 140%;
}
.people td strong {
color: #00305e;
}
table.impressum th {
width: 80px;
}
.kasten {
margin: 	4px 0;
padding: 4px 8px;
}
#main .kasten p {
margin: 4px 0;
}
.hellgrau {
background: #ebeff2;
}
a.link {
color: #000;
background: transparent url(/files/global_files/255d1c04a5cd5f37afacd59a61ac300da46311b6_link.gif) 0 -53px no-repeat;
padding-left: 16px;
text-decoration: none;
}
a:hover.link {
background: transparent url(/files/global_files/255d1c04a5cd5f37afacd59a61ac300da46311b6_link.gif) 0 2px no-repeat;
}
ul.produkte {
list-style: none;
overflow: auto;
}
#main .produkte li {
display: block;
width: 110px;
float: left;
text-align: center;
margin: 0 8px 12px 0;
background: transparent;
padding: 0;
}


/**** FOOTER ***/
.footer {
background: #fff url(/files/global_files/6cdc59504ea484e622563190f166c78d4edf231b_bg_footer.gif) 0 0 repeat-x;
}
.footer .inner {
background: #fff url(/files/global_files/02b5d494939fcad6b2b57873330d88f4dac85004_bg_footer_inner.gif) 4px 0 no-repeat;
min-height: 30px;
}
.footer p {
padding: 10px 0;
margin: 0 0 0 236px;
}
.footer p span {
float: left;
width: 232px;
margin: 0 0 0 -236px;
padding: 0;
}
.footer a {
color: #000;
text-decoration: none;
}
.footer a:hover {
color: #db0132;
}



/**** NAVIGATION ***/

#leftcolumn {
position: absolute;
top: 244px;
left: 4px;
width: 220px;
}
#menu {
border-top: 1px solid #EBEFF2;
margin: 0 0 16px 0;
}
#menu li {
display: inline;
}
#menu li a, #menu li strong {
display: block;
height: 32px;
text-decoration: none;
color: #000;
background: transparent url(/files/global_files/70fd7843ef8709ac326e775d545b8c3cc963155e_bg_navi.jpg) 0 0 no-repeat;
padding: 0 0 0 31px;
line-height: 31px;
}
#menu li a:hover, #menu li strong {
background: transparent url(/files/global_files/70fd7843ef8709ac326e775d545b8c3cc963155e_bg_navi.jpg) 0 -32px no-repeat;
}
#menu ul {
border-top: 0;
background: #E0E6EB;
margin: 0;
}
#menu ul li a, #menu ul li strong {
background: #E0E6EB;
height: 20px;
line-height: 20px;
}
#menu ul li a:hover, #menu ul li strong {
background: #fff url(/files/global_files/b51c344701e8ecf39a7a39ff2ab175bdcc51e840_bg_navi_sub.jpg) bottom left no-repeat;
}
#menu ul li strong {
color: #db0132;
background: #fff url(/files/global_files/b51c344701e8ecf39a7a39ff2ab175bdcc51e840_bg_navi_sub.jpg) bottom left no-repeat;
}

/* Common Classes */

.center {
text-align: center;
padding: 2px;
}
.right {
text-align: right;
}
.rahmen {
border: 1px solid #000; 
}
.nowrap {
white-space: nowrap;
}
.teaser {
font-weight: bold;
}
.skip {
position: absolute;
left: -1000em;
top: -1000em;
}
.fright {
float: right;
}
.fleft {
float: left;
}
.bildrechts {
float: right;
margin: 0 0 0 10px;
}
.bildlinks {
float: left;
padding: 0 10px 0 0;
}
.keinrand {
border: 0 none;
}
.klein {
font-size: 75%;
}
.grau {
color: #666;
}
.padtop20, #content p.padtop20 {
padding-top: 20px;
}
.padtop30, #content p.padtop30 {
padding-top: 30px;
}
.padtop40, #content p.padtop40 {
padding-top: 40px;
}
.padtop50, #content p.padtop50 {
padding-top: 50px;
}
/* Anzuwenden auf den letzten Satz vor der Fussnote */
#content p.fussnote {
border-bottom: 1px solid #000;
padding-bottom: 20px;
}
#content p.fn {
margin: 3px 0;
}
#content ul.fn_liste li {
padding: 2px;
line-height: normal;
}
.clear, .absatztrenner {
clear: both;
}
.clearl {
clear: left;
}
.clearr {
clear: right;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%; 
}
/* End hide from IE-mac */


/* Kontakt Formular */

#formular label, #formular span.abstand {
display: block;
float: left;
clear: left;
width: 11em;
margin: 2px 0;
}
#formular label.noclear {
clear: none;
display: inline;
float: none;
width: auto;
}
#formular label.textfield1 {
display: block;
width: 500px;
clear: both;
margin: 7px 0 0 0;
}

#formular #generator_form_please_call {
width: 20px;
display: inline;
padding: 0 10px 0 0;
margin: 0 0 0 -3px;
}
#formular select {
margin: 10px 0;
}
#formular input.ftextfield, #formular .w300 {
width: 250px;
padding: 0 2px;
margin: 2px 0;
background: #EBEFF2;
border: 1px solid #ccc;
}
#formular p.captcha {
float: left;
width: 400px;
padding: 0;
}
#formular {
margin: 10px 0;
}
#formular img {
margin: 10px 0 2px 0;
}
#formular textarea.ftextarea {
width: 400px;
padding: 2px;
margin: 7px 0;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
background: #EBEFF2;
border: 1px solid #ccc;
}
.submitbutton {
clear: right;
margin: 0 0 0 10px;
}
.fsubmit {
clear: right;
margin: 0 0 0 0;
}

/* response */
#rp, #error {
display: block;
width: 360px;
margin: 10px 0 10px 0;
padding: 10px;
color: #000;
background: #F8CCD6;
}
#rp {
color: #000;
background: #CCD6DF;
}
#rp h2, #rp p {
text-align: center;
margin: 15px 0;
}
/* IE 6, IE 7 */
* html #container #rp, *+html #container #rp {
margin-top: 25px;
}
#rp h1 {
margin: 0;
padding: 10px 10px 0 10px;
color: #db0132;
}
#rp p {
margin: 0;
padding: 0 10px 10px 10px;
}
#main .req ul {
margin: 10px 0 10px 20px;
background: transparent;
list-style: disc;
}
#main .req li {
padding: 2px 0;
background: transparent;
list-style: disc;
}


/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* loading, olaf */
#slider {
      position:relative;
      background:url(/files/global_files/1f5f769429a3d23082accd8d063b87290272f737_loadingslider.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}