*{
	margin:0;
	padding:0;
}
body {
	background-color: #Fff;
	font-family: Arial, Sans-serif;
	font-size: 99%;
}
#center{
	position: absolute;
	margin:0;
	padding:0;
	top:0;
	left:0;
	text-align: center;
	height:101%;
	width:100%;
}
#mitte{
	position: relative;
	top:0;
	margin-top:60px;
	margin-right:auto;
	margin-bottom:0; 
	margin-left:auto;
	width: 610px;
	padding-bottom:40px;
}
#architekt{
	position: relative;
	top:0;
	left:0;
	width:610px;
	height:30px;
	background-image: url(headpic/logo-neu.gif);
	background-position: top;
	background-repeat: no-repeat;	
}
#head{
	position: relative;
	top:0;
	left:0;
	width:610px;
	height:90px;
	background-position: top;
	background-repeat: no-repeat;	
	border-bottom:1px solid #000;
}
.hindex{
	background-image: url(headpic/head-index.jpg);
}
.harchitekt{
	background-image: url(headpic/head-architekt.jpg);
}
.hweb{
	background-image: url(headpic/head-web.jpg);
}
.hfoto{
	background-image: url(headpic/head-foto.jpg);
}
.hhobby{
	background-image: url(headpic/head-hobby.jpg);
}
.hvita{
	background-image: url(headpic/head-vita.jpg);
}
.hkontakt{
	background-image: url(headpic/head-kontakt.jpg);
}
/* ____BILDER SEITENKOPF UNTERSEITEN________________________ */
.koimg1{
	float:left;
	left:0;
	top:0;
}
.koimg2{
	float:right;
	right:0;
	top:0;
}

#leben td{
	padding-bottom:9px;
	text-align:left;
}
#leben a{
	text-decoration:none;
}
p{
	color: #000080;
	font-size : 13px;
	line-height: 150%;
}
p.orange{
	padding-bottom:8px;
	padding-top:8px;
	margin:0;
	font-size: 11px;
	font-weight:bold;
	color: #FF8F04;
}
p.ueber{
	font-size : 15px;
	font-weight: bold;
}
p.seite{
	color: #f00;
	font-size: 10px;
	font-weight: bold;
}

p.fried{
	color: #7E0000;
	font-size: 16px;
	font-weight: bold;
}
h1{
	padding-bottom:.4em;
	margin:0;
	font-size:19px;
	font-weight:normal;
	color: #000080;
}
/* ___ÜBERSCHRIFT AUF FOTOSEITEN!!_____ */
.h1weiss{
	color: #FFF;
	font-size:20px;
	margin:0 0 6px 10px;
	float:left;
}
.pweiss{
	color: #FFF;
	font-size:13px;
	text-align:left;
}
img{
	border: 0 none;
}
a{
	border: 0px;
	color: #0E0463;
	font-family: Arial, Sans-serif;
	font-size: 13px;
	text-decoration: underline;
	font-weight: bold;
}
a.noline{
	text-decoration: none;
}
a.imag{
	border: 0px none transparent;
	text-decoration: none;
}
a:hover.imag{
	border: 0px none transparent;
	text-decoration: none;
}
a.none{
	border: 0px none transparent;
	color: #FAFBE9;
}
a:hover{
	color: #F01A21;
	text-decoration: none;
}
/* ____________NEUE LINKS MIT BILDERN________________ */
#neue-links{
	position: relative;
	top: 5px;
	left: 0;
	width: 610px;
	height:26px;
	margin-bottom:27px;
}
#neue-links a{
	display: block;
	text-decoration: none;
	border: 0 none;
	height: 25px;
	float: left;
	background-position: top;
	background-repeat: no-repeat;
}
#neue-links a.arch{
	width:95px;
	background-image: url(headpic/link-architektur.gif);
}
#arch-ist{
	position: relative;
	top:0;
	left:0;
	width: 95px;
	height: 25px;
	 background-image: url(headpic/link-architektur.gif);
	 background-position: bottom;
	 background-repeat: no-repeat;
	 float:left;
}
#neue-links a.webdesign{
	width: 85px;
	 background-image: url(headpic/link-web.gif);
}
#webdesign-ist{
	position: relative;
	top:0;
	left:0;
	width: 85px;
	height: 25px;
	 background-image: url(headpic/link-web.gif);
	 background-position: bottom;
	 background-repeat: no-repeat;
	 float: left;
}
#neue-links a.foto{
	width: 80px;
	background-image: url(headpic/link-fotografie.gif);
}
#foto-ist{
	position: relative;
	top:0;
	left:0;
	width: 80px;
	height: 25px;
	 background-image: url(headpic/link-fotografie.gif);
	 background-position: bottom;
	 background-repeat: no-repeat;
	 float:left;
}
#neue-links a.hobby{
	width:60px;
	 background-image: url(headpic/link-hobby.gif);
}
#hobby-ist{
	position: relative;
	top:0;
	left:0;
	width: 60px;
	height: 25px;
	 background-image: url(headpic/link-hobby.gif);
	 background-position: bottom;
	 background-repeat: no-repeat;
	 float:left;
}
#neue-links a.vita{
	width: 60px;
	 background-image: url(headpic/link-vita.gif);
}
#vita-ist{
	position: relative;
	top:0;
	left:0;
	width: 60px;
	height: 25px;
	 background-image: url(headpic/link-vita.gif);
	 background-position: bottom;
	 background-repeat: no-repeat;
	 float:left;
}
#neue-links a.kontakt{
	width: 230px;
	 background-image: url(headpic/link-kontakt.gif);
}
#kontakt-ist{
	position: relative;
	top:0;
	left:0;
	width: 230px;
	height: 25px;
	 background-image: url(headpic/link-kontakt.gif);
	 background-position: bottom;
	 background-repeat: no-repeat;
	 float:left;
}
#neue-links a:hover{
	 background-position: bottom;
}
.cl-both{
	clear: both;
}
/* ____________ENDE___NEUE LINKS MIT BILDERN________________ */
#teil2{
	position:relative;
	top:0;
	left:0;
	float: left;
	margin-top:3px;
	margin-left:25px;
	padding:0;
}
#fotografie{
	position:relative;
	top:0;
	left:0;
	float: right;
	margin-top:3px;
	padding:0;
}
#top{
	position:relative;
	top:0;
	left:0;
	float: left;
	margin-top:3px;
	padding:0;
}
a.zufoto{
	margin:0;
	padding:0;
	border: 0 none;
	text-decoration: none;
	display: block;
	width:124px;
	height:16px;
	background-image: url(pic/zufoto.gif);
	background-position: top;
}
a.zufoto:focus, 
a.zufoto:hover, 
a.zufoto:active{
	background-position: bottom;
}
a.teil2{
	margin:0;
	padding:0;
	border: 0 none;
	text-decoration: none;
	display: block;
	width:124px;
	height:16px;
	background-image: url(pic/teil2.png);
	background-position: top;
}
a.teil2:hover{
	display: block;
	background-image: url(pic/teil2.png);
	background-position: bottom;
}
a.anfang{
	margin:0;
	padding:0;
	border: 0 none;
	text-decoration: none;
	display: block;
	width:124px;
	height:16px;
	background-image: url(pic/anfang.gif);
	background-position: top;
}
a.anfang:focus, 
a.anfang:hover, 
a.anfang:active{
	background-position: bottom;
}
td{
	vertical-align: top;
}

td.ko{
	height: 45px;
	margin-bottom: 0;
	vertical-align: bottom;
}
td.strei{
	border-right-color: #FFD700;
	border-right-style: solid;
	border-right-width: 4px;
}
td.lin{
	text-align: center;
	vertical-align: top;
	padding-top: 8px;
	height: 30px;
	width: 153px;
}
td.pu{
	background-image: url(pic/pun.gif);
	vertical-align: bottom;
	text-align: center;
}
td.pu11{
	background-image: url(pic/pun.gif);
	background-repeat: repeat-x;
	vertical-align: bottom;
	text-align: center;
	background-position: bottom;
}

/* ____evtl. schrott__________________ */
#anfang{
	position:relative;
	background-image:url(pic/pun.gif);
	background-repeat:repeat-x;
	text-align:right;
	background-position:top;
	height:15px;
}
#anfang p{
	padding-top:9px;
	padding-right:5px;
}
td.h14{
	background-image: url(pic/b.gif);
	height: 20px;
}
ul{
	font-family : Arial, "Sans serif";
	font-size : 13px;
	color: #000080;
	list-style : none outside;
	padding-left: 0;
}

li{
	padding-bottom: 10px
}

/* __FÜR BILDER MOUSOVER __ */

dl{
	margin:0;
	padding:0;
	position:relative;
}
dd{
	margin:0;
	padding:0;
	position:absolute;
}
span{
	display:none;
	padding:10px;
	background-color: #FFF;
} 
#akte img{
	border: 1px solid #808080;
}

/* -------BILDER IN TABELLE-------------------- */
#bilder a{ 
	z-index:1;
} 
#bilder a:hover { 
	background-color:#F8F8F2; 
/* --WEGEN IE MUSS HIER EINE FARBE STEHEN!-- */
}
#bilder a:hover span {
	display:block;
	position:absolute;
	bottom:25px;
	right:0;
	z-index:40;
	width:auto;
	height:auto;
	font-family : Arial, "Sans serif";
	font-size : 13px;
	color: #000080;
	text-align:center;
	border:1px solid #708090;
}
.li-o{
	height:75px;
	width:75px;
}
.re-o{
	left:75px;
	height:75px;
	width:75px;
}
.li-u{
	top:75px;
	height:75px;
	width:75px;
}
.re-u{
	left:75px;
	top:75px;
	height:75px;
	width:75px;
}
/* ---------------------HAUS DER JUGEND-------------- */
#hdj{
	background: transparent url(pic/hdj-kl.jpg) no-repeat top;
	height: 75px;
	width: 150px;
}
#hdj dd{
	height:75px;
	width:150px;
}
/* ----------------PRAGER STRASSE--------------------- */
#prager{
	background: url(pic/prager.jpg) no-repeat top;
	width:150px;
	height:75px;
}
/* --------------AIT------------ */
#ait{
	background: url(pic/fried.jpg) no-repeat top;
	width:150px;
	height:75px;
}

/* -------------BILDER GUST+LUNGW-------------- */
#gul{
	background: url(pic/gul.jpg) no-repeat top;
	width:150px;
	height:150px;
}
/* ---------------BILDER BAARSS+LÖSCH----------- */
#bul{
	background: url(pic/bul.jpg) no-repeat top;
	width:150px;
	height:150px;
}
/* -----------------GBS------------------ */
#gbs{
	background: url(pic/gamig.jpg) no-repeat top;
	width:150px;
	height:150px;
}
/* -----------------AWB------------------ */
#awb{
	background: url(pic/pavil.jpg) no-repeat top;
	width:150px;
	height:150px
}
/* -----------------KAITZER STRASSE------------------ */
#kai{
	background: url(pic/avill.jpg) no-repeat top;
	width:150px;
	height:75px
}
#auswahl{
	position: relative;
	top:0;
	left:0;
	width:610px;
	padding-bottom:25px;
	text-align:left;
}
#auswahl td{
	padding-bottom:25px;
}
#auswahl td.right{
	text-align:right;
}
#auswahl p{
	padding:0 20px 0 12px;
}
#auswahl p.pright{
	padding:0 12px 0 20px;
}
#auswahl img{
	border: 1px solid #666;
}
#auswahl a{
	text-decoration:none;
}
#auswahl td.fotolia{
	width:88px;
}
#auswahl td.fotolia a{
	font-weight:normal;
}
/* ----------------ALLGEMEINE ANGABEN------------ */
.fo-linie{
	background: transparent url(headpic/pu-wei-1-5.gif) repeat-x left;
	height:5px;
	width:780px;
	margin-bottom:8px;
}
.both,
.cl-both{
	clear:both;
}

/* ___SEITENENDE UND VALIDE________________________ */
.seitanfang{
	position:relative;
	background-image:url(pic/pun.gif);
	background-repeat:repeat-x;
	text-align:right;
	background-position:top;
	height:15px;
	padding:15px 25px 0 25px;
}
.seitanfang a{
	float:right;
	display: inline;
	font-family:arial, sans-serif; 
	font-weight:bold; 
	font-size:13px; 
	color:#000080; 
	text-decoration: none;
}
.seitanfang a:focus, 
.seitanfang a:hover, 
.seitanfang a:active{
	color:#F01A21;
}
a.valideleft{ 
	display: inline;
	font-family:verdana, arial, sans-serif; 
	font-weight:normal; 
	font-size:11px; 
	color:#fff; 
	text-decoration: none;
	padding-right:12px;
}
a.valideleft:focus, 
a.valideleft:hover, 
a.valideleft:active {
	text-decoration: underline;
	color:#fff;
}
a.valideleftblau{
	display: inline;
	float:left;
	font-family:verdana, arial, sans-serif; 
	font-weight:normal; 
	font-size:11px; 
	color:#000080; 
	text-decoration: none;
	padding-right:12px;
}
a.valideleftblau:focus, 
a.valideleftblau:hover, 
a.valideleftblau:active {
	text-decoration: underline;
	color:#000080;
}
a.nicholls{
	display: inline;
	font-family:verdana, arial, sans-serif; 
	font-weight:normal; 
	font-size:11px; 
	color:#fff; 
	text-decoration: none;
	padding-right:8px;
	text-align:right;
}
a.nicholls:focus, 
a.nicholls:hover, 
a.nicholls:active {
	text-decoration: underline;
	color:#fff;
}
.divleft{
	float: left;
}
.divright{
	float:right;
}
/* ____HOBBY TROMMELBILDER_______________________ */
#trommelbilder{
	text-align:left;
}
#trommelbilder ol{
	padding-left:20px;
}
#trommelbilder ol li{
	color: #000080;
	font-family:Arial, sans-serif;
	font-size : 13px;
	line-height: 150%;
}
#trommelbilder td{
	padding-bottom:35px;
	color: #000080;
	font-family:Arial, sans-serif;
	font-size : 13px;
	line-height: 150%;
}
/* ____FÜR IMPRESSUM-LINK AUF DEN FOTOSEITEN!!_____ */
a.impressum{
	color:#f00;
	font-weight:normal;
	font-size:12px;
	float:right;
}
a.impressum:focus,
a.impressum:hover,
a.impressum:active{
	text-decoration:underline;
}