@charset "utf-8";

*
{
	margin: 0;
	padding: 0;
	border: 0 none;
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
}

html,
body
{
	background: #3b3b3b url(/design/body/body-back.png) repeat-y;
	font-size: 100.01%;
	color: #828282;
}

a
{
	text-decoration:	none;
	color:				#9D2000;
}

a:hover
{
	text-decoration: 	underline;
	color:				#000;
}

label
{
	cursor: pointer;
}

/* === [ Grundlayout ] ===================================================================== */

#wrapper
{
	width: 900px;
}

	#wrapper:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}

h1	/* Logo */
{
	width: 310px;
	height: 91px;
	font-size: 0.79em;
	background: url(/design/logo/0711-logo.png) no-repeat;
}

h2	/* Titel der Boxen */
{
	clear: left;
	float: left;
	width: 150px;
	height: 210px;
	margin: 5px 0;
	font-size: 0.7em;
}

h1, h2
{
	text-indent: -999em;
}

	h2#firmenprofil
	{
		background: url(/design/box/firmenprofil.png) no-repeat;
	}

	h2#referenzen
	{
		background: url(/design/box/referenzen.png) no-repeat;
	}

	h2#kontakt
	{
		background: url(/design/box/kontakt.png) no-repeat;
	}
	
	h2#partner
	{
		background: url(/design/box/partner.png) no-repeat;
	}

.profilbox,
.refbox,
.kontaktbox,
.partnerbox
{
	float: left;
	width: 710px;
	height: 202px;
	padding: 4px 5px;
	margin: 5px 0;
	background: url(/design/box/box-back.png) top right no-repeat;
}

	.profilbox:after,
	.refbox:after,
	.kontaktbox:after,
	.partnerbox:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}

.refbox
{
	width: 640px;
}

.partnerbox
{
	width: 560px;
	}

.kontaktbox
{
	width: 480px;
}

.contentbox
{
	float: left;
	width: 235px;
	height: 202px;
	background: url(/design/box/trenner.png) top right no-repeat;
}

.contentboxhalf
{
	float: left;
	width: 116px;
	height: 202px;
	background: url(/design/box/trenner.png) top right no-repeat;
}

	.notrenner
	{
		background: none;
	}

/* === H3, P und ADDRESS für den Inhalt ========================================================= */

h3
{
	font-size: 0.7em;
	padding: 20px 0 5px 25px;
}

p,
address
{
	font-size: 0.7em;
	line-height: 1.2;
	padding: 10px 25px;
}

	p.extraspace
	{
		padding-top: 47px;
	}

address
{
	padding: 5px 35px;
	color: #828282;
	font-style: normal;
}


/* === UL-Liste für die Referenzen ========================================================= */

ul
{
	list-style-type: none;
	font-size: 0.7em;
	padding: 8px 0 0 20px;
}

	ul:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}

	ul li
	{
		float: left;
		width: 38px;
		height: 38px;
		padding: 5px;
	}

		ul li a
		{
			display: block;
			width: 34px;
			height: 34px;
			padding: 1px;
			border: 1px solid #E1E1E1;
		}

			ul li a:hover
			{
				background-color: #9D2000;
			}

		ul li img
		{
			width: 32px;
			height: 32px;
			border: 1px solid #E1E1E1;
			display: block;
		}


/* === OL-Liste für das Formular ========================================================= */

ol
{
	list-style-type: none;
	padding: 10px 0 0 10px;
}

ol li
{
	padding-bottom: 5px;
}

	ol li:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}

input,
textarea
{
	float: left;
	clear: left;
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
	width: 156px;
	font-size: 0.7em;
}

	input#form_submit
	{
		margin-top: 0;
		background-color: #3B3B3B;
		color: #fff;
		width: 162px;
	}

label
{
	float: left;
	width: 48px;
	padding: 2px 0 2px 5px;
	font-size: 0.7em;
}

	p.errormessage
	{
		padding: 1px;
		margin: 0 5px;
		border: 1px solid #c00;
		color: #c00;
		text-align: center;
	}

	p.successmessage
	{
		padding: 1px;
		margin: 0 5px;
		border: 1px solid #090;
		color: #090;
		text-align: center;
	}

/* === H4 für den Impressumslink === */

h4
{
	clear: both;
	padding: 25px 0 100px 85px;
	font-size: 0.7em;
	font-weight: normal;
}

h4 a
{
	color: #828282;
	text-decoration: none;
}

	h4 a:hover
	{
		color: #fff;
		text-decoration: underline;
	}

/*===Impressum===*/

#impressum
{
	width: 550px;
	margin: 0 0 0 200px;
	border-right: 1px solid #828282;
}

h5

{
	font-size: 0.9em;
	color: #cecdcd;
	font-weight: normal;
	line-height: 1.3;
	padding-bottom: 0.3em;
	clear: both;

}

#impressum dl
{
	padding-top: 15px;
	color: #cecdcd;
	font-size: 0.79em;
	width: 30em;
	line-height: 1.5;
}

#impressum dl dt
{
	width: 10em;
	font-weight: bold;
	clear:left;
	float:left;
}

#impressum dl dd
{
	width: 20em;
	font-weight: normal;
	float: left;

}

#impressum dl a
{
	color: #cecdcd;
	text-decoration: underline;
}

#impressum dl a:hover
{
	color: #9d2000;
	text-decoration: underline;
}

#impressum dl:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}

#impressum p
{
	font-size: 0.69em;
	color: #cecdcd;
	line-height: 1.5;
}

#impressum hr
{
	height: 1px;
	width: 400px;
	padding-top:20px; 
}