/* Standardeinstellungen */
html {
}

body { 
	font: 75% Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #1f1a17; 
	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;
font-weight: bold;
font-size: 1.4em;
letter-spacing: 0.01em;
line-height: 1em;
}

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

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

.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;
}

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

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

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

acronym {
	border-bottom: none;
}

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

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

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

.block {
	text-align: justify;
}

.centertext {
text-align:center;
}


/* ----------------------------------------------------------------------------------------------- */
/* Allgemeine Blöcke: */

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

.kontextrahmenfullblack {
height: auto;
width: 897px;
min-height: 690px;
}

.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;
min-height: 690px;
}

.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;
}

/* ----------------------------------------------------------------------------------------------- */

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

/* LOGO-Spalte */

.logorahmenlinks {
	width:auto;
	height:100%;
	background-color:#1f1a17;
	overflow:auto;
	vertical-align:top;

}

.logospaltelinks {
	width:auto;
	height:700px;
	background-color:#1f1a17;
	vertical-align:top;

}

/* Jost Logo Container */
#logolinks {
	background: url(Logo-gross.jpg) top left no-repeat;	
	margin-top: 326px;
	overflow:auto;
	width: 160px;
	height: 73px;
	margin-left: 70px;
	margin-right: 15px;
}

/* Navigation oben */	

#linkcontainer { 
	width: 100%;
	height: 65px;
	background-color:#1f1a17;
	overflow:visible;
}
	
#navigation
{
/* width: 605px; */

width: 897px;
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;
}

.linkblock {
display:block;width:160px;height:73px;
}


/* Weiterpfeile */

.pfeilrechts {
	position: relative;
	margin-left: 140px;
	text-align: right;
	clear: none;
	
}

.pfeillinksrechts {
	position: relative;
	margin-left: 85px;
	text-align: right;
	clear: none;
	
}

.pfeillinks {
	position: relative;
	margin-left: 195px;
	text-align: right;
	clear: none;
	
}

.pfeiluntennurrechts
{
width: 897px;
height: auto;
top: 664px;
left: 775px;
position: relative;
z-index: 0;	
/* float: left; */
}

.pfeilunten1inks
{
width: 897px;
height: auto;
top: 664px;
left: 720px;
position: relative;
z-index: 0;	
/* float: left; */
}


.pfeiluntenrechts
{
width: 897px;
height: auto;
left: 45px;
position: relative;
z-index: 0;	
}

.pfeiluntennurlinks
{
width: 897px;
height: auto;
top: 664px;
left: 830px;
position: relative;
z-index: 0;	
/* float: left; */
}

	

/* float: left; */


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

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

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


.seitenliste {


}

.seitenlisteactive {
font-weight: bold;

}


/* ----------------------------------------------------------------------------------------------- */
/* Hauptinhalt */	
/* ----------------------------------------------------------------------------------------------- */
	
.inhalt {	
/* Abstand Oben */	
	padding-top: 2px;


/* Formatierung Hauptteil */
	width: auto;
	height: auto;
}

.inhaltcontainertext {
	width: 897px;
	height: 100%;
	min-height: 840px;
}

/* ----------------------------------------------------------------------------------------------- */
/* 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;
	min-height: 440px;
}

#istarttext {
padding-left: 35px;
}

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


.abstandzulinewhite {
margin-top: 332px;
/* margin-top: 237px; */
width: auto;
height:auto;
}

/* ----------------------------------------------------------------------------------------------- */
/* Die Bauhauswebsite */	

#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;
}


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

#thesenframe {
	margin-top: 160px;
	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: 605px;
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;
	width: 897px;
}


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

/* Versuch mit absoluter Position und z-index: */

.pbild1 {
	width: 896px;  height: 322px;	
	margin-bottom: 16px;
	position: absolute;

}

.bildd1 {
	width: 896px;  height: 322px;	
	position: absolute;
	z-index: 0;
}

.tbildrahmen1 {	
width: 565px;
height: 155px;
position: absolute;
z-index: 1;
}

#linewhitebild2 {
height: 2px;
width: 897px;
background-color: #FFFFFF;
clear: both;
margin: 0;
padding: 0;
border: none;
position: absolute;
z-index: 1;
left: 0px;
top: 332px;
}

.pbild2 {
	width: 896px;  height: 324px;	
	margin-bottom: 16px;
	position: absolute;

}

.bildd2 {
	width: 896px;
	height: 322px;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 332px;
}

.tbildrahmen2 {
	width: 565px;
	height: 155px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 332px;
}

#linewhitebild3 {
height: 2px;
width: 897px;
background-color: #FFFFFF;
clear: both;
margin: 0;
padding: 0;
border: none;
position: absolute;
z-index: 1;
left: 0px;
top: 666px;
}

.pbild3 {
	width: 896px;  height: 324px;	
	margin-bottom: 16px;
	position: absolute;

}

.bildd3 {
	width: 896px;
	height: 322px;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 666px;
}

.tbildrahmen3 {
	width: 565px;
	height: 155px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 666px;
}

.dreibildrahmen {
	width:auto;
	height: 992px;
	background-color:#1f1a17;
	vertical-align:top;
}

/* Versuch als Hintergrundbild */

.tbildtextcontainer {	
width: 565px;
height: 155px;
padding: 20px 20px 20px 20px;

}

.textzubildtitle {	
font-weight: bold;
font-size: 1.2em;
letter-spacing: 0.01em;
line-height: 1.2em;
margin-bottom: 13px;
}

.tbildtext {	
font-size: 1.0em;
line-height: 1.7em;
margin-top: 12px;
}

/* ----------------------------------------------------------------------------------------------- */
/* 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 { 
	height: auto;
}

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

#footercontainer { 
	width: 100%;
	min-height: 42px;
	height: auto;
}

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

/*	Navunten */

#footer {
	margin: 0;
	height: 42px;
	line-height: 42px;
	width: 605px;
	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;
	overflow:visible;
	margin: 0;
	padding: 0;
	border:none;
}

#logoklein {
	border: 0;
	margin-left: 50px;
}

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

#grey {
	position:absolute;
	left: 850px;
	width: 292px;
	min-height: 42px;
	height: 42px;
	/*	height: 30%; */
	overflow:hidden;
}