html, body {
 width: 800px; 
 height: 100%; 
 margin: auto; 
 border: 0; 
 padding: 0;
 text-align:center;
 } 
 
 div#main {
	/* Position FF */
	position:absolute;
 	top: 0; /* Abstand zum oberen Fensterrand */ 
 	bottom: 42px; /* Abstand zum unteren Fensterrand */ 
	margin: 20px auto 0px auto;
	/* Position IE */
	#position:relative;
  height: expression((document.body.clientHeight - 62) + "px"); /* top-Wert + bottom-Wert = 42 */ 
	#text-align:left;
	#margin: 20px 20px 0px 20px;
	/* Fuer alle */
	width: 800px;
	border: 1px solid #cccccc;
	overflow: hidden;

}
	
	div#Logo {
	/* Position FF */
	position:absolute;
 	top: 0; /* Abstand zum oberen Fensterrand */ 
  left: 0; /* Abstand zum linken Fensterrand */ 	
	/* Position IE */
	#position:relative;
	#text-align:left;	
	/* Fuer alle */
	width: 254px;
	height: 88px ;
	background-image: url(/fileadmin/architekturgewebe/templates/main/img/logo_artos.gif);

  float: left;
 	padding: 0; /* Interpretation Boxmodell! */ 
 	margin: 0; /* Interpretation Boxmodell! */ 
}

	div#Orange {
	/* Fuer alle */
	width: 546px;
	height: 44px ;
	background:#f09a31;
	 padding: 0; /* Interpretation Boxmodell! */ 
	/* Position FF */
  float: right;
	position:absolute;
 	top: 0; /* Abstand zum oberen Fensterrand */ 
  left: 254px; /* Abstand zum linken Fensterrand */ 	
	/* Position IE */
	#position:relative;
	text-align:left;	
	#width: 544px;
  #left: 0px; /* Abstand zum linken Fensterrand */ 	
}

	div#Menu {
	/* Fuer alle */
	width: 546px;
	height: 22px ;
	background:#f1d307;
	 padding: 0; /* Interpretation Boxmodell! */ 
	/* Position FF */
  float: right;
	position:absolute;
 	top: 44px; /* Abstand zum oberen Fensterrand */ 
  left: 254px; /* Abstand zum linken Fensterrand */ 	
	/* Position IE */
	#position:relative;
	text-align:left;	
 	#top: 0px; /* Abstand zum oberen Fensterrand */ 
	#width: 544px;
  #left: 0px; /* Abstand zum linken Fensterrand */ 	
}

	div#White {
	/* Fuer alle */
	width: 546px;
	height: 22px ;
	background:#ffffff;
	 padding: 0; /* Interpretation Boxmodell! */ 
	/* Position FF */
  float: right;
	position:absolute;
 	top: 66px; /* Abstand zum oberen Fensterrand */ 
  left: 254px; /* Abstand zum linken Fensterrand */ 	
	/* Position IE */
	#position:relative;
	text-align:left;	
 	#top: 0px; /* Abstand zum oberen Fensterrand */ 
	#width: 544px;
  #left: 0px; /* Abstand zum linken Fensterrand */ 	
}

	div#AtmoBild {
	/* Fuer alle */
	width: 254px;
	background:#ffffff;
	padding: 0; /* Interpretation Boxmodell! */ 
	/* Position FF */
  float: left;
	position:absolute;
 	top: 88px; /* Abstand zum oberen Fensterrand */ 
 	bottom: 0px; /* Abstand zum unteren Fensterrand */ 
  left: 0px; /* Abstand zum linken Fensterrand */ 	
	/* Position IE */
	#position:relative;
	#text-align:left;	
  #top: 0px; /* Abstand zum oberen Fensterrand */ 
height: expression((document.body.clientHeight - 62) + "px"); /* top-Wert + bottom-Wert = 42 */ 
}

	
	div#Footer {
	position:absolute;
	#position:relative;
	margin: 0px auto 20px auto;
	width: 800px;
	height: 21px !important;
	background:#e8e8e8;
  bottom: 10px; /* Abstand zum unteren Fensterrand */  
	border: 1px solid #cccccc;
	border-top: none;
	z-index:99;
	#margin: 0px 20px 20px 20px;
}

div#KufferathURL {
	position:relative;
	width: 254px;
	float:left;
	padding: 3px 0px 0px 15px;
	text-align:left;	
	}
div#lang_navi {
	width: 150px;
	height:18px;
	float:left;
	padding: 3px 0px 0px 0px;
	text-align:left;	
}
div#footerNavi {
	width: 350px;
	float:left;
	text-align:right;
	padding: 3px 0px 0px 0px;
	}
 
 body { 
 background-color: #fff; 
 overflow: hidden; /* Scrollbalken im Fenster unterbinden */ 
 } 
 
 #Content { 
  float: right;
	width: 546px;

 position: absolute; 
 top: 88px; /* Abstand zum oberen Fensterrand */ 
 left: 254px; /* Abstand zum linken Fensterrand */ 
 right: 20px; /* Abstand zum linken Fensterrand */ 
 bottom: 10px; /* Abstand zum unteren Fensterrand */
	/* Position IE */
	#position:relative;
	#text-align:left;	
  #top: 0px; /* Abstand zum oberen Fensterrand */ 
	#width: 544px;
  #left: 0px; /* Abstand zum linken Fensterrand */ 	
  height: expression((document.body.clientHeight - 162) + "px"); /* top-Wert + bottom-Wert = 109 */ 
 overflow-y: auto; /* Scrollbalken, falls notwendig */ 
 overflow-x: hidden; /* Scrollbalken, falls notwendig */ 
 	text-align:left;	
} 

  #ContentTitle { 
padding: 0 0 0 15px;
width: 500px;
} 
 
   #ContentLeft { 
padding: 0 0 0 15px;
width: 500px;
} 
 
  #ContentRight { 
padding: 0 0 0 15px;
width: 500px;
} 
 
 
 
 #mitte .inhaltDiv { 
 margin: 10px; /* Abstand des Inhalts zum Blockrand */ 
 border: 1px solid red;
 } 
 
 #mitte .linksDiv { 
 margin: 10px; /* Abstand des Inhalts zum Blockrand */ 
 border: 1px solid green;
 width: 228px;
  float: left;
 } 
 
 #mitte .rechtsDiv { 
 margin: 10px; /* Abstand des Inhalts zum Blockrand */ 
 border: 1px solid blue;
 width: 228px;
 float: right;
 }
 
 #oben { 
 position: relative; 
 top: 0; /* Abstand zum oberen Fensterrand */ 
 left: 0; /* Abstand zum linken Fensterrand */ 
 height: 88px; /* Blockhöhe */ 
 padding: 0; /* Interpretation Boxmodell! */ 
 background-color: #cfc; 
 overflow: hidden; /* Scrollbalken unterbinden */ 
 /* nur für IE: */ 
 width: 800px;
 } 
 
 #oben .inhaltDiv { 
 margin: 10px; /* Abstand des Inhalts zum Blockrand */ 
 } 
 
 #links { 
 position: absolute; 
 top: 88px; /* Abstand zum oberen Fensterrand */ 
 left: 0; /* Abstand zum linken Fensterrand */ 
 #left: 100; /* Abstand zum linken Fensterrand */ 
 bottom: 0; /* Abstand zum unteren Fensterrand */ 
 width: 254px; /* Blockbreite */ 
 padding: 0; /* Interpretation Boxmodell! */ 
 background-color: #ffc; 
 overflow: hidden; /* Scrollbalken unterbinden */ 
 /* nur für IE: */ 
 height: expression((document.body.clientHeight - 88) + "px"); /* top-Wert + bottom-Wert = 88 */ 
 } 
 
 #links .inhaltDiv { 
 margin: 10px; /* Abstand des Inhalts zum Blockrand */ 
 } 
 
 #unten { 
 position: absolute; 
 left: 0; /* Abstand zum linken Fensterrand */ 
 #left: 100; /* Abstand zum linken Fensterrand */ 
 bottom: 0 !important; /* Abstand zum unteren Fensterrand */ 
 bottom: -1px; 
 /* nur für IE */ 
 right: 0; /* Abstand zum rechten Fensterrand */ 
 height: 21px; /* Blockhöhe */ 
 padding: 0; /* Interpretation Boxmodell! */ 
 background-color: #fcf; 
 overflow: hidden; /* Scrollbalken unterbinden */ 
 /* nur für IE: */ 
 width: 800px; 
 } 
 
 #unten .inhaltDiv { 
 margin: 10px; /* Abstand des Inhalts zum Blockrand */ 
 } 
 
 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*default werte von tags setzen*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
*

h1, h2, h3, h4, h5, h6, p, div, td, th, caption, dl, dt, dd, form, fieldset, label, select, input, textarea, address, blockquote, nobr
{
	font-family:verdana, arial, univers, helvetica; 
	font-size:11px; 
	color:#000000; 
	line-height:14px;
	margin: 0px;
	padding: 0px;
}

h3 {
	margin-bottom: 6px;
	}

h3.imageheader {
	overflow: hidden;
	height: 60px;
	text-indent: 999em;
	white-space: nowrap;
	background-repeat: no-repeat;
}

h4.imageheader {
	overflow: hidden;
	height: 60px;
	text-indent: 999em;
	white-space: nowrap;
	background-repeat: no-repeat;
}

p {
	margin: 0px 0px 12px 0px;
}


p.moreLink {
	margin: 6px 0px 6px 0px;
	}

img
{
	border: none;
}

/*
  Stylesheet f?r die architekturgewebe-Webseite
*/





#Menu ul 	{
	margin: 0px;
	padding: 3px 0px 0px 15px;
	}

#Menu li {/* T-Menue horizontal stellen */
	display: inline;
	color:#000000;
}

a {
	font-color: blue;
}
a:hover {
	text-decoration:underline;
}


.nav1cur {
	display: inline;
	font-weight: bold;
	color:#000000;
}

.nav1act {
	display: inline;
	font-weight: italic;
	color:#000000;
}


.csc-textpic {
	position:relative;
	#float:left;
	margin-top: 20px;
}

.csc-textpic-image {
	position:relative;
	#float:left;
	display: block;
		}



#footerNavi li, a  {/* T-Menue horizontal stellen */
	display: inline;
	color:#000000;
	text-decoration:none;
}
#Content a {
	color:#5b7fc7;
	text-decoration:none;
}

#Content a:hover {
	text-decoration:underline;
}

li.footer {
	margin-left: 10px;
}

.submitbutton{
	text-decoration: none;
	padding-bottom: 2px; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 2px; 
	border:1px solid #aaa;
	background:#CD8900;
	color:#ffffff;
	font-weight: bold;
}

.csc-mailform {
border: none; /* Rand ausschalten */
}
.csc-mailform-field label {
float:left;
clear:both;
display:block;
width:100px;
padding-left:10px;
margin-bottom:10px;
}
.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select {
float:left;
display:block;
width:250px;
border: 1px solid #333;
background:#F4F4F4;
padding:1px;
margin-bottom:10px;
}
.csc-mailform-submit {
/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
margin-left: 110px;
/* Float wieder abschalten */
clear: both;
}