* { font: 12px Verdana, Geneva, sans-serif; }

body {
	margin: 0px;
	background-color: white;
}

/*** Layout Elements to hide ***/
#NavArea, #Sidebar, #Footer, #HtmlTemplates, #Overlay { display: none !important; }

a, img { border: none; }
table {
	table-layout: fixed;
	border-collapse: collapse; 
}

h1, h2 { margin: 0px; }

h1 {
	font-size: 28px;
	margin-top: 2px;
	margin-bottom: 20px;
}

body:not(.browser-ie) h1 { line-height: 30px; }

h2 {
	margin-top: 10px;
	border-top: 1px dotted black !important;
	padding-top: 5px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

h3 {
	margin-top: 15px;
	margin-bottom: 4px;
	color: #346b80;
}

em { color: #346b80; }

a {
	color: black;
	text-decoration: none;
}

p {
	margin-top: 0px;
	margin-bottom: 10px;
}

ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ol {
	padding: 10px 0px 20px 20px;
	margin: 0px;
}

hr {
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%;
	height: 1px;
	line-height: 1px;
	background: url('../images/line.png') repeat-x;
}

.links li, a.links {
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 14px; 
}

.links span.text { display: inline !important; }
a.links { margin-left: 1px; }

/*** Header ***/
/*
TODO: background-image is not printed

#Header {
	background-image: url("../images/logo_hotfeet_gmbh.png");
	width: 214px;
	height: 44px;
}

#Header a { display: none; }
*/
#Header span { font-weight: bold;; }
#Header span.extended { display: none; }

/*** Navigation Path ***/
#NavPath {
	margin-top: 12px;
	margin-bottom: 26px;
}

#NavPath span { margin-right: 6px; }

/*** Content ***/
#Content { width: 894px; }

#Body {
	width: 649px;
	margin-bottom: 46px; /* 26px are already provided by .block */
}

.block {
	margin-bottom: 26px;
	width: 100%;
	overflow: hidden;
}

p, li { width: 550px; }

.block.decorated p {
	margin-left: 270px;
	width: 330px;
}

.deco {
	float: left;
	clear: left;
	margin-right: 17px;
	margin-bottom: 10px;
}

.deco img {
	display: block;
	margin-bottom: 3px;
	width: 250px;
	border: 1px solid #B0B0B0;
}

.caption { font-size: 11px; }

h3:first-child { margin-top: 0px; }

ul li {
	background-image: url('../images/list_item_marker.png');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px; 
}

/* for lists with multi-line items */
.spacious li { margin-bottom: 5px; }
.links a, a.links { padding-bottom: 1px; }


/*** ContentFooter ***/
#ContentFooter { width: 100%; }

#ContentFooter, #ContentFooter a {
	font-size: 11px;
	color: rgb(145, 155, 155);
}

#ContentFooter hr { padding-bottom: 8px;}