* {
    padding: 0;
    margin: 0;
}

body {
    background: #f1f0e1 url(../images/fundamentals/bgFarbverlauf.jpg) top left repeat-x;
    color: #552;
    font-family: Calibri, Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 12px;
	overflow: none;
}

h1 {
	margin: 0 0 16px 0;
	font-size: 20px;
}

h2 {
	margin: 0 0 12px 0;
	font-size: 16px;
}

h3 {
	margin: 0 0 6px 0;
	font-size: 14px;
}

img {   
	border: 1px solid #bbb;
}

p {
	margin: 6px 0 0 0;
}

a{
    text-decoration: none;
	color: #CC0000;
}

div.placeholder {
	position: relative;	
	float: left;
	width: 100%; 
}

div.spaceBetweenImages {
	float: left; 
	width: 12px;
	height: 36px; 
}

li {
	margin: 0 0 0 12px;
}

/* Layoutbereiche */

div#centerWrapper {
	margin: 0 auto 0 auto;
	width: 1148px;	
	height: 579px;
}

div#pageWrapperFootsteps {
	margin: 0 0 0 689px;
	width: 400px;	
	height: 579px;
	background: url(../images/fundamentals/footprintsOnBackground.jpg) center center no-repeat;
	
}

div#pageWrapper {
	float: left;
	width: 1068px;		
	margin: -552px 0 0 24px;
	
	
} 
	
div#head{
	float: left;
	width: 100%;	
	height: 280px;
}

div#titleImageContainer {
	float: left;
	width: 1100px;	
	height: 234px;
	box-shadow: 0 0 6px #333;
	border: 1px solid #aaa;
	background: url(../images/fundamentals/bgTitleImage.jpg) center center no-repeat;
}

div#osterwieeckebe {
	float: left;
	width: 212px;	
	height: 62px;
	margin: 30px 0 0 842px;
	background: url(../images/fundamentals/osterwieckebe.jpg) center center no-repeat;
}

/* Navi */

div#topNaviContainer {
	float: left;
	width: 1028px;
	margin: -112px 0 0 36px;
}


a#logoFachwerkzentrum {
	float: left;
	width: 220px;
	height: 150px;
	background: #fff url(../images/fundamentals/logoDeutschesFachwerkzentrumQLB.jpg) center center no-repeat;
	box-shadow: 0 0 6px #333;
	border: 1px solid #aaa;
	
	/*filter: alpha(opacity=50);
	opacity: 0.5;*/
}

div#navi {
	float: left;
	margin: 70px 0 0 0;
	width: 806px;
}

a.naviRedLink,
a.naviPaleLink {
	float: left;
	padding: 52px 12px 12px 12px; 
	margin: 0 0 0 4px;
	height: 16px;
	font-size: 16px;	
	font-weight: bold;
	box-shadow: 0 0 6px #333;
	border: 1px solid #aaa;
}



a.naviRedLink {	
	background: #c85922;
	color: #efecc2;
}
a.naviRedLink:hover { background: #c35420; }

a.naviPaleLink {
	background: #efecc2;
	color: #333;
}
a.naviPaleLink:hover { background: #e7e5b9; }

a.linkOsterwieck {
	float: left;
	margin: 0 0 0 4px;
	height: 80px;
	width: 68px;
	box-shadow: 0 0 6px #333;
	background: #e7e5b9 url(../images/fundamentals/linkOsterwieckActive.jpg) center center no-repeat;
	border: 1px solid #aaa;
}



div.linkOsterwieckInner {
	float: left;
	height: 80px;
	width: 68px;
	background: #efecc2 url(../images/fundamentals/linkOsterwieck.jpg) center center no-repeat;
}

a.linkOsterwieck:hover > div.linkOsterwieckInner {
	display: none;
}

/* content-Bereich */	

div#mainAreaContentShell {
	float: left;
	width: 1028px;	
	padding: 36px;
}


/* object navi on left side */

div#objectLinksContainer {
	float: left;
	width: 170px;	
}

div#objectLinksContainer a {
	float: left;
	box-shadow: 0 0 6px #777;	
	border: 1px solid #aaa;
}

div#objectLinksContainer a div.naviImage {
	float: left;
	width: 170px;
	height: 114px;
}

div#objectLinksContainer a.naviImage1 { background: #fff url(../images/navi/objLink1active.jpg) center center no-repeat; }
div#objectLinksContainer div.naviImage1  { background: #fff url(../images/navi/objLink1nonactive.jpg) center center no-repeat; }
div#objectLinksContainer div.naviImage1:hover { background: none; }
div#objectLinksContainer a.naviImage2 { background: #fff url(../images/navi/objLink2active.jpg) center center no-repeat; }
div#objectLinksContainer div.naviImage2  { background: #fff url(../images/navi/objLink2nonactive.jpg) center center no-repeat; }
div#objectLinksContainer div.naviImage2:hover { background: none; }
div#objectLinksContainer a.naviImage3 { background: #fff url(../images/navi/objLink3active.jpg) center center no-repeat; }
div#objectLinksContainer div.naviImage3 { background: #fff url(../images/navi/objLink3nonactive.jpg) center center no-repeat; }
div#objectLinksContainer div.naviImage3:hover { background: none; }
div#objectLinksContainer a.naviImage4 { background: #fff url(../images/navi/objLink4active.jpg) center center no-repeat; }
div#objectLinksContainer div.naviImage4 { background: #fff url(../images/navi/objLink4nonactive.jpg) center center no-repeat; }
div#objectLinksContainer div.naviImage4:hover { background: none; }
div#objectLinksContainer a.naviImage5 { background: #fff url(../images/navi/objLink5active.jpg) center center no-repeat; }
div#objectLinksContainer div.naviImage5 { background: #fff url(../images/navi/objLink5nonactive.jpg) center center no-repeat; }
div#objectLinksContainer div.naviImage5:hover { background: none; }

			
div#activeObjectMarkerTriangle {	
	position: relative;
	top: 28px;
	left: 122px;
	height: 0;
	width: 0;  
	border-color: transparent #fff transparent transparent;
	border-style: solid;
	border-width: 30px;  
	z-index: 100;
}

div#tooltip {
	position:absolute;	
	display: none;
	width: 320px;
	
	background: #333;
	border: 1px solid #bbb;
	padding: 8px;
	color: #aaa;
	font-size: 14px;
	text-shadow: #000 0 0 3px;	
	z-index: 200;
	 
	filter: alpha(opacity=90);
	opacity: 0.9;	 
    -moz-opacity: 0.9;  
    -khtml-opacity: 0.9;
	
}		
			
/* content area */

div#contentContainer {
	float: right;
	width: 796px;	
	padding: 24px;	
	box-shadow: 0 0 6px #777;
	border: 1px solid #aaa;
}

div#contentContainerHeadArea {
	position: relative;
	float: left;
	top: -24px;
	left: -24px;
	width: 844px;
}

/* projektskizze */

div.projektskizzeBackgroundTitleContainer {
	float: left;
	width: 100%;	
	text-shadow: #fff 0 0 3px;	
	text-align: center;
}

span.projektskizzeTitle {
	float: left;
	width: 100%;
	font-family: Times New Roman;
	font-size: 24px;
}

span.projektskizzeSubTitle {
	float: left;
	width: 100%;
	margin: 12px 0 0 0;
	font-size: 14px;
}
div.projektskizzeBackground {
	float: left;
	width: 100%;
	background: #fff url(../images/fundamentals/projektskizzeBackground.jpg) top right no-repeat;
	height: 800px;
	color: #000;
	text-shadow: #fff 0 0 3px;
	font-weight: bold;
	
}

div.projektskizzeBackgroundInnerContainer {
	position: relative;
	float: left;
	width: 600px;
	margin: 36px 0 0 0;
}

div.projektskizzeBackgroundInnerTransparent {
	float: left; 	
	width: 600px;
	height: 660px;
	border: 1px solid #aaa;
	background: #ddd;
	
	filter: alpha(opacity=50);
	opacity: 0.5;	 
    -moz-opacity: 0.5;  
    -khtml-opacity: 0.5; 	
}

div.projektskizzeBackgroundInner {
	position: absolute;
	top: 24px;
	left: 24px;	
	width: 552px;
}

div.projektskizzeImagesContainer {
	float: right;
	width: 400px;
	margin: 8px -170px 0 0;
}

div.projektskizzeImagesContainer img {
	float: left;	
	margin: 8px 0 0 22px;
	padding: 0;
}

div.projektskizzeImagesContainer div {
	float: right;
	/* background: #f00; */
	width: 140px;
	padding: 12px;
	margin: 8px 0 0 0;
	background: #ca7;
	border: 1px solid #a83;
	text-shadow: none;
}

/* left navi */

div#contentContainerObjectNavi {	
	float: left;	
	width: 846px;
}




a.objectNaviLink,
a.objectNaviLinkActive {
	float: left;	
	width: 282px;
	height: 16px;
	padding: 24px 0;
	text-align: center; 
	font-size: 14px;
	font-weight: bold;
}

a.objectNaviLink {
	background: #efecc2;
	color: #333;
}

a.objectNaviLink:hover { background: #e7e5b9; }

a.objectNaviLinkActive {	
	color: #efecc2;
	text-decoration: underline;
}





/* main content area */


div.textParagraphContainer {
	float: left;
	width: 100%;
	height: 12px;
}

div.bothColumns {
	float: left;
	width: 100%;
}

div.leftColumn {
	float: left;
	width: 48%;
}

div.rightColumn {
	float: right;
	width: 48%;
}

/*images */

div.imageContainer {
	position: relative; 
	float: left;
	margin: 24px 0 0 0;	
}

div.imageContainer a {
	position: relative;
}

div.imageContainer img {
	border: 1px solid #888;
}

div.imageSubtitle {
	position: relative;
	width: 100%;
	margin: 2px 0 18px 0;
}
					
											
									
									

div#contentContainerObjectHeadline {
	float: left;
	width: 846px;
	font-family: times new roman;
	font-size: 20px;
	color: #efecc2;
	padding: 18px 0;
}

div#contentContainerObjectHeadlineLeft {
	float: left;
	width: 330px;
	margin: 0 0 0 24px;
}

div#contentContainerObjectHeadlineRight {
	float: right;
	width: 466px; 
	margin: 0 24px 0 0;
	text-align: right; 
}

div#content {
	float: left;
	width: 795px;
	text-align: justify;
}

div#contentMinHeight {
	float: right;
	width: 1px;
	height: 1260px;
}


/* Kontakt-Formular */

fieldset {
	float: left;
	width: 100%;
	border: none;
}

form  {
	float: left;
	width: 100%;
}

div.errorMessage {
	float: left;
	width: 100%;
	color: #c85922;
	font-weight: bold;
}

.commonFormInput {
	float: left;
	padding: 6px;
	margin: 4px 0 0 0;
	background: #f4f4f4;
	border: 1px solid #d0d0d0;
	color: #999;
	font-family: Calibri, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
}
input.commonFormInput { width: 340px; }
textarea.commonFormInput { 	
	float: right; 
	width: 400px; 
	height: 300px;
}

textarea.commonFormInput { 	
	color: #333;
}

input.submitInput {
	float: left;
	padding: 6px;
	margin: 36px 0 0 0;
	background: #f4f4f4;
	border: 1px solid #d0d0d0;
	color: #333;
	font-family: Calibri, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
}

/* innerhalb content container */

div.objectDescriptionContainerWide{
	float: left;
	width: 100%;
}

div.objectDescriptionContainer {
	float: left;
	margin: 0 0 0 24px;
	width: 434px;
}

div.imageContainerRightSide {
	float: left;
	margin: -12px 0 0 458px;
	width: 0;
	height: 0;
}

div.imageInnerContainerRightSide {
	position: relative; 
	width: 302px;
}



page {
	display: none;
}

div#pageNavigatorContainer {
	width: 100%;
	height: 48px;
}

div.pageNavigatorLink,
div.pageNavigatorLinkActive  {
	float: left;
	padding: 4px 8px;
	margin: 0 4px;
	background: #fff;
	
}
div.pageNavigatorLinkActive:hover { cursor: pointer; }

div.pageNavigatorLink {
	color: #bbb;
	border: 1px solid #ccc;
}
div.pageNavigatorLinkActive  {
	color: #c00;
	border: 1px solid #c00; 
}

div.pageNavigatorLinkPrevious,
div.pageNavigatorLinkPreviousActive,
div.pageNavigatorLinkNext,
div.pageNavigatorLinkNextActive {
	float: left;
	padding: 0 8px;
	margin: 4px 8px;
	height: 0;
	width: 0;
	
	border-style: solid;
	border-width: 8px;  
}


div.pageNavigatorLinkPreviousActive:hover,
div.pageNavigatorLinkNextActive:hover { cursor: pointer; }

div.pageNavigatorLinkPreviousActive { border-color: transparent #c00 transparent transparent; }
div.pageNavigatorLinkPrevious { border-color: transparent #fff transparent transparent; }
div.pageNavigatorLinkNextActive { border-color: transparent transparent transparent #c00; }
div.pageNavigatorLinkNext { border-color: transparent transparent transparent #fff; }



div.imageContainerTotal {
	float: left;
	padding: 24px 0;
}




div.imageBildungsarbeit {
	width: 160px;
	height: 160px;
	border: 1px solid #ddd;
	box-shadow: 0 0 6px #333;
}




div.imageContainerRightSideSubtitle { font-style: italic; }

div.imageContainerLeftSideSubtitle  {
	font-style: italic;
	width: 434px;
}




/* Förderer */

div.foerdererImage {
	float: left;
	width: 200px;
	height: 160px;
	margin: 24px 32px;
	box-shadow: 0 0 6px #333;	
}

/* Bildungsarbeit */

div.bildungsarbeitImageContainer {
	float: left;
	width: 100%;
	padding: 24px 0;	
}

/* Upload Images Form */

select.editCardSelect {
	float: left;
	width: 354px;
	float: left;
	padding: 6px;
	margin: 4px 0 0 0;
	background: #f4f4f4;
	border: 1px solid #d0d0d0;
	color: #333;
	font-family: Calibri, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;	
}

/* Fachwerklehrpfad */

@font-face {
    font-family: Delicious;
    src: url('../images/fonts/Martina.ttf');
}

div.fwlpContainer {
	float: left;
	width: 818px;
	margin: -24px 0 0 0;
	font-family: Comic Sans MS, Delicious, Times New Roman, Calibri, sans-serif;
	font-size: 16px;
}

div.fwlpContainerInner {
	float: left;
	width: 100%;
	/* background: #f00; */
}

img.fwlpImage {
	position: relative;
	float: left;
	padding: 0;
	border: none;
}

div.fwlpTextField {
	position: relative;
	float: left;
	color: #222;
	text-shadow: #888 1px 1px 3px;
}

div.fwlpImageMagnifierLink {
	position: relative;	
	height: 200px;
	/* background: #ff0;
	
	filter: alpha(opacity=80);
	opacity: 0.8;	 
    -moz-opacity: 0.8;  
    -khtml-opacity: 0.8; */
}

a.fwlpImageMagnifierLink {
	position: relative;
	width: 200px; 
	height: 200px;
	/* background: #f00; */
}

h1.h1kflp {
	font-size: 24px;
	color: #f80;
	font-style: normal;
	text-align: center; 
	padding: 8px 0;
}

/* footnote */

span.footnote {
	color: #c00;
	font-weight: bold;
	vertical-align: top; 
	font-size: 0.8em; 
	line-height: 100%;
}

span.footnote:hover {
	cursor: pointer;
}

/* Kontaktformular */

div.contentBoxNoMargin {
	position: relative;
	float: left;
	width: 100%;
}


div.contentBoxNoMargin label {
	float: left;
	width: 100px;
	margin: 10px 0 0 0;
}

div.contentBoxNoMargin textarea {
	float: left;	
	width: 620px;
}


/* Blog */

div.blogEntry {
	border: 1px solid #ccc;
	width: 745px; 
	padding: 24px;
	background: #eee;
	margin: 24px 0 0 0;
}

div.blogTitle  {
	font-size: 16px;
	font-weight: bold;
}

div.blogDate {
	font-weight: bold;
	font-size: 10px;
}

div.blogText {
	margin: 8px 0 0 0;

}

div.blogLink {
	margin: 12px 0 24px 0;
}

div.blogImages {
	margin: 20px 0 0 0;
}

div.blogImages a {
	margin: 4px 4px 0 0;
}

div.blogImages img {
	border: none;
}
/* Sanierungsgeschicht inhaltserzeichnis */
				
a.inhaltLevel1,
a.inhaltLevel2,
a.inhaltLevel3 {
	float: left;
	color: #333;	
}
				
a.inhaltLevel1 {
	width: 795px;
	margin: 14px 0 0 0;
	font-size: 17px;
	text-decoration: underline;
	font-weight: bold;
}

a.inhaltLevel2 {
	margin: 10px 0 0 24px;
	width: 771px;
	font-size: 16px;
}

a.inhaltLevel3 {
	margin: 4px 0 0 36px;
	width: 759px;
	font-size: 12px;
}