/* === global HTML elements === */

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

option {padding-left: 0.4em}

body {
	/* Farben in xx_colors.css definiert */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul, ol, dl { margin: 0 0 0 0.5em }
li { margin-left: 0.5em;}

/* === global class definitions ===*/
/* Klassen für unsichtbare Elemente im Basislayout */
.skip {
  position: absolute;
  top: -1000px;
  left: -1000px;
  height: 1px;
  width: 1px;
}
    
/* Skip-Links für Tab-Navigation sichtbar schalten */
.skip:focus, .skip:active {
  position: static;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
}


/* Boxes subsite-links */
.navBox{
	background-color: #DDD;
	width: 94px;
	height: 6.5em;
	float: left;
	padding: 7px 3px 7px 7px;
	margin: 0px 0px 5px 8px;
	font-size: 10px;
	line-height: 11px;
	overflow: hidden;
}
/* 	--> Farben in xx_colors.css definiert */
.navBox a{text-decoration: none;}
.navBox a:hover, .navBox a:active{text-decoration:underline}

.navBox p{margin: 0px 0px 2px 0px}
.navBoxTitle{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 8px;
}

/* 	--> Farben in xx_colors.css definiert */
.imixscom{}
.imixsorg{}
.openworkflow{}
.current{margin: 0px 0px 1px 1px;height: 7em;}


/* === Containers and definitions only valid inside these containers === */

/* Rahmen um die ganze Seite (zur Bestimmung der Positionierung usw. */
#pageMargins{
	/* Farben in xx_colors.css definiert */
	width: 888px;
	margin: 8px auto 8px auto;
	position: relative;
}

#page{
	width: 100%;
}
/* sicherstellen, dass keine boxes die page-box überlappen */
#page:after { 
	content: "";
	display: block;
	height: 0;
	clear: both;
}

/* ==== enthält #header, drei navBoxen und die topNav ==== */
/* ==== Version für die Standard-Top-Navi             ==== */
#topRow{width: 100%;}

/* ==== Seitenkopf ==== */

#header{
	/* Farben in xx_colors.css definiert */
	float: left;
	width: 559px;
	height: 7em;
}

/* == headerNav - enthält die Service Links und die Suchform == */
#headerNav{
	/* Farben in xx_colors.css definiert */
	padding: 2px;
	font-size: 10px;
	float:left;
	width: 99%;
}
#headerNav ul{
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
#headerNav li{
	display: inline;
	margin: 0px;
	padding: 0px;
}
#headerNav a{
	/* Farben in xx_colors.css definiert */
	text-decoration: none;
	font-weight: normal;
	padding: 2px 8px 2px 8px;
}
#headerNav a:link, #headerNav a:visited{}
#headerNav a:hover, #headerNav a:active{/* Farben in xx_colors.css definiert */}

/* Suche */
#searchForm{
	float: right;
	display: inline;
}
#searchForm input{
    /* Farben in xx_colors.css definiert */
    font-size: 11px;
    height: 15px;
    width: 216px;
}
#searchForm button{
	/* Farben in xx_colors.css definiert */
	font-size: 10px;
	line-height:10px;
	height: 15px;
	padding: 0;
	margin: 0;
}

/* == Logo und text == */
#headerContent{
	clear: both;
}
#headerContent .siteLogo{
	float:left;
	padding: 8px 8px 20px 8px;
	border: none;
}
#headerContent .siteAbstract{
	padding-top: 35px;
	margin-left: 168px;
	font-style: italic;
	vertical-align:bottom;
}

/* == Navi Leiste == */
#topNav{
	/* Farben in xx_colors.css definiert */
	clear: both;
	width: 100%;
}
#topNav ul{
	list-style-type: none;
	margin: 0px;
	/* gleiches padding wie die Links, weil diese sonst bie hover überlappen */
	padding: 2px 0px 2px 8px;
}
#topNav li{
	display: inline;
	padding: 0px;
	margin: 0px;
}
#topNav a{
	/* Farben in xx_colors.css definiert */
	text-decoration: none;
	font-weight: bold;
	padding: 2px 8px 2px 0px;
}
#topNav a:link, #topNav a:visited{}
#topNav a:hover, #topNav a:active{/* Farben in xx_colors.css definiert */}

.topNavSelected{/* Farben in xx_colors.css definiert */}


/* ==== Version für die minimized-Top-Navi             ==== */
#topRowMinimized{width: 100%;}
#topRowMinimized #header{height: 2em}
#topRowMinimized #headerNav{border: none;}
#topRowMinimized #header #searchForm input{width: 104px;}
#topRowMinimized #header h1{font-size: 14px; font-weight: bold; font-style: italic; float:left; margin-left: 20px;}
#topRowMinimized .navBox{
	width: 94px;
	height: 2.0em;
	padding: 0.4em 3px 0px 7px;
	margin: 0px 0px 0px 8px;
	font-size: 10px;
	overflow: hidden;
}
#topRowMinimized .current{margin: 0px 0px 0px 1px;}
#topRowMinimized #topNav{height: 1px; background-color: #FFF; margin: 0px; padding: 0px}


/* ==== Spalten ==== */

/* == linke Spalte == */
#leftCol{
	/* Gesamtbreite: 164 px */
	/* Farben in xx_colors.css definiert */
	clear: both;
	float: left;
	width: 148px;
	padding: 20px 8px 10px 8px;
	overflow: hidden;
}

/* Link auf Hauptkapitel */
#leftCol .leftNavTitle{
	font-weight: bold;
	margin-bottom: 8px;
}

/* erste Ebene */
#leftCol ul{
	list-style-type: none;
	margin-left: 0px;
}
#leftCol li{
	margin-left: 0px;
	line-height: 14px;
	padding: 0px;
}

/* Nur in li verschachtelte li's werden eingerückt und kleiner dargestellt */
#leftCol li li{
	margin-left: 8px;
	line-height: 12px;
	padding: 0px;
	font-size: 10px;
}

#leftCol a{
	/* Farben in xx_colors.css definiert */
	text-decoration: none; 
	width: 100%;
	display:block;
	padding: 2px;
}
#leftCol a:link, #leftCol a:visited{}
#leftCol a:hover, #leftCol a:active, #leftCol .highlighted{/* Farben in xx_colors.css definiert */}



/* == mittlere Spalte == */

#content{
	/* Gesamtbreite: 500px */
	/* Farben in xx_colors.css definiert */
	float:left;
	padding: 20px 0px 10px 16px;
	width: 484px;
	line-height: 17px;
}

#content .breadcrumbNavi{
	font-size: 10px;
	margin: -15px 0px 10px 0px;
}

#content h1 {
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    margin: 0px 0px 10px 0px;
}

#content h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 13px 0px 15px 0px;
}

#content h3 {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}

#content h4 {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}

#content h5 {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}

#content h6 {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}

#content p {margin: 0px 0px 10px 0px;}

#content pre, #content .code{
	font-family: Consolas,"Courier New", monospace;
	font-size: 11px;
	background-color: #F6F6F6;
	color: #666;
}
#content pre, #content p.code{
	padding: 2px;
	max-height: 312px;
	margin: 8px 0px 8px 0px;
	border: 1px dotted #99E500;
	overflow: auto;
	line-height: 16px;
}

#content hr {
    /* Farben in xx_colors.css definiert */
    border: 0px none;
    height: 1px;
    text-align: center;
    width: 70%;
}

#content table {
    /* Farben in xx_colors.css definiert */
    border-collapse: collapse;
	margin: 0px 0px 10px 0px;
}
#content th {
    /* Farben in xx_colors.css definiert */
    font-weight: bold;
    padding: 2px;
    text-align: left;
    vertical-align: top;
}
#content td {
    /* Farben in xx_colors.css definiert */
    padding: 2px;
    vertical-align: top;
}

/* Tabelle ohne borders */
#content table.noBorder{
	border: none;
}
#content table.noBorder td, #content table.noBorder th{
	/*border-bottom: 1px solid #615748;border-top: 1px solid #615748;*/
	border: none;
}

#content ul {
    list-style-type: square;
	margin: 4px 0px 8px 1.5em;
}
#content ol {
	margin: 4px 0px 8px 2em;
}

#content li {
    margin: 0px 8px 0px 0px;
}

/* Für Bilder um die Ränder zu regeln */
#content .leftSide{
	margin: 0px 8px 8px 0px;
	float: left;
}
#content .rightSide{
	margin: 0px 0px 8px 8px;
	float: right;
}

#content .childDocs{
	clear:both;
	margin: 16px 0px 10px 0px;
	padding: 2px 4px 2px 4px;
	/* Farben in xx_colors.css definiert */
}

#content .childDocs h2 {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}
#content .childDocs .childTitleContainer{
    float:left; 
	width: 156px;
	margin: 7px 0px 7px 0px;
}
#content .childDocs .childTitleContainer a{
    display:block;
	font-weight: bold;
	margin-bottom: 5px;
}
#content .childDocs .childContentContainer{
	margin: 7px 0px 7px 180px;
}

/* Footer */
#footer{
	/* Farben in xx_colors.css definiert */
	font-size: 10px;
	text-align: right;
	width: 100%;
	margin: 8px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	clear: both;
}
#footer img{
	margin: 0px 0px 0px 8px;
}
#footer .url{
	display:none;
}

/* == rechte Spalte == */

#rightCol{
	/* Gesamtbreite: 216 px */
	/* Breite weggelassen, weil IE6 dann den Kasten verspringen lässt und erstaunlicherweise auch bei kurzem Spalteninhalt die gnaze Breite angezeigt wird */
	/* Farben in xx_colors.css definiert */
	padding: 20px 8px 10px 8px;
	margin-left: 672px;
	font-size: 10px;
	line-height: 12px;
}

#rightCol h1{
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 0 16px 0;
	padding: 0;
}

#rightCol ul{
	list-style-type: none;
	margin: 0 0 0 4px;
}
#rightCol li{
	padding: 0px;
	margin: 0 0 6px 0;
}
#rightCol a{
	font-size: 12px;
	line-height: 14px;
	display:block;
	margin: 0 0 4px -4px;
}