/* ##################################### RESET */
* {
  padding: 0;
  margin: 0;
}

img {
  vertical-align: top;
  border: 0;
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
}

p {
  margin-bottom: 10px;
  margin-top: 20px;
  color: #000;
}


/* ##################################### LAYOUT */
body {
  font: 11px/18px Verdana, Helvetica, sans serif;
  color: #ffffff;
  background: url(../images/bg_main.jpg) repeat-x;
}

#wrapper {
  width: 836px;
  margin: 0 auto;
}

#header {
  margin-top: 100px;
  border-top: 2px solid #d7dee3;
  border-right: 2px solid #d7dee3;
  border-left: 2px solid #d7dee3;
}


#container {
	width: 832px;
	background: #c7d7e0;
  float: left;
  border-bottom: 2px solid #d7dee3;
  border-left: 2px solid #d7dee3;
  border-right: 2px solid #d7dee3;

}

#left_home,
#left_we,
#left_phill,
#left_ref,
#left_contact,
#left_imprint,
#left_mit {
  width: 532px;
  height: 410px;
  margin-right: 0px;
  float: left;
}
#left_aktuell,
#left_ref_altb,
#left_ref_gruend,
#left_ref_platte,
#left_ref_aufzug,
#left_ref_giebel,
#left_ref_balkon,
#left_ref_wia,
#left_ref_speziell {
	width: 508px;
  height: 410px;
  float: left;
  margin-right: 0px;
}

#main {
  background: #A5B9C4;
  width: 300px;
  float: left;
  padding-bottom: 15px;
}
#maininlink {
  background: #A5B9C4;
  width: 324px;
  float: left;
  padding-bottom: 15px;
}
#maindis {
	background: #A5B9C4;
  width: 772px;
  padding: 30px 30px 30px 30px;
}

/* ##################################### NAVIGATION */
#menu {
  background: #EF7F00;
  float: left;
  width: 832px;
  border-right: 2px solid #d7dee3;
  border-left: 2px solid #d7dee3;
}

#menu ul {
	list-style: none;
  float: left;
}

#menu a,
div#menu .active ul li a {
	font-weight: bold;
	display: block;
  padding: 2px 10px;
  color: #FFF;
  text-decoration: none;
	background: #EF7F00;
}

#menu a:hover,
div#menu .active ul li a:hover {
	color: #EF7F00;
  background: #fff;
}
div#menu .active a{
	color: #EF7F00;
  background: #fff;
}
div#menu ul li ul li .active a{
	color: #EF7F00;
  background: #fff;
}
#menu ul li {
	float:left;
}
#menu ul li ul li{
 clear: both;
 width: 165px;
}
#menu ul ul {
	position: absolute;
  z-index: 2;
}

#menu ul ul ul {
	position: absolute;
  top: 0;
  left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
	display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
	display: block;
}
/*div#menu ul ul.menueactive {
	display: block;
}*/
div#menu ul ul.menueactive li.active a{
	color: #EF7F00;
  background: #fff;

}
a {
	color: #FFF;
  text-decoration: none;
}
a:hover {
	color: #999;
}

#disc a {
	color: #EF7F00;
  text-decoration: none;
}
#disc a:hover {
	color: #A5B9C4;
}
.gr {
	color: #999;
}
.grina {
	color: #666;
}
/* ##################################### HEADLINES */
#main h1 {
  font-size: 14px;
  color: #FFF;
}
#maindis h1 {
  font-size: 14px;
  color: #FFF;
}
#maininlink h1 {
	font-size: 18px;
  color: #fff;
	position: absolute;
  z-index: 3;
  padding-top: 20px;
}

/* ##################################### CONTENT */
#left_home {
  background: url(../images/left_home.jpg) no-repeat;
}

#left_we {
  background: url(../images/left_ueber.jpg) no-repeat;
}

#left_phill {
  background: url(../images/left_phill.jpg) no-repeat;
}
#left_mit {
	  background: url(../images/left_mitglied.jpg) no-repeat;
}
#left_aktuell {
  background: url(../images/left_aktuell.jpg) no-repeat;
}

#left_ref {
  background: url(../images/left_refer.jpg) no-repeat;
}
  #left_ref_altb {
  background: url(../images/left_refer_altbau.jpg) no-repeat;
  color: #333333;
  text-align: right;
}
	#left_ref_gruend {
  background: url(../images/left_refer_gruender.jpg) no-repeat;
  color: #333333;
  text-align: right;
}
	#left_ref_platte {
  background: url(../images/left_refer_platte.jpg) no-repeat;
  color: #333333;
  text-align: right;
}
	#left_ref_aufzug {
  background: url(../images/left_refer_aufzug.jpg) no-repeat;
  color: #333333;
  text-align: right;
}
	#left_ref_giebel {
  background: url(../images/left_refer_giebel.jpg) no-repeat;
  color: #333333;
  text-align: right;
}
	#left_ref_balkon {
  background: url(../images/left_refer_balkon.jpg) no-repeat;
  color: #333333;
  text-align: right;
}
	#left_ref_wia {
  background: url(../images/left_refer_wia.jpg) no-repeat;
  color: #333333;
  text-align: right;
}
	#left_ref_speziell {
  background: url(../images/left_refer_speziell.jpg) no-repeat;
  color: #333333;
  text-align: right;
}

#left_contact {
  background: url(../images/left_kont.jpg) no-repeat;
}

#left_content {
 	padding: 50px 50px 0 0;
}

#main .homeinside {
  padding: 240px 32px 0 32px;
}

#main .subinside {
  padding: 50px 32px 32px 32px;
  width: 315px;
  height: 195px;
}

#ce_text {
	padding: 20px 20px 20px 20px;
}
.txtdown1 {
	padding-top: 45px;
}
.txtdown2 {
	padding-top: 75px;
}
.txtdown3 {
	padding-top: 57px;
}
#ce_text_link {
	padding: 0 0 0 20px;
}
.linkcontainer {
	padding-top: 118px;
}
.linkcontainer1 {
	padding-top: 49px;
}
.linkcontainer2 {
	padding-top: 62px;
}
.linkcontainer3 {
	padding-top: 83px;
}
#disc {
 float: right;
 padding-top: 20px;
 padding-right: 20px;
 color: #EF7F00;
 font-size: 11px;
}
