/* Standardeinstellungen */
html {
}

body { 
	font: 75% Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background: #1f1a17; 

	color: #fff; /* Weiß */
	margin: 0; 
	padding: 0;
	border: none;
	width: 100%;
	height: 100%;
}

p { 
	font-size: 1.2em;
	margin-top: 0; 
	margin-bottom: 0.2em;
	white-space:normal;
	text-align: left;
}

h1 {
font-weight: bold;
font-size: 1.9em;
letter-spacing: 0.01em;
line-height: 1.3em;
}

h2 {
font-weight: bold;
font-size: 1.4em;
letter-spacing: 0.01em;
line-height: 1.2em;
}

h3 {
color: #90ceed; /* Hellblau */
font-weight: bold;
font-size: 1.4em;
letter-spacing: 0.01em;
line-height: 1em;
}

h4 {
font-weight: bold;
font-size: 1.0em;

line-height: 1.2em;

/*
letter-spacing: 0.1em;
*/
}

#date{
font-size: 1.0em;
line-height: 1.2em;
font-weight: normal;
}


h5 {
font-weight: bold;
font-size: 1.3em;
letter-spacing: 0.01em;
line-height: 1em;
}


#titelfont {
font-weight: bold;
font-size: 1.0em;
letter-spacing: 0.1em;
line-height: 1.2em;


/*

*/
}

.smaller {
font-size: 0.9em;
letter-spacing:-0.04em;
}

.smallest {
font-size: 0.8em;
letter-spacing:-0.06em;
}

.lineabstand {
font-size: 0.5em;
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #90ceed;
	border: 0;
}

a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #90ceed; /* Hellblau */
	border: 0;
}

a:hover { 
	text-decoration: underline; 
	color: #90ceed;
	border: 0;
}

a:active {
	text-decoration: none; 
	color: #90ceed;
	border: 0;
}

acronym {
	border-bottom: none;
}

.fett {
font-weight: bold;
}
	
.blue {
color: #90ceed;
}	

#linkohne {
	text-decoration: none;
	color: #fff;
}

#linkweiss {
	text-decoration: none;
	color: #fff;
	
}

#linkohne:hover {
	text-decoration: underline; 
	color: #90ceed;
}

.block {
	text-align: justify;
}

.centertext {
text-align:center;
}
/* ----------------------------------------------------------------------------------------------- */

/* Div-Container/Layout/Seitenzentrierung*/
#divcontainer {
width:100%;
height:100%;
}

/* ----------------------------------------------- */
/* Linke Spalte */

#labstand {
	width:200px;
}

#tababstandfimpressum {
	height:450px;
}

#uabstand {
	height:5px;
}

/* ----------------------------------------------- */
/* Jost Logo Rechts oben*/
#logorechts {
	margin-top: 15px;
	background: url(Logo-gross-n.jpg) top left no-repeat;
	/*
	overflow:auto; 
	width: 160px;*/ 
	width: 210px;
	height: 147px;
	margin-left: 3px;
 	position: absolute;
}

#linkblock {
	display:block;
	width:210px;
	height:147px;
}

#containerrechts {
	width: 100%;
	height: 100%;
}

#logoschriftrechtso {
	margin-top: 0px;
	margin-left: 10px;
	width: auto;
	height: 100%;
	/*
	font-weight:bold; 
	*/
	font-size: 14px;
	line-height: 25px;
}

#logoschriftrechtsunten {
	position: relative;
	margin-top: 1000px;
	margin-left: 15px;
	margin-down: 15px;
	down: 15px;
	width: auto;
	height: 100%;
	line-height: 25px;
	letter-spacing: -0.05em;
	
	/*
		
	font-weight:bold; 
	*/
}

/* ----------------------------------------------- */
/* Jost Logo Rechts unten */

#logoklein {
	border: 0;
}

#lineunten {
	background: #1f1a17; 
/*	width: 100%;
	float: none;
*/
	height: 10px;
	visibility: visible;
	margin: 0 0 0 0; 
	
}


/* ----------------------------------------------------------------------------------------------- */
/* Navigation oben */	
#navcontainer { 
	width: 605px;
	height: 65px;

	/*
	overflow:visible;	
	*/
}
	
#linkcontainer {
	margin-top: 25px;
	height: 65px;
	/*
	width: 605px;
	

	*/
	overflow:visible;
}	
	
#navigation
{
	height: auto;
	top: 10px;
	overflow:auto;
	/* float: left; */

clear: none;
}

#navigation a { margin: 5px 22px; }

#navigation a:link,  #navigation a:visited
{
color: #FFFFFF;
text-decoration: none;
}

#navigation a:hover
{
color: #90ceed;
text-decoration: underline;
font-weight: bold;
}

.activesite {
color: #90ceed;
font-weight: bold;
}
/* Ende Navigation */
	
#linewhite {
height: 2px;
width: 897px;
background-color: #FFFFFF;
clear: both;
margin: 0;
padding: 0;
border: none;
}

/* ----------------------------------------------------------------------------------------------- */
/* Navigation und Logo unten */
/* ----------------------------------------------------------------------------------------------- */

#footercontainer { 
	width: 100%;
	height: auto;
}

#footerlinks {
	width: 100%;
	height: 42px;
	background: #303030;
}

/*	Navunten */

#footer {
	margin: 0;
	height: 42px;
	line-height: 42px;
	/*
	width: 100%;
	
	float: left;*/
	text-align: center;
	background-color: #666666;
}	

#navunten
{
/*
overflow:auto;*/
}

#navunten a { padding: 4px 10px; }

#navunten a:link,  #navunten a:visited
{
color: #fff;
text-decoration: none;
}

#navunten a:hover
{
color: #90ceed;
text-decoration: underline;
font-weight: bold;
}

#footerrechts {
	background: #303030;
	width: auto;
	height: 42px;
	margin: 0;
	padding: 0;
	border:none;
}

/* ----------------------------------------------------------------------------------------------- */
/* Seitenliste */	

.seitenlisteleistungenbox {
clear:both;
margin-top: 5px;
margin-left: 104px;
}

.seitenlistereferenzenbox{
clear:both;
margin-top: 5px;
margin-left: 224px;
}

.seitenlisteactive {
font-weight: bold;
}

/* ----------------------------------------------------------------------------------------------- */
/* Allgemeine InhaltsBlöcke: */

.kontextrahmenfull {
background: #797778;
height: auto;
width: auto;
margin-bottom: 20px;
}

.kontextrahmenfullblack {
	height: auto;
	width: auto;
}

.kontextrahmensmall {
height: auto;
width: 605px;
}

.kontextinhaltsmall {
height: auto;
width: 540px;
padding-left: 30px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 25px;
}

.kontextinhaltweit {
height: auto;
width: auto;
padding-left: 30px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 25px;
}

.kontextitemmitbackground {
background: #797778;
padding-left: 30px;
padding-top: 10px;
padding-bottom: 20px;
padding-right: 25px;
}

.kontextitemabstand{
background: #797778;
padding-left: 30px;
padding-top: 10px;
padding-bottom: 20px;
padding-right: 25px;
margin-top: 10px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Hauptinhalt */	
/* ----------------------------------------------------------------------------------------------- */
	
#inhaltcontainer {
	position: relative;
	width: 700px;
	margin: 0px;
	/*
	clip:rect(0px,0px,605px,620px);
	*/
}

#inhaltcontainerunten {
	position: relative;
	width: auto;
	
	/*
	height: 620px;
	height: 935px;	
	*/
	min-height: 935px;
	height: 935px;
	overflow: auto;
}

#inhaltcontaineruntenprojekte {
	position: relative;
	width: 913px;
	/*
	height: 620px;
	height: 935px;	
	overflow: auto;
	*/
	min-height: 1070px;
	height: 1070px;
	overflow: auto;
	
}



#inhaltcontaineruntenflexibel {
	position: relative;
	width: auto;
	height: 935px;
	/*
	height: 620px;
	height: 935px;	
	*/
	overflow: auto;
}


/* ----------------------------------------------------------------------------------------------- */
/* Formatierungen Startseite */

#bildstart {
	background: url(start-Foto.jpg) top left no-repeat;	
	width: 292px;
	height: 181px;
	position: relative;
	overflow: visible;
	margin-top: 0px;
	float: right;
}


#istartseite {
	width: 897px;
	height: 100%;
	margin-top: 258px;
}

#istarttext {
padding-left: 35px;
}

#linewhitestart {
height: 1px;
width: 897px;
background-color: #FFF;
clear: both;
margin: 0;
padding: 0;
border: none;
}

#abstandzuinhalt {
	margin-top: 100px;
	/* margin-top: 237px; */
}

/* ----------------------------------------------------------------------------------------------- */
/* Formatierungen Home-Startseite */

#bildcontainer {
	position:relative;
	left: 0;
	/*
	
	*/
}

#bildtextrahmen {
	/*
	padding-left: 20px; 
	padding-right: 20px; 

position:relative;
	*/
	position:relative;
	padding: 0px;
	left: 0px;
	width: auto;
	height:auto;
	margin: 0px;
	
}

#bildtext {
	position:absolute;
	left: 255px;
	width: auto;
	z-index: 1;
	top: 7px;
	height: 136px;
	

/*
	position:absolute; 
	left: 255px;

	left: 239px;
	
*/
	
}


/* ----------------------------------------------------------------------------------------------- */
/* Formatierungen Thesen */

#thesenframe {
	margin-top: 100px;
	width: auto;
	height:auto;
}

.thesenkopf {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 179px;
	height:auto;
}

#listethesen {
list-style-type: square;
letter-spacing: 0.1em;
line-height: 2.2em;
}

.thesentext {
line-height: 1.8em;
font-weight: bold;
color: #90ceed;
}

#linewhitesmall {
	height: 1px;
	width: 100%;
	background-color: #FFF;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
}

#linewhitesmallbreit {
	height: 1px;
	width: 100%;
	background-color: #FFF;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
}


/* ----------------------------------------------------------------------------------------------- */
/* Formatierungen Leistungen */

#ileistungen {
	line-height: 1.6em;
}

#ileistungen2 {

	line-height: 1.6em;

}

/*
.ileistungen {
	font-weight: bold;
	line-height: 2.0em;
	height: auto;
}
*/

/* ----------------------------------------------------------------------------------------------- */
/* Formatierungen Referenzen */

#titel {
	position:relative;
	margin-left: 265px;
	width: auto;
}

#pbild1 {
	margin-bottom: 50px; 

	/*
	
	*/
}




/* ----------------------------------------------------------------------------------------------- */
/* Formatierungen Wettbewerbe */





/* ----------------------------------------------------------------------------------------------- */
/* Formatierungen Kontakt */

#kontaktlinks {
position: relative;
margin-right: 25px;
margin-bottom: 30px;
float: right;
height: auto;
width: auto;
padding: 20px;
background-color: #303030;
overflow:visible;
}

#kontaktrechts {
position: relative;
margin-left: 30px;
margin-bottom: 30px;
float: left;
height: auto;
width: auto;
padding: 20px;
background-color: #303030;
overflow:visible;
}

/* ----------------------------------------------------------------------------------------------- */
/* Formatierungen Impressum */

#iimpressum {
padding: 20px;
background: #797778;
height: auto;
width: auto;
min-height: auto;
}

/* ----------------------------------------------------------------------------------------------- */
/* Wettbewerbeanmeldungen */	

#iwbauhausrahmen {
background: #797778;
height: auto;
width: 897px;
min-height: 690px;
}

#iwbauhaus {
height: auto;
width: 540px;
padding-left: 30px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 25px;
}

#einloggenrechts {
	position: relative;
	margin-right: 322px;
	margin-bottom: 30px;
	float: left;
	height: auto;
	width: auto;
	padding: 20px;
	background-color: #303030;
	overflow:visible;
}

#anmeldenlinks {
position: relative;
/*  margin-left: 30px;  */
margin-bottom: 30px;
float: left;
height: auto;
width: auto;
padding: 20px;
background-color: #303030;
overflow:visible;
}