* {
margin: 0;
padding: 0;
}

html {
	color: #000;
	font: 80%/1.2 verdana, arial, helvetica, sans-serif;
	background-image: url(../bilder/hg-html-gelb.gif);
	background-color: #FFFFCC;
	}

body {
text-align: center;
}

h1 {
	background-image: url(../bilder/l-o-4.gif);

}

h1 a, div#nav-1 li, div#nav-1 li a {
text-decoration: none;
text-indent: -999em;
}

h1 a {
display: block;
height: 150px;
width: 955px;
}

h2 {
	font-size: 300%;
	color: #ffba00;
	font-family: Georgia, "Times New Roman", Times, serif;

}

div#haupt {
	/*background: #FFF url() repeat-y;* = ansonsten padding-top = #fff*/
	margin: auto;
	overflow: hidden;
	text-align: left;
	width: 955px;
	padding: 0px;
}

div#haupt > div#inhalt { /* nur MOSe */
height: 380px;
overflow: auto;
/*background: #FFF url() repeat-y;*/
}


/*Navigation Seitenanfang + -ende*/
div#nav-seite {
  	clear: left; /*Voraussetzung für den Einsatz als Fusszeile - ansonsten nicht gebraucht*/
  	height: 1.7em;
	/*position: relative;*/
  color: #0060ff;
	background-color: #FFF;
	background-image: url(../bilder/balken-25.jpg);
	background-repeat: repeat-x;
}

div#nav-seite ul, div#nav-1 ul, div#nav-2 ul {
list-style: none;
}

div#nav-seite ul {
	left: 65%;
	position: absolute;
	font-weight: bold;
}

div#nav-seite li {
	float: left; /*Voraussetzung für  li nebeneinander*/
	display: inline;
	padding: 0.1em 1em;
	border-right-width: thick;
	border-right-style: solid;
	border-right-color: #fff
}

div#nav-seite li:first-child {
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #fff
	
}
div#nav-seite li a {
	height: 100%; /*wenn nicht gesetzt, verschwindet nav-1*/
}


div#nav-seite li a:focus, div#nav-seite li a:hover, div#nav-seite li a:active, div#nav-seite li span {
font-weight: bolder;
}

div#nav-seite li > a:focus, div#nav-seite li > a:hover, div#nav-seite li > a:active, div#nav-seite li > span { /* nur MOSe */
	background-image: url(../bilder/nav2-highlight.png);
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	/*border-right-style: none;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #ffba00;*/
}

div#nav-1 {
	height: 25px;
	position: relative;
	background-color: #FFF;
	background-image: url(../bilder/balken-25.jpg);
	/*background-repeat: repeat-x;*/
}

div#nav-1 ul, div#nav-2 ul {
list-style: none;
}

div#nav-1 {
	height: 25px;
	position: relative;
	background-color: #FFF;
	background-image: url(../bilder/balken-25.jpg);
	background-repeat: repeat-x;
}

div#nav-1 ul {
left: 292px;
position: absolute;
}

div#nav-1 ul li {
float: left;
height: 26px;
margin-right: 5px;
width: 109px;
}

div#nav-1 ul li a {
display: block;
height: 100%;
}

div#nav-1 li#news a {
background: url(file:///X|/site-2/bilder/news.gif);
}

div#nav-1 li#news, div#nav-1 li#news a:focus, div#nav-1 li#news a:hover, div#nav-1 li#news a:active {
background: url(file:///X|/site-2/bilder/news-an.gif);
}

div#nav-1 li#philosophie a {
background: url(file:///X|/site-2/bilder/philosophie.gif);
}

div#nav-1 li#philosophie, div#nav-1 li#philosophie a:focus, div#nav-1 li#philosophie a:hover, div#nav-1 li#philosophie a:active {
background: url(file:///X|/site-2/bilder/philosophie-an.gif);
}

div#nav-1 li#portfolio a {
background: url(file:///X|/site-2/bilder/portfolio.gif);
}

div#nav-1 li#portfolio, div#nav-1 li#portfolio a:focus, div#nav-1 li#portfolio a:hover, div#nav-1 li#portfolio a:active {
background: url(file:///X|/site-2/bilder/portfolio-an.gif);
}

div#nav-1 li#kontakt a {
background: url(file:///X|/site-2/bilder/kontakt.gif);
}

div#nav-1 li#kontakt, div#nav-1 li#kontakt a:focus, div#nav-1 li#kontakt a:hover, div#nav-1 li#kontakt a:active {
background: url(file:///X|/site-2/bilder/kontakt-an.gif);
}

div#nav-2 {
	float: left;
	height: 390px;
	width: 150px;
	background-image: url(../bilder/verl-nav2-1.jpg);
}

div#nav-2 ul {
border-bottom: 1px solid #ffba00;
margin-top: 45px;
}

div#nav-2 li, div#nav-2 li a {
color: #FFF;
text-align: right;
}

div#nav-2 li {
border-top: 1px solid #ffba00;
font-size: 1.2em;
height: 27px;
width: 150px;
}

div#nav-2 li a, div#nav-2 li span {
display: block;
font-weight: normal;
height: 100%;
padding-right: 20px;
text-decoration: none;
}

div#nav-2 li a:focus, div#nav-2 li a:hover, div#nav-2 li a:active, div#nav-2 li span {
font-weight: bold;
}

div#nav-2 li > a:focus, div#nav-2 li > a:hover, div#nav-2 li > a:active, div#nav-2 li > span { /* nur MOSe */
background-image: url(../bilder/nav2-highlight.png);
}

div#inhalt {
	float: left;
	width: 770px; /* nur IE 5.x */
	width/**/:/**/ 770px;
	padding-top: 10px;
	padding-right: 0;
	/*padding-bottom: 15px;*/
	padding-left: 35px;
	height: 380px;
	background-color: #FFFFFF;
}

div#text_left_1, div#text_left_2, div#text_left_3, div#text_left_4, div#text_left_5, div#text_left_6, div#text_left_7, div#text_left_8, div#text_left_9, div#text_left_10, div#text_left_11, div#text_left_12, div#text_left_13, div#text_left_14, div#text_left_15, div#text_left_16, div#text_left_17, div#text_left_18, div#text_left_19, div#text_left_20  {
	float: left;
	height: auto;
	width: 130px;/* nur IE 5.x */
	width/**/:/**/ 130px;
	font-weight: bold;
	color: #000;/*#0060ff*/
	padding: 0px;
	margin: 10px;
	text-align: right;
}

div#text_right_1, div#text_right_2, div#text_right_3, div#text_right_4, div#text_right_5, div#text_right_6, div#text_right_7, div#text_right_8, div#text_right_9, div#text_right_10, div#text_right_11, div#text_right_12, div#text_right_13, div#text_right_14, div#text_right_15, div#text_right_16, div#text_right_17, div#text_right_18, div#text_right_19, div#text_right_20  {
	float: left;
	height: auto;
	width: 470px;
	margin: 10px;
	padding-left: 30px;
	background-image: url(../bilder/hg-o-10-1.png);
	background-repeat: repeat-x;
	padding-bottom: 5px;
}

div#text_right_bild {
	float: left;
	height: 130px;
	width: 470px;
	margin: 10px;
	padding-left: 30px;
	background-image: url(../bilder/hg-o-10-1.png);
	background-repeat: repeat-x;
	padding-bottom: 5px;
}

div#text_right ul li{
	list-style: none;
	font-weight: bold;
	padding: 0 0 0.4em 0;
}

div#fusszeile {
  clear: left;
  height:1.7em;
  color: #0060ff;
  font-size: 100%;
  font-weight: bold;
}

div#fusszeile li {
	list-style: none;
	display: inline;
	padding: 0.1em 1em;
	border-right-width: thick;
	border-right-style: solid;
	border-right-color: #fff
}

div#fusszeile li:first-child {
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #fff
	
}

div#fusszeile a {
	font-size: 100%;
	font-weight: bold;
		
}


div#fusszeile li a {
	height: 100%; /*wenn nicht gesetzt, verschwindet nav-1*/
	display: inline;
  text-align: center;
}


div#fusszeile li a:focus, div#fusszeile li a:hover, div#fusszeile li a:active, div#fusszeile li span {
font-weight: bolder;
}

div#fusszeile li > a:focus, div#fusszeile li > a:hover, div#fusszeile li > a:active, div#fusszeile li > span { /* nur MOSe */
	background-image: url(../bilder/nav2-highlight.png);
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-decoration: none;
	/*border-left-width: thick;
	border-left-style: solid;
	border-left-color: #ffba00;*/
}

div#fusszeile, a#aux:focus, a#aux:active {
	display: block;
	text-align: center;
	padding: 0.4em 0 0 0;
	width: 955px;
	height: 1.7em;
	background-color: #FFF;
	background-image: url(../bilder/balken-25.jpg);
	background-repeat: repeat-x;
}


.unsichtbar, div#fusszeile dfn{
     position:absolute;
     left:-1000px;
     top:-1000px;
     width:0;
     height:0;
     overflow:hidden;
     display:inline;
}

a {
color: #0060ff;
text-decoration: none;
}

a#aux {
color: #FFF;
height: 1px;
overflow: hidden;
position: absolute;
top: -999em;
width: 1px;
}