html * {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #4c4e92;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

#main {
	margin: 2px auto;
	width: 1100px;
}


a img {
	border: none;
}

.antifloat {
	clear: both;
}

hr {
	margin: 5px 0 5px 0;
	color: #CCC;
}

a {
        color: #000;
        text-decoration:none;
}

a:hover {
        color: #4c4e92;
        text-decoration:none;
}

p {
        margin: 0px 40px 0px 40px;
		padding-bottom: 7px;	
}


 /*<<-------------------------------------------- headlines -------------------------------------------->>*/


h1 {
	color: #333333;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0 26px 10px;
}

h2 {
	width: 648px;
	font-size: 15px;
	color: #4c4e92;
	padding: 0 0 7px 0px;
	margin: 0 0 20px 20px;
	border-bottom: 1px dashed #666;
}

h3{						/*TabMenu*/
	width: 305px;
	color: #333;
	font-size: 17px;
	font-family:"Trebuchet MS",Arial,Sans-Serif;
	padding: 0px 0 0 0px;
	margin: 9px 0 4px 5px;

}

h4 {	
	color: #4c4e92;		/*date-news*/
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0 9px 5px;
	padding: 0 0 0px 0;
	border-bottom: 1px dashed #666;	
} 

h5 {					/*index: left-column*/
	color: #333;	
	font-size: 14px;
	font-weight: normal;
	padding: 5px 0 15px 5px;
} 

h6{						/*index: left-column*/
	width: 125px;
	color: #333;
	font-size: 15px;
	font-family:"Trebuchet MS",Arial,Sans-Serif;
	padding: 0px 0 0 0px;
	margin: -5px 0 0px 0px;

}

h7{						/*index: left-column*/
	width: 125px;
	color: #333;
	font-size: 15px;
	font-family:"Trebuchet MS",Arial,Sans-Serif;
	padding: 0px 0 0 0px;
	margin: 17px 0 0px 10px;

}

h8 {
	width: 533px;	
	font-size: 16px;
	color: #4c4e92;
	font-weight: bold;
	padding: 0 0 7px 0px;
	margin: 0 0 20px 39px;	
}

h9 {					/*impr*/
        color: #4c4e92;
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 0 40px;
}

h10 {	
	font-size: 12px;
	padding: 0 0 7px 0px;
	margin: 0 0 0px 20px;
}     

h11 {
	font-size: 19px;
    font-weight: bold;
}                                               

 /*<<--------------------------------------------header & metanav-------------------------------------------->>*/



#header {
	width: 1100px;
    position: relative;
    margin: 10px 0px 0px 0px;
}

#metanav {
	float: right;
	margin: 23px -13px 0px 0px;
}

* html #metanav {    
	width: 580px;
	position:absolute;
	left: 720px;
}

#metanav li, #metanav a {
	height: 29px;
	display: block;
}

* html #metanav li, #metanav a {
	list-style: none;
	height: 14px;
	display:block;
}

#metanav a {
		padding-left: 32px;
}

#metanav li {
		float: left;
		display: inline;
		margin: 0px 64px 0px 0px;
}

* html #metanav li {
		float: left;
		display: inline;
		margin: 0px 24px 0px 0px;
}

#login-meta {
		width: 29px;
		background-image: url(../images/login_icon.jpg);
		background-repeat: no-repeat;
		position: relative;
		left: 11px;
}

* html #login-meta {
		width: 10px;
		background-image: url(../images/login_icon.jpg);
		background-repeat: no-repeat;
		position: relative;
		left: 11px;	
}

#login-meta a {
        color: #FFF;
        text-decoration: none;
		padding-top: 13px;
}

#login-meta a:hover {
        text-decoration: underline;
		background-image: url(../images/login_icon.jpg);
		background-position: 0px -28px;
		background-repeat: no-repeat;
}

#kontakt-meta {
		width: 29px;
		background-image: url(../images/kontakt_icon.jpg);
		background-repeat: no-repeat;
}

#kontakt-meta a {
        color: #FFF;
        text-decoration: none;
		padding-top: 13px;
}

#kontakt-meta a:hover {
        text-decoration: underline;
		background-image: url(../images/kontakt_icon.jpg);
		background-repeat: no-repeat;
		background-position: 0px -28px;
}

#sitemap-meta {
		width: 29px;
		background-image: url(../images/sitemap_icon.jpg);
		background-repeat: no-repeat;
}

#sitemap-meta a {
        color: #FFF;
        text-decoration: none;
		padding-top: 13px;
}

#sitemap-meta a:hover {
        text-decoration: underline;
		background-image: url(../images/sitemap_icon.jpg);
		background-repeat: no-repeat;
		background-position: 0px -28px;
}


/*<<---------------------------------------------navi------------------------------------------------------------------->>*/

#navigation {
	height: 76px;
	width: 1106px;
	margin: 15px 0px 0px 0px;
	background-image: url(../images/navibg2.jpg);
	background-repeat: no-repeat;
}

#navigation a {
	color: #5e5e5e;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 6px 0 0;
	padding: 6px 4px 5px 5px;
}

#navigation ul a {
	padding: 3px 0px 0px 3px;
	background-color: transparent;
	font-size: 11px;
	border-width: 0px;
	border-style: none;
}

#navigation ul ul {
	width: 260px;
	padding: 10px 10px 10px 10px;
	margin: 17px 0px 0px 0px;
	background-color: #f7f7f7;
	border:1px solid #CCC;
	z-index: 20;
	position: absolute;
}

#navigation ul ul li:hover {
	width: 260px;
	background-color: #dadada;
	z-index: 20;
}

.navi {
	padding: 10px;
}

.navi a, .navi li {
	float: left;
	display: block;
	position: relative;
	padding: 1px;
}

.navi div a, .navi ul a, .navi ul li {
	float: none;
}

.navi ul {
	left: -10000px;
	position: absolute;
	z-index: 10;
}

.navi li:hover>ul {
	left:auto;
}

#nav ul {
	top:100%;
}

.navi .break {
	height:15px;
	border-left:1px solid #aaaaaa;
	float: left;
	margin: 4px 2px 0px 2px;
}

#navigation .navi .pro {
	font-size: 13px;
}



/*<<--------------------------------------------- language ------------------------------------------------------------------->>*/



#language {
	float: right;
	margin: 29px 0 0 0;}


#language ul {
        list-style: none;
        float:right;
        margin: 0px 0px 0px 0px;
}

* html #language ul {
        list-style: none;
        float:right;
        margin: 0px 2px 0px 0px;
}

#language li {
        display: inline;
}

 /*<<---------------------------------------------------------------- content -------------------------------------------------------------------->>*/

.space {
        padding: 0px 0px 0px 20px;
        margin: -1px 0px 0px 0px;
		width: 642px;
}


#content {
        width: 1101px;
        background-color: #f4f4f4;
        padding: 0px 0px 20px 0px;
        margin: 0px 0px 0px 0px;
		
}

.banner {
	width: 1071px;
	margin: 15px 0 1px 14px;
	border: 1px solid #333333;
	z-index: 0;
}

#bannerinfo {
	padding: 50px 0 0 302px;
    position: absolute;
	color:#000;
	font-size: 16px;
	font-weight: bold;
	width: 333px;
	z-index:0;
}

#content .headl-banner {
	color: #666666;
    font-size: 12px;
    font-weight: normal;
	margin-bottom: 40px;
}

#content span.bannerfont {
	color: #666666;
    font-size: 12px;
    font-weight: normal;
}

#content span.bannerfont a {
	color: #666666;
    font-size: 12px;
    font-weight: normal;
}

#content span.bannerfont a:hover {
	color: #4c4e92;
}

#text .compinfo {
	width: 514px;
	margin: 9px 0 0 166px;
    position: absolute;
    
}

.imagefilmindex {
	position: absolute;
	margin: 38px 0 0 653px;
	z-index: 5;
	border: 1px solid #333333;
}

#imagefilm {
	margin: 8px 13px 0 10px;
	border: 1px solid #333333;
	width: 367px;
	height: 310px;
	background-image: url(../images/tab.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	float: left;
}

#imagefilm .imagefilmposi {
	margin: 5px 0 0 13px;}


#text {
        float: left;
        background-image: url(../images/tab.gif);
        background-repeat: repeat-x;
		background-color: #fff;
        margin: 8px 0px 0px 14px;
		padding-bottom: 15px;
        color: #333;
        width: 693px;
        border: 1px solid #666;
}

ul.leistungen {
        list-style: none;
		margin-left: 38px;
}

li.icon {
        background-image: url(../images/list-icon.gif);
        background-repeat: no-repeat;
        background-position: 0 5px;
        padding: 0px 0px 12px 23px;
}


* html #inhalt {
        float: left;
        background-image: url(../images/content.gif);
        background-repeat: no-repeat;
        margin: 8px 0px 20px 15px;
        color: #333;
        width: 620px;
        border: 1px solid #666;
}

#text ul {
        margin: 8px 0px 20px 58px;
        list-style: none;
		width: 560px;
}

#text li a:hover {
        color:#4c4e92;
        text-decoration: underline;
}

#text li.icon {
        background-image: url(../images/list-icon.gif);
        background-repeat: no-repeat;
        background-position: 0 5px;
        padding: 0px 0px 14px  19px;
}




#text .imgleft ul {
	width: 534px;
	float: right;
    list-style: circle;
    margin: 0;
    padding: 0;
	position: relative;
	left: 14px;
}

.imgleft {
	float:left;
	width: 672px;
	margin: 9px 0px 0 21px;
}


#partnercol {
	margin: 31px 203px 41px 40px;
}

#rightcol {
	float:right;
	width: 300px;
	font-size: 14px;
	margin-top: 5px;
}



 /*<<----------------------- tabmenu ------------------------------------->>*/


div.domtab div{
	clear:both;
	width: 360px;
	height: 433px;
	overflow:scroll;
	overflow-x: hidden;
	background:#fff;
	color: #000;
	padding: 1px 3px;
	border-right: 1px solid #5E5E5E;
	border-top: 1px solid #5E5E5E;
}

.domtab {
	float:right;
	margin: 8px 13px 13px 0;
	border-left: 1px solid #5E5E5E;
	border-bottom: 1px solid #5E5E5E;
	font-weight: normal;
}

ul.domtabs{
	width: 344px;
	margin: 0 0 0 0;
	list-style:none;				
}

ul.domtabs li{
	float:left;
	padding:0 0px 0 0;
}

ul.domtabs a:link, ul.domtabs a:visited, ul.domtabs a:active, .domtabs a:hover{
	width: 80px;
	height: 24px;
	padding: 7px 0 0 7px;
	display:block;
	background: url(../images/tab.gif) repeat-x;
	text-decoration:none;
	border-top: 1px solid #5E5E5E;
	border-right: 1px solid #5E5E5E;
}

ul.domtabs a:hover{
	background: #DEDEDE;
}

ul.domtabs li.active a:link, ul.domtabs li.active a:visited, ul.domtabs li.active a:active, ul.domtabs li.active a:hover{
	background: #fff;
	color: #333;
	border-right: 1px solid #5E5E5E;
}

div.domtab div span.datum {
	margin: 0px 0 0px 5px;
}

div.domtab div p {
	margin: 0px 5px 0px 5px;
}

div.domtab div a {
	color: #4c4e92;
}

div.domtab div ul {
	margin: 0px 5px 0px 40px;
	color: #000;
	line-height: 26px;
}

div.domtab div ul a {
	color: #000;
}

div.domtab div ul a:hover {
	color: #4c4e92;
}




 /*<<-----------------------unternehmen------------------------------->>*/

.zitat {
        font-size: 12px;
        color: #4c4e92;
        font-style: italic;
}

.wer_zitat {
        font-size:11px;
        color: #000000;
        float: right;
}

a.nurfarbe {
        color: #4c4e92;
        text-decoration:none;
}


.ueberuns_img {
	border-color: white;
	position: relative;
	left: -5px;

}


 /*<<------------------------sitemap------------------------------>>*/


.sitemap ul {
        list-style: none;
		padding-bottom: 10px;
}

.sitemap li {
        background-image: url(../images/list-icon.gif);
        background-repeat: no-repeat;
        background-position: 0 5px;
        padding: 2px 20px;

}

 /*<<-----------------------produkte-------------------------------->>*/


ul.prod-software {
	padding-bottom: 163px;
}

ul.prod-automatisierung {
	padding-bottom: 211px;}


.acarabilder {
		position: relative;
		margin-top:-70px;
}


 /*<<-----------------------referenzen------------------------------->>*/

.linkcolor {
        color: #4c4e92;
        font-size: 14px;
        border-bottom:1px dashed black;
}

.linkcolor a {
        color: #4c4e92;
}


.kursiv {
        font-style: italic;
}

 /*<<-----------------------kontakt------------------------------->>*/

.table {
        margin: 8px 0 0 39px;
        margin-top: 15px;
		font-size: 13px;
}

.email {
	position: relative;
	top: 3px;
}

.route {
	color: #4c4e92;
}



 
                                /*<<-----------------------bildergalerie------------------------------->>*/

#galerie {
/*        position: relative;
        left: 17px;*/
}

#image {
        position:relative;
	    top: 5px;
		left: 28px;
        width:255px;
        height:191px;
        padding:5px;
        background:Transparent url(images/loading.gif) center center no-repeat;
}

#image img {
        position:absolute;
        top:5px;
        left:5px;
}

#thumbs {
        position: absolute;
        list-style:none;
        margin-left:5px;
        height:0px;
        width:0px;
}

.imgnav {
        position: absolute;
        height: 191px;
        width: 20%;
        z-index: 100;
        width: 20%;
        z-index: 100;
        outline: none;
        cursor: pointer;
        top: 7px;
}

#previmg {
        left: 8opx;
        background: url(../images/fleche1.png) left center no-repeat;
}

* html #previmg {
        left: 8opx;
        background: url(../images/prev_ie6.gif) left center no-repeat;
}

#previmg:hover {
        opacity: 1;
        filter: alpha(opacity=100);
}

#nextimg {
        right: 4px;
        background:url(../images/fleche2.png) right center no-repeat;
}

* html #nextimg {
        right: 4px;
        background:url(../images/next_ie6.gif) right center no-repeat;
}

#nextimg:hover {
        opacity:1;
        filter:alpha(opacity=100);
}



                                /*<<-----------------------footer------------------------------->>*/


#footer {
        padding: 5px 0px 8px 0px;
        font-size: 11px;
}


#footer a {
        color: #FFF;
        text-decoration: none;
}


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