/*--------------------------------------------*/
/*--------------------------------------------*/
/*---------                         ----------*/
/*--------- copyright: unimess GmbH ----------*/
/*---------                         ----------*/
/*---------      www.unimess.de     ----------*/
/*---------                         ----------*/
/*--------------------------------------------*/
/*--------------------------------------------*/
a:focus { outline: none;}

body{
	padding: 0px;
	margin: 0px;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	overflow: scroll;
	color: #FFFFFF;
	background: url(bilder/navigat/bg.gif);
}

a {
	color: #9AD94F;
	font-weight: bold;
}

a:hover {
	color: #FFFFFF;
}

p {
	padding: 4px 0px 4px 0px;
	margin:  0px 0px 0px 0px;
}

td {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	font-size: 75%;
}

hr {
	margin:  8px 0px 8px 0px;
	*margin:  4px 0px 4px 0px;
	height: 1px;
	border: none;
	border-top: 1px solid #DCDCDC;
	color: #DCDCDC;
}

h1{
	display: block;
	width: 477px;
	*width: 440px;
	font-size: 120%;
	font-weight: bolder;
	color: #FFFFFF;
	padding: 6px 0px 6px 10px;
	margin:  0px 0px 0px 0px;
	text-transform: uppercase;
	background: #818181;
}

#rechter_arm_startseite h1 {
	display: none;
}

h2{
	font-size: 100%;
	font-weight: bolder;
	color:#FFFFFF;
}

h3{
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
}

h4{
	font-size: 100%;
	font-weight: normal;
	color: #3C3C3C;
}

ul, td ul {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

li, td li {
	padding: 0px 0px 0px 18px;
	margin:  0px 0px 0px 0px;
	list-style: none;
	background: url(bilder/navigat/list_pkt_vert_2.gif) no-repeat 0px 9px;
}

td {
	line-height: 180%;
}

#container{
	width: 900px;
	min-height: 600px;
	*height: 600px;
	padding: 0px 0px 0px 0px;
	margin:  31px auto 0px auto;
	border: none;
}

#kopf{
	width: 898px;
	*width: 900px;
	height: 108px;
	*height: 109px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-align: center;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background: #FFFFFF;
}

#logo{
	width: 234px;
	height: 32px;
	margin: 42px 0px 0px 0px;
	border:  none;
}

#hals{
	float: left;
	width: 898px;
	*width: 900px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-align: center;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background: #9AD94F;
}

#rumpf{
	float: left;
	width: 898px;
	*width: 900px;
	min-height: 450px;
	*height: 450px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

#rahmen{
	float: left;
	width: 898px;
	min-height: 450px;
	*height: 450px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	border-bottom: 6px solid #9AD94F;
	background: url(bilder/navigat/bg2.gif) repeat-y;
}

#rahmen_startseite{
	float: left;
	width: 898px;
	min-height: 450px;
	*height: 450px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	border-bottom: 6px solid #9AD94F;
	background: #818181;
}

#bauch_startseite {
	display: none;
}

#bauch_vorstellung {
	float: left;
	width: 376px;
	height: 450px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border: none;
	line-height: 120%;
	background: url(bilder/navigat/left.jpg) no-repeat;
}

#bauch_leistungen {
	float: left;
	width: 376px;
	height: 450px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border: none;
	line-height: 120%;
	background: url(bilder/navigat/left.jpg) no-repeat;
}

#bauch_referenzen {
	float: left;
	width: 376px;
	height: 450px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border: none;
	line-height: 120%;
	background: url(bilder/navigat/left.jpg) no-repeat;
}

#bauch_kontakt {
	float: left;
	width: 376px;
	height: 450px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border: none;
	line-height: 120%;
	background: url(bilder/navigat/left.jpg) no-repeat;
}

#rechter_arm{
	float: left;
	width: 408px;
	*width: 483px;
	min-height: 360px;
	*height: 400px;
	padding: 17px 40px 23px 35px;
	margin:  0px 0px 0px 0px;
	border: none;
	text-align: left;
	line-height: 200%;
	background: #818181;
}

#rechter_arm_startseite{
	width: 818px;
	*width: 898px;
	min-height: 400px;
	*height: 400px;
	padding: 0px 40px 0px 40px;
	margin:  0px 0px 0px 0px;
	border: none;
	text-align: center;
	background: #818181;
}

#content {
	padding: 0px 0px 0px 10px;
	margin:  0px 0px 0px 0px;
}

#fuss {
	clear: both;
	width: 898px;
	*width: 900px;
	border: none;
	border-top: 1px solid #FFFFFF;
}

/* Navi Horizontal */

#navi_horizontal{
	height: 34px;
	width: 788px;
	*width: 898px;
	padding: 0px 0px 0px 110px;
	margin:  0px 0px 0px 0px;
	border:  none;
	font-size: 100%;
	background: #818181;
}

#navi_horizontal li{
	float: left;
	padding: 8px 40px 0px 0px;
	margin:  0px 0px 0px 0px;
	list-style: none;
	background: none;
}

#navi_horizontal a{
	float: left;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	list-style: none;
	text-decoration: none;
	font-size: 130%;
	font-weight: bold;
	color: #FFFFFF;
}

#navi_horizontal a:hover, #navi_horizontal .aktiv{
	color: #9AD94F;
}

/*

#navi_horizontal span{
	display: none;
}

#navi_horizontal .li_grafik1 a{
	display: block;
	width: 120px;
	height: 34px;
	background: url(bilder/navigat/list_pkt_horz_1.gif);
}
#navi_horizontal .li_grafik2 a{
	display: block;
	width: 127px;
	height: 34px;
	background: url(bilder/navigat/list_pkt_horz_2.gif);
}
#navi_horizontal .li_grafik3 a{
	display: block;
	width: 140px;
	height: 34px;
	background: url(bilder/navigat/list_pkt_horz_3.gif);
}
#navi_horizontal .li_grafik4 a{
	display: block;
	width: 126px;
	height: 34px;
	background: url(bilder/navigat/list_pkt_horz_4.gif);
}
#navi_horizontal .li_grafik5 a{
	display: block;
	width: 131px;
	height: 34px;
	background: url(bilder/navigat/list_pkt_horz_5.gif);
}
#navi_horizontal .li_grafik6 a{
	display: block;
	width: 98px;
	height: 34px;
	background: url(bilder/navigat/list_pkt_horz_6.gif);
}

#navi_horizontal .li_grafik1 a:hover,#navi_horizontal .li_grafik1 .aktiv{
	display: block;
	width: 120px;
	height: 34px;
	background: url(bilder/navigat/list_pkt_horz_1_h.gif);
}
#navi_horizontal .li_grafik2 a:hover,#navi_horizontal .li_grafik2 .aktiv{
	display: block;
	width: 127px;
	height: 34px;
	background: url(bilder/navigat/list_pkt_horz_2_h.gif);
}
#navi_horizontal .li_grafik3 a:hover,#navi_horizontal .li_grafik3 .aktiv{
	display: block;
	width: 140px;
	height: 34px;
	background: url(bilder/navigat/list_pkt_horz_3_h.gif);
}
#navi_horizontal .li_grafik4 a:hover,#navi_horizontal .li_grafik4 .aktiv{
	display: block;
	width: 126px;
	height: 34px;
	background: url(bilder/navigat/list_pkt_horz_4_h.gif);
}
#navi_horizontal .li_grafik5 a:hover,#navi_horizontal .li_grafik5 .aktiv{
	display: block;
	width: 131px;
	height: 34px;
	background: url(bilder/navigat/list_pkt_horz_5_h.gif);
}
#navi_horizontal .li_grafik6 a:hover,#navi_horizontal .li_grafik6 .aktiv{
	display: block;
	width: 98px;
	height: 34px;
	background: url(bilder/navigat/list_pkt_horz_6_h.gif);
}
*/


/* Navi Vertikal */

#navi_vertikal{
	float: left;
	width: 162px;
	min-height: 450px;
	*height: 450px;
	padding: 0px 0px 0px 0px;
	margin:  9px 0px 0px 214px;
	display: inline;
	border:  none;
	text-align: right;
	text-transform: uppercase;
}

#navi_vertikal ul{
	width: 132px;
	height: auto;
	padding: 15px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

#navi_vertikal li{
	width: 135px;
	height: auto;
	padding: 3px 20px 3px 0px;
	*padding: 3px 30px 3px 0px;
	margin:  0px 0px 0px 0px;
	list-style: none;
	background:  url(bilder/navigat/list_pkt_vert.gif) no-repeat 145px 8px;
}

#navi_vertikal a{
	width: 132px;
	height: auto;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-weight: bolder;
	text-decoration: none;
}

#navi_vertikal a:hover, #navi_vertikal .aktiv{
 	color: #9AD94F;
}

/* Footer */

#fusszeile{
	float: left;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 322px;
	display: inline;
}

#fusszeile li .oben {
	font-weight: bolder;
	color: #818181;
}

#fusszeile ul{
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
}
#fusszeile li{
	float: left;
	padding: 5px 10px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	list-style: none;
	font-size: 90%; 
	background: none;
}

#fusszeile li a{
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	color: #818181;
	border:  none;
	font-weight: normal;
}
#fusszeile li a:hover{
	color: #ACACAC;
}

/* Email Formular */

.button {
	border: 1px solid #000000;
	color: #FFFFFF;
	background: #818181;
}

.button:hover {
	color: #9AD94F;
}

.memo, .edit {
	width: 305px;
}

.plz {
	width: 62px;
}

.wohnort {
	width: 240px;
}

/* Sonstige */

#startseite {
	padding: 115px 0px 0px 149px;
	*padding: 115px 0px 0px 135px;
	margin:  0px 0px 0px 0px;
	text-align: center;
	background: none;
}

#startgrafik {
	float: left;
	display: block;
	width: 175px;
	height: 150px; 
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-align: center;
}

#startseite h1 {
	display: block;
	width: 150px;
	padding: 0px 22px 0px 0px;
	*padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	font-size: 120%;
	font-weight: normal;
	color: #FFFFFF;
}

#startgrafik .start_grafik1 {
	width: 150px;
	height: 158px;
	display: block;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	background: url(bilder/startseite/architektur.jpg) no-repeat 0px 0px;
}

#startgrafik .start_grafik2 {
	width: 150px;
	height: 158px;
	display: block;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	background: url(bilder/startseite/innenarchitektur.jpg) no-repeat 0px 0px;
}

#startgrafik .start_grafik3 {
	width: 150px;
	height: 158px;
	display: block;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	background: url(bilder/startseite/moebeldesign.jpg) no-repeat 0px 0px;
}

#startgrafik .start_grafik1:hover {
	background: url(bilder/startseite/architektur_h.jpg) no-repeat 0px 0px;
}

#startgrafik .start_grafik2:hover {
	background: url(bilder/startseite/innenarchitektur_h.jpg) no-repeat 0px 0px;
}

#startgrafik .start_grafik3:hover {
	background: url(bilder/startseite/moebeldesign_h.jpg) no-repeat 0px 0px;
}

/* Adresse */

#adresse {	float: left;	display: block;	width: 294px;		line-height: 150%;}

#adresse .text {	float: left;	display: block;	width: 80px;}

#adresse .firma {	font-size: 110%;	padding-bottom: 10px;	font-weight: bold;}

#adresse .strasse {	padding-bottom: 0px;}

#adresse .telblock {	padding-top: 10px;}

#adresse .wwwblock {	padding-top: 10px;}

#adresse .wwwblock .email a {	float: left;	display: block;	width: 180px;	height: 15px;}

/* -------- */

.listtext {
	display: block;
	width: 390px;
	border-bottom: 1px solid #FFFFFF;
}

.listtext2 {
	float: left;
	display: block;
	height: 40px;
}

.listimage {
	float: right;
	display: block;
	text-align: right;
}

.bildchen {
	display: block;
	width: 56px;
	height: 56px;
	margin: 10px 0px 10px 5px;
	border: none;
}

#refliste {
	margin-top: 15px;
}

#refliste li {
	display: block;
	width: 390px;
	float: left;
}