body {
  background-color: #fff;
  font-family:      Arial, sans-serif;
  font-size:        15px;
  margin:           0px 0px 0px 0px;}

#inhalt {
background:       url() top left no-repeat;

position: relative;
top: 0px;
left: 0px;
height: 0px;

  width:            auto;
  padding-top:      0px;
  padding-bottom:   0px;
  margin-left:      0px;
  margin-right:     auto;
}



/* inkw-Logo */


#logo {

position: absolute;
top: 0px;
left: 0px;
height: 210px;
width:            240px;
font-size:        100%;
text-align: right;
  margin:           0px 0px 0px 0px;

}



/* Alle Schaltfl�chen und die daf�r verwendeten Schriften. Ein nachgestelltes ak markiert einen aktiven Zustand.*/

#navigation {
position: absolute;
	color: #fff;
  font-size:        100%;
text-align: left;
  padding:          215px 0px 0px 0px;
  margin:           0px 0px 0px 20px;
  width:            250px;
height: 580px;
  float:            left;
}




li {
list-style-type: none;
}


.lgross {
font-size:        120%;
letter-spacing: 0.05em;
margin-bottom: 2px;
color: #c2c2c2;
}

.lgrossak {
font-size:        120%;
letter-spacing: 0.05em;
margin-bottom: 2px;
color: #cc3333;
}


.lgross a:link {
  color:            #c2c2c2;
  text-decoration:  none;
  border-bottom:    none;
}
.lgross a:visited {
  color:            #c2c2c2;
  text-decoration:  none;
  border-bottom:    none;
}

.lgross a:hover {
  color:            #111111;
  text-decoration:  none;
  border-bottom:    thin dotted #111111;
}



.lmit {
font-size:        75%;
margin-bottom: 2px;
color: #c2c2c2;
}

.lmitak {
font-size:        75%;
margin-bottom: 2px;
color: #cc3333;
}



.lklein {
font-size:        75%;
text-align: left;
  padding:          5px 0px 0px 10px;
  margin:           0px 0px 0px 0px;
margin-bottom: 1px;
color: #656565;
}

.lkleinak {
font-size:        75%;
text-align: left;
  padding:          5px 0px 0px 10px;
  margin:           0px 0px 0px 0px;
margin-bottom: 1px;
color: #cc3333;
}

.lkleinapp {
font-size:        75%;
text-align: left;
  padding:          5px 0px 0px 10px;
  margin:           0px 0px 0px 0px;
margin-bottom: 1px;
color: #085ac1;
}


.lklein a:link {
  color:            #656565;
  text-decoration:  none;
  border-bottom:    none;
}

.lkleinapp a:link {
  color:            #085ac1;
  text-decoration:  none;
  border-bottom:    none;
}

.lkleinapp a:visited {
  color:            #085ac1;
  text-decoration:  none;
  border-bottom:    none;
}

.lkleinapp a:hover {
  color:            #111111;
  text-decoration:  none;
  border-bottom:    thin dotted #111111;
}


.lklein a:visited {
  color:            #656565;
  text-decoration:  none;
  border-bottom:    none;
}

.lklein a:hover {
  color:            #111111;
  text-decoration:  none;
  border-bottom:    thin dotted #111111;
}


a:link {
  color:            #111111;
  text-decoration:  none;
  border-bottom:    none;
}
a:visited {
  color:            #111111;
  text-decoration:  none;
  border-bottom:    none;
}

a:hover {
  color:            #111111;
  text-decoration:  none;
  border-bottom:    thin dotted #111111;
}




/* Hier werden die Inhalte dargestellt und ausgezeichnet. Nicht alle der aufgef�hrten Formatierungen werden aktuell verwendet.*/


#uebersicht {border-right:40px #fff solid;
border-top:20px #fff solid;
border-bottom:20px #fff solid;
position: absolute;
top: 0px;
left: 0px;

  background:       #f1f1f1;
  font-size:        100%;
width:            auto;
  padding:          40px 20px 20px 20px;
  margin:           0px 0px 0px 240px;
}



p {
font-size: 105%;
color: #333;
line-height: 170%;
}

p.unter {
line-height: 210%;
border-bottom:    0px solid #fff;
}

p.kursiv {
font-style: italic;
}

p.fett {
font-size: 104%;
font-weight: bold;
}

p.klein {
font-size: 75%;
border-bottom:    1px solid #fff;
}

pz {
font-size: 100%;
font-style:italic;
color: #333;
line-height: 170%;
}

p.zitat {
font-size: 75%;
color: #666666;
line-height: 100%;
text-align: left;
  padding:          0px 0px 0px 0px;
  margin:           0px 0px 0px 20px;
}


p.datum {
font-size: 75%;
color: #666666;
line-height: 100%;
text-align: left;
  padding:          0px 0px 0px 0px;
  margin:           0px 0px 0px 20px;
}

p.link {
font-size: 110%;
color: #333;
line-height: 100%;
}

p.rot {
color: #cc3333;
}


p2 {
border-left: 40px #cff;

font-size: 120%;
letter-spacing: 0.05em;
line-height: 150%;
text-align: left;
  padding:          0px 0px 0px 0px;
  margin:          0px 0px 0px 20px;
color: #333;
}


h2 {
font-size: 120%;
line-height: 150%;
text-align: left;
  padding:          0px 0px 0px 0px;
  margin:           20px 0px 0px 20px;
color: #333;
}

h3 { 
font-size: 108%; 
line-height: 170%;
color: #333
}

h4 { 
font-size: 95%; 
color: #cccccc
}


#uebersicht a { 
text-decoration: none; outline: none; 
}

#uebersicht a:link {
  color:            #999;
  text-decoration:  none;
  border:    none;
}

#uebersicht a:visited {
  color:            #cccccc;
  text-decoration:  none;
  border:    none;
}

#uebersicht a:hover {
  color:            black;
  text-decoration:  none;
  border-bottom:    thin dotted #111111;
}


.rechts {
text-align: right;
padding:    0px 10px 0px 0px;
}


.bildunterschrift {
text-align: center;
color: #bbbbbb;
font-size: 90%;
}


.foto {
text-align: left;
font-size: 75%;
padding:          0px 0px 10px 20px;
}


.zurueck {
text-align: right;
font-size: 75%;
padding:          0px 11px 0px 0px;
}





#doku {
			display: block;
			max-width: 950px;
			height: auto;
			background:#fff;
		}

#doku2 {
			display: block;
			max-width: 653px;
			height: auto;
			background:#fff;
		}


#doku img {
			height: auto;
			margin-bottom: -10px;
			width: 100%;
		}





/***

Fehlermeldungen auf der Unterst�tzerseite ***/

.error {
	border: solid 2px #cc3333;
}
#fehler {
	height: 18px;
	color:#cc3333;
}


ul {
    list-style-type: none;
}

/* ul li {
  padding-left: 20px;
}

ul li::before {
    content: "⇒";
    padding-right: 5px;
    margin-left: -20px;
} */