/*color:#99b9e3; hellblau
	color:#1152a1; dunkelblau
	color:#eead5e; orange
	color:#66461c; braun*/

body 
{
  	margin:0;
  	padding:0;
  	font:small "Trebuchet MS",Verdana,Arial,Sans-serif;
  	background-color:#b3b7bb;
  	background-image: url("img/body_bg.png");
  	background-repeat: repeat-x;
  	background-position: top left;
	text-align:center;
}
#content
{
	width:740px;
	height:570px;
	margin:40px auto 5px auto;
	padding: 140px 50px 40px 60px;
  	background-color: transparent;
  	background-image: url("img/content_bg.png");
  	background-repeat: no-repeat;
  	background-position: top center;
	text-align:left;
}


img
{
	border:none;
}
p
{
	margin:0;
}
ul
{
	margin-top:0;
}
h2
{
	font:medium Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#66461c;
	letter-spacing:2px;
	margin:15px 0 0 0;
}
a
{
	color:#0482FF;	
}

.toggler 
{
	height:30px;
	width:719px;
	color: #222;
	margin: 0 0 1px 0;
	cursor:pointer;
	background-position:top left;
}
.toggler:hover
{
	background-position:bottom left;
}
.toggler span
{
	display:none;
}
toggler.active 
{
	color:#FF0000;
	cursor:default;
	background-position:top left;
}
toggler.active:hover
{
	background-position:top left;
}

.welcome
{
	background-image:url(img/btn_welcome.png);
}
.services
{
	background-image:url(img/btn_services.png);
}
.references
{
	background-image:url(img/btn_references.png);
}
.contact
{
	background-image:url(img/btn_contact.png);
}
 
.element 
{
	margin: 0;
	padding-top:10px;
	padding-bottom:40px;
}

#refs 
{
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
}
#refs li
{
	width: 200px;
}
#refs li a
{
	background-image:url(img/refs_bg.png);
	background-repeat:no-repeat;
	background-position: right center;
  	width: 135px;
  	height:20px;
  	display: block;
  	padding: 4px 5px 4px 20px;
  	margin: 0 0 2px 0;
  	text-decoration: none;
	color:#1152a1;
}