/* ********************************* general items *********************************** */

body {
	margin: 0;
	padding: 0;
	font-family: trebuchet ms, arial, verdana;
	background-color: #e9e9e9;}
	
# {
	margin: 0;
	padding: 0;}
	
a, area {
	text-decoration: none;
	outline: none;}



/* ********************************* site structure *********************************** */
	
#area_top {
	height: 125px;
	background-color: white;}
		
#area_bottom {
	background-image: url(../content/background/green_pixels.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 20px 0px 0px 0px;}
	
#container_header {
	width: 870px;
	height: 100%;
	margin: 0px auto;}	

#container_site_index {
	width: 870px;
	margin: 0px auto;
	background-color: white;}
	
#container_site {
	width: 870px;
	margin: 0px auto;
	background-color: white;
	background-image: url(../content/background/grey_pixel.gif);
	background-repeat: repeat-y;
	background-position: 177px;}
	
#container_navigation {
	width: 177px;
	float: left;}
	
#container_content {
	width: 693px;
	float: right;}
	
#clear_float {
	clear: both;}
	
#container_footer {
	width: 870px;
	margin: 0px auto;}
	
	
/* ********************************* site parts *********************************** */

#logo {
	position: relative;
	top: 30px;
	float: left;}
	
#address {
	position: relative;
	top: 26px;
	float: right;
	text-align: right;}
	
#navigation {
	padding:20px 1px 20px 1px;
}
	
#link_concept_design {
	width: 78px;
	height: 11px;
	margin: 10px 0px 0px 0px;
	float: right;}


/* ********************************* contents *********************************** */

/* indexsite */
#flash {
	font-size: 0px;
	width: 693px;
	height: 320px;}

#container_teaser {
	position: relative;
	height: 162px;
	margin: -40px 0px 0px 19px;}

#teaser {
	margin: 0px 9px 0px 0px;
	float: left;}
	
#teaser_1 {
	width: 157px;
	height: 162px;
	display: block;
	background-image: url(../content/teasers/teaser_1.jpg);
	background-position: left;}
:hover#teaser_1 {
	background-position: right;}
	
#teaser_2 {
	width: 157px;
	height: 162px;
	display: block;
	background-image: url(../content/teasers/teaser_2.jpg);
	background-position: left;}
:hover#teaser_2 {
background-position: right;}
	
#teaser_3 {
	width: 157px;
	height: 162px;
	display: block;
	background-image: url(../content/teasers/teaser_3.jpg);
	background-position: left;}
:hover#teaser_3 {
	background-position: right;}

#teaser_4 {
	width: 157px;
	height: 162px;
	display: block;
	background-image: url(../content/teasers/teaser_4.jpg);
	background-position: left;}
:hover#teaser_4 {
	background-image: url(../content/teasers/teaser_4.jpg);
	background-position: right;}
	
/*following sites */

#container_title{}

#title {
	margin: 20px 20px 20px 20px;}
	
#content {
	margin: 0px 20px 20px 20px;}
		
#copy {
	width: 440px;
	margin: 0px 0px 20px 0px;
	float: left;}

#adds {
	width: 202px;
	margin: 0px 0px 20px 0px;
	float: right;}

#legend {
	margin: 10px 5px 0px 5px;}


/* ********************************* navigation styles *********************************** */
	
#navigation ul {
	font-size: 11px;
	line-height: 15px;
	text-indent: 20px;
	color: #aa261f;
	margin:0;
	padding: 0px 0px 10px 0px;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	background-image:none;
}

#navigation li {
	padding: 0px;
	background-image: none;
}

#navigation a {
}

#navigation a:hover {
	background-color: #ccdf2c;
}

#navigation li li a {
	display: block;
	color: black;
	padding: 0px 0px 0px 10px;
	height: 15px;
	text-decoration: none;
}

#navigation ul li ul li a:hover {
	background-color: #ccdf2c;
	color:#000000; /* enable hover in IE7 */
}

#navigation li li a:hover {
	background-color: #ccdf2c;
}

#navigation li li#active a {
	background-color: #ccdf2c;
}

/* ********************************* links *********************************** */

#concept_design {
	width: 78px;
	height: 11px;
	display: block;
	font-size: 0px;
	background-image: url(../content/text/concept_and_design.gif);
	background-position: left;}
:hover#concept_design {
	background-position: right;}


/* ********************************* font styles *********************************** */

.title {
	font-size: 18px;}
	
.lead {
	font-size: 13px;
	line-height: 18px;}

.normal {
	font-size: 11px;
	line-height: 18px;}
	
.small {
	font-size: 10px;
	line-height: 14px;}
	
.bold {
	font-weight: bold;}
	
.red {
	color: #aa261f;}
	
.grey {
	color: #888888;}
	
.black {
	color: black;}

ul {
	margin: 0;
	padding: 0;}
	
li {
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	padding: 0px 0px 0px 10px;
	background-image: url(../content/icons/square.gif);
	background-repeat: no-repeat;
	background-position: left 8px;}