/* #FFA500 */

body {
	background-color: White;
	margin: 0;
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
}

#gesamteSeite {
	width: 100%;
}

a {
	text-decoration: none;
	background-color: inherit;
	color: #FF7722;
}

a:hover {
	background-color: inherit;
	color: #0018A8;
}

a img {
	border: none;
}

h1 {
	font-size: 150%;
	font-style: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-family: Georgia, Times, serif;*/
	background-color: inherit;
	color: #0018A8;
}

h2 {
	font-size: 130%;
	/*font-family: Georgia, Times, serif;*/
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: inherit;
	color: #0018A8;
}

h3 {
	font-size: 110%;
	background-color: inherit;
	color: #0018A8;
}

h4 {
    font-size: 100%;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    color: Black;
}

.ohana {
    color: #FF7722;
}

#navigation li {
	padding: 0 0 0 30px;
	margin: 0;
	background-color: inherit;
	color: #0018A8;
	font-size: 130%;
	/*font-family: Georgia, Times, serif;*/
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	letter-spacing: 1px;
	line-height: 1.3em;
}

#navigation li li {
    font-variant: normal;
}

#navigation ul li a:hover {
	background-color: inherit;
	color: #FF7722;
}

#navigation #aktivesElement {
	background: transparent url(../images/navi_bg_orange.jpg) left repeat-y;
}

#navigation #aktivesElement li {
	background: transparent url(../images/navi_bg_blau.jpg) left repeat-y;
}

#navigation #kindIstAktivesElement {
	background: transparent url(../images/navi_bg_blau.jpg) left repeat-y;
}

#navigation a {
	background-color: inherit;
	color: #0018A8;
}

#inhaltContainer {
	position: absolute;
	top: 135px;
	margin: 0 0 0 220px;
	width: 779px;
	border-left: #A6AEE1 solid 1px;
}

#inhalt {
	padding: 20px;
}

#catchPhrases {
	margin: 20px 0 45px 0;
	padding: 0;
}

#catchPhrases li {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: inherit;
	color: #808080;
	font-size: 115%;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#inhalt .useCaseLink a{
	background-color: inherit;
	color: #0018A8;
}

#inhalt .useCaseLink a:hover{
	background-color: inherit;
	color: #FF7722;
}

.werbung {
    margin: 20px 0 20px 0;
	padding: 20px 20px 20px 20px;
	border: 1px solid #FF7722;
}

#werbeUeberschrift {
	background-color: inherit;
	color: #0018A8;
	font-size: 120%;
}

#footer a {
	background-color: inherit;
	color: #0018A8;
}

#footer a:hover{
	background-color: inherit;
	color: #FF7722;
}

#footer .impressum {
	border-bottom: 1px dashed #A6AEE1;
	padding: 0 0 10px 0;
}

#footer .impressumAktiv {
	border-bottom: 1px dashed #A6AEE1;
	padding: 0 0 10px 0;
}

#footer .impressumAktiv a {
    color: #FF7722;
}

#footer .copyright {
	padding: 10px 0 0 0;
}

#absaetzeMitBildUndUeberschrift {
    /*background-color: lightsteelblue;*/
	width: 739px;
	padding: 0;
	margin: 0;
	float: left;
}

#absaetzeMitBildUndUeberschrift dt {
	/*font-size: 150%;*/
    /*font-weight: bold;*/
    /*background-color: lightgoldenrodyellow;*/
    font-size: 130%;
    font-style: normal;
    font-family: Georgia, Times, serif;
    /*background-color: inherit;*/
    color: #0018A8;
    margin: 0 0 6px 0;
    padding: 0;
    width: 497px;
    float: right;
	letter-spacing: 2px;
}

#absaetzeMitBildUndUeberschrift .hochkant dt {
	width: 552px;
}

#absaetzeMitBildUndUeberschrift .diagramm dt {
	/*background-color: lightsalmon;*/
    width: 250px;
}

#absaetzeMitBildUndUeberschrift dd {
    /*background-color: yellowgreen;*/
	margin: 0 0 0 242px;
	padding: 0;
}

#absaetzeMitBildUndUeberschrift .hochkant dd {
	margin: 0 0 0 187px;
}

#absaetzeMitBildUndUeberschrift .diagramm dd {
    /*background-color: lightblue;*/
	margin: 0 0 0 420px;
}

#absaetzeMitBildUndUeberschrift dl dd.bildInDefinitionList {
	margin: 0;
}

#absaetzeMitBildUndUeberschrift dd.bildInDefinitionList img {
	float: left;
	margin: 0 12px 0 0;
	padding: 4px;
	border: 1px solid;
	border-left-color: #C6CAE5;
	border-top-color: #C6CAE5;
	border-bottom-color: #BBBEDB;
	border-right-color: #BBBEDB;
}

#absaetzeMitBildUndUeberschrift .andereSeite dt {
	width: 497px;
	float: left;
}

#absaetzeMitBildUndUeberschrift .andereSeiteHochkant dt {
	width: 552px;
	float: left;
}

#absaetzeMitBildUndUeberschrift .andereSeite dd {
	margin: 0 242px 0 0;
	padding: 0;
}

#absaetzeMitBildUndUeberschrift .andereSeiteHochkant dd {
	margin: 0 187px 0 0;
}

#absaetzeMitBildUndUeberschrift .andereSeite dd.bildInDefinitionList img {
	float: right;
	margin: 0 0 0 12px;
}

#absaetzeMitBildUndUeberschrift .andereSeiteHochkant dd.bildInDefinitionList img {
	float: right;
	margin: 0 0 0 12px;
}

a.roterFaden {
	background-color: inherit;
	color: #FF7722;
	font-weight: bold;
	margin: 0;
	padding: 3px;
}

a.roterFaden:hover {
	background-color: #A6AEE1;
	color: #0018A8;
	border-color: #0018A8;
}

#textMitSpalteRechts {
	width: 739px;
	padding: 0 0 0 0;
	z-index: 1;
	text-align: justify;
}

#textMitSpalteRechts dl {
	clear: both;
	padding: 0;
	margin: 0;
}

#textMitSpalteRechts dt {
	background-color: inherit;
	color: #0018A8;
	font-size: 115%;
	font-family: Georgia, Times, serif;
	float: right;
	width: 219px;
	margin: 0 0 20px 0;
	padding: 0;
	z-index: 3;
}

#textMitSpalteRechts dt img {
	margin-top: 5px;
	padding: 4px;
	border: 1px solid;
	border-left-color: #C6CAE5;
	border-top-color: #C6CAE5;
	border-bottom-color: #BBBEDB;
	border-right-color: #BBBEDB;
}

#textMitSpalteRechts a:hover img {
	border-color: #FF7722;
}

#textMitSpalteRechts dd{
	float: left;
	margin: 0 0 20px 0;
	padding: 0 10px 0 0;
	width: 500px;
	border-right: 1px solid #A6AEE1;
	z-index: 3;
}

#fragenListe {
	list-style: url(../images/dash.gif);
	margin: 0 0 20px 15px;
	padding: 0;
}

#fragenListe  a{
	background-color: inherit;
	color: #0018A8;
}

#fragenListe a:hover{
	background-color: inherit;
	color: #FF7722;
}

#screenshots {
	width: 739px;
}

#screenshots img {
	padding: 4px;
	border: 1px solid #A6AEE1;
}

#screenshots a:hover img {
	border-color: #FF7722;
}

#screenshotContainer {
	clear: both;
}

#screenshotsLinks {
	width: 233px;
	margin: 0 20px 0 0;
	float: left;
}

#screenshotsMitte {
	width: 233px;
	margin: 0 20px 0 0;
	float: left;
}

#screenshotsRechts {
	width: 233px;
	margin: 0 0 0 0;
	float: right;
}

#slideNavi {
	color: Gray;
	font-weight: bold;
}

#slideNavi a {
	color: #FF7722;
}

#slideNavi #aktuellerSlide {
	color: #0018A8;
}

#bildUnterschrift {
    /*margin-left: 32px;*/
    font-size: 80%;
}

#bildUnterschrift a {
    background: none;
    padding-left: 0;
}