html, body { margin:0px; width:100%; height:100%; }
BODY {
	font-family:arial,verdana,tahoma;
	font-size:12px;
	/* background-color:#6B6B6B; Direkt in index geschrieben (kompatibilität mit systemen) */
	/* behavior: url("csshover3.htc");  IE6:Hover Fix */
}
table, td { font-size:12px; } /* Table Fix */

/* Layout */
div#container {
	max-width:1024px;
	min-height:100%;
	background-color:#FFF;
	background-image:url('../images/bg_nav.jpg');
	background-repeat:repeat-y;
	border-right:1px solid #000;
}
div#topContainer {
	background-color:#FFF;
	height:130px;
}
div#top{
	height:93px;
	border-bottom:2px solid #FE000B;
	text-align:right;
	padding-top:17px;
}
img#ubLogo {
	position:absolute; 
	top:23px; 
	left:15px;
}
div#top ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-right:30px;
	margin-bottom:10px;
}
div#top ul li {
	display:inline;
	margin:0px;
	padding-left:4px;
	padding-right:6px; /* 1px mehr, weil links kein Rahmen ist */
	border-right:1px solid #aaa;
}
div#top ul li:first-child {
	border-left:1px solid #aaa;
	padding-left:6px;
}
div#top ul li a {
	color:#666666;
}
ul#myTree {
	width:200px; /* Breite der Navigation */
	float:left;
	padding:0px;
	margin:0px;
	overflow-x:hidden;
}
ul#myTree, ul#myTree ul {
	list-style-type:none;
}
ul#myTree li {
border-bottom:1px solid #96A1B2; /* Strichfarbe bei den Links // erste Links haben border unten */
}
ul#myTree li ul {
	display:none; /* am anfang alle unsichtbar machen */
	margin:0px;
	padding:0px;
}
ul#myTree li ul li {
border-bottom:0px; /* weitere Links haben keinen border unten */
}
ul#myTree a {
	color: #00C; /* Linkfarbe */
	padding-top:2px; /* Grösse des Links, abstand nach oben und unten gleich machen */
	padding-bottom:1px;
	display:block;
	text-decoration:none;
}
ul#myTree a#aktive {
	color:#C03;
}
ul#myTree a:hover {
	background-color:#E3E5E7; /* Hintergrundfarbe beim Mouseover */
	color:#000;
}
/* Jeder a wird eingerückt, aber beim Hover muss alles bis vorne Markiert werden (für _5_ Stufen vorbereitet...) */
ul#myTree li a { padding-left:13px;	} /* Einzug nach links, in gleichen Abständen von stufe zu stufe, ohne Bild brauchts 10px mehr */
ul#myTree li a.knotenPunkt { padding-left:2px;	}
ul#myTree li ul li a { padding-left:25px;	}
ul#myTree li ul li a.knotenPunkt { padding-left:14px;	}
ul#myTree li ul li ul li a { padding-left:37px;	}
ul#myTree li ul li ul li a.knotenPunkt { padding-left:26px;	}
ul#myTree li ul li ul li ul li a { padding-left:49px;	}
ul#myTree li ul li ul li ul li a.knotenPunkt { padding-left:38px;	}
ul#myTree li ul li ul li ul li ul li a { padding-left:61px; }
ul#myTree li ul li ul li ul li ul li a.knotenPunkt { padding-left:50px; }

/* Geht nicht in IE6, wurde durch Javascript in der navigation.js datei ersetzt... (innerHTML)
ul#myTree .knotenPunkt:before {
	content:url("../images/pfeil_navi.gif");
}
*/
div#content {
	float:left;
	width:580px;
	margin-left:16px;
	min-height:20px; /* wenn kein Template ausgewählt ist, würde sonst die tools.cfm nach links rutschen */
}
div#breadcrumb {
	margin-bottom:16px;
}
iframe#externiframe {
	width:100%; 
	height:1200px; 
	border:0px;
	margin:0px;
}
div#footer {
	clear:both;
	height:20px;
}
div#tools {
	float:left;
	margin-left:14px;
	width:185px;
}

/* Anderes */
img { border:0px; }
a.unterLinks {
	clear:both; /* Falls im Content ein Bild floatet ist */
	margin-top:7px;
	display:block;
	border-bottom:1px solid #C0C0C0; 
	border-top:1px solid #C0C0C0; 
	background-color:#F3F5F7; 
	padding:2px;
}
p.kurzbeschrieb {
	margin-top:5px;
	margin-bottom:12px;
}

/* Links */
a:link, a:visited {
	color: #0000CC;
	text-decoration:none;
} 
A:HOVER {
	color:#000066;
} 
A:ACTIVE {
	color:#CC0033;
}


.secundaryHeadline, .SecundaryHeadline, .secundaryheadline {
	border-bottom:1px solid #C0C0C0; 
	border-top:1px solid #C0C0C0; 
	background-color:#F3F5F7; 
	height:16px; 
}
span.high { font-weight:bold; background-color:##FF9; } /*Suche Highlighting */