/* © Studer B2BC, Switzerland  */

body,html {	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	width: 100%;
	background-color: #552727;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}	

#container {	
	width: 750px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}	

#container-header {	
	width: 670px;
	height: 85px;
	padding: 0px 40px 0px 40px;
	background-image: url(images/bg_header.gif);
	line-height: 85px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
}	

#container-name {	
	float: left;
}	

#container-slogan {	
	float: right;
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	padding-right: 10px;
}	

span, #container-name span,#container-slogan span {	
	color: #C00000;
}	

#container-eyecatcher {	
	width: 670px;
	padding: 0px 40px 0px 40px;
	height: 148px;
	background-image: url(images/bg_eyecatcher.gif);
}	

#container-navigation {	
	width: 670px;
	background-color: #C70000;
	height: 22px;
	border-bottom: 1px solid #FFFFFF;
}	

ul#navigation {	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}	

#navigation li {	
	display: inline;
	list-style: none;
	height: 22px;
}	

#navigation li a {	
	color: #FFFFFF;
	line-height: 22px;
	font-size: 11px;
	text-decoration: none;
	padding: 5px 15px 6px 15px;
	border-right: 1px solid #FFFFFF;
}	

#navigation li a:hover {	
	text-decoration: underline;
	background-color: #552727;
}	

/* page height  */
#container-content {	
	width:670px;
	background-image: url(images/bg_content.gif);
	background-repeat: no-repeat;
	padding: 20px 40px 0px 40px;
	margin: 0 0 0 0;
	height: auto;
}	

#container-content-i {	
	width:670px;
	background-image: url(images/bg_content_i.gif);
	background-repeat: no-repeat;
	padding: 20px 40px 0px 40px;
	margin: 0 0 0 0;
	height: auto;
}

#content {	
	width: 430px;
	float: left;
}
	
/* page height  */
#border {	
	width: 170px;
	height: 770px;
	margin-left: 480px;
}	

#border-i {	
	width: 170px;
	height: 1975px;
	margin-left: 480px;
}

#container-footer {	
	width: 750px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}	

#container-footer a {	
	font-weight: bold;
	padding: 0px 0px 20px 2px;
	color: #aeaeae;
}	

#container-footer a:hover {	
	color: #777777;
}	

#footer {	
	font-size: 10px;
	color: #aeaeae;
	width: 750px;
	margin-bottom: 0px;
}	

#footer-copyright {	
	float: left;
	width: 190px;
	padding-left: 10px;
}	

#footer-meta {	
	float: right;
	text-align: right;
	width: 540px;
	padding-right: 10px;
}	

.clearer {	
	clear: both;
}	

h1 {	
	font-size: 22px;
	color: #666666;
	margin: 0 0 0 0;
	padding: 0px 0 10px 25px;
	background-image: url(images/h1_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	line-height: 24px;
}	

h2 {	
	font-size: 16px;
	color: #C00000;
	padding: 0px 0 5px 25px;
	letter-spacing: 1px;
	text-transform: uppercase;
}	

h3 {	
	font-size: 14px;
	color: #C00000;
	padding: 5px 0 0px 25px;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	}

h4 {	
	font-size: 14px;
	color: #C00000;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	}

hr {	
	border: none 0;
	border-top: 1px solid #cccccc;
	height: 1px;
}	

#content hr {	
	border: none 0;
	border-top: 1px solid #cccccc;
	margin: 0px 0 0px 25px;
	height: 1px;
}	

#content p {	
	line-height: 19px;
	color: #666666;
	margin: 0 0 20px 25px;
}	

#content p a, #border p a {	
	text-decoration: none;
	color: #C00000;
	border-bottom: 1px dotted #C00000;
	padding: 2px 2px 2px 2px;
}	

#content p a:hover, #border p a:hover  {	
	text-decoration: none;
	color: #FFFFFF;
	background-color: #C00000;
	padding: 2px 2px 2px 2px;
}	

#content li {	
	line-height: 20px;
	color: #666666;
	margin: 0 0 0 15px;
}	

#content .quote {	
	border-top: 1px solid #E5E5E5;
	background-color: #f7f7f7;
	border-bottom: 1px solid #E5E5E5;
	padding: 15px 15px 15px 65px;
	background-image: url(images/bg_quote.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	color: #0066CC;
	font-style: italic;
}	

#border p {	
	line-height: 17px;
	font-size: 11px;
	color: #666666;
	margin: 0 0 15px 10px;
}	

ul#subnavigation {	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	background-image: none;
}	

#subnavigation li {	
	list-style: none;
	padding: 2px 0px 2px 10px;
	margin: 0px 0px 5px 0px;
}	

#subnavigation li a {	
	text-decoration: none;
	color: #C00000;
	border-bottom: 1px dotted #C00000;
}	

#subnavigation li a:hover {	
	text-decoration: none;
	border-bottom: 0px solid #C00000;
}	

ul#list {	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: none;
}	

#list li {	
	list-style: none;
	background-image: url(images/li_cube.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	padding: 2px 0px 2px 15px;
	margin: 0 0 0px 0px;
}

ul#news {	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: none;
}	

#news li {	
	list-style: none;
	background-image: url(images/li_cube.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	padding: 2px 0px 2px 15px;
	margin: 0 0 15px 0px;
}	

#content img {	
	background-color: #E7F1FF;
	padding: 4px;
	border: 1px solid #C00000;
}	

img.alignleft {	
	float: left;
	margin: 0 15px 5px 0px;
}	

img.alignright {	
	float: right;
	margin: 0 0 5px 15px;
}	

img.alignabove {	
	margin: 0 0 10px 0;
}