/***********************************************************************/
/*** Allgemeine Auszeichnungen ***/
/***********************************************************************/

html, body {
	background-color: #ebebeb ;
	margin: 0;
	padding: 0px;
	text-align: center;
	font: 11px Verdana, Geneva, sans-serif;
	line-height: 1.5;
	color: #000000;
}

img {
	border:none;
}

a {
	color: #000000;
	font: 11px Verdana, Geneva, sans-serif;
	text-decoration:underline;
}

a:hover {
	color: #000000;
	cursor: hand;
}

p, div, span, td, table {
	font: 11px Verdana, Geneva, sans-serif;
	line-height: 1.5;
	color: #000000;
}

p {
	line-height: -0.5;
}

p.link {
	margin-top: 20px;
}

p.thema {
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px solid #dedede;
	width: 135px;
}

h1 {
	color: #000000;
	font: 18px Verdana, Geneva, sans-serif;
	font-weight: normal;
	text-align: left;
	margin: 10px 0;
}

h2 {
	font: 11px Verdana, Geneva, sans-serif;
	line-height: 1.5;
	color: #000000;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}

h3 {
	color: #575757;
	font: 11px Verdana, Geneva, sans-serif;
	font-weight: bold;
	margin:5px 0px 5px 0px;
}

h4 {
	color: #ffffff;
	font: 11px Verdana, Geneva, sans-serif;
	line-height: 1.5em;
	font-weight: bold;
	margin: 20px 0px 20px 10px;
	border-bottom: 1px solid #ffffff;
	width: 123px;
}

h5 {
	color: #000000;
	font: 11px Verdana, Geneva, sans-serif;
	text-indent: 20px;
	line-height: 1.5em;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	width: 135px;
}

h6 {
	color: #636363;
	font: 11px Verdana, Geneva, sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

.aktuell {
	font-weight: bold;
}

ul#standard {
	list-style-type: disc;
	padding-left: 20px;
	margin-top:10px;
	padding-top:0px;
	margin-left:10px;
}

li {
	margin:0px 0px 6px 0px;
	padding:0px;
}
/***********************************************************************/
/*** Navigationen ***/
/***********************************************************************/

/*** Hauptnavigation ***/

div#linkleiste {
	position: absolute;
	top: 88px;
	left: 0px;
	width: 990px;
	height: 32px;
	margin: 0px;
	padding:0px;
	text-align: left;
	z-index: 1;
	background: url('bilder/linkleiste.gif') no-repeat;
}

div#unternehmen a, div#unternehmen_over a {
	position: absolute;
	left: 38px;
	top: 4px;
	width: 106px;
	height: 27px;
	text-align: center;
	margin: 0px;
	padding: 4px 0px;
	text-decoration: none;
	color: #575757;
	background: url('bilder/hg_link.jpg') no-repeat;
}

div#planen a, div#planen_over a {
	position: absolute;
	left: 145px;
	top: 4px;
	width: 106px;
	height: 27px;
	text-align: center;
	margin: 0px;
	padding: 4px 0px;
	text-decoration: none;
	color: #575757;
	background: url('bilder/hg_link.jpg') no-repeat;
}

div#bauen a, div#bauen_over a {
	position: absolute;
	left: 252px;
	top: 4px;
	width: 106px;
	height: 27px;
	text-align: center;
	margin: 0px;
	padding: 4px 0px;
	text-decoration: none;
	color: #575757;
	background: url('bilder/hg_link.jpg') no-repeat;
}

div#referenzen a, div#referenzen_over a {
	position: absolute;
	left: 359px;
	top: 4px;
	width: 106px;
	height: 27px;
	text-align: center;
	margin: 0px;
	padding: 4px 0px;
	text-decoration: none;
	color: #575757;
	background: url('bilder/hg_link.jpg') no-repeat;
}

div#angebote a, div#angebote_over a {
	position: absolute;
	left: 466px;
	top: 4px;
	width: 106px;
	height: 27px;
	text-align: center;
	margin: 0px;
	padding: 4px 0px;
	text-decoration: none;
	color: #575757;
	background: url('bilder/hg_link.jpg') no-repeat;
}

div#umbauteam a, div#umbauteam_over a {
	position: absolute;
	left: 573px;
	top: 4px;
	width: 106px;
	height: 27px;
	text-align: center;
	margin:0px;
	padding: 4px 0px;
	text-decoration: none;
	color: #575757;
	background: url('bilder/hg_link.jpg') no-repeat;
}

div#kontaktformular a, div#kontaktformular_over a {
	position: absolute;
	right: 47px;
	top: 4px;
	width: 126px;
	height: 27px;
	text-align: center;
	margin: 0px;
	padding: 4px 0px;
	text-decoration: none;
	color: #575757;
	background: url('bilder/hg_kontaktformular.jpg') no-repeat;
}

div#home a {
	position: absolute;
	right: 0px;
	top: 4px;
	width: 46px;
	height: 27px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background: url('bilder/home_out.jpg') no-repeat;
}

div#angebote a:hover, div#angebote_over a, div#unternehmen a:hover, div#unternehmen_over a, div#planen a:hover, div#planen_over a, div#bauen a:hover, div#bauen_over a, div#referenzen a:hover, div#referenzen_over a, div#umbauteam a:hover, div#umbauteam_over a, div#kontaktformular a:hover, div#kontaktformular_over a {
	font-weight: bold;
}

div#home a:hover {
	background: url('bilder/home_over.jpg') no-repeat;
}

/*********************************************************************************************************************************/
/*** ZUSATZNAVIGATION ***/
/*********************************************************************************************************************************/


div#zusatznavi {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 352px;
	height: 96px;
	margin: 0px;
	padding:0px;
	text-align: left;
	z-index: 1;
	background: url('bilder/hg_limette.jpg');
}

a.index, a.impressum, a.anfahrt, a.kontakt {
	margin: 20px 10px 0px 10px;
	padding:0px;
	color: #575757;
	text-decoration:none;
	font-weight: bold;
	float: left;
}
a.index:hover, a.impressum:hover, a.anfahrt:hover, a.kontakt:hover {
	font-weight: bold;
	color: #000000;
}

/*********************************************************************************************************************************/
/*** QUICKLINKS ***/
/*********************************************************************************************************************************/

div#quicklinks {
	position: absolute;
	top: 135px;
	right: 0px;
	width: 150px;
	height: 441px;
	margin: 0px;
	padding:0px;
	text-align: left;
	z-index: 1;
	background: url('bilder/hg_quicklinks.jpg');
}

a.quick, a.quick_over {
	margin: 10px;
	padding: 0px 0px 0px 20px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	background: url('bilder/quicklinks_out.gif') no-repeat;
}
a.quick:hover, a.quick_over {
	font-weight: bold;
	color: #ffffff;
	background: url('bilder/quicklinks_over.gif') no-repeat;
}

/*********************************************************************************************************************************/
/*** THEMENNAVIGATION LINKE SEITE ***/
/*********************************************************************************************************************************/

div#themennavi {
	position: absolute;
	top: 135px;
	left: 40px;
	width: 150px;
	height: 440px;
	margin: 0px;
	padding:0px;
	text-align: left;
	z-index: 1;
}

a.thema, a.thema_over {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	color: #444444;
	text-decoration: none;
	font-weight: normal;
	background: url('bilder/themenlinks_out.gif') no-repeat;
}
a.thema:hover, a.thema_over {
	background: url('bilder/themenlinks_over.gif') no-repeat;
}



/***********************************************************************/
/*** Allgemeine Layout-Rahmen ***/
/***********************************************************************/

div#page {
	position: relative;
	width: 990px;
	height: 690px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background-color: #ffffff;
}

div#logo {
	position: absolute;
	top: 6px;
	left: 38px;
	width: 188px;
	height: 75px;
	margin: 0px;
	padding:0px;
	text-align: left;
}

div#bildleiste {
	position: absolute;
	top: 10px;
	right: 0px;
	width: auto;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

div#bildunten {
	position: absolute;
	bottom: 0px;
	right: 352px;
	width: 600px;
	height: 96px;
	margin: 0px;
	padding: 0px;
}

div#content {
	position: absolute;
	top: 135px;
	left: 200px;
	width: 638px;
	height: 441px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

div#content_gerahmt {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 638px;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: right;
	background: url('bilder/hg_content.jpg') repeat-y;
}

div#bildtext {
	position: relative;
	width: 618px;
	height: auto;
	margin: 0 10px;
	padding: 0px;
	text-align: left;
}

div#fliesstext {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 628px;
	height: 140px;
	margin-top: 10px;
	padding: 0px;
	text-align: left;
	overflow: auto;
	z-index:10;
}

/***********************************************************************/
/*** STARTSEITE ***/
/***********************************************************************/

div#slogan {
	position: absolute;
	top: 425px;
	right: 175px;
	width: auto;
	height: auto;
	margin: 0px;
	padding:0px;
	text-align: right;
}

div#startseite {
	position:absolute;
	top: 135px;
	left: 40px;
	width: 800px;
	height: 252px;
	padding: 0px;
	margin: 0px;
	z-index: 2;
	text-align: left;
	background: url('bilder/hg_startseite.jpg');
}

/***********************************************************************/
/*** REFERENZEN Inhalts-Rahmen ***/
/***********************************************************************/

div#slideshow {
	position: relative;
	width: 618px;
	height: 250px;
	margin: 0px;
	padding: 5px 0 5px 5px;
}

/***********************************************************************/
/*** Kontakt Inhalts-Rahmen ***/
/***********************************************************************/

table#formtable {
	width: 500px;
}

table#formtable td {
	text-align: left;
	font: normal normal normal 11px/1.5em Verdana, Geneva, sans-serif;
	line-height: 1.5;
	color: #000000;
	padding: 2px;
}

.formfield {
	width: 253px;
	text-align: left;
	vertical-align: top;
	font: normal normal normal 11px/1.5em Verdana, Geneva, sans-serif;
	margin: 2px 0;
	background-color: #E6E6E6; 
	border: solid 1px #999999;
	padding: 1px;
}


/***********************************************************************/
/*** Referenzen Inhaltsrahmen ***/
/***********************************************************************/

.button { 
	color: #000000; 
	font: normal normal normal 11px/1.5em Verdana, Geneva, sans-serif;
	margin: 2px 0;
	background-color: #E6E6E6; 
	border: solid 1px #999999; 
	cursor: hand; 
	width: 123px;
	padding: 2px;
}

.buttonactive { 
	color: #ffffff; 
	font: normal normal normal 11px/1.5em Verdana, Geneva, sans-serif;
	margin: 2px 0;
	background-color: #999999; 
	border: solid 1px #999999; 
	cursor: hand; 
	width: 123px;
	padding: 2px;
}