/* CSS Document */
body{ background: url(herbstlaub.jpg)}

#head{ font-size: 12px; line-height: 18px; background-color: #09c; position:absolute; width:642px; left: 1px; top:198px; z-index: 20; }
#txt{ background-color: #09c; position:absolute; margin-left: 50px; margin-right: 40px; top:194px; z-index: 20;}
	div#txt h1 {
  font-size: 18px;
 
}
div#txt h2 {
  font-size: 14.5px;
}

div#txt ul { 
color: #3333cc; 
list-style: none url(../grafik/logo_kl.gif) inside; 
white-space: nowrap;
margin-left: 95px;
}

div#txt img
{
border: 3px;
border-color: #cccccc;
border-style: double;
}


div#txt h1 {
  font-size: 16pt;
  margin-left: 85px;
 
}
div#txt h2 {
  font-size: 14pt;
  margin-left: 85px;
}
div#txt h3 {
  font-size: 12.5pt;
  margin-left: 85px;
}
div#txt p {
  font-size: 12pt;
  line-height: 18pt;
  margin-left: 85px;
  margin-right: 40px;
  width: 90%
}

#txt a:link {
color: #3333cc; 
font-family: Verdana, Arial, san-serif;
font-size: 12pt;
vertical-align: middle;
text-align: left;
text-decoration: none;
background-color: transparent;
line-height: 18pt;

}

#txt a:visited {
color: #cccccc; 
font-family: Verdana, Arial, san-serif;
font-size: 12pt;
vertical-align: middle;
text-align: left;
text-decoration: none;
background-color: transparent;
line-height: 18pt;

}


/*#txt a:focus {
color: #000000; 
font-family: Verdana, Arial, san-serif;
font-size: 12pt;
vertical-align: middle;
text-align: left;
text-decoration: none;
font-weight: bold;
background-color: transparent;
line-height: 
*/

#txt a:hover {
color: #ffffff; 
font-family: Verdana, Arial, san-serif;
font-size: 12pt;
vertical-align: middle;
text-align: left;
text-decoration: none;
font-weight: normal;
background-color: transparent;
line-height: 18pt;
}

#txt a:active {
  color: #FFFFFF;
  font-family: Verdana, Arial, san-serif;
  font-size: 13pt;
  line-height: 20pt;
  vertical-align: middle;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  background-color: #0099cc;
  z-index: 7;
}

#logisch a:link {
color: #cccccc; 
background-color: transparent;

}

#logisch a:visited {
color: #cccccc; 
background-color: transparent;

}

#logisch a:hover {
color: #cccccc; 
background-color: transparent;
}

#logisch a:active {
  color: #cccccc;
  background-color: transparent;
  z-index: 7;
  }
#links{
		background-image: url(../bilder/link3.gif);
		position:absolute;
		width:100%;
		left:0px;
		border-left: #cccccc 1px;
		top:0px;
		height:23px;
		z-index: -5;}
	
#logisch{
		position:absolute;
		width:100%;
		left:0px;
		top:24px;
		height:20;
	z-index: 15;}
	
	
	
div#logisch a:link
{border-color:#cccccc;}
#start
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/leiste/dek.jpg)}
#mediengestaltung
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/leiste/mediengestaltung1b.jpg)}
#webservice
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/five4media.jpg)}
#sinnvoll
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/five4media.jpg)}
#websites
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/leiste/proben.jpg)}
#logos
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/five4media.jpg)}
#mehr
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/five4media.jpg)}
#impressum
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/five4media.jpg)}
#kooperation
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/leiste/links.jpg)}
#kooperation2
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/leiste/kooperation.jpg)}
#contact
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/leiste/kontakt.jpg)}
#formular
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/leiste/formular.jpg)}
#agenturen
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/leiste/agenturen.jpg)}
#ausstattung
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/leiste/ausstattung1a.jpg)}
#kenntnisse
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/leiste/kenntnisse_links.jpg)}
#impressum
{ background-color: #009; position:absolute; top:23px; left:0px; height:74px; width:100%; z-index:-5; background-image: url(../bilder/leiste/impressum.jpg)}
#balken

{
	position: absolute;
	top:97px;
	height:63px;
	width:100%;
	background-color:#009;
	left: 0px;
	border: #cccccc 1px;
	z-index: 15;
}	
	.balken {
  font-size: 12pt;
  line-height: 5px;
  text-indent: 21%;
  font-weight: bold;
}
#balken2

{
	position: absolute;
	vertical-align: middle;
	top:161px;
	height:25px;
	width:100%;
	background-color:#009;
	vertical-align: middle;
	left: 0px;
	border: #cccccc 1px;
	z-index: 15;
	}
	
#balken2 a:link {
color: #cccccc; 
font-family: Verdana, Arial, san-serif;
font-size: 8pt;
vertical-align: middle;
text-align: left;
text-decoration: none;
background-color: transparent;
line-height: 12pt;
margin-top: 2px;

}
#balken2 a:visited {
color: #cccccc; 
font-family: Verdana, Arial, san-serif;
font-size: 8pt;
vertical-align: middle;
text-align: left;
text-decoration: none;
background-color: transparent;
line-height: 12pt;
 margin-top: 2px;

}
/*#txt a:focus {
color: #000000; 
font-family: Verdana, Arial, san-serif;
font-size: 12pt;
vertical-align: middle;
text-align: left;
text-decoration: none;
font-weight: bold;
background-color: transparent;
line-height: 12pt
*/

#balken2 a:hover {
color: #3333cc; 
font-family: Verdana, Arial, san-serif;
font-size: 8pt;
vertical-align: middle;
text-align: left;
text-decoration: none;
font-weight: normal;
background-color: transparent;
line-height: 12pt;
margin-top: 2px;
}

#balken2 a:active {
  color: #3333cc;
  font-family: Verdana, Arial, san-serif;
  font-size: 9pt;
  line-height: 13pt;
  vertical-align: middle;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  background-color: #0099cc;
  z-index: 7;
  margin-top: 2px;
}
	
	
	
.bread {
  font-size: 8pt;
  margin-left: 5px;
  margin-top: 2px;
  vertical-align: middle;
  line-height: 12pt;
  text-indent: 0pt;
  width: 90%;
}
/*#lines {
  margin-top:169px;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#000000;
  border-top-style:none;
  border-right-style:none;
  border-left-style:none;	
  z-index:10;
   } */
   
/*#lines {
  position:absolute;
  top:169px;
  left:1px;
  width: 465px;	
  z-index:10;
   } */
table{
	width:465px;
	height:21px;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	border-top-color:#3333cc;
  	border-bottom-style:none;
  	border-right-style:none;
  	border-left-style:none;}

	div#Rahmen {
    width: 490px;
    padding: 0em;
    border: 1px;
    background-color: none;
    margin-left: 105px;
    z-index: 1;
  }
  * html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 48.7em;
    w\idth: 47.1em;
  }
div#Rahmen div {
     clear: left;
     background: none;
     border: 1px;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
    z-index: 10;
    background-color: #000099;
    border: #000000;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0px; padding: 0;
    background-color: #000099;
    
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
    background-color: #000099;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
    background-color: #000099;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1px; left: -0.4em;
    display: none;  /* Unternavigation ausblenden */
    background-color: #000099;
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color: #000099; padding-bottom:0.4em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
    background-color: #000099;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 6.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: inherit;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: white; background-color: #000099;
    
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: #000099;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: white; background-color: #000099;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: #000099;
  }

.head{font-family: Verdana; font-size:18px; color:#fff; vertical-align:top;}
.head2{font-family: Verdana; font-size:15px; color:#fff; vertical-align:top;}
.brot{ font-family: Verdana; font-size:12px; color:#fff; line-height:18px; vertical-align:top; left: 40px; right: 40px; }

a{
color: #3333cc;
text-indent: 5%;
text-decoration: none;
background: #99cc33;
}

a:hover{
color: #cc9933;
text-indent: 5%;
text-decoration: none;
background: #99cc33;
}

a:active{
color: #ffffff;
text-indent: 5%;
text-decoration: none;
background: #99cc33;
}

a:visited{
color: #3333cc;
text-indent: 5%;
text-decoration: none;
background: #99cc33;
}

p.content {
background-color: #99cc33;
}

h2{
margin-left: 40%;
margin-right: 40%;
background: #ffffff;
text-align: center;
color: #3333cc;
font-family: Arial, Verdana;

}

h3{
margin-left: 30%;
margin-right: 30%;
background: #ffffff;
text-align: center;
color: #99cc33;
font-family: Arial, Verdana;

}