body
{
  background-image:url(Bilder/bg.jpg);
  background-repeat:repeat-x;
  background-color:#2d2d2d;
	font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";
	margin: 0px auto;
	font-size: 11px;
	line-height: 18px;
	width: 100%;
	height: 100%;

}
#maindesign{
  margin-top:0px;
  width:889px;
  height:auto;
  padding:0px;
  margin:auto;
}
/* == HEADER == */
#header{
  width:889px;
  height:62px;
  padding:0px;
  margin:0px;
  background-image:url(Bilder/header.jpg);
}
/* == Navigation == */
#navigation_search{
  width:889px;
  height:36px;
  padding:0px;
  margin:0px;
  float:left;
}
#navigation{
  width:425px;
  height:36px;
  padding:0px;
  margin:0px;
  float:left;
}
.navigation_01, .navigation_01:visited{
	width:56px;
	height:36px;
	padding:0px;
	margin:0px;
	background-image:url(Bilder/home.jpg);
	float:left;
}
.navigation_02, .navigation_02:visited{
	width:79px;
	height:36px;
	padding:0px;
	margin:0px;
	background-image:url(Bilder/aboutme.jpg);
	float:left;
}
.navigation_03, .navigation_03:visited{
	width:55px;
	height:36px;
	padding:0px;
	margin:0px;
	background-image:url(Bilder/blog.jpg);
	float:left;
}
.navigation_04, .navigation_04:visited{
	width:74px;
	height:36px;
	padding:0px;
	margin:0px;
	background-image:url(Bilder/projekte.jpg);
	float:left;
}
.navigation_05, .navigation_05:visited{
	width:89px;
	height:36px;
	padding:0px;
	margin:0px;
	background-image:url(Bilder/referenzen.jpg);
	float:left;
}
.navigation_06, .navigation_06:visited{
	width:72px;
	height:36px;
	padding:0px;
	margin:0px;
	background-image:url(Bilder/kontakt.jpg);
	float:left;
}
/* == Suche == */
#search{
  width:464px;
  height:36px;
  padding:0px;
  margin:0px;
	background-image:url(Bilder/search.jpg);
  float:left;
}
/* == Content == */
#content{
  width:889px;
  height:auto;
  padding:0px;
  margin:0px;
  background-image:url(Bilder/contentbg.jpg);
  background-repeat:no-repeat;
  background-color:#ffffff;
  float:left;
}
#seite{
  width:695px;
  height:auto;
  padding:0px;
  margin:0px;
  float:left;
}
#text{
  width:655px;
  height:auto;
  padding:0px 20px 20px 20px;
  margin:0px;
  background-color: #ffffff;
  float:left;
  color: #d53944;
}
/* == Rechte Spalte == */
#rechtespalte{
  width:194px;
  height:auto;
  padding:0px;
  margin:0px;
  float:left;
}
#referenz_title{
  width:194px;
  height:35px;
  padding:0px;
  margin:0px;
  background-image:url(Bilder/referenz.jpg);
  float:left;
}
#partner{
  width:194px;
  height:35px;
  padding:0px;
  margin:0px;
  background-image:url(Bilder/partner.jpg);
  float:left;
}
.rechtespalte_bg{
  width:194px;
  height:auto;
  padding:0px;
  margin:0px;
  background-image:url(Bilder/rechtespalte_bg.jpg);
  background-repeat:repeat-x;
  float:left;
}
/* == Footer == */
#footer{
  width:889px;
  height:20px;
  padding:10px 12px;
  margin:0px;
  background-image:url(Bilder/footer.jpg);
  background-repeat:no-repeat;
  float:left;
  color: #e2442c;
  font-size: 12px;
	font-weight: normal;
	font-family: "Arial";
	text-transform: none;
	letter-spacing: 0px;
}
/* - SEITEN ANZEIGE - WO MAN SICH GERADE BEFINDET - */


#seite {
	color: #d53944;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
	padding: 0px 10px;
	margin: 0px;
	overflow: hidden;
	position: relative;
	font-family: "Arial";
	
}

/* - CONTENT LAYER - */


#content {
	position: relative;
	margin: 0px auto;
	text-align: left;
	overflow: hidden;

}

/* == Links == */


a {

	color: #d53944;
	text-decoration: none;

}

a:hover {

	color: #d53944;
	text-decoration: underline;

}

/* - TEXT : TAG STYLES - */


#content #text h1 { 

	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	color: #d53944;
	font-family: "Arial";
	text-transform: uppercase;
	letter-spacing: 0px;

}

#content #text h2 { 

	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	color: #d53944;
	font-family: "Verdana";
	text-transform: none;
	letter-spacing: 0px;

}

#content #text h3 { 

	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	color: #d53944;
	font-family: "Verdana";
	letter-spacing: 0px;

}

#content #text h4 { 

	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	color: #d53944;
	font-family: "Verdana";
	letter-spacing: 0px;

}

#content #text h5 { 

	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	color: #d53944;
	font-family: "Verdana";
	letter-spacing: 0px;

}

#content #text h6 { 

	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	color: #d53944;
	font-family: "Verdana";
	letter-spacing: 0px;

}

#content #text p {

	margin: 0px 0px 15px 0px;

}

#content #text table tr td {

	line-height: 22px;

}

#content #text hr {
         
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0px 0px 0px 0px;
	height: 2px;

}

#content #text a {

	color: #d53944;
	text-decoration: none;

}

#content #text a:hover {

	color: #d53944;
	text-decoration: underline;

}

#content #text ul {

	margin: 0px 0px 0px 15px;

}

#content #text ul li {

	list-style: square;
	line-height: 22px;

}

#content #text ul li ul li {

	list-style: square;
	line-height: 22px;
	margin: 0px 0px 0px 5px;

}
/* - TABELLEN EINGENSCHAFTEN - */


td {

	font-size: 11px;
	line-height: 18px;
	font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";

}


/* - MISC STYLE - */


ul {

	margin: 0px;
	padding: 0px;

}

li {

	list-style: none;

}

form {

	margin: 0px;
	padding: 0px;

}

img {

	border: none;

}


/* - FLOAT CLEANER - */


#cleaner {

	clear: both;
	height: 0px;
	font-size: 0px;
	display: block;
	width: 100%;

}
#layer {

	width: 600px;
	border: 1px solid #c9c9c9;
	padding: 0px;
	background: #e3e3e3;
	position: relative;
	margin: 0px auto;
	text-align: left;
}
/* - INPUT FELDER VORBEREITET FÜR SUCHE - */


#header form input.formular {
	
	width: 140px;
	height: 18px;
	padding: 4px 0px 0px 5px;
	margin: 2px 0px 2px 0px;
	background: #fff;
	border: 1px solid #dfdfdf;
	font-size: 11px;
	color: #dfdfdf;
	font-family: "Verdana";
	position: absolute;
	right: 35px;
	top: 30px;	
	
}

#header form input.button {
	
	width: 10px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 0px;
	background: url('../images/suche_button.gif') no-repeat;
	cursor: pointer;
	font-family: "Verdana";
	position: absolute;
	right: 20px;
	top: 34px;	
	
}
/* - TABELLEN INLAY STYLES FÜR MODULE + MELDUNGEN - */


table.inlay {

	border: 1px solid #ffffff;
	background: #e3e3e3;
	overflow: hidden;
	text-align: left;
	color: #d53944;
	position: relative;
	margin: 0px 0px 20px 0px;

}

table.inlay tr td {

	padding: 15px 20px 0px 20px;

}

table.inlay tr td table tr td {

	padding: 0px;

}

table.inlay tr td p {

	margin: 0px;
	overflow: hidden;
	
}

table.inlay tr td .formular {

	width: 98%;
	height: 18px;
	padding: 4px 0px 0px 5px;
	margin: 2px 0px 2px 0px;
	background: #d53944;
	border: 1px solid #d2d2d2;
	font-size: 11px;
	color: #ffffff;
	font-family: "Verdana";
	
}

table.inlay tr td .textarea {

	width: 98%;
	height: 150px;
	padding: 5px 0px 0px 5px;
	margin: 2px 0px 2px 0px;
	background: #d53944;
	border: 1px solid #d2d2d2;
	font-size: 11px;
	color: #ffffff;
	font-family: "Verdana";
	
}

table.inlay tr td span.button {
	
	/* - Style für <span> vor den Buttons - */
	
}

table.inlay tr td input.button {

	height: 24px;
	background: #fff;
	overflow: hidden;
	margin: 2px 0px 0px 0px;
	padding: 0px 5px 3px 5px;
	border: 1px solid #d2d2d2;
	color: #626262;
	font-size: 9px;
	font-family: "Verdana";
	font-weight: bold;
	text-align: right;
	cursor: pointer;
	}
