/* Basis-Stylesheet kaehler.biz */

body {
	background: url(../images/body_bg.jpg) repeat-x #ECEAEA;
	/*margin: 0 20px 0 0;*/
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
		
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

img.right {
	float: right;
	margin: 3px 0 10px 10px;
}

img.left {
	float: left;
	margin: 3px 10px 10px 0;
}

img{ behavior: url(/css/iepngfix.htc); }

#container {
	width: 874px;
	/*width: 54.625em;*/
	margin: auto;
	background: #FFFFFF url(../images/container_shadow.gif) top right repeat-y;
	padding-right: 4px;
	
	
}

#header {
	height: 118px;
	background: url(../images/casecon/header_bg.jpg) top repeat-x;
}

#topmenu2head {
	width: 480px;
	height: 22px;
	float: right;
	margin-top: 6px;
	text-align: center;
	background:url(../images/casecon/topmenu_maschinen_bg.jpg) repeat-x;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #16459A;
}

span#topmenu2headtext {
	padding-top: 3px;
	display: block;
	float: left;
	width:470px;
}
span#topmenu2headleft {
	display: block;
	float: left;
	width: 7px;
	height: 22px;
	background:url(../images/casecon/topmenu_maschinen_left.jpg);
}

#logotop {
	margin: 18px 0 15px 15px;
	float: left;
}

#logotop_right {
	margin: 15px 15px 15px 0px;
	float: right;
}

#navtop {
	width: 100%;
	float: left;
	background: #1F58C9 url(../images/navtop_bg.jpg) left bottom repeat-x;
	min-height: 30px;
}

#leftbar {
	width: 177px;
	float:left;
}


/*
#mainnav.after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
*/
span#mainnavtop {
	background:url(../images/casecon/mainnav_top.jpg) repeat-x;
	font-size: 5px;
	display: block;
	/*width: inherit;*/
	height: 5px;
	margin: 0;
}

#main {
	clear: both;
}

#mainarea {
	background: #fff url(../images/rightarea_bg_top.jpg) repeat-x;
	width: 697px;
	float:left;
}

#maincontent {
	padding: 40px 0 0 30px;
	margin-bottom: 30px;
	width: 393px;
	float: left;
}

.wide {
	width: 612px !important;
}

#rightarea {
/*	visibility:hidden;*/
	width: 219px;
	float: right;
	padding: 60px 21px 0 0;
}



#bottombar {
	background: url(../images/bottom_bg.gif) repeat-x;
	height: 23px;
	clear:both;
	margin-top: 20px;
}


/*
#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
*/

/* ------------------------------------------------  Topmenu  ------------------------------------------------- */

.topmenu {
	width: 370px;
	float: left;
}

#topmenuright {
	width: 490px;
	float: right;
	
}

.topmenu ul {

	height: 25px;
   margin:0 0 0 2px;
   padding: 0 0 0 2px;
   /*padding-left:10px;*/
  /* background:  url(../images/topnav_vl.gif) no-repeat 70px;*/
   
}

#topmenuright ul {
	float: right;
}


.topmenu li {
   display: block;
   list-style-type: none;
   font: 10pt Verdana, Arial, sans-serif;
   color: #fff;
   /*width: 100px;*/
   background: url(../images/topnav_vl.gif)  no-repeat right 2px;
   padding: 4px 10px 0 3px;
  /* text-align:center;*/
   height: 25px;
   float:left;
   margin-right: 8px;
}

.topmenu li.last {
	background: none;
}




.topmenu a {
   color: white;
   font: bold 10pt Verdana, Arial, sans-serif;
  text-decoration:none;
   display:block;
   float: left;
   height: 11px;
   padding: 5px 5px 5px 5px;
   line-height: 12px
}

.topmenu a:hover, .topmenu a.current {
	background: #3673E2;
 }



/* ------------------------------------------------ Mainmenu ------------------------------------------------- */

/*#mainnav {
	background:url(../images/mainnav_bg.jpg) repeat-y
}*/

.mainmenu {
	background:url(../images/casecon/mainnav_bg.jpg) repeat-y
}

.mainmenu ul {
	display: block;
/*	width: 170px;*/
	margin: 0 0 0 0;
	padding: 0 0 16px 0;
	list-style: none;
	background:url(../images/mainmenu_corner.gif) right bottom no-repeat;

}



.mainmenu ul li {
	background: url(../images/mainmenu_hl.gif) bottom no-repeat;
	padding: 4px 6px 6px 12px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .8em;
	line-height: 1.2em;
}


.mainmenu ul ul {
	background-image: none;
	padding: 0;
	margin-top: 2px;
}
.mainmenu ul ul li {
	background: url(../images/mainmenu_l2.gif) 2px 8px no-repeat;
	line-height: 1em;
}


.mainmenu ul a {
	display: block;
	color: #17479E;
	text-decoration: none;
}

.mainmenu ul a.current, .mainmenu ul a.current:hover {
	color: black;
	cursor: default;
}

.mainmenu ul a:hover {
	color: #333;
}



/* ------------------------------------------------ Texte ------------------------------------------------- */

#mainarea {
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font:  bold italic 18pt "Arial Black", Helvetica, sans-serif;
	color: #17479e;
	margin: 0;
}

#rightarea .contentbox h1 {
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 2px;
	border-bottom: 1px solid #FDB813;
	font-style: normal;
}

h2 {
	font: italic 18pt Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	border-bottom: 1px solid #FDB813;
}
h3 {
	font-size: 1em;
	color: #666;
}

table.standardtable td {
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #eee;
	vertical-align: top;
}

table.standardtable th {
	padding: 3px 0 3px 0;
	text-align: left;
	border-bottom: 2px solid #eee;
	color: #17479e;
}

table.standardtable td.noline {
	border-bottom: none;
}


#mainarea {
	font-size: .8em;
}


#mainarea li {
	list-style: url(../images/li_haken.gif);
	margin: .3em 0 .3em 0;
}

#mainarea strong {
	color: #666;
}

#maincontent a:link, #maincontent a:visited {
	color: #666;
	
}

#mainarea li.ankerlink {
	list-style: url(../images/anker_link.gif);
}

a.toplink {
	background: url(../images/link_top.gif) top left no-repeat;
	padding-left: 15px;
}

/* ----------------------------------------------- Stellenangebote ------------------------------------------------ */

p.datum {
	text-align: right;
}

h3.Stellenbezeichnung {
	margin-top: 2em;
	margin-left: 50px;
	margin-bottom: 0;
}

p.Stellenbezeichnung2 {
	margin-top: 0px;
	margin-left: 50px;
	margin-bottom: 2em;
	
}


/* ------------------------------------------------ Content-Boxen ------------------------------------------------- */

.contentbox {
	border-bottom: 1px solid #FDB813;
	margin-bottom: 20px;
}

#rightarea .contentbox p {
	margin: 4px 0 4px 0;
}

#rightarea .contentbox img {
		border-bottom: 1px solid #FDB813;

}

#rightarea .contentbox a, #rightarea .contentbox a:visited { color: #002dee; }

/* ---------------------------------------------------- Language --------------------------------------------------- */

#langselect {
	margin: 30px 0 0 14px;
}

#langselect div {
	background: #F7DEBF;
	border-top: 1px solid #EFBD81;
	border-bottom: 1px solid #EFBD81;	
	/*border-bottom: 1px solid #FDB813;	*/
	width: 135px;
}
#langselect img {
	margin: 5px 5px 5px 0;
}

#langselect img.last {
	margin-right: 0;
}

#langselect p {
	font:  normal 10pt "Arial Black", Arial, Helvetica, sans-serif;
	line-height: 11pt;
	color: #17479e;
	letter-spacing: 2px;
	margin-bottom: 5px;
}


/* ---------------------------------------------------- Logo Section --------------------------------------------------- */

#logosection {
	margin: 30px 0 0 14px;
}

#logosection div {
	margin-top: 40px;
}

#logosection p {
		color: #17479e;
		font-size: 10pt;
		margin-top: 6pt;

}

#logosection #adressblock a, #logosection #adressblock a:visited { color: #002dee; }

/* ---------------------------------------------------- DB --------------------------------------------------- */

div.dboverview {
	float: left;
	width: 120px;
	height: 120px;
	background: #eee;
	text-align: center;
	margin: 40px 40px 0 0;
}


div.machineheadline {
	margin: 0;
	/*border-bottom: 1px solid #FDB813;*/
}

div.machineheadline p {
	display: block;
	width: 400px;
	float: left;
	margin-top: 16px;
	font: italic 18pt Arial, Helvetica, sans-serif;
	color: #666;
}

div.machineprice {
	float:right;
	margin-top: 10px;
	font: italic 22pt Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
}

span.machinepricesubline {
	font-size: 12pt;
	text-align: right;
}


div#highlights {
	margin-top: 10px;
	height: 155px;	
	border-bottom: 1px solid #FDB813;	
}

div.highlight {
	float: left;
	width: 150px;
	margin-right: 10px;
}

table.machinelist {
	margin-top: 30px;
	width: 615px;
}
table.machinelist th {
	text-align: left;
	border-bottom: 2px solid #FDB813;
}
table.machinelist td {
	border-bottom: 1px solid #888;
	vertical-align: top;
	padding: 5px 5px 2px 0px
}

div.noimage {
	padding: 5px 5px 5px 5px;
	text-align: center;
	border: 1px solid #999;
}

div.machinedetails {
	width: 300px;
	float: left;
}
table.machinedetails {
	margin-top: 30px;
	width: 300px;
	float: left;
}

table.machinedetails td {
	border-bottom: 1px solid #888;
	vertical-align: top;
	padding: 1px 5px 2px 0px
}

table.machinedetails ul {
	margin-top: 0;
	margin-bottom: 0;
	
}


td.label {
	width: 130px;
	font-weight: bold;
	color: #555;
}

img.thumbnail {
	width: 120px;
}

img.thumbnail2 {
	height: 40px;
}
img.thumbnail3 {
	height: 90px;
}
img.main {
	width: 300px;
}

div.datasheetlink, div.contactformlink, div.manufacturerlink {
	float: left;
	margin-top: 10px;
}
div.contactformlink, div.manufacturerlink {
	clear:left;
}
a.pdf {
	background: url(/images/ic_pdf.gif) left 2px no-repeat;
	padding-left: 14px;
	margin-left:2px;
}

a.email {
	background: url(/images/ic_mail.gif) left 2px no-repeat;
	padding-left: 14px;
	margin-left:2px;
}

a.ext {
	background: url(/images/ic_link_ext.gif) left 2px no-repeat;
	padding-left: 14px;
	margin-left:2px;
	
}


div.progicon {
	float: left;
	width: 120px;
	height: 160px;
	text-align: center;
	margin-top: 30px;
}

div.progicon a {
	text-decoration: none;
}

table.herstellerliste {
	margin-top: 20px;
}

table.herstellerliste td, table.herstellerliste th {
	border-bottom: 1px solid #888;
	vertical-align: middle;
	text-align: left;
	padding: 1px 5px 2px 0px
}

/*
div.progicon img {
	width: 120px;
	heigt: 120px;
}
*/


a#btnprint {
	display: block;
	width: 100px;
	float: right;
	color: white;
	text-decoration: none;
	font-size: .8em;
	background: url('/images/btn_print.gif') 0px 3px no-repeat;
	padding: 3px 0 0 20px;
}

a#btnprint:hover {
	text-decoration: underline;
}


/* --------------------------------------------------Ansprechpartner pro Maschine ---------------------------------- */

div.ansprechpartner {
	width: 300px;
	float: left;
}
table.ansprechpartner {
	margin-top: 30px;
	width: 300px;
	float: left;
}

table.ansprechpartner td {
	border-bottom: 1px solid #888;
	vertical-align: top;
	padding: 1px 5px 2px 0px
}

/* ------------------------------------------------- Ansprechpartner Niederlassungen ----------------------- */

.APAbteilung h3{
	font-size: 1em;
	color: #666;
	border-bottom: 1px solid #FDB813;
}

.APName h4{
	font-style: italic;
	font-size: 1em;
	color: #000000;
	border-bottom: 1px solid #cccccc;
	margin-bottom:0px;

}

.APName {
	float: left;
	clear:both;
	width:610px;
	margin-bottom:0px;
}

.APPosition {
	margin-bottom:10px;
	width:200px;
	clear:both;
}

.APDetails {
	margin:0px;
	width:610px;
	clear:both;
}

.APAbteilung {
	float: left;
	width:610px;
	margin:0px;
	margin-top:10px;
}

.APLinks {
	float: left;

}
.APRechts {
	float: right;
}

.APAnsprechpartner {
	float: left;
	clear:both;
	margin:0px;
	margin-bottom:10px;
}
/* ------------------------------------------------- Formular ----------------------------------------------- */

div.form {
	width:600px;
	
}
div.form label {
	float: left;
	margin-top: 2px;
	width: 100px;
	font-weight: bold;
	color: #666;
}

div.form input, div.form select, div.form textarea {
	border: 1px solid #aaa;
	margin-bottom: 5px;
}

input.standard {
	width: 185px;
}

textarea.message {
	width: 490px;
}

input.plz {
	width: 40px;
	margin-right: 2px;
}

input.ort {
	width: 140px;
}

div.formcolumn {
	float: left;
	width: 300px;
	margin:0;
	padding:0;
}



/* ------------------------------------------------- Download ----------------------------------------------- */

table.download {
	font-size: 1em;
	width: 610px;
	
}

table.download th, table.download td {
	padding: 2px;
	border-bottom: 1px solid #888;
}

table.download th {
	text-align: left;
	border-top: 1px solid #888;
}

table.download td {
	vertical-align: top;
}

table.download a {
	background: url(/images/ic_pdf.gif) left 2px no-repeat;
	padding-left: 14px;
	margin-left:2px;
}

/* ------------------------------------------------- Buttons ----------------------------------------------- */

a#next {
	display: block;
	float: left;
	width: 44px;
	height: 30px;
	background: url(/images/btn_nextpage.gif);
}

a#prev {
	display: block;
	float: left;
	width: 44px;
	height: 30px;
	background: url(/images/btn_prevpage.gif);
}