/* CSS Document | raum + objekt - Bernhard Maltry eK */

html, body {
   	margin: 0;
   	padding: 0;
	}

body {
	font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
	font-size: 9.0pt;
	/* fix für ClearType - nur ie */
	filter: alpha(opacity=100);
   	opacity: 1.0;
	/* ende fix */
	background-color: #282828;
	/* fix für ClearType - nur safari */
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	/* ende fix */
	}
  
p, td, li {
	margin: 0 0 5px 0; 
	padding: 0;
	}
	
p, td { 
	font-weight: normal;
	color: #3A3A3A;
	}
	 
img, a {
	border: 0;
	}

a {
	text-decoration: underline;
	color: #3A3A3A;
	}	
	
a:hover {
	text-decoration: none;
	color: #000;
	}	
	
a:focus { 
	outline: none;
	}
	
/* wrapper, header, main und footer */	
	
/* Box */  
#sitewrapper {
	position: absolute; 
	top: 50%; 
	left: 50%; 
	width: 814px; 
	height: 456px; /* 452 -> 427 */
	z-index: 0;
    margin: -228px 0 0 -407px;
	vertical-align: middle; 
	text-align: left;
    padding: 0;
	overflow: hidden;
	background-color: transparent !important;
  	} 
	
#navheader {
	float: left; 
	width: 814px; 
	height: 28px;
	overflow: hidden;
	background-color: #d1d1d1;
	border-top: 1px solid #282828;
	font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
	font-size: 9.5pt;	
	font-weight: normal;
	text-align: center;
	}
	
#siteheader {
	float: left; 
	width: 814px; 
	height: 72px;
	overflow: hidden;
	background-color: #e0e4e5;
	}
	
#sitemain {
	float: left; 
	width: 814px; 
	height: 283px;
	overflow: hidden;
	}	
	
#sitemainleft {
	float: left; 
	width: 354px; 
	height: 283px;
	overflow: hidden;
	background-color: #d9d7d6;
	}
	
#sitemainleft img {
	float: right;
	}

/* inhalt (content) rechte seite */
#sitemainright {
	float: right; 
	width: 460px; 
	height: 283px;
	overflow: hidden;
	background-color: #d1d1d1;
	}

/* inhalt (content) rechte seite mit overflow */	
#sitemainrightoverflow {
	float: right; 
	width: 460px; 
	height: 283px;
	overflow: auto;
	background-color: #d1d1d1;
	}

#sitemainrightoverflow p {
	font-size: 9.0pt;
	margin: 5px 20px 5px 20px;
	text-align: justify;
	}

/* inhalt (listen) rechte seite mit overflow */	
#sitemainrightoverflow li { 
	text-align: left; 
	margin: 0 0 0 2px;
	}
	
#sitemainrightoverflow ul {
	margin-top: 5px; 
	margin-bottom: 1px;
	list-style: square;
	}
	
#sitefooter {
	float: left; 
	width: 814px; 
	height: 72px;
	overflow: hidden;
	background-color: #e0e4e5;
	}
	
#siteimprint {
	float: left; 
	width: 814px; 
	height: 25px;
	text-align: right; 
	}
	
#siteimprint a	{
	display: inline;
	height: 25px;
	line-height: 25px;
	margin: 0;
	padding: 0;
	color: #bfbfbf;
	text-decoration: none;
	}
	
#siteimprint a:visited {
	color: #8c8c8c;
	text-decoration: none;	
	}
	
#siteimprint a:hover {
	color: #eee;
	}
	
/* menus in header und footer */	

/* menu header */	
#sitemenuheader {
	float: left; 
	width: 354px; 
	height: 25px;
	overflow: hidden;
	font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;
	font-size: 9.5pt;	
	font-weight: normal;
	text-align: left;	
	margin-top: 47px;
	}
		
#sitemenuheader a {
	display: inline;
	height: 25px;
	line-height: 25px;
	border: 0;
	white-space: nowrap;
	margin: 0 0 0 10px;
	padding: 0 4px 0 0;
	}
	
#sitemenuheader a, #sitemenuheader a:visited {
	color: #8c8c8c;
	text-decoration: none;	
	}
	
#navheader a {
	display: inline;
	height: 29px;
	line-height: 29px;
	border: 0;
	white-space: nowrap;
	margin: 0;
	padding: 0 6px 0 6px;
	text-decoration: none;
	}	

#navheader a, #navheader a:visited {
	color: #282828;
	text-decoration: none;	
	}
	
#navheader a:hover {
	color: #000;
	}
	
/* titel im header rechts */	
#sitetitleheader {
	float: right;
	width: 814px; 
	height: 72px;
	font-size: 16pt;
	font-weight: normal;
	letter-spacing: 3px;
	color: #3A3A3A;
	text-align: right;
	margin: 0;
    padding: 20px 0 0 0;
  	}
	
/* inhalte im footer links */
#sitecontentfooterleft {
	float: left;
	width: 354px; 
	height: 47px;
	line-height: 47px;
	font-size: 9pt;
	color: #3A3A3A;
	margin: 0;
    padding: 0;
  	}
	
/* seitentitel im footer links */	
#sitetitlefooter {
	float: left;
	width: 144px; 
	height: 72px;
	line-height: 72px;
	padding-left: 10px;
	padding-top: 15px;
  	}	
	
/* hyperlinks soziale netzwerke im footer links */		
#sitefacebookfooter {
	float: right;
	width: 190px; 
	height: 72px;
	line-height: 72px;
	text-align: right;
	padding-right: 10px;
	padding-top: 15px;
  	}	
	
/* inhalte im footer rechts */
#sitecontentfooterright {
	float: right;
	width: 460px; 
	height: 72px;
	margin: 0;
    padding: 0;
  	}	
	
/* link zum blog im footer rechts, nur index.php */
#bloglink {
	float: right;
	width: 120px; 
	height: 29px;
	margin: 0;
    padding: 20px 11px 0 0;
	z-index: 1000;
  	}	
	
/* inhaltsseite (content) rechts */
	
/* workaround: inhalt von inhaltsseite (content) rechts vertikal absolut mittig platzieren */	
#sitemainrightOuter {
	display: table; 
	height: 283px;  
	#position: relative;
	overflow: hidden;
  	}
	
#sitemainrightMiddle {
	#position: absolute;  
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
	}
	
#sitemainrightInner {
	#position: relative;  
	#top: -50%;
	width: 420px;
	padding-left: 20px;
	text-align: justify;
  	}
/* ende workaround */

/* start manufactur exclusiver raumausstattung auf index-seite */
#maintitle {
	position:absolute;
	top: 109px;
	left: 354px;
	width: 450px;
	padding-right: 0;
	text-align: right;
	letter-spacing: 1px;
  	}
/* ende manufactur exclusiver raumausstattung auf index-seite */

/* Inhalt MainContent fuer Kontakt ausrichten / formatieren */	
#sitemaincontact {
	position: relative;
	left: 30%;
	width: auto;
  	}	
	
#sitemaincontact p {
	margin: 0;
	line-height: 1.1em;
	font-size: 10pt;
  	}

/* allgemeine textformatierungen */
.small {
	font-size: 9pt;
	font-weight: normal;
	}
	
.medium {
	font-size: 10pt;
	font-weight: normal;
	}
	
.mediumBold {
	font-size: 10pt;
	font-weight: normal;
	}	
	
.large {
	font-size: 11pt;
	font-weight: normal;
	}
	
.largeBold {
	font-size: 11pt;
	font-weight: normal;
	}
	
.bigBold {
	font-size: 13pt;
	font-weight: 900;
	}
	
.reference {
	font-size: 8.5pt;
	font-weight: normal;
	line-height: 13px;
	}	
	
hr {
  	border: 0;
  	width: 100%;
  	color: #3a3a3a;
	background-color: #3a3a3a;
	height: 1px;
	font-size: 1px;
	}	
/* ende allgemeine textformatierungen */