/*

thank you for visiting this css document.


www.herbern-parat.net
(c)2009 veloton.com

--------------------------------------------------

red			#cc0000
grey		#333333
light grey	#cccccc

*/



body {
	padding: 0px;
	margin: 0px;
	background-color: #cccccc;
	text-align: center;
}
#container {
	width: 900px;
	margin: auto;
	text-align: left;
}
#header {
	width: 900px;
	height: 190px;
	background-image: url(../_images/header.jpg);
	background-repeat: no-repeat;
}
#content {
	overflow: auto;
	height: 100%;
	background-image: url(../_images/bg_content.gif);
	background-repeat: repeat-y;
}
#content_left {
	width: 320px;
	float: left;
	min-height: 500px;
	background-image: url(../_images/bg_content_left.gif);
	background-repeat: repeat-y;
}
#content_left_inside {
	padding: 20px 10px 20px 30px;
}
#content_right {
	width: 570px;
	float: right;
}
#content_right_inside {
	padding: 20px 30px 20px 20px;
}
#footer {
	clear: both;
	height: 45px;
	background-image: url(../_images/bg_footer.gif);
	background-repeat: repeat-y;
}



/*** main navigation ***/

#main_navigation {
	padding: 120px 14px 0px 0px;
	text-align: right;
}
#main_navigation ul {
	margin: 0px;
	list-style-type: none;
}
#main_navigation ul li {
	display: inline;
}
#main_navigation ul li a {
	font: normal 12px verdana;
	line-height: 18px;
	padding: 0px 15px 0px 15px;
	margin: 0px;
	color: #ffffff;
	text-decoration: none;
	border-left: 1px solid #ffffff;
}
#main_navigation ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}



/*** alphabet navigation ***/

#alphabet_navigation {
	padding: 12px 14px 0px 0px;
	text-align: center;
}
#alphabet_navigation ul {
	margin: 0px;
	list-style-type: none;
}
#alphabet_navigation ul li {
	display: inline;
	font: normal 12px verdana;
	line-height: 18px;
	padding: 0px 6px 0px 6px;
	margin: 0px;
	color: #666666;
}
#alphabet_navigation ul li a {	
	color: #ffffff;
	text-decoration: none;
}
#alphabet_navigation ul li a:hover {
	color: #333333;
	background-color: #ffffff;
}



/*** sub navigaion ***/

#sub_navigation ul {	
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sub_navigation a {
	display: block;
	font: normal 11px verdana;
	line-height: 13px;
	color: #eeeeee;
	padding: 3px 0px 2px 0px;
	text-decoration: none;
}
#sub_navigation a:hover {
	color: #ffffff;
	padding-left: 10px;
}



/*** block ***/

.block {
	background-color: #ffffff;
	margin-bottom: 20px;
}
.block_inside {
	padding: 10px;
}
.block_name {
	float: left;
	width: 400px;
}
.block_buttons {
	float: right;
	width: 85px;
}



/*** typo ***/

p, th, td, input, label {
	font: normal 11px verdana;
	line-height: 18px;
	color: #333333;
	margin-top: 0px;
}
h1 {
	font: bold 14px verdana;
	margin: 5px 0px 10px 0px;
	color: #cc0000;
}
h2 {
	font: normal 24px helvetica;
	margin: 5px 0px 0px 0px;
	color: #333333;
}
strong {
	color: #cc0000;
}
a:link, a:visited, a:active {
	color: #cc0000;
	text-decoration: none;
}
a:hover {
	color: #cc0000;
	text-decoration: underline;
}
a:focus {
	outline-offset: -1px;
	-moz-outline: none;
	outline: none;
}

#uh_categories h1 {
	color: #ddd;
}
#uh_vendors h1 {
	color: #ddd;
	margin-top: 25px;
}