html{
	height:100%;
}

body {
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	background: url(images/bkGround.png) repeat-x;
	background-position: top;
	width: 100%;
	height: 100%;
	text-align: center;
}
body, div, td, span {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #646464;
}
#page {
  position: relative;
  min-height: 100%;
}
* html #page {
  height: 100%;
}
div.bk {
  margin-left: auto;
  margin-right: auto;
	width: 900px;
	min-height: 741px;
	background: url(images/bk.png) no-repeat;
	background-position: top;
	z-index: 1;
}
div.noie6 {
  display : none;
}
a {
	text-decoration: none;
	color: #0b3269;
}
a:hover {
	color: black;
}
a:focus {
  outline: none;
}
img {
	border: none;
}
h1 {
	color: #0b3269;
	font-size: 16px;
	font-weight: lighter;
	text-transform: uppercase;
}
h2 {
	font-size: 11px;
	font-weight: bolder;
	padding-top: 10px;
}
div.imageheader {
  width: 300px;
  height: 200px;
  border: 1px solid black;
}
div.titleimg {
  float: left;
	width: 100%;
}
textarea {
	resize: none;
}
p {
  padding:0px;
  margin:0px;
  padding: 10px 0px;
}
div.content {
  position: relative;
}
/* main menu */
div.menu {
	width: 100%;
	height: 60px;
	background: url(images/bkMenu.png) repeat-x;
	position: absolute;
	top: 137px;
	left: 0px;
	z-index: 2;
	overflow: hidden;
}
div.menu ul {
	position: relative;
	height: 60px;
	width: 914px;
	margin: 0px auto;
	text-align: left;
}
div.menu li {
	border: none;
	background:none;
	color:#c8c8c8;
	line-height:60px;
	letter-spacing:0px;
	font-weight:normal;
	font-size:13px;
	padding:0px;
	margin:0px;
	;float:left;
	list-style:none;
	display:block;
	padding:0 15px;
}
div.menu li.active, div.menu li.active:hover {
	margin: 0px;
	background: url(images/menuActive.png) no-repeat;
	background-position: left;
	color: #fff;
}
div.menu li.active a, div.menu li.active a:hover {
	color: #fff;
}
div.menu li a {
	position: relative;
	top: -13px;
	text-decoration:none;
	color:#c8c8c8;
}
div.menu li a:hover, .mainmenu li a span:hover {
	color:#fff;
}

/* landing */
div.landing {
	width: 914px;
	height: 519px; 
	z-index: 3;
	position: relative; /****************************/
	top: 197px;
	/*background: url(images/bk.png) no-repeat; // anderer Hintergrund*/
	/*left: 164px;*/
}
div.landing div.landing_01 {
	height: 519px;
	width: 559px;
	background: url(images/landing/landing_01.jpg) no-repeat;
	position: inherit;
	top: 0px;
	left: 0px;
	;float:left;
}
div.landing div.landing_01 div.flash {
	position: relative;
	top: 14px;
}

div.landing div.landing_02 {
	height: 130px;
	width: 344px;
	background: url(images/landing/landing_02a.png) no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	;float: right;
}
div.landing div.landing_03 {
	height: 129px;
	width: 344px;
	background: url(images/landing/landing_03.png) no-repeat;
	position: absolute;
	top: 130px; 
	right: 0px;
	;float: right;
}
div.landing div.landing_04 {
	height: 129px;
	width: 344px;
	background: url(images/landing/landing_04.png) no-repeat;
	position: absolute;
	top: 259px;
	right: 0px;
	;float: right;
}
div.landing div.landing_05 {
	height: 131px;
	width: 344px;
	background: url(images/landing/landing_05.png) no-repeat;
	position: absolute;
	top: 388px;
	right: 0px;
	;float: right;
}
div.landing div.landing_02 a img,
div.landing div.landing_03 a img,
div.landing div.landing_04 a img,
div.landing div.landing_05 a img {
	height: 129px;
	width: 344px;
}
/* Contentseiten */
div.unternehmen, 
div.projekt,
div.bauen,
div.partner,
div.gallery,
div.kontakt,
div.impressum
{
	width: 914px;
	height: 519px; 
	z-index: 1;
	position: relative; /****************/
	top: 256px;
	bottom: 20px;
	margin: 0px auto;
	overflow: hidden;
}
div.impressum {
	top: 256px;
}
div.unternehmen {
	top: 243px;
}
div.unternehmen div.leftcol {
	position: absolute;
	left: 0px;
	top: 203px;
	width: 150px;
	overflow: hidden;
	;float:left;
	text-align: left;
}
div.projekt {
	top: 243px;
}
div.bauen {
	top: 243px;
}
div.partner {
	top: 243px;
}
div.kontakt {
	top: 243px;
}
div.gallery {
	top: 243px;
}
	/* in den folgenden Containern sind Hintergrundbilder eingebettet,
	 * welche als 'default' als banner angezeigt werden. Individuelle Anpassunge
	 * der einzelnen Seiten kann ueber ein PageElement 'Image only' in der linken 
	 * Spalte erfolgen.
	 */
div.unternehmen div.banner {
	width: 539px;
	height: 168px;
	position: absolute;
	background: url(images/banner/Unternehmen.jpg) no-repeat;
	top: 0px;
	left: 200px;
	overflow: hidden;
	padding: 0px;
}
div.projekt div.banner {
	width: 539px;
	height: 168px;
	position: absolute;
	background: url(images/banner/Projektentwicklung.jpg) no-repeat;
	top: 0px;
	left: 200px;
	overflow: hidden;
	padding: 0px;
}
div.bauen div.banner {
	width: 539px;
	height: 168px;
	position: absolute;
	background: url(images/banner/sf.jpg) no-repeat;
	top: 0px;
	left: 200px;
	overflow: hidden;
	padding: 0px;
}
div.partner div.banner {
	width: 539px;
	height: 168px;
	position: absolute;
	background: url(images/banner/ppp.jpg) no-repeat;
	top: 0px;
	left: 200px;
	overflow: hidden;
	padding: 0px;
}
div.gallery div.bkGallery {
	width: 498px;
	height: 426px;
	position: absolute;
	background: url(images/bkGalleryGray.png) no-repeat;
	/*background: url(images/bkGallery.png) no-repeat;*/
	top: 0px;
	left: 200px;
}
div.kontakt div.banner {
	width: 678px;
	height: 168px;
	position: absolute;
	background: url(images/banner/Kontakt.png) no-repeat;
	top: 0px;
	left: 200px;
	overflow: hidden;
	padding: 0px;
}
div.submenu {
	width: 150px;
	height: 168px;
	overflow: hidden;
	z-index: 4;
	background: url(images/bkSubmenu.png) repeat-x;
	position: absolute;
	top: 0px;
	left: 0px;
	;float: left;
}
div.submenu div.title { 
	width: inherit;
	background-color: #1e1e1e;
	color: #c8c8c8;
	text-transform: uppercase;
	text-align: left;
	line-height: 26px;
	padding-left: 20px;
	font-size: 14px;
}
div.submenu div.text {
	width: inherit;
	height: inherit;
	text-align: left;
	padding-left: 20px;
}
div.submenu ul {
	text-align: left;
	width: 150px;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}
div.submenu ul li {
	list-style: none;
	line-height: 30px;
}
div.submenu ul li.active,
div.submenu ul li.active:hover {
	background: url(images/bkSubmenuActive.png) no-repeat;
	background-position: left;
}
div.submenu ul li a {
	color: #c8c8c8;
	font-size: 12px;
	padding-left: 20px;
}
div.submenu ul li a:hover {
	color: #fff;
}
div.submenu ul li.active a,
div.submenu ul li.active a:hover {
	color: #fff;
}
div.slogan {
	width: 138px;
	height: 92px;
	background: url(images/slogan.png) no-repeat;
	position: absolute;
	top: 111px;
	right: 0px;
	;float: right;
}
div.subcontent {
	width: 539px;
	position: absolute;
	top: 190px;
	left: 200px;
	text-align: justify;
}
div.kontakt div.subcontent {
	width: 678px;
}
div.impressum div.subcontent {
	width: 678px;
	top: 142px;
}
div.impressum div.subcontent div.left {
	float: left;
	width: 49%
}
div.impressum div.subcontent div.left h2 {
  padding: 0px;
  margin: 0px;
}
div.impressum div.subcontent div.right h2 {
  padding: 0px;
  padding-top: 18px;
  margin: 0px;
}
div.impressum div.subcontent div.right {
	margin-top: 42px;
	float: right;
	width: 49%;
}

/* Kontakt Form*/
#formhandler_contact_form {
        margin:0px;
		margin-top: 20px;
		width: 100%;
}
fieldset.csc-mailform {
        border: none;
        padding: 0px;
        width: 320px;
		white-space: nowrap;
}
fieldset.csc-mailform div.clear {
        clear:both;
}
fieldset.csc-mailform label {
        float: left;
        width: 80px;
		padding-left: 30px;
}
div.csc-mailform-field {
        padding: 1px 0px;
}
fieldset.csc-mailform input {
	padding: 0px;
	margin: 0px;
	float: right;
	height: 15px;
	width: 200px;
}
fieldset.csc-mailform select {
        float: right;
        width: 202px;
        margin: 0px;
        margin-left: 0px;
}
fieldset.csc-mailform textarea {
	float: right;
	height: 45px;
	width: 583px;
	margin-right: -27px;
}
/*
fieldset.csc-mailform div.freecap {
        float: right;
        background-color: #b0001a;
}
#freecapfield {
        margin: 0px;
        margin-top: 5px;
}*/
fieldset.csc-mailform input.send {
        float: right;
        width:80px;
        height:20px;
        margin-right:-28px;
}
ul.errorlist {
		position: absolute;
		top: -180px;
		left: 60px;
        margin:0px;
        padding:0px;
		background-color: #fff;
}

ul.errorlist li.error {
        font-weight:bold;
        color: #b0001a;
        list-style: none;
        padding: 0px;
        margin: 0px;
}
ul.errorlist li.error span {
		color: #b0001a;
}
/* Gallery */
div.imageContainerHidden {
	display: none;
}
div.bkGallery div.i1,
div.bkGallery div.i2,
div.bkGallery div.i3,
div.bkGallery div.i4,
div.bkGallery div.i5,
div.bkGallery div.i6,
div.bkGallery div.i7,
div.bkGallery div.i8,
div.bkGallery div.i9,
div.bkGallery div.i10 {
	width: 66px;
	height: 65px;
	position: absolute;
	left: 0px; /*naechste Feld immer: +72px*/
	top: 0px;  /*naechste Feld immer: +72px*/
}
div.bkGallery div.i1 {
	left: 144px;
	top: 72px;
}
div.bkGallery div.i2 {
	left: 360px;
	top: 144px;
}
div.bkGallery div.i3 {
	left: 216px;
	top: 216px;
}
div.bkGallery div.i4 {
	left: 72px;
	top: 288px;
}
div.bkGallery div.i6 {
	left: 360px;
	top: 360px;
}
div.bkGallery div.i7 {
	left: 432px;
	top: 0px;
}
div.bkGallery div.i8 {
	left: 0px;
	top: 144px;
}
div.bkGallery div.i9 {
	left: 216px;
	top: 360px;
}
div.bkGallery div.i10 {
	left: 72px;
	top: 0px;
}

/* Footer */
div.foot {
	height: 24px;
	width: 100%;
	background-color: #0a0a0a;
	position: absolute;
	/*top: 80px;*/
	margin-top:-85px;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	overflow: hidden;
}
div.foot div.text {
	width: 914px;
	color: #c8c8c8;
	letter-spacing: 1px;
	position: relative;
	top: 5px;
	bottom: 0px;
	margin: 0px auto;
	padding: 0px;
}
div.foot div.text a {
	color: #fff;
}
div.foot div.text a:hover {
	color: #c8c8c8;
}