/* Basic Font-Declarations */
a { text-decoration: none; color: #4b4b4b; font-weight: bold; }
a:hover { color: #a4a4a4; }
h3 { margin: 0px; font-size: 24px; font-weight: bold; color: #808080; }
img.head { padding: 0px 6px 0px 0px; width: 18px; height: 16px; border: none; }

#content p { width: 620px; margin: 8px 0px 0px 0px; font-size: 13px; line-height: 18px; 
	font-weight: normal; color: #4b4b4b; }

/* Featured Projects - Headline */
#prohed { width: 620px; margin-top: 20px; border-bottom: 6px #c2c0c0 solid; }
#prohed p { width: 232px; margin: 0px; padding: 8px 0px 0px 8px; background-color: #c2c0c0; font-size: 11px; 
	font-weight: bold; color: #6e6d6d; }

/* Featured Projects Description */
#probox table { margin: 2px 0px 0px 0px; padding:0px; width: 620px; border-collapse: separate; border-spacing: 0 0; 
	background-color: #ffffff; }
#probox td.pix { border: none; width: 260px; vertical-align: top; margin: 0px; padding: 0px; border: none; }  
#probox td.explain { border: none; margin: 0px; width: 360px; padding: 2px 20px 10px 0px; vertical-align: top; 
		line-height: 15px; font-size: 11px; font-weight: normal; color: #6e6d6d; } 
#probox h4 { margin: 0px; padding: 4px 20px 0px 0px; font-size: 12px; font-weight: bold; color: #6e6d6d; }
#probox td.pix img { border: none; width: 240px; height: 110px; vertical-align: top; }

/* Rubrik Intro Pictures */
#pict { width: 640px; position: relative; height: 170px; margin: 24px 0px 25px 0px; }
#pict img.first { float: left; padding-right: 2px; width: 430px; height: 170px; border: none; vertical-align: top; }
#pict img.second { border: none; vertical-align: top; width: 170px; height: 170px; }

/* Service Pictures */
#pix110 { width: 640px; position: relative; height: 110px; margin: 24px 0px 25px 0px; }
#pix110 img.first { float: left; padding-right: 2px; width: 430px; height: 110px; border: none; vertical-align: top; }
#pix110 img.second { border: none; vertical-align: top; width: 170px; height: 110px; }

/* Product Pictures for Albumlink */
#prodpix { width: 620px; position: relative; height: 120px; margin: 10px 0px 0px 0px; border-top: 4px #c2c0c0 solid; }
#prodpix img.pix { float: left; padding: 0px 10px 10px 0px; width: 400px; height: 110px; border: none; 
		vertical-align: top; }
#prodpix .legend { float: right; height: 100px; width: 200px; padding:6px 6px 0px 0px; font-size: 11px;
	 color: #6e6d6d; font-weight: normal; overflow: hidden; }
#prodpix .legend b { color: #5e5e5e; font-size: 12px; }
#prodpix .clear { clear: both; height: 0px; }
#prodpix .final { margin: 4px 0px 0px 0px; padding: 0px; border-bottom: 4px #c2c0c0 solid; }

/* Room-Pictures for Projectlist */
#ropi { width: 621px; border: 1px #c0c0c0 solid; margin: 10px 0px 0px 0px; padding: 0px; background-color: #f1f1f1; }
.ropili { float: left; width: 195px; padding: 6px; }
.img194 { width: 195px; height: 146px; overflow: hidden; }
.ropili a { display: block; margin: 4px 0px 0px 0px; padding: 3px 5px 3px 5px; text-decoration: none; font-size: 11px; 
	color: #4b4b4b; font-weight: normal; border: 2px #f1f1f1 solid;  }
.ropili a:hover { border: 2px #db0132 solid; background-color: #f8f8f8; }
#ropi .clear { clear: both; height: 0px; padding: 0px 0px 2px 0px; }

/* List-Styler */
#listcon { margin: 0px 0px 10px 0px; width: 620px; padding: 10px 0px 0px 0px; border: 3px #db0132 solid; background-color: #f1f1f1; }
#listcon b { margin: 0px; padding: 14px; font-size: 1.1em; font-weight: bold; color: #6e6d6d; }
#list { padding-left: 0; margin-left: 30px; width: auto; }
#list li { list-style-type: square; margin-left: 0px; padding: 0.10em; font-size: 1.1em; color: #6e6d6d; }


/* Document-Downloads */
#docone { width: 600px; border: 1px #c0c0c0 solid; margin: 0px 0px 20px 0px; padding: 0px; background-color: #f1f1f1; }
.icoon { float: left; width: 30px; height: 38px; padding: 2px; margin: 0px 10px 0px 4px; }
.icotex { display: block; float: left; margin: 6px 0px 0px 20px; padding: 0px; font-size: 12px; 
	 font-weight: normal; color: #6e6d6d; }
.icotex a { font-weight: bold; font-size: 12px; }
.icoda  { display: block; float: left; width: 45px; margin: 6px 0px 0px 4px; padding: 2px 8px 0px 0px; font-size: 10px; 
	 font-weight: normal; color: #6e6d6d; border-right:1px #db0132 solid; text-align: right; }
#docone .clear { clear: both; height: 0px; }

/* PDF-Workbox */
#doctwo { width: 600px; border: 1px #c0c0c0 solid; margin: 8px 0px 8px 0px; padding: 0px; background-color: #f1f1f1; }
#doctwo .icoon { float: left; width: 30px; height: 38px; padding: 2px; margin: 0px 10px 0px 4px; }
#doctwo .icotex { display: block; float: left; margin: 6px 0px 0px 20px; padding: 0px; font-size: 12px; 
	 font-weight: normal; color: #6e6d6d; }
#doctwo .icotex a { font-weight: bold; font-size: 12px; }
#doctwo .icoda  { display: block; float: left; width: 45px; margin: 6px 0px 0px 4px; padding: 2px 8px 0px 0px; font-size: 10px; 
	 font-weight: normal; color: #6e6d6d; border-right:1px #db0132 solid; text-align: right; }
#doctwo .clear { clear: both; height: 0px; }

/* Design-Workbox */
#doctree { width: 600px; border: 1px #c0c0c0 solid; margin: 8px 0px 8px 0px; padding: 0px; background-color: #f1f1f1; }
#doctree .icoon { float: left; width: 30px; height: 38px; padding: 2px; margin: 0px 4px 0px 6px; }
#doctree .icotex { display: block; margin: 6px 4px 4px 6px; padding: 0px 0px 0px 10px; font-size: 12px; 
	 font-weight: normal; color: #6e6d6d; border-left: 1px #c0c0c0 solid;  }
#doctree .icotex b { font-weight: bold; font-size: 12px; }
#doctree .clear { clear: both; height: 0px; }