/* - - - - - - - - - - - - Basic style sheet - - - - - - - - - - - - */
html, body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%; 
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, form {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
img{
	border:none;
}

#mainarea #content li a:hover,
#mainarea #content p a:hover,
#mainarea #content li a:focus,
#mainarea #content p a:focus,
#mainarea #content li a:active,
#mainarea #content p a:active{
	color:#000;
	background-color:#ddd;
}

#mainarea #additionalinfo li a:hover,
#mainarea #additionalinfo p a:hover,
#mainarea #additionalinfo li a:focus,
#mainarea #additionalinfo p a:focus,
#mainarea #additionalinfo li a:active,
#mainarea #additionalinfo p a:active{
	color:#000;
	background-color:#fff;
}
.invisible{
	position:absolute;
	left:-2000px;
}

#navigation p.invisible a:focus, 
#navigation p.invisible a:active{
	position:absolute;
	left:+2450px;
	top:-50px;
	background-color:#838383; /*#777c83;*/
	color:#fff;
	display:block;
	width:9em;
	padding:2px 6px;
}
.nofloat{
	clear:both;
}

/* - - - - - - - - - - - - sidehead - - - - - - - - - - - - */
#head {
	position:static; 
	border:none;	
	background-color:#fff;
	color:#000;
	background-image:url(../images/B.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:100px;
	width:100%;

}
#logocontent {
	display:block;
	position:absolute;
	left:202px;
	top:0px;
}

#headlogo {
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	margin-top:0;
}
#logolinks{
	position:absolute;
	top:30px;
	left:27px;
}
#logolinks2 {
	display:block;
}


#head a{
	text-decoration:none;
}

#techmenu2 a.portal2:link{
	font-size:1.1em;
	font-weight:700;
	color:#000;
	border-bottom:1px solid black;
	margin:0 0 10px 0;
}
#techmenu2 a.portal2:visited{
	font-size:1.1em;
	font-weight:700;
	color:#000;
	border-bottom:1px solid black;
	margin:0 0 10px 0;
}
#techmenu2 a.portal2:hover{
	color:#fff;
	background-color:#919191;
}
/* -- -- -- */

/* - - - - - - - - - - - - Mainmenu - - - - - - - - - - - - */
#mainmenu {
	position:absolute;
	top:100px;
	left:200px;
	border:1px solid #FFF;
	border-right:none;
	border-bottom:none;
	padding:0 0 0 8px;
	width:80%; 
	height:2.2em;
	z-index:8;
}
#mainmenu span{
	display:none;
}
#mainmenu a{
	color:#555;
	background-color:#DBDBDB;
	text-decoration:none;
	font-size:103%;
	line-height:30px;
	padding:4px 6px 2px 6px;
	font-weight:600;
	margin-left:-4px;
	border-right:none;/*2px solid  #919191;*/
}
#mainmenu a:visited {
	color:#444; 
}

/*
#mainmenu .active{
	color:#FFF;
	background-color:#919191; 
	border-right:2px solid #919191; 
}*/


#mainmenu a:visited.actual{
	color:#FFF;
	background-color:#919191; 
	border-right:none;/*2px solid #919191;*/ 
}


#mainmenu a:hover.start,
#mainmenu a:focus.start,
#mainmenu a:active.start
{
	color:#FFF;
	background-color:#919191; /*#808791;*/
	border-right:none;/*2px solid #919191; */
}
#mainmenu a:hover.ai,
#mainmenu a:focus.ai,
#mainmenu a:active.ai{
	color:#FFF;
	background-color:#919191; /*#808791;*/
	border-right:none;/*2px solid #919191;*/
}
#mainmenu a:hover.robotics,
#mainmenu a:focus.robotics,
#mainmenu a:active.robotics{
	color:#FFF;
	background-color:#919191; /*#808791;*/
	border-right:none;/*2px solid #919191;*/
}
#mainmenu a:hover.me,
#mainmenu a:focus.me,
#mainmenu a:active.me{
	color:#FFF;
	background-color:#919191; /*#808791;*/
	border-right:none;/*2px solid #919191;*/
}
#mainmenu a:hover.links,
#mainmenu a:focus.links,
#mainmenu a:active.links{
	color:#FFF;
	background-color:#919191; /*#808791;*/
	border-right:none;/*2px solid #919191;*/
}
#mainmenu a:hover.contact,
#mainmenu a:focus.contact,
#mainmenu a:active.contact{
	color:#FFF;
	background-color:#919191; /*#808791;*/
	border-right:none;/*2px solid #919191;*/
}

#mainmenu a.contact{
	border-right:none;
}

/* - - - - - - - - - - site menu - - - - - - - - - */
#sitemenu {
	position:absolute;
	top:100px;
	left:0;
	width:200px;
	background-color:#ababab;/*#fefefef;*/
}
#sitemenu span{
	display:none;
}
#sitemenu ul.top span.div{
	display:inline;
	margin-left:-14px;
	color:#000;
	border-bottom:none;
}	
#sitemenu ul.sub span.div{
	display:inline;
	margin-left:-14px;
	color:#000;
	border-bottom:none; 
}
#sitemenu ul.head{
	font-size:103%;
	line-height: 0px;
	padding:4px 6px 4px 6px;
	font-weight:600;
}
#sitemenu ul.top{
	padding:0;
	font-size:100%;
}
#sitemenu ul.top a{
	padding-left:10px; 
}
#sitemenu ul.top span{
	display:block; 
	padding-left:10px;
}
#sitemenu ul.top li{ 
	margin:0;
}
#sitemenu ul.sub{
	color:#FFF;
	list-style:square;
}
#sitemenu ul.sub li a{
	padding-left:0px;
}
#sitemenu ul.sub li.last{
	border-bottom:none;
}
#sitemenu li{
	margin-top:0;
	border-bottom:1px solid #FFF;
}
li a.underscore{
	border-bottom:1px solid #FFF;
}
#sitemenu a{
	color:#000;
	display:block;
	padding:3px 5px 3px 10px;
	text-decoration:none;
}
#sitemenu li span{
	border-bottom:1px solid #000; 
}
#sitemenu .selection {
	color:#FFF;
	font-size:100%;
	background-color:#B1B1B1;
	padding:3px 5px 3px 10px;
}
#sitemenu .subselection{
	color:#FFF; 
	background-color:#BABABA;
	padding:3px 5px 3px 0px;
}
#sitemenu a:hover,
#sitemenu a:focus, 
#sitemenu a:active{
	background-color:#CECECE; 
	color:#000;
	display:block;
}
#techmenu{
	margin:40px 10px 10px 10px;
	padding:10px 0 0 0;
	border:1px solid #000;
	color:#000;
	background-color:#BCBCBC;
	border-bottom:none;
}

#techmenu .selection {
	color:#FFF;
	font-size:100%;
	background-color:#313131;
	padding:3px 5px 3px 10px;
}

#techmenu2{
	margin:40px 10px 10px 10px;
	padding:0;
	border:1px solid #000;
	color:#000;
	background-color:#BCBCBC;
	border-bottom:none;
}
#techlinks a{
	color:#000;
	display:block;
	padding-left:10px;
	border-bottom:1px solid #000;
}
#techlinks a:hover,
#techlinks a:active,
#techlinks a:focus
{
	color:#FFF;
	background-color:#313131;
}


/* - - - - - - - - - - - - Secondary menu - - - - - - - - - - - - */
#secondarymenu{
	float:right;
	background-color:#fff;
	margin-top:-40px;
	padding-left:10px;
	border-left:1px solid #555;
}
#content #secondarymenu ul{
	margin:0;
	padding-left:0;
	padding-bottom:0;
	list-style:none;	
}
#secondarymenu li{
	font-size:1em;
	margin:0.3em 0 0.3em 0;
}

/* - - - - - - - - - - - - middle border - - - - - - - - - - - - */
#mainarea {
	background-color:#fff; /*#919191; /*#808791;*/
	width:100%;
	border-top:1px solid #FFF; /* erforderlich, um den grauen Balken unter dem Hauptmenu vom Kopf abzusetzen */
}

#container{
	margin-left:200px;
	background-color:#DBDBDB;
	border-bottom:1px solid #FFF; /*verhindert "bugs bunny* zusammen mit Manipulation der Höhe von border-top bei content h2 */
}

#content {
	background-color:#FFF;
	margin:0px 140px 0px 0px; 
	border-bottom:1px solid #FFF;	/*korrigiert eine Fehldarstellung in IE 5.5 und NN7*/
}

#content2{
	background-color:#FFF;
	margin:0;

}

p.breadcrumb{
	display:none;
	position:absolute;
	top:36px;
	left:410px;
}
#content h2{
	margin-left:0px;
	font-size:1.4em;
	font-weight:bold;
	padding:1.2em 10px 10px 10px;
	color:#919191;
	color:#555;
}

#content h2.first{
	border-top:38px solid #DBDBDB; /* erzeugt den variablen grauen Balken hinter dem Hauptmenu. Wenn diese Border wie es logisch wäre bei Inhalt gesetzt würde, wiederholt sie sich im IE 5.5 in jedem Absatz - Ausgangswert 1.9 */
	border-top:1.5em solid #DBDBDB;
}
#content2 h2.first{
	border-top:38px solid #DBDBDB;	
	border-top:1.5em solid #DBDBDB;
	padding-top:1em;
	padding-left:1em;
	margin-bottom:30px;
}
#content2 p{
	margin-left:25px;
	margin-right:15%;
	line-height:1.6em;
}
#content h3 {
	font-size:1.2em;
	font-weight:bold;
	padding:.4em 10px .6em 10px;
	border-top:1px solid #DBDBDB;
	color:#919191; /*#808791;*/
	color:#555;
}
#content h3.without {
	font-size:1.2em;
	font-weight:bold;
	padding:.4em 10px .6em 10px;
	border-top:0px none #DBDBDB;
	color:#919191; /*#808791;*/
	color:#555;
}
#content h4 {
	font-size:1.0em;
	font-weight:bold;
	padding:.4em 10px .6em 10px;
	/*color:#919191;*/
	/*color:#555;*/
}

#content .category{
	background-color:#DBDBDB;
	border:1px solid #FFF;
	border-bottom:none;
}
#content h2.category{
	font-size:1.25em;
	font-weight:500;
	padding:4px 4px 4px 10px;
	border:1px solid #FFF;
	border-bottom:none;
}
#content .floatleft {
	float:left;
	margin:6px 10px;
}
#content .floatright {
	float:right;
	margin:6px 10px;
}
#content p{
	color:#000;
	font-size:1em;
	line-height:1.4em;
	font-weight:normal;
	padding:0 1px 1em 10px;
	margin:0px 20px 0 0;
}
#content p.withpic{
	color:#000;
	font-size:1em;
	line-height:1.4em;
	font-weight:normal;
	padding:0 1px 1em 10px;
	margin:0px 20px 0 100px;
}
#content p.withlargepic{
	color:#000;
	font-size:1em;
	line-height:1.4em;
	font-weight:normal;
	padding:0 1px 1em 10px;
	margin:0px 20px 0px 100px;
	padding-bottom:320px;
}

#content p.withsmallpic{
	color:#000;
	font-size:1em;
	line-height:1.4em;
	font-weight:normal;
	padding:0 1px 1em 10px;
	margin:0px 20px 0px 100px;
	padding-bottom:110px;
}

#content p.last{
	padding-bottom:40px;
}
#content ul{
	color:#000;
	background-color:transparent;
	font-size:1em;
	font-weight:normal;
	padding:0 10px 1em 30px;
	margin:0 10px 0 10px;
	padding-bottom:2em;
}

#content ul li{
	line-height:1.3em;
}

#content ul.withpic {
	color:#000;
	background-color:transparent;
	font-size:1em;
	font-weight:normal;
	padding:0 10px 1em 30px;
	margin:0 10px 0 93px;
	padding-bottom:2em;
}

#content a{
	color:#000;
	text-decoration:underline;
}
.withpic a{
	background-image:url(../images/linkdot.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:1.2em;
	display:block;
}
#content a:visited{
	color:#000;
	text-decoration:underline;
}
#content img.icon{
	position:relative;
	top:14px;
	margin-top:-14px;
	border:none;
}
ul#sitemap{
	margin-left:0px;
}
ul#sitemap ul{
	padding-left:5px;
	padding-bottom:10px;
}
ul#sitemap li{
	color:#000;
}
.centered{
	text-align:center;
}

#content p.distance{
	padding:1.5em 0 2.5em 0;
}

/* - - - - - - - - - - - - right column  - - - - - - - - - - - - */
#additionalinfo {
	position:absolute;
	top:101px; 
	right:0;
	background-color: #000000;
	width: 139px;
	border-top:2.1em solid #919191 /*#d3d7db; */
	z-index:4;
}
#additionalinfo h3 {
	background-color:#000000;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	color:#FFF;
	display:block;
	font-size:90%;
	padding:3px 0 3px 0;
	text-align:center;
}
#additionalinfo img.oben{
	border-top:1px solid #fff;
}
#additionalinfo p {
	background-color:#fff;
	color:#000;
	font-size:88%;
	line-height:1.2em;
	padding:0 2px 10px 5px;
	text-align:left;
	border-bottom:1px solid #FFF;
}
#additionalinfo img{
	display:block;
	padding-bottom:5px;
}
#additionalinfo a:visited{
	color:#000;
}
#portal{	
	position:relative;
	padding:6px;
	
}
#additionalinfo #portal p{
	border:3px solid #f00;
	color:#000;
	background-color:#fff;	
}
#acrologo{
	margin-left:27px;
}
#additionalinfo p.abstand{
	margin:0px;
	padding:3px;
}
.buttons{
	position:absolute;
	right:20px;
	width:100px;
}
.buttons img,
.buttons a{
	margin: 3px 0 3px 0;
}
#content p.marginalie{
	position:absolute;
	right:0px;
	width:128px;
	background:#fff;
	padding:5px;
margin-right:0;
line-height:1.4em;
}
.marginalie img{
	display:block;
}
#content .ortsliste li{
	list-style:none;
}
#content .ortsliste li a:link{
	line-height:180%;
	padding-left:20px;
	list-style:none;
}
#content .ortsliste li a:visited{
	line-height:180%;
	padding-left:20px;
	list-style:none;
}
#content .ortsliste li.initial{
	position:absolute;
	left:220px;
	margin-top:-5px;
	color:red;
	font-size:180%;
	list-style:none;
}
/* - - - - - - - - - - - - Downloadbox - - - - - - - - - - - - */
#dlbox{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	width:28em;
	padding:2px;	
	background-color:#ddd;
	border:1px solid black;
}
table{
	font-family:Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	padding:2px;
}
#dlbox caption{
	font-size:1.2em;
	font-weight:bold;
	line-height:2em;
}
#dlbox th{
	background-color:#ddd;
	height:2em;
	border:1px solid #fff;
} 
#dlbox td a:link,
#dlbox td a:visited,
#dlbox td a.fensterzu{
	display:block;
	width:6em;
	height:1.4em;
	background-color:#999;
	border: 3px outset #ccc;	
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	color:#eee;
	padding-top:3px;
	text-decoration:none;
}
#dlbox td a:hover{
	color:#333;
	background-color:#ddd;
}
#content2 #dlbox td a.fensterzu{
	width:98.5%;
}
#content .weiter_abstand p{
	line-height:2em;
} 

/* - - - - - - - - - - - - footer - - - - - - - - - - - - */
#footer{
	background-color:#fff;
	margin:0;
	width:100%;
	height:2em;
	border-top:1px solid #FFF;
}

#footer p{
	padding:5px 5px 5px 15px;
	line-height:1.5em;
}

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

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

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

#footerl{
	height:2em;
	width:200px;
	float:left;
	border-right:1px solid #FFF;
}

#footerr{
	height:2em;
	width:140px;
	float:right;
	border-left:1px solid #FFF;
}