/*********************************************/
/***************  Schmachtl  *****************/
/*********************************************/
html,body {
	margin: 0;
	padding: 0; 
	text-align: center;
	height: 100%;

	scrollbar-base-color:#F2F9FF;
	scrollbar-track-color:#FFFFFF;
	}
	
	/*html>body {overflow:hidden; }  Verhindert die Scrollbalken in FF, etc.; nicht IE! 
	nicht in css sondern per javascript gesetzt (verhindert nicht korrekte Anzeige wenn js deaktiviert)
	*/
	
#document {
    width: 950px;
	height: 100%;
	background-color: #ffffff;
    text-align: left;
    margin: 0 auto 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*overflow:hidden;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;*/
}

a img { border:0; }

.clear { clear:both;}

.ce { clear:both; margin: 0 0 20px 0;}

#printleiste .ce { margin:0; padding: 7px 0 0 0; #padding:0;}
#printleiste { margin:10px 0 5px 48px !Important;}
	
#machinevisiondocument {
    width: 950px;
	/*height: 100%;*/
	background-color: #ffffff;
    text-align: left;
    margin: 0 auto 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
	
#headbanner {
                height: 53px;
	border-top: 5px solid #000000;
	border-left: 6px solid #000000;
	border-right: 6px solid #000000;
	background-color: #FFFFFF;
                width: 941px;
}

#headbannerInLinkFrame {
                height: 53px;
	border: 5px solid #000000;

	background-color: #FFFFFF;
}
	
#headmainnav {
                height: 57px;
	border: 5px solid #000000;
	border-left: 6px solid #000000;
	border-right: 6px solid #000000;
	background-color: #FFFFFF;
                width: 941px;
	
}

p { margin: 0 0 10px 0;}

.align-left { text-align:left;}
.align-right { text-align:right;}
.align-center { text-align:center;}
.align-justify {text-align:justify;}
	
/*************************************/
/*******   Background Colors   *******/
#bgblue {
           /*   overflow:auto;
              padding: 0px 0px 0px 0px;
               height: 100%; */
               background-color: #336699;
}	
	
#bgwhite {
	/*height: 82.3%;
/*	overflow:auto;*/
	background-color: #ffffff;
	background-image: url(../img/main/fuell_quads.gif);
	background-repeat: repeat-y;
        border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
       
}

	
#bgwhiteemtpy {
	/*height: 87.6%;*/
	/*overflow:auto;*/
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
	
}
	
#fillblue {
	/*height: 500px;*/
	/*height: 100%;*/
	background-color: #336699;
}
/******************************/
/******    Main Divs    *******/
#main {
	height: 265px;
	background-color: #336699;
	background-image: url(../img/unternehmen/unternehmen1.jpg);
	background-repeat: no-repeat;}
	
#unternehmenmain {
	height: 265px;
	background-image: url(../img/unternehmen/unternehmen1.jpg);
	background-repeat: no-repeat;}
	
#loesungenmain {
	height: 265px;
	background-image: url(../img/loesungen/loesungen.jpg);
	background-repeat: no-repeat;}
	
#machinevisionmain {
	height: 265px;
	background-image: url(../img/loesungen/machine_vision.jpg);
	background-repeat: no-repeat;}
	
#produktemain {
	height: 265px;
	background-image: url(../img/produkte/produkte.jpg);
	background-repeat: no-repeat;}
	
#metanavigationmain {
	padding: 0 16px;}
	
/******************************/
/******   Other Divs    *******/
#quadleft {
	position: relative;
	left: 41px;
	top: 56px;}

#mainsub {
	width: 630px;
/*	width: 708px;*/
	/*height: 165px; Sonst Problem wenn Text zu lang ist */
	margin: 15px 0 0 73px;
	display: inline;}
	
#mainsubohnequad {
	width: 630px;
/*	width: 708px;*/
	/*height: 165px; Sonst Problem wenn Text zu lang ist */
	margin: 15px 0 0 82px;
	display: inline;}
	
#mainsubname {
	position: relative;
	top: 15px;
	left: 83px;
		width: 626px;
	/*width: 704px;*/
	height: 22px;
	border: 3px solid #000000;
	background-color: #ffffff;
	font-size: 13px; /* Achtung stimmt nicht ganz */
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	color: #2A3F7F;}
	
#mainsubnameleft {
	position: relative;
    top: 6px;
	left: 83px;
	width: 626px;
	/*width: 704px;*/
	height: 23px;
	border: 2px solid #000000;
	background-color: #FFFFFF;
	font-size: 13px; /* Achtung stimmt nicht ganz */
	font-weight: bold;
	text-transform: uppercase;
	color: #2A3F7F;}
	
.mainsubnameleft {
	padding: 0 10px 0 0;
	font-size: 13px; /* Achtung stimmt nicht ganz */
	font-weight: bold;
	text-transform: uppercase;
	color: #2A3F7F;}

#mainsubpic{
	margin: 15px 0 30px 85px; 
	width: 250px;
	float:left;
	}
	
*html #mainsubpic{
	margin: 15px 0 15px 42px;
	}

#mainsubtxt{
	float:left;
	font-size: 11px;
	color: #FFFFFF;
	margin:15px 0 0 15px;
	width:348px;
	
	}
	
#unternehmenmainsubtxt{
	position: relative;
	left: 83px;
	top: 5px !important; /* Styles for Mozilla, Safari, IE Mac */
    top: 16px; /* Styles for MS IE5 */
	width: 630px;
	height: 163px;
	font-size: 11px;
	color: #FFFFFF;
	/*height: 50px;
	overflow:scroll;*/}
	
#machinevisionmainsubtxt{
	display: inline;
	width: 630px;
	padding: 12px 0;
	font-size: 11px;
	color: #666666;}
	
#unternehmensubmainsubtxt{
	overflow: auto;
	height:250px;
	padding:11px;
	margin: 0 10px 0 0;
	
	
	
	font-size: 11px;
	color: #000000;}


}



#loesungenquadleft {
	position: relative;
	left: 41px;
	top: 28px;}

#loesungensubmainsubtxt{
	overflow: auto;
	position: relative;
	left: 83px;
	top: 5px !important; /* Styles for Mozilla, Safari, IE Mac */
    top: 14px; /* Styles for MS IE5 */
	width: 630px;
	font-size: 11px;
	color: #000000;}
	
#loesungenmainsubnameleft {
	position: relative;
    top: 15px;
	left: 83px;
	width: 626px;
	height: 23px;
	border: 2px solid #000000;
	background-color: #FFFFFF;
	font-size: 13px; /* Achtung stimmt nicht ganz */
	font-weight: bold;
	text-transform: uppercase;
	color: #2A3F7F;}
	
#newsleft{
/*	width: 318px;*/
	width: 240px;
/*	background-color: #FFFFFF;*/
	}
	
#newsright{
/*	width: 615px;*/
	width: 710px;
	background-color: #FFFFFF;
	height:100%;
	overflow:hidden;
}
	
#newssearch{
	width: 240px;
/*	width: 318px;*/
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
	padding:20px 0 0 0;
	}

#newssearch form { margin:0 0 0 0; padding: 0 0 0 0;}



#newsleftblank{
	width: 240px;
	/*width: 318px;*/
	height: 2px; /* muss ge�ndert werden */
	border-top: 1px solid #CCCCCC;
	}

#produktenavpath{
/*	width: 306px;*/
	width: 228px;
	/*height: 35px;*/
	border-top: 1px solid #CCCCCC;
	padding: 8px 0 8px 12px;
	font-size: 10px;
	background-color: #FFFFFF;}	

#newsmenu{
/*	width: 317px;*/
	width: 230px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: #FFFFFF;
}
	
#produkteviewpath{
	font-size: 10px;
	padding: 15px 32px 20px 48px;}

#produktelink{
	padding: 0px 32px 35px 48px;}

#produkteviewtxt{
	overflow:auto;
	padding: 10px 32px 0 48px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
	
#sitemap{
	overflow:auto;
	padding: 20px 0 10px 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}

#sitemapheader{
	overflow:auto;
	padding: 30px 0 10px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
	
#newslist{
	overflow:auto;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
	
.amenuEntry { float:left; width:200px; padding:2px 0 0 0;}
	
#latestnewslist{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}

#newsobject{
	width: 648px;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;}
	
.newsSingle #newsobject{
	border:none;

}

#newslist #newsobject p { margin:0 0 0 0;}

#latestnewsobject{
	margin-bottom: 10px;}
	
#jobs{
	padding: 15px 32px 15px 48px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
	
#scrolldiv{
	height: 50%;
	overflow: auto;}
	
#newsletter{
	overflow:auto;
	padding: 15px 32px 15px 48px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
	
#galerie{
	padding: 30px 40px 15px 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
	
/******************************/
/******** Linkstyles **********/
#produktenavpath a:link {
	font-size: 10px;
	text-decoration: none;
	color: #003366;}
	
#produktenavpath a:visited {
	font-size: 10px;
	text-decoration: none;
	color: #003366;}
	
#produktenavpath a:hover {
	font-size: 10px;
	text-decoration: none;
	color: #015AAA;}

#produktenavpath a:active {
	font-size: 10px;
	text-decoration: none;
	color: #015AAA;}

#newsmenu a:link {
	text-decoration: none;
	color: #000000;}
	
#newsmenu a:visited {
	text-decoration: none;
	color: #000000;}
	
#newsmenu a:hover {
	text-decoration: none;
	color: #015AAA;}

#newsmenu a:active {
	text-decoration: none;
	color: #015AAA;}
	
#produkteviewpath a:link {
	font-size: 10px;
	text-decoration: none;
	color: #003366;}
	
#produkteviewpath a:visited {
	font-size: 10px;
	text-decoration: none;
	color: #003366;}
	
#produkteviewpath a:hover {
	font-size: 10px;
	text-decoration: none;
	color: #015AAA;}

#produkteviewpath a:active{
	font-size: 10px;
	text-decoration: none;
	color: #015AAA;}
	
#produktelink a:link {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #003366;}
	
#produktelink a:visited {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #003366;}
	
#produktelink a:hover {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #015AAA;}

#produktelink a:active {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #015AAA;}
	
#produktelayermenu a:link {
	font-size: 10px;
	text-decoration: none;
	color: #333333;}
	
#produktelayermenu a:visited {
	font-size: 10px;
	text-decoration: none;
	color: #333333;}
	
#produktelayermenu a:hover {
	font-size: 10px;
	text-decoration: none;
	color: #015AAA;}

#produktelayermenu a:active {
	font-size: 10px;
	text-decoration: none;
	color: #015AAA;}
	
#sitemap a:link {
	text-decoration: none;
	color: #003366;}
	
#sitemap a:visited {
	text-decoration: none;
	color: #003366;}
	
#sitemap a:hover {
	text-decoration: none;
	color: #015AAA;}

#sitemap a:active {
	text-decoration: none;
	color: #015AAA;}
	
#newsright a:link {
	text-decoration: none;
	color: #003366;}
	
#newsright a:visited {
	text-decoration: none;
	color: #003366;}
	
#newsright a:hover {
	text-decoration: none;
	color: #015AAA;}

#newsright a:active {
	text-decoration: none;
	color: #015AAA;}
	
#latestnewslist a:link {
	text-decoration: none;
	color: #E72229;}
	
#latestnewslist a:visited {
	text-decoration: none;
	color: #E72229;}
	
#latestnewslist a:hover {
	text-decoration: none;
	color: #E72229;}

#latestnewslist a:active {
	text-decoration: none;
	color: #E72229;}
	
/*************************/
/****** Bildgalerie ******/
.tx-lzgallery-pi1 {
	text-align:center;}
	
#tx-lzgallery-pi1-title {
	/*border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#00008c;*/
	border-bottom-style:none;
	text-align:center;
	margin-bottom:20px;
	font-size:16px;
	font-weight:bold;}

/**************************/
/****** Tags in Divs ******/


#produkteviewtxt h1{
	padding: 10px 0 10px 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}
	
#produkteviewtxt h1 .csc-firstHeader{
	padding: 0 0 0 45px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}
	
#produkteviewtxt ul{
	padding: 0 0 0 0;
	margin: 0 10px 0 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#produkteviewtxt .csc-textpic-imagewrap ul {
	margin: 0 ;
}

.searchfield { width:120px; border:1px solid #CCCCCC;}

#produkteviewtxt table{
	margin: 0 0 20px 0;}

#produkteviewtxt p{
	padding: 0 0 0 0;}
	
#produktelink p{
	margin: 2px 0;}
	
#jobsheader p{
	font-size: 11px;}
	
#jobsmain h2{
	margin: 25px 0 0 0;
	font-size: 13px;
	font-weight: bold;}
	
#jobs h2{
	margin: 25px 0 0 0;
	font-size: 13px;
	font-weight: bold;}
	
#jobsmain p{
	font-size: 11px;}
	
#jobsheader {
	background-color:#ffffff;}
	
#jobsmain {
	overflow:auto;}
#kontaktpersonen {
	overflow:auto;}
#kontaktemain {
	overflow:auto;}


	
#jobsfooter p{
	margin: 25px 0 0 0;
	font-size: 11px;}
	
#kontaktpersonen p{
	margin: 25px 0 0 0;
	font-size: 11px;}
	
#kontaktpersonen h2{
	margin: 25px 0 0 0;
	font-size: 13px;
	font-weight: bold;}
	
#newsletter h2{
	font-size: 13px;
	font-weight: bold;}

/****************************/
/******    Classes    *******/
.metanavigationnav{
	width: 310px;
	height: 470px;
	/*border-right: 1px solid #CCCCCC;*/}

.produkteviewheading{
	padding: 10px 0 0 32px;}

.produkteviewheadingtxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;}
	
#newsobject .newstitle{
	margin-bottom: 10px;
	font-weight: bold;}
	
#latestnewsobject .newstitle{
	margin-bottom: 5px;
	font-weight: bold;}
	
#latestnewsobjectp p{
	margin: 0;
	padding: 0;
}
	
.newsdate{
	margin-left: 10px;
	font-weight: normal;
}

.inline {
	display: inline;}


/**************************/
/**** Classes Linkdefs ****/
.links a:link {
	font-size: 11px;
	text-decoration: none;
	color: #003366;}
	
.links a:visited {
	font-size: 11px;
	text-decoration: none;
	color: #003366;}
	
.links a:hover {
	font-size: 11px;
	text-decoration: none;
	color: #015AAA;}

.links a:active {
	font-size: 11px;
	text-decoration: none;
	color: #015AAA;}

.newsTeaser {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0 0 0;}

.newsTeaser a:link {
	margin-right: 30px;
	font-size: 12px;
	text-decoration: none;
	color: #003366;}
	
.newsTeaser a:visited {
	margin-right: 30px;
	font-size: 12px;
	text-decoration: none;
	color: #003366;}
	
.newsTeaser a:hover {
	margin-right: 30px;
	font-size: 12px;
	text-decoration: none;
	color: #015AAA;}

.newsTeaser a:active {
	margin-right: 30px;
	font-size: 12px;
	text-decoration: none;
	color: #015AAA;}
	
/* erweiterte Suche */
.tx-indexedsearch-searchbox select { width: 154px; #width:156px; margin: 5px 0 5px 10px}
.tx-indexedsearch-searchbox p { margin: 0 0 0 0;}

.searchAdvanced { text-align:left; padding:3px 0 10px 45px; #padding:3px 0 10px 54px; font-size:10px; background-color:#FFFFFF; z-index:1000;}
.searchAdvanced a {color: #015AAA;; font-size:10px; text-decoration:none;}
.searchAdvanced a:hover {color: #003366 }

/* mailform */
fieldset.csc-mailform { border:0; padding:0;}
.csc-mailform-field fieldset {border:0;}
.csc-mailform-field legend {display:none;}
.mailformLabel {float:left; width:120px; text-align:right; padding: 0 10px 6px 0;}
.mailformField {float:left; padding: 0 0 6px 0; }
.mailformField input { width:200px; border:1px solid #cccccc;}
.mailformField textarea{ width:200px; border:1px solid #cccccc;}
.csc-mailform-field { clear:both}
.csc-mailform-field label {display:block; float:left; width:120px; text-align:right; padding: 5px 10px 6px 0;}
#mailformanrede label {display:inline; float:none;}
#mailformanredeFrau {padding:5px 0 0 0;}
#mailformanredeHerr{padding:5px 0 0 0;}
#mailformkontaktaufnahme label {display:inline; float:none;}
#mailformformtype_mail {width:120px;}


/*.contenttable { border:1px solid #d4d0c8 !Important; margin: 0 0 0 1px;}

.contenttable td {border:1px solid #d4d0c8 !Important; }*/

/* Mailform */

.contactform { padding:10px 0 0 0;}
fieldset { border: 0;}

.contactform label {
	display: block;
	width: 120px;
	float: left;
	text-align:right;
	padding: 0 10px 0 0;
}

input.tx-guestbook-submit {
background-color:#E8E8E8;
width:120px !important;
}

.formField {
float:left;
padding:0 0 15px;
}

.contactform textarea {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
width:250px;
border:1px solid #CCCCCC;
}

.contactform input {
width:250px;
border:1px solid #CCCCCC;
}

.contactform select {
width:253px;
border:1px solid #CCCCCC;
}

.formLabelNewsletter {
float:left;
padding:0 5px 15px 0;
width:302px;
}

.contactform .inputCheck {
border:1px solid #FFFFFF;
width:20px;
margin:2px 0 0 5px; #margin: 0 0 0 5px;
padding:0;
}

.formLabel1 {
float:left;
padding:0 5px 15px 0;
width:125px;
}

.gender { float:left;}
.contactform .gender label {width:20px; padding:0; text-align:left;}
.radio1 { float:left; padding:0 40px 0 0;}
.radio { float:left;}

.contactform .inputcity { width:155px; margin:0 0 0 10px;}
.contactform .inputZip { width:80px;}

.teilnehmen, .projekt, .termine, .orte { padding: 0 0 10px 0;}

.teilnehmen2 { padding: 0 0 20px 0;}

.longText { float:left; width:570px;}

.longText1 { float:left;}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
  margin:0 0 5px 0;
}

/* Suche */

.tx-indexedsearch {}

.tx-indexedsearch .input-holder{


	float:left;

	width:245px;

	margin: 0 0 0 3px;

	height:23px;

}



.tx-indexedsearch  .btn { margin: 0 0 0 4px; border:1px solid #cccccc; background:#ffffff;}

.tx-indexedsearch .input-holder .text-inp{
	background:none;
	border:1px solid #cccccc;
	width:150px;
	color:#3b2e24;
	float:left;
}

.searchField { float:left;}

.searchButton { float:left; padding: 0 0 0 3px; #padding: 1px 0 0 3px;}

.searchBox { width:195px; #width:193px; border: 1px solid #CCCCCC; height:14px; font-size:11px;}

.sel-3 .searchBox { width:137px; #width:135px;  border: 1px solid #CCCCCC; height:14px; font-size:11px;}

*html .searchBox {#width:190px;}

*html #searchform { border:1px solid #fffff; margin:0; padding:0}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {

color:red;

display:inline;

}

.tx-indexedsearch-icon { float:left;}

.tx-indexedsearch-title { float:left;}

.tx-indexedsearch-percent { float:right;}

.sucheInput { 

	width:150px; 

	border:1px solid #CCCCCC; 

	margin: 0 0 0 3px;

	font-size:11px;

	height:14px;

	}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {

	width:18px;

	margin:0 0 0 3px;

}

.tx-indexedsearch-browsebox { padding: 0 0 10px 0;}

.tx-indexedsearch-browsebox p strong {display:inline;}

.clear {clear:both;}

.advancedSearch { padding:10px 0 0 0;}



.tx-indexedsearch-searchbox select { width:153px; margin:7px 0 0 3px; font-size:11px; border:1px solid #cccccc}

.resultHeaderRow { background:#eeeeee; padding:5px; width:620px; margin:0 5px 0 0;}
p.tx-indexedsearch-descr { margin:2px 0 15px 5px; width:620px; margin:0 5px 0 0;}