@charset 'utf-8';

/* damit firefox immer scrollbars anzeigt und nicht springt */
html { 
	min-height: 100%; margin-bottom: 1px; 
}

/* ########## General settings ########## */
body {
	margin: 0;
	font-family: Arial, Sans-Serif;
	color: #999999;
	font-size: 90%;
/*	letter-spacing: 0.01em;*/
	background-color: #000000;
}
img {
	border: 0px;
}
p {
	padding: 0px;
	margin: 0px 0px 23px 0px;
	line-height: 1.7em;
}
a {
	color: #999999;
	text-decoration: underline;
}
a:hover {
	color: #FFFFFF;
}

div#textbereich {
	float: left;
	margin-top: 5.8em;
	width: 560px;
}
div#textbereich h2 {
	margin: 1.5em 0 0.3em 0;
	padding: 0;
	font-size: 2.5em;
	font-weight: normal;
	color: #666666; 
}
div#textbereich h2.first {
	margin: 0em 0 0.3em 0;
}
div#textbereich p {
	width: 475px;
}

div#textbereich ul {
	padding: 0;
	margin: 0 0 18px 0;
	width: 450px;
	line-height: 1.7em;
	list-style: none;
}
div#textbereich li {
	padding-left: 13px;
	background: url(img/bullet.png) no-repeat;
	background-position: 0 9px;
}
div#rand {
	position: relative;
	float: right;
	width: 138px;
	padding-top: 19.5em;
	margin-right: 43px;
	text-align: right;
}
div#rand img {
	margin-bottom: 2px;
}

.clicktosee a {
	color: #666666;
	font-size: 80%;
	text-decoration: none;
}


#rahmen {
	position: relative;
	width: 698px;
	height: 330px;
	border: 1px solid #787878;
	overflow: hidden;
	font-size: 90%;
}
#rahmen p {
	margin: 0 0 0.7em 0;
}
#rahmen a {
	text-decoration: none;
}

#kontaktbuttons {
	position: relative;
	margin-top: 27px; 
	width: 698px; 
	height: 30px;
	text-align: right; 
	font-size: 90%; 
	color: #666666;
}
#kontaktbuttons a {
	text-decoration: none;
}
#kontaktbuttons #umschlag {
	position: absolute;
	top: 1px;
	right: 0px;
}
#kontaktbuttons #umschlaghl {
	position: absolute;
	top: 1px;
	right: 0px;
	visibility: hidden;
}


/* der globale Container, in dem alles drin ist */
div#globalBox {
	width: 950px;
	margin: 0 auto;
	padding: 67px 0 0 0;
	overflow: hidden;
}
h1 {
	padding: 0;
	margin: 0px 0px 6px 807px;
}
div#menuBox {
	width: 150px;
	padding: 0 0 0 36px;
	margin: 0 0 0 0;
	float: left;
}
div#menuBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#menuBox a {
	margin: 0;
	padding: 0;
	color: #858789;
	text-decoration: none;
}
div#menuBox a:hover { 
	color: #373535;
}
div#menuBox li { 
    margin: 0 0 6px 0;
    height: 20px;
    width: 145px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
div#menuBox a {
	width: 143px;
	float: left;
	padding: 20px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
}
#menuBox a:hover {
	padding: 18px 0px 0px 0px;
	border: 1px solid #BDBDBD;
	background-position: -1px -1px;
}
#menuBox a:active {
	border: 1px solid #FFFFFF;
}
#menuBox .active a {
	background-position: -1px -21px;
	padding: 18px 0px 0px 0px;
	border: 1px solid #BDBDBD;
}
#menuBox .active a:hover {
	background-position: -1px -21px;
	padding: 18px 0px 0px 0px;
	border: 1px solid #BDBDBD;
}
#menuBox .active a:active {
	border: 1px solid #FFFFFF;
}

div#menuBox ul#metamenu a {
	width: 70px;
}

#altbausanierung a  {
	background: url(img/menu/altbausanierung.gif) top left no-repeat;
}
#kueche a  {
	background: url(img/menu/kueche.gif) top left no-repeat;
}
#bad a  {
	background: url(img/menu/bad.gif) top left no-repeat;
}
#moebel a  {
	background: url(img/menu/moebel.gif) top left no-repeat;
}
#licht a  {
	background: url(img/menu/licht.gif) top left no-repeat;
}
#gastroevent a  {
	background: url(img/menu/gastroevent.gif) top left no-repeat;
}
div#menuBox li#gastroevent {
	margin: 0 0 32px 0;
}
#designshop a  {
	background: url(img/menu/designshop.gif) top left no-repeat;
}
#immobilien a  {
	background: url(img/menu/immobilien.gif) top left no-repeat;
}
div#menuBox li#immobilien {
	margin: 0 0 39px 0;
}

#home a  {
	background: url(img/menu/home.gif) top left no-repeat;
}
#links a  {
	background: url(img/menu/links.gif) top left no-repeat;
}
#kontakt a  {
	background: url(img/menu/kontakt.gif) top left no-repeat;
}

#contentBox {
	margin: 0 0 0 209px;
	padding: 4px 0 0 0;
}


/* Tabellen und Formulare */

.inputlong {
	width: 430px;
	border: none;
	font-size: 90%;
}
.inputshort {
	width: 210px;
	border: none;
	font-size: 90%;
}
td {
	font-size: 90%;
	vertical-align: bottom;
	padding: 5px;
}