html {
	overflow-y: scroll;
	font-family: verdana,arial,sans-serif;
	color: #4E4E4E;
}

html,body {
	margin: 0;
	padding: 0;
	text-align: center;
}
ul,li,a,p,img,span,div,td{
	padding: 0;
	margin: 0;
	border: 0;
}
/* @annotation: Alles umschließende horizontal zentrierte Box */
	
#wrap {
	margin: 0 auto;
	width: 700px;
	text-align:left;
}

/* @annotation: Kopfbereich */

p#header {
	margin: 2em 0 0 0;
	font-size: 20px;	
}
p#header.index {
	margin: 6em 0 2em 0;
}
p#header a, p#header a:visited {
	text-decoration: none;
	color: #4E4E4E;
}

/* @annotation: Globale Definitionen für Navigation oben sowie die Boxen im Fußbereich */

.inlinelist {
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 10px 0;
}

.inlinelist li {
	display: inline;
}

.inlinelist a , ul#bottom span{
	float: left;
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 20px 0 0;
	padding:0;

}

/* @annotation: obere Navigation */

ul#topnav a {
	text-decoration: none;		
	background-color: #707173;
	font-size: 12px;
	color: white;
}

ul#topnav a.act {
	background-color: #aaa;
}

ul#topnav a:hover{
	background-color: #aaa;

}
ul#topnav span {
	display: block;
	margin: 4px;
}

/* @annotation: Contentbereich */

#content {
	width: 680px;
	color: #4E4E4E;
	font-size: .9em;
	padding: 0;
	margin: 0;
}
#content.step1{
	width: 580px;
	margin-left: 100px;
}
#content.step2{
	width: 480px;
	margin-left: 200px;
}
#content.step3{
	width: 380px;
	margin-left: 300px;
}
#content.step4{
	width: 480px;
	margin-right: 200px;
	text-align: left;
}
#content.step5{
	width: 580px;
	margin-right: 100px;
}
#content.step5 h1{
	text-align: right;
}
#content .kontakt_leftbox {
	width: 180px;
}
#content ul.plainlist {
	list-style: none;
}
#content.gal h1{
	text-align: right;
}

#content h1 {
	color: #FF6600;
	background-color:  #efefef;
	padding: 4px;
	font-size: .9em;
	font-weight:normal;
}
#content h2 {
	font-size: 1em;
}

#content p {
	margin: 1em 0;
}

#content a {
	color: #4E4E4E;
}

#content a:hover {
	color: #696969;
	text-decoration: none;
}

#content a:visited {
	color: #4E4E4E;
}

#content table td{
	vertical-align: top;
	font-size: 1em;
	padding: 2px 1em 2px 0;
}

/* @annotation: Boxen im Fußbereich */

#content hr {
	background-color: #aaa;
	color: #aaa;
}	

ul#bottom {
	margin-top: 2em;
	
}
ul#bottom span {
	background-color: #FFCC66;
	text-align: center;

}
ul#bottom img {
	height: 80px;
	width: 60px;
	border-left: 10px solid white;
	border-right: 10px solid white;
}

/* @annotation: footer */

#footer {
	width: 680px;
	font-size: .8em;
	margin-bottom: 1em;
}
#footer a{
	float: right;
	text-decoration: none;
	color: black;
}

/* @annotation: Klassen zum Setzen von Farben */
.klickbox {
	text-align: right;
	cursor: pointer;
}

/* @annotation: Klassen zum Setzen von text-align:left|right */
.tleft {
	text-align: left;
}
.tright {
	text-align: right;
}

/* @annotation: Klassen zum Setzen und Aufheben von float:left|right */
.fleft {
	float: left;
}
.fright {
	float: right;
}
.clear {
	clear: both;
}

/* @annotation: Textumbruch verhindern */
.nowrap {
	white-space:nowrap;
}