body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:'Roboto Condensed', sans-serif;
	background:#8A8A8A;
}
		
h1 {
	font-size:1.5em;
}
h2 {
	font-size:1.5em;
}	
hr {
	border:0px none white; 
	border-top: 2px solid #CD0000;
}			
		
nav {
  top:150px;
  height:3em;
  position:absolute;
  width:1100px;
  margin:auto;
  text-align:center;
  background:rgba(50,50,50,0.5);
}
* html nav {
  top:expression(auto);
}
.fixed-navi {
  top:0px;
  padding-top:2em;
  position:fixed !important;
  position:absolute;
  background:#303030;
  z-index:1000;
}
* html .fixed-navi {
  top:expression(documentElement.scrollTop);
}		
		
.inhaltallgemein {
	width:1100px;
	margin:auto;
	padding:0;
	font-family:'Roboto Condensed', sans-serif;
	background:#FFFFFF;
}		
		
.inhalt {
	width:350px;
	height:auto;
	margin:0px auto;
	padding:0px;
	color:#303030;
	font-size:1.2em;
}		
		
.inhaltvita {
	width:60%;
	height:auto;
	margin:0px auto;
	padding:0px;
	color:#303030;
	font-size:1.2em;
	text-align:center;
}			

.roterbalken {
	width:100%;
	height:auto;
	margin:0px auto;
	padding:0px;
	background:#CD0000;
	text-align:center;
	color:#FFFFFF;
	font-size:1.2em;
}		
		
.anker{
	display:block;
	height:80px; /*same height as header*/
	margin-top:-80px; /*same height as header*/
	visibility:hidden;
}		

.bildwechselprojekt1 {width:224px; height:168px; background:url("../images/projekt1.png") top;}
.bildwechselprojekt1:hover {background:url("../images/projekt1.png") bottom;}
.bildwechselprojekt2 {width:224px; height:168px; background:url("../images/projekt2.png") top;}
.bildwechselprojekt2:hover {background:url("../images/projekt2.png") bottom;}
.bildwechselprojekt3 {width:224px; height:168px; background:url("../images/projekt3.png") top;}
.bildwechselprojekt3:hover {background:url("../images/projekt3.png") bottom;}
.bildwechselprojekt4 {width:224px; height:168px; background:url("../images/projekt4.png") top;}
.bildwechselprojekt4:hover {background:url("../images/projekt4.png") bottom;}

.bildwechselvita1 {width:100px; height:100px; background:url("../images/vita1.png") top;}
.bildwechselvita1:hover {background:url("../images/vita1.png") bottom;}
.bildwechselvita2 {width:100px; height:100px; background:url("../images/vita2.png") top;}
.bildwechselvita2:hover {background:url("../images/vita2.png") bottom;}
.bildwechselvita3 {width:100px; height:100px; background:url("../images/vita3.png") top;}
.bildwechselvita3:hover {background:url("../images/vita3.png") bottom;}
.bildwechselvita4 {width:100px; height:100px; background:url("../images/vita4.png") top;}
.bildwechselvita4:hover {background:url("../images/vita4.png") bottom;}

		
#sendebutton {
	cursor:pointer;
	color:#FFFFFF;
	border:1px solid #000000;
	background-color:#3c3a3a;
	width:120px;
	height:40px;
	padding:2px;
}

.t {display:table;width:100%;}
.tc {display:table-cell;text-align:center;vertical-align: middle; }

a:link {text-decoration:none; color:#000000;}
a:visited {text-decoration:none; color:#000000;}
a:hover {text-decoration:underline; color:#000000;}
a:active {text-decoration:none; color:#000000;}
a:focus {text-decoration:none; color:#000000;}

a.weiss:link {text-decoration:none; color:#EDEDED;}
a.weiss:visited {text-decoration:none; color:#EDEDED;}
a.weiss:hover {text-decoration:none; color:#FFFFFF;}
a.weiss:active {text-decoration:none; color:#EDEDED;}
a.weiss:focus {text-decoration:none; color:#EDEDED;}
		
a.fett:link {text-decoration:none;font-weight:bold; color:#000000;}
a.fett:visited {text-decoration:none;font-weight:bold; color:#000000;}
a.fett:hover {text-decoration:underline;font-weight:bold; color:#000000;}
a.fett:active {text-decoration:none;font-weight:bold; color:#000000;}
a.fett:focus {text-decoration:none;font-weight:bold; color:#000000;}