@charset "UTF-8";
/* STAUFFER Auktionen Globales CSS Dokument */

html, body {
	margin: 0;
	padding: 0;
	background-image: url(../grfx/bg.jpg);
	background-repeat: repeat-x;	
	font: normal 11px HelveticaNeue, "Helvetica Neue", helvetica, arial;
	color: #333333;
	line-height: 1.5;
	height: 99%;
}

* {
	margin:0px;
	padding:0px;
}

:focus { outline: 0;}

img { 
border: 0;
-ms-interpolation-mode:bicubic; }

.clear {
clear: both; }

.right {
float: right; }

.left {
float: left; }

hr, .hide {
display: none; }

/*SITEMAP*/
.csc-sitemap {
	display: block;
	width: auto;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	margin: 0px auto;
	padding: 0px 0px 0px 15px;
}
.csc-sitemap li a {
 font-size:11 px;
 color:#000000;
 text-decoration:none;
}

.csc-sitemap li a:visited {
 font-size:11 px;
 color:#333333;
 text-decoration:none;
}

.csc-sitemap li a:hover {
 color:#5fbe55;
 text-decoration: underline;
}



/*STRUCTURE*/

* html #framework {
     height: 100%;
}

#framework {
	position: absolute;
	width: 1000px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	min-height:100%;
	height:auto;
}

#header {
	position: relative;
	width: 1000px;
	background-image: url(../grfx/header_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	height:150px;
}

#top {
	position:absolute;
	margin: 0px auto;
	padding: 0px 0px 0px 300px;
	width:700px;
	height:100px;
}

#mainnavi {
	position:absolute;
	float: left;  
	display: block;
	text-align: left;
	margin: 0px auto;
	padding: 102px 0px 0px 300px;
	height:67px;
	z-index:15;
}

#login {
	position:absolute;
	font: normal 11px HelveticaNeue, "Helvetica Neue", helvetica, arial;
	margin: 0px auto;
	padding: 570px 0px 0px 10px;
	height:80px;
	width:180px;
	z-index:15;
}

#language {
	position:absolute;
	margin: 0px auto;
	padding: 80px 0px 0px 810px;
	height:25px;
	z-index:15;
}

#contentarea {
	position: absolute;
	width: 1000px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	min-height:99%;
	height:auto;
}

#keyvisual {
	position:absolute;
	background-image: url(../grfx/subnavi_keyvisual_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width:300px;
	height:50px;
	z-index:5;
}

#subnavi {
	position:absolute;
	float: left;  
	display: block;
	text-align: left;
	background-image: url(../grfx/subnavi_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 50px;
	padding: 16px 10px 0px 0px;
	width:200px;
	height:237px;
	z-index:30;
}

#contact {
	position:absolute;
	float: left;  
	display: block;
	text-align: left;
	margin-top: 294px;
	padding: 10px 0px 0px 10px;
	width:200px;
	height:237px;
	z-index:6;
}

#latestauction {
	position:absolute;
	margin: 0px auto;
	padding: 80px 0px 0px 810px;
	text-align: left;
	width:200px;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	font-size: 11px;
	font-face: bold;
	color: #007500;
	z-index:2;
}

#auction {
	position:absolute;
	margin: 0px auto;
	padding: 130px 0px 0px 800px;
	width:300px;
	height:auto;
	z-index:2;
}

/*MAINNAVI*/

#mainnavi ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
	float: left;
	text-align: left;
	display: block;
	white-space:pre;
}

#mainnavi li {
	display: block;
	height: 38px;
	width: auto;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	/*text-transform: uppercase;*/
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 28px;
	color: #ffffff;
	text-indent: 10px;
	float: left;
	text-align: left;
	white-space:pre;
	padding-left: 10px;
	padding-top: 10px;
}

#mainnavi li a:active  {
	display: block;
	color: #5fbe55;
	text-decoration: none;
}

#mainnavi li a:visited  {
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#mainnavi li a:link {
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#mainnavi li a:hover  {
	display: block;
	color: #5fbe55;
	text-decoration: none;
}

#mainnavi_active  {
	display: block;
	color: #5fbe55;
	text-decoration: none;
}
#mainnavi_inactive  {
	display: block;
	color: #ffffff;
	text-decoration: none;
}


/*LANGUAGE*/

#language  ul  {
	list-style: none;
	margin : 0;
   	padding : 0
	}

#language  li {
	float: right;
	padding: 0 0 0 2px; 
	color: #ffffff;
	margin : 0;
   	padding : 0
}

#language  li  a {
	text-decoration: none;
	color: #ffffff;
}

#language  li  a:hover {
	color: #007500;
}

#language  li  a:active {
	text-decoration: none;
	color: #007500;
}

a.language:active  { font-size: 8pt; color:#404040; font-weight:normal; text-decoration:underline;}


/*SUBNAVI*/

#subnavi ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
	float: left;
	text-align: left;
	display: block;
	white-space:pre;
}

#subnavi li {
	display: block;
	width: auto;
	text-align: left;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 22pt;
	color: #ffffff;
	text-indent: 10px;
	float: left;
	white-space:pre;
}

#subnavi li a:active  {
	display: block;
	color: #5fbe55;
	text-decoration: none;
}

#subnavi li a:visited  {
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#subnavi li a:link {
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#subnavi li a:hover  {
	display: block;
	color: #5fbe55;
	text-decoration: none;
}

#subnavi_active  {
	display: block;
	color: #5fbe55;
	text-decoration: none;
}
#subnavi_inactive  {
	display: block;
	color: #ffffff;
	text-decoration: none;
}


/*CONTENT*/

#content {
position:absolute;
min-height:1000px;
height:auto;
width: 580px;
pading-right: 20px;
font: normal 10px HelveticaNeue, "Helvetica Neue", helvetica, arial;
color: #333333;
line-height: 20px;
margin-right: 40px;
margin-left: 200px;
margin-top: 50px;
padding: 28px 20px 20px 20px;
border-left: #ccc solid 1px;
border-right: #ccc solid 1px;
voice-family: "\"}\"";
voice-family: inherit;
width:600px;
z-index: 100;
}
html>body #content {
width:560px;
}


/*AUCTION*/

#auction ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
	float: left;
	display: block;
	white-space:nowrap;
}

#auction li {
	display: block;
	width: auto;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	font-size: 11px;
	color: #000000;
	text-indent: 10px;
	float: left;
	white-space:nowrap;
}

#auction li a:active  {
	display: block;
	color: #5fbe55;
	text-decoration: none;
}

#auction li a:visited  {
	display: block;
	color: #000000;
	text-decoration: none;
}

#auction li a:link {
	display: block;
	color: #000000;
	text-decoration: none;
}

#auction li a:hover  {
	display: block;
	color: #5fbe55;
	text-decoration: none;
}

#auction_active  {
	display: block;
	color: #5fbe55;
	text-decoration: none;
}
#auction_inactive  {
	display: block;
	color: #000000;
	text-decoration: none;
}




/*TYPO*/

h1 {
font-family: Times;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #000000;
float: left;
margin: 0px 0px 0px 0px;
white-space:pre;
}

h2 {
font-family: Times;
font-weight: normal;
font-size: 18px;
line-height: 40px;
color: #007500;
float: left;
margin: 0px 0px 0px 10px;
white-space:pre;
}

h2 a:link, 
h2 a:active, 
h2 a:visited  {
color: #ff4300; 
text-decoration: none; }

h2 a:hover  {
color: #ff4300;
text-decoration: underline; }

h3 {
font-family: Georgia, serif;
font-weight: bold;
font-size: 11px;
color: #000;
margin: 0px 0px 15px 0px; }

h3 a:link, 
h3 a:active {
color: #ff4300; 
font-weight: bold;
text-decoration: none; }

h3 a:visited  {
color: #7ecfed; 
text-decoration: none; }

h4 {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-weight: normal;
font-size: 11px;
line-height: 40px;
color: #aaa;
float: right; 
margin: 0px 4px 0px 0px; }

h4 a:link, h4 a:active, h4 a:visited  {
color: #999;
text-decoration: none; }

h4 a:hover  {
color: #00aeef;
text-decoration: underline; }

.sort_form {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-size: 11px;
float: right; 
margin: 10px 0 0 0; }

.body h4 {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-weight: normal;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #999; 
float: none;
margin: 0px 4px 0px 0px; }

p {
font: normal 11px HelveticaNeue, "Helvetica Neue", helvetica, arial;
color: #666666; 
margin: 0px 0px 0px 0px; 
padding: 0px;
line-height: 1.5;}

p a:link, 
p a:visited  {
color: #333333; 
text-decoration: none;
font-weight: bold; }


p a:active  {
color: #007500; 
text-decoration: none;
font-weight: bold; }

p a:hover  {
color: #007500;
text-decoration: underline; 
font-weight: bold; }


#li a:link, 
.crosslink a:active, 
.hyperlink a:visited  {
color: #666666; 
text-decoration: none; }

#li a:hover  {
color: #ff7700;
text-decoration: underline; }



.crosslink a:link, 
.crosslink a:active, 
.hyperlink a:visited  {
color: #666666; 
text-decoration: none; }

.crosslink a:hover  {
color: #ff7700;
text-decoration: underline; }


/*FOOTER*/
#footer {
	position:absolute;
	width:100%;
	height:30px;
	margin: auto;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	background: #b1b3b4;
	top: 7px;
}
.footer a {
 font-family: Verdana;
 color: #666666;
 text-decoration: none;
}
.footer a:link {
 color: #666666;
}
.footer a:visited {
 color: #666666;
}
.footer a:hover {
 color: #ffffff;
}
.footer a:active {
 color: #ffffff;
}