@charset "utf-8";
/* CSS für Website der Bodmer Küsnacht AG  */

/* GLobale Einstellungen
--------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
html {
	overflow: scroll;
}
body {
	font-size:0.625em;
	font-family:Arial, Helvetica, sans-serif;
	background: #ebebeb url(../images/bg_body.jpg) repeat-x top left;
}
h2, h3, h4, h5, h6 {
	margin:0 0 7px 0;
}
a img {
	border:none;
	outline:none;
}
img.left {
	float:left;
	margin-right:25px;
}
img.right {
	float:right;
	margin-left:10px;
}
.clear {
	clear:both;
}
/* TYPO: Schriften, Abstände, Ausrichtung
--------------------------------------------------- */
#page-body {
	font-size:12px;
	padding:0 20px;
}
#main h2 {
	font-size:18px;
}
#main h3 {
	font-size:14px;
}
#main li {
	margin:2px 0 5px 25px;
}
#main p,
#main table {
	margin:12px 0;
}
#breadcrumbs {
	font-size:11px;
	margin-bottom:25px;
}
#breadcrumbs a {
	color:#000;
	outline:none;
}
#extra #feature h3 {
	font-size:15px;
	letter-spacing:3px;
}
#extra #feature li a {
	font-size:12px;
	outline:none;
}
#page-footer p {
	font-size:11px;
	line-height:20px;
	margin:0 20px;
}
#page-header p#header_nav {
	position:relative;
	top:-17px;
	float:right;
	font-size:11px;
	margin-left: -999px;	/* Damit der Spindelkopf wieder ganz rechts ist */
}
#header_nav a {
	font-size:12px;
	line-height:.75em;
	color:#000;
	margin:0 7px;
	text-decoration:none;
	outline:none;
}
.footer_nav a {
	color:#000;
	float:right;
	font-size:11px;
	margin-left: 25px;
	text-decoration:none;
	outline:none;
}
.footer_nav a:hover {
	text-decoration:underline;
}
/* Definitions Listen und Tabellen 
-----------------------------------------------*/
#main dl dt{
	float:left;
	clear:left;
	width:65px;	
	padding:3px 0; 
	}
#main dl dd{
	padding:3px 0;
}	
table {
	border-collapse:collapse;
}
#main td {
	vertical-align:top;
	padding:4px 4px;
}
#main td.hdate {
	width:65px;	
}
table.tec_data-table {
	background-color:#DFEBF7;
	border:#ccc solid 1px;
	border-collapse:collapse;
}
.tec_data-table caption {
	caption-side:top;
	font-size:16px;
	font-weight:bold;
	font-variant: small-caps;
	letter-spacing:0.12em;
	background-color:#ccc;
}
.tec_data-table td,
.tec_data-table th{
	width:45px;
	vertical-align:middle;
	text-align:center;
}
tr.bg_odd,
td.bg_odd{
	background-color:#F7FAFD;
}

/* LAYOUT:
--------------------------------------------------- */
#wrap {
	width:960px;
	margin:20px auto;
	border:#CCC solid 1px;
	background-color:#FFF;
}
#page-body {
	margin-top:45px;
}
#page-footer {
	height:20px;
	background-color:#e9f0f9;
}
#page-body #main {
	float:left;
	width:600px;
}
#page-body #extra {
	width:280px;
	float:right;
}
/* HEADER: Schriften und Typografie
--------------------------------------------------- */
#page-header h1 {
	background-image: url(../images/Logo-BK.jpg);
	background-repeat: no-repeat;
	height:125px;
	padding:40px 0 0 190px;
	background-position: 20px 10px;
	font-size:45px;
	text-transform:uppercase;
}
#page-header h1 span {
	display:block;
	font-size:18px;
	text-transform:none;
}
/* NAVIGATION:
--------------------------------------------------- */
#navi {
	font-size:15px;
	height:50px;
	background:#e9f0f9 url(../images/bg_navi.jpg) repeat-x;
	border-bottom:#CCC solid 1px;
	z-index:-1;
}
#navi ul#main_nav {
	position:relative;
	top: 4px;
	line-height:30px;
	font-weight:bold;
	list-style:none;
	margin-left:20px;
}
#navi ul#extra_nav {
	line-height:20px;
	font-size:12px;
	list-style:none;
	margin-left:10px;
}
#navi ul#main_nav li, #navi ul#extra_nav li {
	display:inline;
}
#navi ul#main_nav li a, #navi ul#extra_nav li a {
	text-decoration:none;
	color:#000;
	outline:none;
}
#navi ul#main_nav li a {
	background:#afc3d8 url(../images/bg_link-corner.jpg) no-repeat right top;
	padding:2px 15px;
}
#navi ul#main_nav li a:hover, #navi ul#main_nav li a.current {
	background:#e3edf9 url(../images/bg_link-corner_hover.jpg) no-repeat right top;
	padding:2px 15px
}
#navi ul#extra_nav li a {
	padding:0 10px;
}
#navi ul#extra_nav li a:hover,
#navi ul#extra_nav li a.current_extra{
	text-decoration:underline;
}
#navi ul#extra_nav li a.current_extra{
	font-weight:bold;
}
/* FEATURE:Extra Bereich
--------------------------------------------------- */
#feature {
	background:#e3ecf5 url(../images/bg_extra-box_buttom.jpg) no-repeat bottom left;
	padding: 0 0 10px;
}
#feature li {
	list-style-type:none;
}
#feature li h3 {
	background:#fff url(../images/bg_extra-box_top.gif) no-repeat top left;
	padding: 2px 20px 0px;
}
#feature li a {
	display:block;
	text-decoration:none;
	color:#000;
	padding: 4px 20px;
}
#feature li a:hover,
#feature li.current a {
	background-color:#F3F7FC;
}
/* Listen im Extra Bereich
------------------------------------------------*/
#extra h2, #extra h3 {
	margin:12px 0px;
}
#extra ol {
	font-size:14px;
	text-align:justify;
	margin:0 20px 25px 30px;
}
/* BG: BK-Taumel Spindelkopf
--------------------------------------------------- */
#BK-TaumelSpindel {
	background:url(../images/BK-Taumel-Spindel.png) no-repeat;
	position:relative;
	top:10px;
	height:262px;
	width:207px;
	float:right;
}
/* ILLUSTRATION: Schliesskopfformen mit Transparenz
---------------------------------------------------*/
ul#s_kopfformen {
	margin-left:20px;
	padding-top:20px;
}
ul#s_kopfformen li {
	list-style-type:none;
	float:left;
	padding:0 10px;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
ul#s_kopfformen li:hover {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
/* Umformwerkzeuge
----------------------------------------------*/
#werkzeuge ul{
	width:600px;
	list-style:none;
}
#werkzeuge li{
	float:left;
	width:136px;
	margin:0 6px;
}
#werkzeuge li span{
	display:block;
}
/* Profilzeichnungen
------------------------------------------------*/
p.abb {
	text-align:center;
	margin: 15px 0;
}
p.abb span{
	display:block;
}

/* KONTAKTFORMULAR:
-------------------------------------------------*/
fieldset {
	margin:15px 0px;
	background-color:#F9F9FB;
}
legend {
	font-weight:bold;	
	color:#000;	
	font-size:15px;
	margin-left:25px;
	padding:0px 5px;
}
label {
	float:left;
	width:170px;
	line-height:1.2;
	margin:5px 10px;
	text-align:left;
}
input, 
textarea, 
select {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	border: 1px solid #999;
	width:60%;
	margin:5px 0;
	display:block;
}
input, textarea {
	padding:2px 5px;
}
input#submit  {
	margin:5px 10px;
	width:100px;
	border: 1px solid #000;
}
input:focus,
textarea:focus,
select:focus{
	border:1px solid #000;
}
input[type=checkbox] {
	border:0;
	border:none;
/*	outline:0;
	outline:none;*/
}
/* SITEMAP:
-------------------------------------------------*/
#sitemap {
	padding-left:55px;
	list-style-image: url(../images/sitemap_li-point.gif);
}
#sitemap a{
	text-decoration:none;
}
#sitemap a:hover{
	text-decoration:underline;
}
#sitemap ul.sub {
	margin-left:20px;
	margin-bottom:10px;
}
/* Alluell / Messen - Event:
-------------------------------------------------*/
table#events {
	font-size:11px;
	border-spacing:1px;
	width:600px;	
	cursor:pointer;
}
table#events tr td{
	height:85px;
	background-color:#ddd;
}
table#events td:hover{
	background-color:#ccc
}
table#events h3 {
	font-size:13px;
	color:#900;
	margin: 0 10px;
}
table#events p {
	margin: 0 10px;
}
table#events p span{
	font-weight:bold;
}
table#events a:link,
table#events a:active,
table#events a:visited{
	color:#900;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}
/* Attributselektoren für PDF und Externe Links
------------------------------------------------*/
a[href $='.pdf'] {
	padding: 0 25px 0 0;
	background:url(../images/icons/pdf.gif) no-repeat right center;
   }
a[href^="http:"] {
	padding: 0 25px 0 0;
	background:url(../images/icons/externallinks.gif) no-repeat right center;
}
/* Illustration für Maschienen übersicht
------------------------------------------------*/
#main ul#machienen  {
	list-style:none;	
}
#main ul#machienen li {
	float:left;
	margin:0 2px;
	background: #ebebeb url(../images/bg_body.jpg) repeat-x bottom left;
	padding:3px 2px;
	border: 1px solid #999;
}
#main ul#machienen li a {
	color:#000;
	font-weight:bold;
	display:block;
	text-decoration:none;
	outline:none;
	text-align:center;
}
#main ul#machienen li a:hover {
	text-decoration:underline;
}
/* Zweispaltiger Bereich
----------------------------------------------*/
#main #col_1 {
	width:49%;
	float:left;
}
#main #col_2 {
	width:49%;
	float:right;
}