/* ************************************************************************************************************
// beginn body definition ************************************************************************************/
body {
	background-color: #f5f5f5;
	font-family     : Verdana, Arial,Helvetica,sans-serif;
	font-size       : 11px; }

.clearfloat {
	clear      : both;
	float      : none;
	font-size  : 0;
	height     : 0;
	line-height: 0;
	margin     : 0;
	overflow   : hidden;
	padding    : 0; }

/* ************************************************************************************************************
// beginn formular definition ********************************************************************************/
.bgtextarea, .bginput {background-color: #ffffff; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border:1px solid #c2c2c2}

/* ************************************************************************************************************
// beginn td bg definition ***********************************************************************************/
.tderror {  background: #b81a00}
.tdwholz {  background: #9d9f0c}
.tdborder {  background: #c2c2c2}
.tdaktuell {  background: #cf781c}
.tddienstl {  background: #088c8e}
.tdkontakt {  background: #8dad6a}
.tdreferenzen {  background: #6f4848}
.tdunternehmen {  background: #cac79e}

/* ************************************************************************************************************
// beginn normal text and normal link definition *************************************************************/
.tnorm {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
.tnormhgrey {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #a6a6a6}
a.linorm:link {  color: #000000; text-decoration: underline}
a.linorm:visited {  color: #000000; text-decoration: underline}
a.linorm:active {  color: #000000; text-decoration: underline}

/* ************************************************************************************************************
// beginn text and link definition [wholz] *******************************************************************/
.twholz {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #9d9f0c}
a.liwholz:link {  color: #9d9f0c; text-decoration: underline}
a.liwholz:visited {  color: #9d9f0c; text-decoration: underline}
a.liwholz:active {  color: #9d9f0c; text-decoration: underline}

/* ************************************************************************************************************
// beginn text and link definition [aktuell] *****************************************************************/
.taktuell {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cf781c}
a.liaktuell:link {  color: #cf781c; text-decoration: underline}
a.liaktuell:visited {  color: #cf781c6; text-decoration: underline}
a.liaktuell:active {  color: #cf781c; text-decoration: underline}

/* ************************************************************************************************************
// beginn text and link definition [dienstl] *****************************************************************/
.tdienstl {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #088c8e}
a.lidienstl:link {  color: #088c8e; text-decoration: underline}
a.lidienstl:visited {  color: #088c8e; text-decoration: underline}
a.lidienstl:active {  color: #088c8e; text-decoration: underline}

.tdienstlsubmenu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cee8e8}
a.lidienstlsubmenu:link {  color: #cee8e8; text-decoration: none}
a.lidienstlsubmenu:visited {  color: #cee8e8; text-decoration: none}
a.lidienstlsubmenu:active {  color: #cee8e8; text-decoration: none}

/* ************************************************************************************************************
// beginn text and link definition [kontakt] *****************************************************************/
.tkontakt {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #8dad6a}
a.likontakt:link {  color: #8dad6a; text-decoration: underline}
a.likontakt:visited {  color: #8dad6a; text-decoration: underline}
a.likontakt:active {  color: #8dad6a; text-decoration: underline}

.tkontaktsubmenu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #e8efe1}
a.likontaktsubmenu:link {  color: #e8efe1; text-decoration: none}
a.likontaktsubmenu:visited {  color: #e8efe1; text-decoration: none}
a.likontaktsubmenu:active {  color: #e8efe1; text-decoration: none}

/* ************************************************************************************************************
// beginn text and link definition [referenzen] **************************************************************/
.treferenzen {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6f4848}
a.lireferenzen:link {  color: #6f4848; text-decoration: underline}
a.lireferenzen:visited {  color: #6f4848; text-decoration: underline}
a.lireferenzen:active {  color: #6f4848; text-decoration: underline}

.trefersubmenu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #e2dada}
a.lirefersubmenu:link {  color: #e2dada; text-decoration: none}
a.lirefersubmenu:visited {  color: #e2dada; text-decoration: none}
a.lirefersubmenu:active {  color: #e2dada; text-decoration: none}

/* ************************************************************************************************************
// beginn text and link definition [unternehmen] *************************************************************/
.tunternehmen {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cac79e}
a.liunternehmen:link {  color: #cac79e; text-decoration: underline}
a.liunternehmen:visited {  color: #cac79e; text-decoration: underline}
a.liunternehmen:active {  color: #cac79e; text-decoration: underline}

/* ************************************************************************************************************
// beginn text and link definition [error] **********************************************************************/
.terror {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #b81a00}
a.lierror:link {  color: #b81a00; text-decoration: underline}
a.lierror:visited {  color: #b81a00; text-decoration: underline}
a.lierror:active {  color: #b81a00; text-decoration: underline}

/* ************************************************************************************************************
// beginn copy text and copy link definition ********************************************************************/
.tcopy {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #9d9d9d}
a.licopy:link {  color: #9d9d9d; text-decoration: underline}
a.licopy:visited {  color: #9d9d9d; text-decoration: underline}
a.licopy:active {  color: #9d9d9d; text-decoration: underline}

/* -------------------------------------------------------------------------------------------
 *
 * INDEX PAGE (random reference)
 *
 * ------------------------------------------------------------------------------------------- */

	#randomReference {
		background-color   : #fff;
		background-position: center;
		background-repeat  : no-repeat;
		height             : 181px;
		font-family        : Verdana,Arial,Helvetica,sans-serif;
		padding            : 14px;		
		position           : relative;
		width              : 372px; }

	#randomReference .info {
		background-color: #cac79e;
		padding         : 6px; }

	#randomReference .info h1 {
		color      : #fff;
		font-size  : 11px;
		font-weight: bold;
		margin     : 0 0 6px;
		padding    : 0; }

	#randomReference .info p {
		font-size: 10px;
		margin   : 0; }

	#randomReference .info a, #randomReference .info a:link, #randomReference .info a:visited, #randomReference .info a:active {
		background     : transparent url(../image/symb_unternehmensubmenu_0.gif) no-repeat -5px 0;
		color          : #fff;
		padding-left   : 9px;
		text-decoration: none; }
	#randomReference .info a:hover, #randomReference .info a:focus { background-image: url(../image/symb_unternehmensubmenu_1.gif); }

/* -------------------------------------------------------------------------------------------
 *
 * REFERENCES
 *
 * ------------------------------------------------------------------------------------------- */

	/* Search bar
	 * ------------------------------------------------------------- */

		#search, #search form, #search * {
			margin : 0;
			padding: 0; }

		#search {
			border-bottom: 1px solid #c2c2c2;
			padding      : 8px 0; }

		#search select {
			float      : left;
			margin-left: 10px;
			padding    : 1px;
			width      : 180px; }

		#search #date { width: 110px;}
		#search #sort { width: 110px;}

		#search label, #search #page {
			margin-left : 0;
			margin-right: 10px;
			float       : right; }

		#search label {
			background  : transparent url(../image/symb_listpoint.gif) no-repeat 0 5px;
			line-height : 20px;
			padding-left: 12px; }

		#search #page { width: 50px;}

	/* List of results
	 * ------------------------------------------------------------- */

		ul#search-result, ul#search-result li {
			list-style: none;
			margin    : 0;
			padding   : 0; }

		ul#search-result li, ul#search-result li a {
			height: 83px;
			width : 275px; }

		ul#search-result li {
			float  : left;
			display: inline;
			margin : 20px 0 0 20px; }

		ul#search-result li a {
			color          : #000;
			display        : block;
			text-decoration: none; }

		ul#search-result li a span {
			background-color   : #f7f7f7;
			background-position: center;
			background-repeat  : no-repeat;
			float              : left;
			height             : 83px;
			margin-right       : 5px;
			overflow           : hidden;
			width              : 83px;}

		ul#search-result li a strong { color:#6F4848; }

		ul#search-result li a:hover, ul#search-result li a:focus { background-color: #f7f7f7; }

	/* Detail
	 * ------------------------------------------------------------- */

		/* Structue
		 * -------- */

			#reference-detail {
				color   : #000;
				font    : 10px Verdana,Arial,Helvetica,sans-serif;
				height  : 435px;
				overflow: hidden;
				width   : 612px; }

			#reference-detail .block-desc, #reference-detail .block-ci, #reference-detail .block-image {
				border : 1px solid #c2c2c2;
				display: inline;
				float  : right; }

			#reference-detail .block-desc {
				height  : 397px;
				float   : left;
				overflow: hidden;
				padding : 18px;
				width   : 280px; }

			#reference-detail .block-ci {
				background: #6f4848 url(../image/to_referenz.gif) no-repeat 0 0;
				height    : 234px;
				overflow  : hidden;
				width     : 289px; }

			#reference-detail .block-image {
				background-color   : #6f4848;
				background-repeat  : no-repeat;
				background-position: center;
				height             : 194px;
				margin-top         : 3px;
				overflow           : hidden;
				width              : 289px; }

		/* Elements
		 * -------- */

			#reference-detail .block-desc h1 {
				color      : #6f4848;
				font       : 11px Verdana,Arial,Helvetica,sans-serif;
				font-weight: bold;
				margin     : 0 0 18px;
				padding    : 0; }
			#reference-detail .block-desc p { margin: 0 0 18px; }

			#reference-detail .block-ci p { margin: 26px 5px 5px; }
			#reference-detail .block-ci strong {
				color      : #a6a6a6;
				font-weight: bold; }
			#reference-detail .block-ci a, #reference-detail .block-ci a:link, #reference-detail .block-ci a:visited, #reference-detail .block-ci a:active {
				background     : transparent url(../image/symb_refersubmenu_0.gif) no-repeat -5px 0;
				color          : #e2dada;
				padding-left   : 9px;
				text-decoration: none; }
			#reference-detail .block-ci a:hover, #reference-detail .block-ci a:focus { background-image: url(../image/symb_refersubmenu_1.gif); }