/* CSS Document */
html {
	height: 100%;
}
body {
	background-color: white;
    font-size: 100%;
    font-family: Helvetica,Arial,sans-serif;
	color: #333333;
    text-align: center;  /* Zentrierung im Internet Explorer */
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
}
#startbox {
    text-align: left;
    width: 860px;
	height:537px;
    z-index:1;
    padding: 0;
	margin-top: 5px; 
	margin-left: auto;      /* standardkonforme horizontale Zentrierung */
	margin-bottom: auto;      /* standardkonforme horizontale Zentrierung */
	margin-right: auto;      /* standardkonforme horizontale Zentrierung */
	background: #FFFFFF url(pix/bg_start.gif) no-repeat;
}
#topbox {
    text-align: left;
    width: 860px;
	height:190px;
    z-index:1;
    padding: 0;
	margin-top: 5px; 
	margin-left: auto;      /* standardkonforme horizontale Zentrierung */
	margin-bottom: auto;      /* standardkonforme horizontale Zentrierung */
	margin-right: auto;      /* standardkonforme horizontale Zentrierung */
	background: #FFFFFF url(pix/topbox.gif) no-repeat;
	background-position:top right;
}

#startmenuebox {
	text-align: left;
    width: 860px;
	height:30px;
	margin-top: 0px; 
	margin-left: auto;      /* standardkonforme horizontale Zentrierung */
	margin-bottom: auto;      /* standardkonforme horizontale Zentrierung */
	margin-right: auto;      /* standardkonforme horizontale Zentrierung */
	font-size:80%;
}
#menuebox {			/* für Menü mit Submenü */
	text-align: left;
    width: 860px;
	height:60px;
	margin-top: 0px; 
	margin-left: auto;      /* standardkonforme horizontale Zentrierung */
	margin-bottom: auto;      /* standardkonforme horizontale Zentrierung */
	margin-right: auto;      /* standardkonforme horizontale Zentrierung */
	font-size:80%;
	background: #FFFFFF url(pix/bg_seiteninhalt.gif) repeat-y;
}
#seitenbox {
	text-align: left;
    width: 860px;
	margin-top: 0px; 
	margin-left: auto;      /* standardkonforme horizontale Zentrierung */
	margin-right: auto;       /*standardkonforme horizontale Zentrierung */
	background: #FFFFFF url(pix/bg_seiteninhalt.gif) repeat-y;
	padding-left: 0px;
	height: auto;
	overflow: auto;
	margin-bottom:0px;
}
#seiteninhalt {
	text-align: left;
    width: 795px;
	height:auto;
	margin-top: 0px; 
	margin-left: auto;      /* standardkonforme horizontale Zentrierung */
	margin-bottom: auto;      /* standardkonforme horizontale Zentrierung */
	margin-right: auto;      /* standardkonforme horizontale Zentrierung */
	font-size:80%;
	padding-right: 1em;
	overflow: visible;
}
#projektbilder  {
	float: right;
	width: 300px;
	padding-right: 0px;
	text-align: right;

}
img.projektbilder {
	border: 1px solid #333333;
	margin-top: 2em;
	
}
img.portraits {
	margin-top: 2em;
	
}
.projektbilderkasterl  {
	float: right;
	width: 260px;
	padding: 0 0 1.7em 0.2em;
	text-align: right;
}
img.projektbilder2 {
	border: 1px solid #333333;
}
#projektbilder3  {
	float: right;
	width: 600px;
	padding: 0 0 1.7em 0;
	text-align: right;
}
p	{
	text-align: justify;
}
.bold {
	font-weight: 800;
	}
img.lupe {
	border: 0px;
}
#projektbilder a{
	font-weight: normal;
	text-decoration: none;
}
#projektbilder a:hover{
	text-decoration: none;
	color: #669900;
}
.projektbilderkasterl a{
	font-weight: normal;
	text-decoration: none;
}
.projektbilderkasterl a:hover{
	text-decoration: none;
	color: #669900;
}
#adressbox	{
	float: right;
    width: 320px;
	height:60px;
	margin-top: 0px; 
	margin-left: auto;      /* standardkonforme horizontale Zentrierung */
	margin-bottom: auto;      /* standardkonforme horizontale Zentrierung */
	margin-right: auto;      /* standardkonforme horizontale Zentrierung */
	border: 0px solid green;
	font-size:80%;
	text-align: right;
	padding-right: 20px;
	padding-top: 0.1em;
}
#logobox {
	position:relative; 
	top:0px; 
	left:425px; 
	width:313px; 
	height:117px;
    z-index:2; 
	background: url(pix/logobox.gif) no-repeat;
	padding-top: 22px;
	padding-left: 12px;
	font-size: 80%;
	line-height: 3em;
}
#logobox2 {
	position:relative; 
	top:0px; 
	left:500px; 
	width:313px; 
	height:117px;
    z-index:2; 
	background: url(pix/logobox.gif) no-repeat;
	padding-top: 22px;
	padding-left: 12px;
	font-size: 80%;
	line-height: 3em;
}
#logobox a, #logobox2 a {
	font-weight: 800;
	font-size: 100%;
	text-decoration: none;
	line-height: 1.2em;
	border: 0px;
	}
a .logobox, a .logobox2 {
	border: 0px;
	}		
#subnavigation {
	clear: both;
	font-size:90%;
	padding-left: 2.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight: normal;
}
#subnavigation a{
	font-weight: normal;
}
ul#Navigation {
    margin: 0;
	padding-left: 2em;
    text-align: left;
}
ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0 ; 
	padding: 0;
	border: 0px solid green;
}

* html ul#Navigation li {  /*fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
}
* html ul#Navigation #text {  /*fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
}
*:first-child+html ul#Navigation li {  /*fuer den IE 7 */
    margin-bottom: -0.1em;
}
ul#Navigation a, ul#Navigation span {
    display: block;
    padding: 0.1em 4em 0em 0em;
    text-decoration: none; 
	font-weight: bold;
    border: 0px solid black;
	color: #333333;
}
* html ul#Navigation a, * html ul#Navigation span {  /* fuer IE */
    width: 100%;
    w\idth: 6.4em;
  }
ul#Navigation a:hover, a.aktuell {
    color: #669900;
	font-weight: bold;
}
ul#Navigation li a.aktuell {
    color: #669900;
	font-weight: bold;
}
ul#Navigation a:visited {
    color: #333333;
}
ul#Navigation a:visited:hover {
    color: #669900;
	font-weight: bold;
}
ul#Navigation a:visited.aktuell {
    color: #669900;
	font-weight: bold;
}
a	{
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
a:hover	{
	color:#99CC00;
	text-decoration: underline;
}
h1  {
	color:#333333;
	font-size:140%;
	font-weight: bold;
	margin-top: 0;
}
ul h2  {
	color:#99CC00;
	font-size:110%;
	font-weight: bold;
	list-style-image:url(pix/bullet.gif);
	margin-bottom: 0; 
	margin-top: 1.5em;
}
h2  {
	color:#669900;
	font-size:110%;
	font-weight: bold;
	list-style-image:url(pix/bullet.gif);
	margin-bottom: 0; 
	margin-top: 1.5em;
}
#seiteninhalt li  {
	list-style-image:url(pix/bullet.gif);
}
li h2.projekte, li h2.projekte a, li h3.projekte, li h3.projekte a   {
	color:#333333;
	font-size:100%;
	font-weight: 100;
	list-style-image:url(pix/bullet.gif);
	margin-bottom: 0.7em; 
}
li h2.projekte a:hover, li h3.projekte a:hover {
	color:#99CC00;
	font-size:100%;
	font-weight: 100;
}
h3  {
	color:#333333;
	font-size:100%;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
}
.text_gruen {
    color: #669900;
	padding-top: 0.5em;
	padding-left: 1.2em;
}
#seiteninbox hr.ueberschrift {
    color: #669900;
	height: 1px;
}
#Fusszeile {
	text-align: left;
    width: 860px;
	margin-top: 0px; 
	margin-left: auto;      /* standardkonforme horizontale Zentrierung */
	margin-right: auto;       /*standardkonforme horizontale Zentrierung */
	padding-left: 0px;
	height: 36px;
	background: #FFFFFF url(pix/bg_fusszeile.gif) no-repeat;
}
/*-------Accesskeys--------*/
#accessk{
	margin: 0px;
	padding: 0px;
	height: 1px;
	overflow: hidden;
}
.invisible {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 1px;
	overflow: hidden;
}