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

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

option {padding-left: 0.4em}

body {
	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	background-color: :#FFFFFF;
	margin: 0;
	min-width: 41em;
	padding: 1em;
	color: #30332E;
}


a {
	color: #615748;
	text-decoration: none;
	font-size: 12px;
}

a:hover {
	text-decoration: underline;
}

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;
	font-size: 10px;
	color: #615748;
}
.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;
}


.imixscom		{background-color: #FC0;}
.imixsorg		{background-color: #FF8E00;}
.openworkflow	{background-color: #99E500;}

.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{
	background-color: #FFF;
	
	margin: 0 auto;
	min-height:100%;
	width: 980px;	
}

#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{
	background-color: #FFCC00;
	float: left;
	width: 650px;
	height: 84px;
}

/* == headerNav - enthält die Service Links und die Suchform == */
#headerNav{
	border-bottom: 1px solid #FFFCCC;
	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{
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	padding: 2px 8px 2px 8px;
}
#headerNav a:link, #headerNav a:visited{}
#headerNav a:hover, #headerNav a:active{
	background-color: #FFEA99;
	color:#615748;
}

/* Suche */
#searchForm{
	float: right;
	display: inline;
}
#searchForm input{
    border: 1px solid #FFCC00;
	background-color: #FFFCCC;
	color: #615748;
    font-size: 11px;
    height: 15px;
    width: 216px;
}
#searchForm button{
	background-color: #FFCC00;border: 1px solid #FFCC00;
	font-size: 10px;
	line-height:10px;
	height: 15px;
	padding: 0;
	margin: 0;
}

/* == Logo und text == */
#headerContent{
	clear: both;
	background-color: #FFCC00;
	height: 62px;
	width: 100%;
}
#headerContent .siteLogo{
	float:left;
	padding: 8px 8px 20px;
	border: medium none;
	xpadding-left:10px;
}
#headerContent .siteAbstract{
	padding-top: 35px;
	margin-left: 168px;
	font-style: italic;
	vertical-align:bottom;
}

/* == Navi Leiste == */
#topNav{
	background-color: #FFCC00;
	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 0px 0px 0px;
	margin: 0px 16px 0px 0px;
}
#topNav a{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 8px 3px 8px;
	
}
#topNav a:link, #topNav a:visited{}

#topNav a:hover, #topNav a:active{
	background-color: #FFEA99; 
	color: #615748
}


#topNav .topNavSelected{
	background-color: #FFF; 
	border-top: 1px solid #FFF;
	border-bottom: 0px solid #FFCC00;
	
	color: #615748
}

/* ==== 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 */
	float: left;
	width: 130px;
	overflow: hidden;
	background-color: #FFFFFF;
	margin-top: 22px;
	
	border-bottom: 0px solid #FFCC00;
	border-left: 0px solid #B8BDB6;
	border-right: 0px solid #B8BDB6;
	border-top: 0px solid #B8BDB6;
	
}

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

#leftCol .leftNavTitle:HOVER{
	text-decoration: none; 
	background-color: #FFEA99;
	padding: 2px;
}


/* erste Ebene */
#leftCol ul{
	background-color: #FFFFFF;
	list-style-type: circle;
	margin: 17px 0 0 0;
	padding: 2px;
}
#leftCol li{
	list-style-type: circle;
	margin: 0 0 10px 0;
	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{
	color: #615748;
	text-decoration: none; 
	padding: 2px;
	
}
#leftCol li a:HOVER, #leftCol .breadcrumbNavi a:HOVER{
	text-decoration: none; 
	background-color: #FFEA99;
	
}

#leftCol a:hover, #leftCol a:active{
				background-color: #FFF;}
#leftCol .highlighted{font-weight: bold;}

#leftCol .leftColSelected{
	background-color:#FFF;
	color:#615748;
	font-weight:bold;
	border-bottom: 1px solid #FFCC00;
}


/* == mittlere Spalte == */

#content{
	background-color: #FFF;
	border-right: 0px solid #FFCC00; border-left: 0px solid #FFCC00;
	float:left;
	padding: 20px 0px 10px 10px;
	width: 490px;
	line-height: 17px;
}

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


#content .breadcrumbNavi a {
	color:#615748;

	font-size: 12px;
}



#content a {
	color:#508AB5;
	
	font-size: 12px;
}

#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 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 {
    background-color: #615748;color: #615748;
    border: 0px none;
    height: 1px;
    text-align: center;
    width: 70%;
}

#content table {
   border-bottom: 2px solid #615748;border-top: 2px solid #615748;
    border-collapse: collapse;
	margin: 0px 0px 10px 0px;
}
#content th {
    border-bottom: 2px solid #615748;
    font-weight: bold;
    padding: 2px;
    text-align: left;
    vertical-align: top;
}
#content td {
    border-bottom: 1px solid #615748;border-top: 1px solid #615748;
    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{background-color: #FFF;
border-top: 1px solid #FFCC00; border-bottom: 0px solid #FFCC00;}


/* Footer */
#footer{
	border-top: 1px solid #FFCC00;
	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 2px 10px 0px;
	margin-left: 652px;
	font-size: 10px;
	line-height: 12px;
}
#rightCol a:HOVER {
	color:#508AB5;
	text-decoration: underline;
}