* {
		margin:0;
		padding:0;
		}

	html, body {
		height:87%;
		}

	body {
		background-color:#fff;
		color:#000;
		font:100.01% Verdana, Tahoma, sans-serif;
		padding-top: 2%;
		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%;
}


	#wrap{
		margin:0 auto;
		text-align:left;
		width: 100%;
		max-width:900px;
		background-color:#fff;
		border: 0px solid red;
		}
		
		#logo a, #logo a:link, #logo a:visited {
		margin-top: 24px;
			float: left;
			background: url(../navipics/logo3.gif) no-repeat top left;
			width: 160px;
			height: 102px;
		}
		#logo a:focus, #logo a:hover, #logo a:active {
		background-position: bottom;
		} 
		

		#logoindex a, #logoindex a:link, #logoindex a:visited {
		margin-top: 24px;
			float: left;
			background: url(../navipics/logoindex1.gif) no-repeat top left;
			transition: all ease 0.7s;
			width: 160px;
			height: 230px;
		}
		#logoindex a:focus, #logoindex a:hover, #logoindex a:active {
			background: url(../navipics/logoindex2.gif) no-repeat top left;
		} 
		
/* Navigation */
		
		#nav{
		background: url(../navipics/head.jpg) no-repeat top left;
		float: left;
		height: 230px;
		max-width: 700px;
		width:80%;
		margin-bottom: 0px;
		margin-left: 12px;
		font-size: 80%;
		border: 0px solid #888;
		}
		
/* Navigation  circle */

 #navCircle {
 margin-left: 30px;
		  margin-top: 168px;
}

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

#navCircle a, #navCircle a:link, #navCircle a:visited {
        margin-right: 30px;
       padding-left: 0px;
		 line-height: 2.0em;
        background: none;
        float: left;
        text-decoration: none;
        color: #000;
}

#navCircle a:focus, #navCircle a:hover, #navCircle a:link.active, #navCircle a:visited.active {
        color: #929292;
        background: url(../navipics/circle.gif) no-repeat top right;
}
	
	/*subnavi*/
		
		
/* Navigation  circle */

 #navSub {
 margin-left: 0px;
		  margin-top: 0px;
}

#navSub li {
        list-style-type: none;
}

#navSub a, #navSub a:link, #navSub a:visited {
       padding-left: 14px;
		 line-height: 2.0em;
        background: none;
        text-decoration: none;
        color: #000;
}

#navSub a:focus, #navSub a:hover, #navSub a:link.active, #navSub a:visited.active {
        color: #929292;
        background: url(../navipics/sub.gif) no-repeat top left;
}
	
	#left {
	float: left;
		font-size:80%;
		width:204px;
  border: 0px solid green;
		background-color: #fff;
		}
/* Inhalt */

/* portrait */


		#por, #por:link, #por:visited  {
		float: left;
			background: url(../navipics/portrait.gif);
			background-position: top;
			height: 240px;
			width: 120px;
			border: none;
			margin: 0 14px 2px 0px;
text-indent: -200px;
overflow: hidden;
display: block;
		}
		
		 #por:focus, #por:hover, #por:active {
		background-position: bottom;
		} 
		::selection { background: #929292; color: #f52c29; }
		::-moz-selection { background: #929292; color: #f52c29; }
		#cont {		
		float: left;
		font-size: 80%;
		line-height: 140%;
		width: 670px;
  border: 0px solid aqua;
		}
      #cont h1, h3 {
		font-size: 110%;
		margin-bottom: 3%;
      }
      #cont h2{
		font-size: 90%;
		margin-bottom: 2%;
      }
      #cont p {
	   margin-bottom: 1%;
      }
		#cont ul {
			margin: 1% 0 1% 5%;
			list-style-type: disc;
		}
		#cont ul li{
			margin-top:8px
		}

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

 #cont a:focus , #cont a:hover, #cont a:link.active, #cont a:visited.active {
        color: #f52c29;
}
	
	
 /* Formular*/
 #flr {
float: right;
 }
form {
clear: both;
width: 27em;
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;
	margin-left: 0.6em;
}

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: 11.6em;
margin-right: .3em;
 }

/* mozilla bug abstand links */ 

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
margin-left: 12.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:  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;
 }
 
 
.errormsg,
.errormsg *{
margin-left: 2.2em;
	color: #cc3333;
	min-width: 160px;
	text-align: left;
}
input.errordesignfields, textarea.errordesignfields, select.errordesignfields {
background-color: red !important;
border:  1px solid red !important;}

.pflichtfeld {
	 color: #ff0000;
}