/* @group Allgemeine Definitionen */

html
{
	font-family: arial, sans-serif;
	font-size: 12px;
	background: white; 
	color: #545856;
}

body
{
	width: 100%;
	height: 100%;
	margin: 0 0 20px 0;
	padding: 0;
}

img
{
	border: 0;
}

form, input, textarea, select
{
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 12px;
}

/* @end */

/* @group Kopf */

div#header
{
	position: relative;
	width: 687px;
	height: 95px;
	background: url(/assets/site/images/contentBackgroundHead.gif) no-repeat;
}

/* @group Logo */

div#header h1
{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 214px;
	height: 85px;	
	margin: 0;
	
	text-indent: -1000em;
	overflow: hidden;
	background: url(/assets/site/images/logo.gif) no-repeat;
}

/* @end */

/* @group Meta-Navigation */

div.metaNavigation
{

}

div.metaNavigation ul
{	
	margin: 0;
	padding: 0;
	
	list-style-type: none;
}

/* @group Einträge */

div.metaNavigation ul li
{
	float: left;
	margin: 0;
	padding: 0;
	
	color: white;
	margin-top: 45px;
}

div.metaNavigation a
{
	padding: 0 4px;
	
	color: white;
	text-decoration: none;
}

div.metaNavigation a:hover,
div.metaNavigation ul li.active a
{
	text-decoration: underline;
}

/* @end */

/* @end */

/* @end */

/* @group Navigation */

div.navigation
{
	position: absolute;
	left:  215px;
	top: -39px;
	
	width: 400px;
}

/* @group Einträge */

div.navigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.navigation ul li
{
	float: left;
	margin: 0;
	padding: 0;
}

div.navigation ul li a
{
	display: block;
	width: 99px;
	height: 49px;
	margin-top: 10px;
	padding: 0;
	
	color: white;
	text-decoration: none;
	text-align: center;
	
	font-size: 12px;
	font-weight: bold;
	line-height: 49px;
	background: url(/assets/site/images/naviBackground.gif) no-repeat;
}

div.navigation ul li a:hover,
div.navigation ul li.active a
{
	margin-top: 0;
	padding-bottom: 10px;
	background-image: url(/assets/site/images/naviBackgroundActive.gif);
}


/* @end */

/* @end */

/* @group Hauptcontainer */

div.site 
{
	position: relative;
	width: 687px;
	margin: 86px auto 20px auto;
	padding: 0;
	background: #ffffff url(/assets/site/images/contentBackground.gif);
}

/* @group Inhalt */

 div.content
{
	padding: 20px 20px 0px 224px;
	width: 433px;
	
	line-height: 18px;
}

/* @group Absatzformate */

 div.content h3
{
	font-size: 22px;
	margin: 0 0 17px 0;
	font-weight: normal;
	line-height: 120%;
	color: #85928a;
}

 div.content h3.nontop
{
	clear: both;
	margin-top: 40px;
}

 div.content h4
{
	font-size: 12px;
	margin: 16px 0 0 0;
}

 div.content p
{
	margin: 0 0 12px 0;
}

/* @end */

/* @group Links */

 div.content a
{
	color: #545856;
}

/* @end */

/* @group Einfache Listen */

 div.content ul
{
	margin: 0 0 12px 0;
	padding: 0;
	line-height: 140%;
	list-style-type: none;
}

 div.content ul li
{
	margin: 4px 0 6px 0;
	padding-left: 11px;
	background: url(/assets/site/images/iconBullet.gif) no-repeat 0 5px;
}

/* @end */

/* @group Referenzliste */

div.content div.portfolio
{
	clear: both;
	margin-bottom: 18px;
}

div.content div.portfolio h4,
div.content div.portfolio p
{
	margin-left: 110px;
}

div.content div.portfolio a.thumbnail
{
	float: left;
	display: inline;
	width: 110px;
	margin: 0 8px 8px 0;
}

div.content div.portfolio a.hidden
{
	display: none;
}

div.content div.portfolio img
{
	width: 110px;
}

/* @end */

/* @end */

/* @end */

/* @group Footer */

div#footer
{
	position: relative;
	clear: both;
	height: 30px;
	background: url(/assets/site/images/contentBackgroundUnten.gif) no-repeat;	
}

/* @end */

/* @group Metanavigation */

div#metaNavigation
{
	position: absolute;
	right: 20px;
	bottom: -7px;
}

div#metaNavigation ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 10px;
}

div#metaNavigation ul li
{
	display: inline;
	padding-left: 8px;
}

div#metaNavigation ul li a
{
	color: #545856;
	text-decoration: none;
}

div#metaNavigation ul li a:hover,
div#metaNavigation ul li.active a
{
	text-decoration: underline;
}
/* @end */