* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-color:#fff;
		color:#000;
		font:100.01% Verdana, Tahoma, sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
		}
/* Barierfreiheit */

.u, h6 {
position: absolute;
display: inline;
	height: 0px;
	width: 0px;
	top: -1000px;
	left: -1000px;
	overflow: hidden;
	font-size: 180%;
}


	#distance { 
		width:1px;
		height:50%;
		background-color:#fff;
		margin-bottom:-13.75em; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:27.5em;
		width:45em;
		clear:left;
		background-color:#fff;
		}
		
		/* Schatten boxen */
		
		#sch1 {border: 1px none #000;
		position:absolute; 
		height:27.5em;
		width:45em; z-index:1; left: 8px; top: 8px; background-color: #A2A2A2;
		}
		
		#sch2 {
		border:1px solid #000;
			position:absolute; 
		height:27.5em;
		width:45em; z-index:1; left: 0px; top: 0px; background-color: #fff;
		}
		
		
/* linker Container */
	
	#left {
	float: left;
		font-size:70%;
		width:15em;
		text-align: right;
		padding-right:10px; 
		height: 99%;
		background-color: #fff;
		}
	#left h2 {
			float: right;
		font-size:130%;
		margin:1em 0 0;
		font-family: "Times New Roman", Times, serif;
		}

	#left h3, h4 {
			float: right;
		font-size:90%;
		margin:.5em 0 0;
		}

		
		#logo a, #logo a:link, #logo a:visited {
			float: right;
			background: url(../navipics/logo_ani.gif) no-repeat top left;
			width: 161px;
			height: 99px;
			margin-top: 10px;
			margin-bottom: 20em;
		}
		#logo a:focus, #logo a:hover, #logo a:active {
		background-position: bottom;
		} 
		

		
/* Navigation */
		
		#nav{
		float: left;
		height: 86px;
		margin-bottom: 20px;
		width: 43em;
		margin-left: 1em;
		font-size: 75%;
		border-bottom: 1px solid #000;
		}
		
/* Navigation  circle */

 #navCircle {
        margin: 0;
		  margin-top: 60px;
}

#navCircle li {
        display: inline;
        list-style-type: none;
}

#navCircle a, #navCircle a:link, #navCircle a:visited {
        margin-right: 7px;
height: 19px;
       padding-left: 40px;
		 line-height: 1.5em;
        background: url(../navipics/circle.gif) no-repeat top left;
        float: left;
        text-decoration: none;
        color: #000;
}

#navCircle a:focus, #navCircle a:hover, #navCircle a:link.active, #navCircle a:visited.active {
        color: red;
        background-position:  bottom left;
}
		
		
/* Inhalt */

		#cont {		
		float: right;
		font-size: 80%;
		height: 25em;
		border-left: 1px solid #000;
		padding: 0 16px 0px 10px;
		line-height: 130%;	
  width:auto;
  voice-family:"\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;   /* Korrektur fuer andere Browser */
  width:71%;
		}
      #cont h1, h2, h3 {
		font-size: 110%;
		margin-bottom: 1%;
      }
      #cont p {
	   margin-bottom: 1%;
      }
		#cont ul {
			margin: 1% 0 1% 5%;
			list-style-type: disc;
		}

#cont a, #cont a:link, #cont a:visited {
        text-decoration: none;
        color: Red;
}

 #cont a:focus , #cont a:hover, #cont a:link.active, #cont a:visited.active {
		  text-decoration: underline;
}
	
	
	.netz {
	font-family: "Times New Roman" serif;
	font-size: 110%
	}	
		
		/* Referenztabelle */
		a img {
			border:0px solid #000;
			text-decoration: none;
		}
		table {
			font-size: 100%;
		}
		td {
			vertical-align: top;
		}
		
		#ref {
			list-style-type: none;
		}
		#ref li {
			display: inline;
		}
/* portrait */


		#por, #por:link, #por:visited  {
		float: left;
		cursor: crosshair;
			background: url(../navipics/portrait.gif);
			background-position: top;
			height: 88px;
			width: 77px;
			border: none;
			margin: 0 14px 2px 4px;
text-indent: -200px;
overflow: hidden;
display: block;
		}
		
		 #por:focus, #por:hover, #por:active {
		background-position: bottom;
		} 
		
		
 /* Formular*/
 #flr {
float: right;
 }
form {
clear: both;
width: 22em;
line-height: 180%;
}
 
fieldset { 
	border: 0;
}
/* Extrawurst fuer Opera */

html>body fieldset	{
	border:	solid 0 transparent;
}

legend {
font-size: 110%;
font-weight: bold;
	padding-left: 0;
	padding-bottom: 0.4em;
}

label.left {
float: left;
text-align: right;
width: 6em;
margin-right: .5em;
line-height: 120%;
 }

input[type=text], select, textarea {
float: left;
 }

input.right {
float: left;
clear: both;
width: auto;
margin-left: 6.6em;
margin-right: .3em;
 }

/* mozilla bug abstand links */ 

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
margin-left: 7.6em;
 }
 
form br {
clear: both;
 }
label, 
select,
input,
textarea {
	cursor: pointer;}

input, textarea {
color: #000;
background-color: #fff;
border: 1px none;
border-bottom: 1px solid #000;
font-family: verdana, tahoma , sans-serif;
font-size: 100%;
 }
 textarea {
border-left:  1px dashed #000;
margin-left: 0.6em;
margin-top: 0.5em;
padding-left: 0.5em;
 }
input.submit {
margin-left: .6em;
margin-top: 0.8em;
 background-color: #fff;
	border: 1px solid #000;
	color: #000;
	width: 7em;
   cursor: pointer;
}
input.submit:hover{
border-color: red;
}

input:focus, textarea:focus {
border-color: red;
font-style: italic;
 }