/* css document */

/* ---- Farbdefinitionen ----

Grau dunkel  #666666
Grau hell    #f0f0f0
			 #e9e9e9	geaendert!

Blau dunkel  #082d71
Blau hell    #bed4ec

Orange		 #f59502
Orange hell	 #ffd89c

Himmelblau 	 #66c8f5
Himmelblau	 #5eb8e2	dunkler fuer schriften
Himmelblau hell #c7edff

Braun dunkel #a34a04
Braun hell   #f5d0b3

Gruen		 #21ae8b
Gruen hell	 #98d9b4

Rot			 #8a0055
Rot hell	 #dba5bc


-------------------------- */ 

a:link { text-decoration: none; font-weight: normal; }
a:visited { text-decoration: none; font-weight: normal; }

#blau #content a:link, #blau #content a:visited { color: #082d71; }
#blau #rechte_spalte a:link, #blau #rechte_spalte a:visited { color: #082d71; }

#orange #content a:link, #orange #content a:visited { color: #f59502; }
#orange #rechte_spalte a:link, #orange #rechte_spalte a:visited { color: #f59502; }

#himmelblau #content a:link, #himmelblau #content a:visited { color: #5eb8e2; }
#himmelblau #rechte_spalte a:link, #himmelblau #rechte_spalte a:visited { color: #5eb8e2; }

#braun #content a:link, #braun #content a:visited { color: #a34a04; }
#braun #rechte_spalte a:link, #braun #rechte_spalte a:visited { color: #a34a04; }

#gruen #content a:link, #gruen #content a:visited { color: #21ae8b; }
#gruen #rechte_spalte a:link, #gruen #rechte_spalte a:visited { color: #21ae8b; }

#rot #content a:link, #rot #content a:visited { color: #8a0055; }
#rot #rechte_spalte a:link, #rot #rechte_spalte a:visited { color: #8a0055; }

a:hover { color: #666666; text-decoration: underline; font-weight: normal; }
a:active { color: #666666; text-decoration: underline; font-weight: normal; }

html { height: 100%; margin-bottom: 1px; }  /* erzwingt einen scrollbalken */

body {
	background-color: #666666;
	color: #000000;
	text-align: center;
	margin: 0;
	padding: 0;
}
body, td, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3;
	color: black;
}
form {
	margin: 0;
	padding: 0;
}
input, textarea {
	width: 180px;
	margin: 0 0 6px 0;
	vertical-align: top;
}
input.sendebutton {
	width: 120px;
}
input[type="submit"], input[type="reset"] {
	width: 120px;
}
table.webform_table {
	width: auto;
	border-collapse: collapse;
}
td.webform_label, td.webform_label_multi {
	padding-left: 0;
	padding-right: 1.0em;
}
td.webform_button {
	padding-top: 1.0em;
}
input.onlineform, textarea.onlineform {
	width: 360px;
}
h1 {
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 6px;
	color: black;
}
h2 {
	font-size: 11px;	
	font-weight: bold;
	margin: 0px;
	color: black;
}
h3 {
	font-size: 11px;	
	font-weight: bold;
	margin: 0px;
	color: black;
}
img a {
	border: none;
}
p {
	margin-top: 0px;	
	margin-bottom: 0px;
}
#content p {
	margin-bottom: 0.7em;
}
strong {
	font-weight: bold;
	color: #222222;
}
td {
	vertical-align: top;	
}
ol {
	margin-top: 0px;	
	padding-left: 1.7em;
	margin-left: 0;
	text-indent: 0.0em;
}
ul {
	margin-top: 0px;	
	padding-left: 1.4em;
	margin-left: 0;
	/*text-indent: 0.2em;*/
	list-style-image: url(/opencms/resources/grafik/plus-li-ul.gif)
}
ul ul {
	margin-top: 0px;	
	padding-left: 1.4em;
	margin-left: 0;
}
#content li, #rechte_spalte li {
	margin-top: 0.5em;
}


/* -------------------- layout ------------------- */
#wrap {
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	background: #ffffff url(/opencms/resources/grafik/hg_960.gif) repeat-y;
}
#header {
	width: 960px;
	height: 113px;
	margin: 0;
	padding: 0;
	color: black;
	font-size: 11px;
	clear: both;
	text-align: right;
}
#blau #header {								/* farbcode */
	border-top: 8px solid #082d71;
	background: #bed4ec url(/opencms/resources/grafik/hg-header-blau.gif) no-repeat; 
}
#orange #header {							/* farbcode */
	border-top: 8px solid #f59502;
	background: #ffd89c url(/opencms/resources/grafik/hg-header-orange.gif) no-repeat; 
}
#himmelblau #header {						/* farbcode */
	border-top: 8px solid #66c8f5;
	background: #c7edff url(/opencms/resources/grafik/hg-header-himmelblau.gif) no-repeat; 
}
#braun #header {							/* farbcode */
	border-top: 8px solid #a34a04;
	background: #f5d0b3 url(/opencms/resources/grafik/hg-header-braun.gif) no-repeat; 
}
#gruen #header {							/* farbcode */
	border-top: 8px solid #21ae8b;
	background: #98d9b4 url(/opencms/resources/grafik/hg-header-gruen.gif) no-repeat; 
}
#rot #header {								/* farbcode */
	border-top: 8px solid #8a0055;
	background: #dba5bc url(/opencms/resources/grafik/hg-header-rot.gif) no-repeat; 
}
#navi_zeile /* navi im header */ {
	float: right;
	background-color: transparent;
	width: 735px;
	height: 30px;
	padding: 0;
	margin: 38px 0 0 0;
}
#linke_spalte {
	background-color: #e9e9e9;
	border-top: 6px solid #666666;
	width: 200px;
	float: left;
	margin: 0;
	padding: 0px 0px 18px 0px;
}
#linke_spalte h2  {
	padding: 24px 0px 8px 26px;
	font-weight: normal;
}
#blau #linke_spalte h2, #blau #rechte_spalte h2  {								/* farbcode */
	color: #082d71;
}
#orange #linke_spalte h2, #orange #rechte_spalte h2  {							/* farbcode */
	color: #f59502;
}
#himmelblau #linke_spalte h2, #himmelblau #rechte_spalte h2  {					/* farbcode */
	color: #5eb8e2;
}
#braun #linke_spalte h2, #braun #rechte_spalte h2  {							/* farbcode */
	color: #a34a04;
}
#gruen #linke_spalte h2, #gruen #rechte_spalte h2  {							/* farbcode */
	color: #21ae8b;
}
#rot #linke_spalte h2, #rot #rechte_spalte h2  {								/* farbcode */
	color: #8a0055;
}
#linke_spalte p  {
	padding: 0px 0px 0px 26px;
	line-height: 1.2em;
}	
#linke_spalte strong  {
	padding: 0px 0px 0px 0px;
	color: #666666;
}	
#content {
	background-color: #ffffff;
	width: 365px;
	float: left;
	padding: 30px 170px 30px 25px;
	margin: 0;
	border: none;
	border-top: 6px solid #b9b9b9;
}
#content-float {
	width: 115px;
	float: right;
	margin: 2px -146px 10px 0;
}
#content-hidden {
        visibility: hidden;
        width: 0px;
	height: 0px;
        font-size: 0px;
}
#blau #content-float img {
	border-bottom: 5px solid #082d71;	
}
#orange #content-float img {
	border-bottom: 5px solid #f59502;	
}
#himmelblau #content-float img {
	border-bottom: 5px solid #66c8f5;	
}
#braun #content-float img {
	border-bottom: 5px solid #a34a04;	
}
#gruen #content-float img {
	border-bottom: 5px solid #21ae8b;	
}
#rot #content-float img {
	border-bottom: 5px solid #8a0055;	
}
#rechte_spalte {
	background-color: #cfcfcf;
	border-top: 6px solid #666666;
	width: 200px;
	float: left;
	padding: 0;
	margin: 0;
}
#re_top_themen {
	background-color: #e9e9e9;
	width: 175px;
	/*float: left;*/
	padding: 20px 10px 15px 15px;
	margin: 0;
	clear: both;
}
#re_suchen {
	background-color: #cfcfcf;
	background-image: url(/opencms/resources/grafik/hg_rechte_spalte.gif);
	width: 175px;
	height: 330px;
	/*float: left;*/
	padding: 20px 10px 0 15px;
	margin: 0;
}
#re_suchen input {
	width: 140px;
	height: 15px;
	padding: 3px;
	margin: 0;
	color: #333333;
	margin: 0;
	border: none;
}
#re_suchen input.such_button {
	background: url('/opencms/resources/grafik/suchen.gif') 0% 50%;
	width: 21px;
	height: 21px;
	border: none;
}
#footer {
	/* darf nicht floaten, damit sich der bg des wrap bis unten wiederholt */
	clear: both;
	width: 920px;
	height: 30px;
	padding: 0px 20px 0px 20px;
	background: #ffffff url(/opencms/resources/grafik/hg_footer.gif) no-repeat;
	color: #666666;
	border-bottom: 20px solid #666666;
}

/* -------------------- klassen ------------------ */



/*.abstand-unten {
	padding-bottom: 6px;
}
.einzug-links {
	padding-left: 24px;
}
.re_buendig {
  	text-align: right;
}*/

/* ------------------------- navigationen ------------- */

/*navi quer unter header*/
#navi {
	float: left;
	height: 20px;
	height: 30px;
	font-size: 11px;
	color: black;
}
#navi ul, #navi ul li {
	list-style: none;
	list-style-image: none;
}
#navi ul {
	padding: 0px 0px 6px 0px;	
}
#navi ul {
	text-align: left;
	text-indent: -0.9em;
	height: 15px;
	height: 30px;
}
#navi ul li {
	display: inline;
}
#navi ul li a {
	padding: 5px 10px 5px 10px;
	padding: 0px 10px 15px 10px;
	text-decoration: none;
	color: black;
	margin: 0;
	font-weight: normal;
	height: 15px;
	height: 30px;
	border-right: 1px solid white;
}
#navi ul li a.last {
	border-right: none;
}
#navi ul li a:hover {
	text-decoration: underline;
	color: black;
}
#navi ul li a.aktuelle-seite {
	text-decoration: none;
}
#blau #navi ul li a.aktuelle-seite {
	color: #082d71;						/* farbcode */
}
#orange #navi ul li a.aktuelle-seite {
	color: #f59502;						/* farbcode */
}
#himmelblau #navi ul li a.aktuelle-seite {
	color: #5eb8e2;						/* farbcode */
}
#braun #navi ul li a.aktuelle-seite {
	color: #a34a04;						/* farbcode */
}
#gruen #navi ul li a.aktuelle-seite {
	color: #21ae8b;						/* farbcode */
}
#rot #navi ul li a.aktuelle-seite {
	color: #8a0055;	
	border-right: none;						/* farbcode */
}

/* ------------- subnavigation links  ---------------- */

#sub-nav ul {
	margin: 0;
	padding: 0;
	line-height: 26px;
	text-indent: 0.0em;
	border-bottom: 1px solid #666666;
}
#sub-nav ul li {
	list-style: none;
	list-style-image: none;
	border-top: 1px solid #666666;
	padding-left: 25px;
	display: block;
}
#sub-nav ul li.sub-aktuelle-seite {
	background-color: white;
}
#sub-nav ul li a {
	color: black;
	text-decoration: none;
	display: block;
	margin-left: -25px;
	text-indent: 25px;
	font-weight: normal;
}
#sub-nav ul li a:hover {
	color: black;
	text-decoration: none;
	display: block;
	background-color: white;
}
#sub-nav ul li a.sub-aktuelle-seite {
	color: white;
	text-decoration: none;
}
#blau #sub-nav ul li a.sub-aktuelle-seite {
	background-color: #082d71;						/* farbcode */
}
#orange #sub-nav ul li a.sub-aktuelle-seite {
	background-color: #f59502;						/* farbcode */
}
#himmelblau #sub-nav ul li a.sub-aktuelle-seite {
	background-color: #5eb8e2;						/* farbcode */
}
#braun #sub-nav ul li a.sub-aktuelle-seite {
	background-color: #a34a04;						/* farbcode */
}
#gruen #sub-nav ul li a.sub-aktuelle-seite {
	background-color: #21ae8b;						/* farbcode */
}
#rot #sub-nav ul li a.sub-aktuelle-seite {
	background-color: #8a0055;						/* farbcode */
}

/* -------------sub subnavigation links ---------------- */
#subsub-nav ul {
	margin: 0;
	padding: 0px 0px 6px 0px;
	line-height: 16px;
	text-indent: 0.0em;
	border-bottom: none;
}
#subsub-nav ul li {
	/*border-top: 1px solid #ffffff;*/
	border-top: none;
	list-style: none;
	list-style-image: none;
	border-bottom: none;
	padding: 0;
	margin: 1px 0 0 0;		/* war vorher 0 */
	text-indent: -1em;
	background: #ffffff url(/opencms/resources/grafik/navi_pfeil.gif) no-repeat 0 4px;
}
#subsub-nav ul li a {
	color: #666666;
	text-decoration: none;
	display: block;
	margin-left: 0px;
	padding-left: 15px;
	text-indent: 0px;
	font-weight: normal;
}
#subsub-nav ul li a:hover {
	color: black;
	text-decoration: none;
	display: block;
	background: #ffffff url(/opencms/resources/grafik/navi_pfeil_dunkel.gif) no-repeat 0 4px;
}
#subsub-nav ul li a.subsub-aktuelle-seite {
	color: black;
	text-decoration: none;
	background: #ffffff url(/opencms/resources/grafik/navi_pfeil_dunkel.gif) no-repeat 0 4px;
}

/* ------------------------- navi im footer ------------- */

#navi_footer {
	float: left;
	width: 415px;
	margin-left: 0px;
	padding-top: 2px;
}
#navi_footer ul, #navi_footer ul li {
	list-style: none;
	list-style-image: none;
	margin: 6px 0px 0px 0px;
	padding: 0;
}
#navi_footer ul {
	text-align: left;
	line-height: 1.2em;
	text-indent: 0.0em;
}
#navi_footer ul li {
	display: inline;
}
#navi_footer ul li a {
	padding: 0px 5px 0px 10px;
	text-decoration: none;
	color: #333333;
	margin: 0;
	font-weight: normal;
	border-right: 1px solid #666666;
}
#navi_footer ul li a.last {
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	color: #666666;
	margin: 0;
	font-weight: normal;
	border-right: 1px solid #ffffff;
}
#navi_footer ul li a.first {
	padding: 0px 5px 0px 0px;
	text-decoration: none;
	color: #666666;
	margin: 0;
	font-weight: normal;
	border-right: 1px solid #666666;
}
#navi_footer ul li a:hover, #navi_footer ul li a.first:hover {
	text-decoration: underline;
	color: #000000;
}
#navi_footer ul li a.aktuelle-seite {
	text-decoration: none;
}
/* ---------------------- sitemap farbcodierung ------------- */
ul#sitemap-synthesis_gruppe {
	color: #082d71;
	}
#content #sitemap ul#sitemap-synthesis_gruppe a {
	color: #000000;
	}
ul#sitemap-consulting {
	color: #f59502;
	}
#content #sitemap ul#sitemap-consulting a {
	color: #000000;
	}
ul#sitemap-entwicklung {
	color: #66c8f5;
	}
#content #sitemap ul#sitemap-entwicklung a {
	color: #000000;
	}
ul#sitemap-business_integration {
	color: #a34a04;
	}
#content #sitemap ul#sitemap-business_integration a {
	color: #000000;
	}

ul#sitemap-software {
	color: #21ae8b;
	}
#content #sitemap ul#sitemap-software a {
	color: #000000;
	}

ul#sitemap-infrastrukturmanagement {
	color: #8a0055;
	}
#content #sitemap ul#sitemap-infrastrukturmanagement a {
	color: #000000;
	}