body {
	font-family:Tahoma;
 	background-color:#555555;
 	text-align:center;
 	font-size:12px;
}

table {
	font-family:Tahoma;
 	font-size:12px;
}

/* Container für den Aufbau der Seite */
#siteaufbau {
	background-color:#fff;
  	position:relative;
 	width:750px;
	margin:0px auto;
	margin-top:20px;
	text-align:right;
	border-color: white; border-style: solid; border-width: 1px;

}

/* Standarteinstellungen für mehrere Container */
#middle, #footer {
	width:750px;
	margin:0px auto;
 	background-color:#ffffff;
}

/* Container für den Header */
#header {
   position:relative;
	height:70px;
	text-align:left;
	margin:0px;
	padding-left:190px;
	z-index: 2;	
}

/* Container mit Logografik */
#logo {
   position:absolute;
	width:150px;
	height:100px;
	left:20px;
 	top:20px;
	background-image: url(../grafiken/logoArchitekt.jpg);
	background-repeat: no-repeat;
	border-color: black; border-style: solid; border-width: 2px;
}

#logoRa {
   position:absolute;
	width:150px;
	height:100px;
	left:20px;
 	top:20px;
	background-image: url(../grafiken/logoRa.jpg);
	background-repeat: no-repeat;
	border-color: black; border-style: solid; border-width: 2px;
}
#logoDesign {
   position:absolute;
	width:150px;
	height:100px;
	left:20px;
 	top:20px;
	background-image: url(../grafiken/logoDesign.jpg);
	background-repeat: no-repeat;
	border-color: black; border-style: solid; border-width: 2px;
}

#logoPrivat {
   position:absolute;
	width:150px;
	height:100px;
	left:20px;
 	top:20px;
	background-image: url(../grafiken/logoPrivat.jpg);
	background-repeat: no-repeat;
	border-color: black; border-style: solid; border-width: 2px;
}


/* Container für den Titel */
#ganzOben {
	z-index: auto;
}

/* Sub-Container für den Header */
#subheader {
	height:30px;
 	background-color:#000000;
 	border-top-color: white; border-top-style: solid; border-top-width: 1px;
}


/* Container für den Mittelteil */
#middle{
	margin:0px auto;
 	background-image: url(../grafiken/hg.jpg);
	background-repeat: no-repeat;

	background-position:bottom right ;
}


/* Container für die Navigation */
#navigation{
   position:relative;
	padding-top:40px;
	width:160px;
	text-align:left;
	float:left;
	
}

/* Container für den Inhalt */
#content{
	width:540px;
	text-align:left;
	float:right;
	padding-top:00px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
 	background-repeat: no-repeat;
 	border:1px;
}

/* Container für den Footer */
#footer {
	text-align:left;
	height:30px;
 	background-color:#000000;
	visibility:visible; 	 	
}
/* Container für den Footer */
div.footerPrint {
	visibility:hidden; 	
	font-size:8pt;	
}


/* Container mit der Navi-grafik */
#navigrafik{
   position:absolute;
	width:200px;
	height:150px;
	left:0px;
 	bottom:0px;
	background-image: url(../grafiken/legende_grafik.jpg);
	background-repeat: no-repeat;
}
/* Container für den Text im Footer */
.footertext{
	position:absolute;
  	left:10px;
  	bottom:10px;
	font-size:8pt;
  	color: white;
  	
}


/* Links im Header */
a.linkheader {
 	text-align:left;
 	font-size:8pt;
 	text-decoration:none;
 	font-weight: normal;
 	color: black;
 	margin-right:10px;
 	background: url(../grafiken/pfeil.gif);
 	background-repeat: no-repeat;
 	background-position: left;
 	padding-left:16px;

}
a.linkheader:hover {
  	color: black;
}

/* Link in der Navigation */
a.navi {
 	text-align:left;
 	font-size:8pt;
 	text-decoration:none;
 	font-weight: normal;
 	color: white;
 	margin-left:20px;
 	margin-bottom:6px;
  	display: block;
 	background: url(../grafiken/list_item.png);
 	background-repeat: no-repeat;
 	background-position: left;
 	padding-left:16px;
 	clear:both;
}
a.navi:hover {
  	color: black;
 	background: url../grafiken/list_item_over.png);
 	background-repeat: no-repeat;
 	background-position: left;
 	padding-left:16px;
}

/* Link in der Navigation */
a.navi {
 	text-align:left;
 	font-size:8pt;
 	text-decoration:none;
 	font-weight: bold;
 	color: black;
 	margin-left:20px;
 	margin-bottom:6px;
  	display: block;
 	background: url../grafiken/list_item.png);
 	background-repeat: no-repeat;
 	background-position: left;
 	padding-left:16px;
 	clear:both;
}
a.navi:hover {
  	color: maroon;
 	background: url../grafiken/list_item_over.png);
 	background-repeat: no-repeat;
 	background-position: left;
 	padding-left:16px;
}

/* externe Link */
a.linkextern {
 	text-align:left;
 	font-size:10pt;
 	text-decoration:underline;
 	font-weight: normal;
 	color: white;
 	padding-right:10px;

}
a.linkextern:hover {
  	color: black;
}


/* Link zum wechseln der darstellung */
a.changedisplay {
 	text-align:left;
 	font-size:8pt;
 	text-decoration:none;
 	font-weight: bold;
 	margin-left:20px;
 	margin-top:20px;
 	display: block;
 	height:20px;
 	padding-left:25px;
 	padding-top:10px;
 	color: black;
	background: url../grafiken/printer_black.gif);
 	background-repeat: no-repeat;
 	background-position: left;
}
a.changedisplay:hover  {
  	color: maroon;
	background: url../grafiken/printer_black.gif);
 	background-repeat: no-repeat;
 	background-position: left;
}


/* Link in den Unterseiten (unter anderem zur Kontakseite) */
a.linkfett {
 	font-size:10pt;
 	text-decoration:none;
 	font-weight: normal;
 	color: maroon;
 	margin-bottom:6px;
 	background: url../grafiken/pfeil.gif);
 	background-repeat: no-repeat;
 	background-position: left;
 	padding-left:16px;
}
a.linkfett:hover {
  	color: black;
}

.clear{
	clear:both;
}

/* Überschrift */
h1{
	margin-top:0px;
	font-style:normal;
 	font-weight: normal;
	text-decoration:none;
	font-size:16pt;
	color: maroon;
}
/* Überschrift */
h1.logo{
	margin-top:0px;
	font-style:normal;
 	font-weight: normal;
	text-decoration:none;
	font-size:20pt;
	color: maroon;
}
h2{
	margin:10px 0px 10px 0px;
	font-family:arial;
	font-style:normal;
	font-size:16pt;
	display: block;
	font-weight: normal;
	color: black;
	text-decoration:none;
}


/* Bild */
.bild{
	border-color: white;
	border-style: solid;
	border-width: 2px;
 	margin-right: 10px;
	margin-bottom: 5px;
	float:left;
	width:192px;
	height:122px;
}
.text{
	font-family:tahoma,arial;
	font-style:normal;
	font-size:10pt;
	font-weight: normal;
	color: black;
	text-decoration:none;
}

.textSmall{
	font-family:tahoma,arial;
	font-style:normal;
	font-size:8pt;
	font-weight: normal;
	color: black;
	text-decoration:none;
}
/* Absatz */
p{
	font-family:tahoma,arial;
	font-style:normal;
	font-size:10pt;
	font-weight: normal;
	color: black;
	text-decoration:none;
	text-align:justify;
}

/* Text Für Namen */
.nameBig {
	font-family:arial;
	font-style:normal;
	font-size:16pt;
	display: block;
	font-weight: normal;
	color: black;
	text-decoration:none;
}
.nameSmall {
	font-family:arial;
	font-style:normal;
	font-size:12pt;
	display: block;
	font-weight: normal;
	color: black;
	text-decoration:none;
	padding-top:20px;
}

/* Text für Überschiften im Formmailer */
.textformmailer {
	font-family:tahoma,arial;
	font-style:normal;
	font-size:10pt;
	display: block;
	font-weight: bold;
	color: #FFFACD;
	text-decoration:none;
}



/* Eingabefelder  */
.formtextarea ,.formtextinput{
	background-color:#FFFAF0;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	color: #000000;
	margin-bottom:10px;
	font-size:8pt;
	font-family:Arial;
	font-weight:normal;
	color:black;
}

.formtextarea{
   height:150px;
	width:560px;
	margin:0px auto;
	padding:0px;
}
.formtextinput{
	width:560px;
	margin:0px auto;
	padding:0px;
}


ul.footerNavi  li.current a		{ position:relative;font-weight:bold;color:#ffffff;}


/* ##### NAVIGATION für den aktuellen Pfad ###### */
div.location 			{ margin:10px 0px 10px 0px; display:block; text-align:left; }
div.location ul		{ margin:0px 0px 00px 0px; padding:0px; font-size:8pt;  }
div.location ul a		{ margin:0px; padding:0px; font-weight:normal; text-decoration: underline; color:#163946; }
div.location ul li	{ list-style-type:none; display:inline; color:#666666; line-height:20px; margin:0px; padding:0px;  }