/*
Theme Name: Supreme Auction
Theme URI: http://www.supreme-auction.com
Description: No description
Version: 2.5
Author: Philipp Walter
*/


@charset "utf-8";
/* CSS Document */


/* basics */

body {
	background: #F1F1F1 url(images/background.png) top left repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
}

a, a:visited {
	color: #C00;
}

a:hover {
	color: #900;
}

.inner-space {
	padding: 10px;
}

.alignleft {
	float: left;
	margin: 0px 8px 0px 0px;
}

.alignright {
	float: right;
	margin: 0px 0px 0px 8px;
}

/* specials */

a.linkbutton {
	background: #f2f2f2 url(images/linkButton.png) repeat-x;
	background-position: 0px -3px;
	padding: 3px 10px 4px 30px;
	display: inline-block;
	width: 200px;
	text-decoration: none;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	color: #555;
	font-weight: bold;
	margin-right: 10px;
}
a.linkbutton:hover {
	color: #222;
}
.infobutton {
	background: #f2f2f2 url(images/infoButton.png) repeat-x;
	background-position: 0px -3px;
	padding: 3px 10px 4px 35px;
	display: inline-block;
	width: 280px;
	text-decoration: none;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	color: #555;
	margin: 2px 10px 2px 0px;
}

a img { border:0}

/* wrapper */

#wrapper {
	position: relative;
	width: 960px;
	left: 50%;
	margin-left: -480px;
}


/* header */

#header { background: url(images/wrapper-top.png) top left no-repeat; width: 100%; height: 150px}
#header .logo {	position: absolute; width: 320px; height: 48px; left: 5px; top: 45px}
#header .navigation { background: url(images/nav-background.png) top left repeat-x; position: absolute;	width: 950px; height: 36px; left: 5px; top: 112px}
#header .navigation a {	display: block;	font-size: 12px; color: #FFF; text-decoration: none}
#header .navigation ul { margin: 0px; padding: 0px; list-style: none}
#header .navigation ul li { margin: 0px; padding: 0px; list-style: none}

#header .navigation ul li.left { float: left}
#header .navigation ul li.left a { background: url(images/nav-right.png) top right no-repeat}
#header .navigation ul li.left a span {	background: url(images/nav-left-corner.png) top left no-repeat;	padding: 8px 30px 10px 25px; display: block}
#header .navigation ul li.left a:hover { background-position: bottom right}
#header .navigation ul li.left a:hover span { background-position: bottom left}

#header .navigation ul li.center { float: left}
#header .navigation ul li.center a { background: url(images/nav-right.png) top right no-repeat}
#header .navigation ul li.center a span { background: url(images/nav-left.png) top left no-repeat; padding: 8px 30px 10px 25px; display: block}
#header .navigation ul li.center a:hover { background-position: bottom right}
#header .navigation ul li.center a:hover span { background-position: bottom left}
#header .navigation ul li.right { float: right}
#header .navigation ul li.right a { background: url(images/nav-right-corner.png) top right no-repeat; padding: 8px 0 10px 0}
#header .navigation ul li.right a span  { background: url(images/nav-right-left.png) top left no-repeat; padding: 8px 30px 10px 25px; float:none}

#header .navigation ul li.right a:hover  { background-position: bottom right}
#header .navigation ul li.right a:hover span {	background-position: bottom left}
#header .navigation ul li.right a span img { background: none; border: 0px; vertical-align: text-top; padding: 0px 10px 0px 0px}

#header .metanav { position: absolute; top: 0px; left: 460px; width: 500px; height: 28px}
#header .metanav a { font-size: 11px; color: #333; text-decoration: none; display: block}
#header .metanav ul { margin: 0px; padding: 0px; list-style: none}
#header .metanav ul li { margin: 0px; padding: 0px; float: right}
#header .metanav ul li.left a, #header .metanav ul li.left a:visited { background: url(images/metanav.png) top left no-repeat; padding: 6px 10px 8px 10px; border-right: 1px solid #CBCBCB}
#header .metanav ul li.left a:hover, #header .metanav ul li.leftactive a { background-position: bottom left; !important}
#header .metanav ul li.center a, #header .metanav ul li.center a:visited { background: url(images/metanav.png) top center no-repeat; padding: 6px 10px 8px 10px; border-right: 1px solid #CBCBCB}
#header .metanav ul li.center a:hover, #header .metanav ul li.centeractive a { background-position: bottom center; !important}
#header .metanav ul li.right a, #header .metanav ul li.right a:visited { background: url(images/metanav.png) top right no-repeat; padding: 6px 10px 8px 10px}
#header .metanav ul li.right a:hover, #header .metanav ul li.centeractive a { background-position: bottom right; !important}
#header .metanav ul li.search  { background: url(images/metanav.png) top center no-repeat; padding: 3px 0px 4px 0px}


#login							{ float: right; margin: 0; width: 410px; background: transparent url(images/login-background.png) top left no-repeat; padding-left: 10px}
#login .loginform					{ overflow: hidden; background: transparent url(images/login-background.png) top right no-repeat; padding-right: 10px; height: 36px; }
#login .loginform span					{ float: left; display: inline-block; margin: 3px 5px 0 0; }
#login .loginform .loginfield				{ width: 120px; height: 16px; padding: 4px 4px; border: 1px solid #CCC; background: #FFF url(images/input-background.png) top left no-repeat; 
							  color: #111; font-size: 11px; }
#login .loginform .fielduser				{ background: #FFF url(images/input-background-user.png) top left no-repeat; }
#login .loginform .fieldpass				{ background: #FFF url(images/input-background-pass.png) top left no-repeat; }
#login .loginform .logindd				{ width: 40px; border: 0px; background: none; color: #FFF; }
#login .loginform .loginbutton				{ border: 0px; background: none; font-weight: bold; text-align: center; width: 70px; color: #333; 
							  font-size: 11px; padding: 4px 10px 0 10px; inline-block; }
#login .loginform .loginbutton:hover			{ color: #C00; }

#login .loginform a, #login .loginform a:visited	{ padding: 6px 10px 12px 10px; color: #333; text-decoration: none; display: inline-block }
#login .loginform a:hover, #login .loginform a:active	{ color: #C00 }

#login .loginoptions					{ margin: 6px 0px 0px 0px; line-height: 14px; }
#login .loginoptions ul					{ overflow: hidden; list-style:none; margin:0; padding:0 }
#login .loginoptions ul li				{ float: right; padding-left: 0px; padding-right: 10px; }
#login .loginoptions ul li.split			{ border-left: 1px dotted #BBB; padding-left: 10px; padding-right: 4px; }
#login .loginoptions a,
#login .loginoptions a:visited				{ font-size: 11px; color: #BBB; text-decoration: none; }
#login .loginoptions a:hover,
#login .loginoptions a:focus				{ color: #C00; }



/* search */

.search-input {
	background: url(images/search-input.png) top left no-repeat;
	font-size: 11px;
	color: #333;
	padding: 4px 0px 4px 20px;
	margin-left: 10px;
	width: 100px;
	border: 0px;
}



/* page */

#page {
	background: url(images/wrapper-bottom.png) bottom left no-repeat;
	width: 100%;
}



/* teaser */

#teaser {
	margin: 0px 7px;
}

#teaser .left{
	float: left;
	width: 620px;
}

#teaser .right{
	float: right;
	width: 320px;
}



/* inner wrapper */

#inner-wrapper {
	margin: 0px 7px;
	padding: 7px 0px 7px 0px;
}

/* content */

#content {
	font-size: 12px;
	float: left;
}

#content h2 {
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	font-weight: normal;
	color: #333;
}

#content h3 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #999;
}

#content p {
	line-height: 18px;
}

#content blockquote {
	background: #F8F8F8;
	border-bottom: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
	padding: 10px 10px 10px 10px;
	margin: 0px;
}

#content ul {
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#content ul li {
	background: url(images/li.png) no-repeat;
	background-position: 0px 4px;
	padding: 4px 24px;
}

#content ul li ul {
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#content ul li ul li {
	background: url(images/li-li.png) no-repeat;
	background-position: 0px 6px;
	padding: 4px 20px;
}

#content ul li ul li ul {
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#content ul li ul li ul li{
	background: url(images/li-li-li.png) no-repeat;
	background-position: 0px 6px;
	padding: 4px 20px;
}



#content .wp-caption {
	border: 1px solid #EEE;
	padding: 4px 0px 0px 0px;
	margin-bottom: 8px;
	text-align: center;
}

#content .wp-caption:hover {
	border: 1px solid #C00;
}

#content .wp-caption img {
	border: 0px;
}

#content .wp-caption p {
	margin: 0px;
	padding: 3px;
	font-size: 11px;
	color: #999;
}

#content a img, #content a:visited img, #content img, #content img a {
	border: 0px;
}



#content.full-noborder {
	display: block;
	width: 100%;
	padding: 0px;
}

#content.full-noborder p {
	margin: 0px;
	padding: 0px;
}

#content.full-border {
	background: url(images/border-full.png) top left no-repeat;
	display: block;
	width: 100%;
}

#content .full-end {
	background: url(images/border-full.png) bottom left no-repeat;
	display: block;
	width: 100%;
	height: 5px;
}

#content.small-border {
	float: left;
	background: url(images/border-small.png) top left no-repeat;
	display: block;
	width: 620px;
}

#content .small-end {
	background: url(images/border-small.png) bottom left no-repeat;
	display: block;
	width: 100%;
	height: 5px;
}

/* sidebar */

#sidebar {
	background: url(images/border-sidebar.png) top left no-repeat;
	display: block;
	width: 320px;
	float: right;
	margin: 0px 0px 10px 0px;
}

#sidebar .end{
	background: url(images/border-sidebar.png) bottom left no-repeat;
	display: block;
	width: 100%;
	height: 5px;
}

#sidebar h2 {
	background: url(images/sidebar-h2.png) top left no-repeat;
	font-size: 16px;
	color: #595959;
	padding: 9px 10px 9px 10px;
	font-weight: normal;
	margin: 0px;
}

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

#sidebar ul li {
	background: url(images/sidebar-li.png) no-repeat;
	background-position: -340px 0px;
	list-style: none;
	padding: 6px 10px 12px 10px;
	margin: 0px;
}

#sidebar ul li:hover {
	background-position: 0px 0px;
	cursor: default;
}

#sidebar ul li a, #sidebar ul li a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #C00;
	display: block;
	padding: 0px 0px 5px 0px;
}

#sidebar ul li a:hover {
	text-decoration: underline;
}


#sidebar ul.cats {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#sidebar ul.cats li {
	float: left;
	list-style: none;
	padding: 5px 10px 5px 10px;
	margin: 0px;
}

#sidebar ul.cats li:hover {
	background-position: -340px 0px;
}

#sidebar ul.cats li a, #sidebar ul.cats li a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #C00;
	display: block;
	padding: 0px 0px 5px 0px;
	width: 130px;
}

#sidebar ul.cats li a:hover {
	text-decoration: underline;
}



/* Posts | News */

#listPosts {
	padding-bottom: 40px;
}

#listPosts h2 {
	background: #FFF url(images/content-h2.png) bottom left no-repeat;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 5px 5px 10px 5px;
}

#listPosts h2 a, #listPosts h2 a:visited {
	text-decoration: none;
	color: #C00;
}

#listPosts p.date {
	background: #FFF url(images/type-news.png) top left no-repeat;
	margin: 0px;
	padding: 0px 0px 5px 25px;
	font-size: 11px;
	color: #999;
	display: block;
}

#listPosts p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

#listPosts img {
	float: left;
	padding: 1px;
	margin-top: 5px;
	margin-right: 8px;
	background-color: #DDD; 
}


#singlePosts {
	padding-bottom: 40px;
}

#singlePosts h2 {
	background: #FFF url(images/content-h2.png) bottom left no-repeat;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 5px 5px 10px 5px;
}

#singlePosts h2 a, #listPosts h2 a:visited {
	text-decoration: none;
	color: #C00;
}

#singlePosts p.date {
	background: #FFF url(images/type-news.png) top left no-repeat;
	margin: 0px;
	padding: 0px 0px 5px 25px;
	font-size: 11px;
	color: #999;
	display: block;
}

#singlePosts p {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	line-height: 18px;
}

#singlePosts img {
	float: left;
	padding: 1px;
	margin-top: 5px;
	margin-right: 8px;
	background-color: #DDD; 
}

#postMeta {
	background: #FFF url(images/content-h2.png) left top no-repeat;
	padding: 10px 15px 10px 15px;
}

#postMeta p {
	margin: 0px;
	padding: 4px 0px;
	line-height: 22px;
}

#postMeta p code {
	border: 1px solid #DDD;
	background-color: #F2F2F2;
	padding: 3px;
}


/* footer */

#footer {
	padding: 10px 0px 5px 0px;
	font-size: 11px;
	color: #999;
}

#footer .links ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#footer .links ul li {
	float: left;
	padding: 0px 8px 0px 8px;
}

#footer .links ul li p {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#footer .links ul li a, #footer .links ul li a:visited {
	color: #999;
}

#footer .links ul li a:hover {
	color: #666;
}

#footer .partner {
	margin: 40px 0px;
}

#footer .partner ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer .partner ul li {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	float: left;
}

#footer .partner ul li a, #footer .partner ul li a:visited {
	height: 30px;
	background-position: top left;
	display: block;
}

#footer .partner ul li a:hover {
	background-position: bottom left;
}


/* autostart */

#autostart {
	position: relative;
	top: 100px;
}

#autostart img {
	border: 0px;
}


/* pagenavi */

#postNavigation {
	width: 100%;
	text-align: center;
}

#postNavigation .wp-pagenavi a, #postNavigation .wp-pagenavi a:link {
	padding: 2px 6px 2px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #DDD;
	color: #555;
	background-color: #FFFFFF;	
}
#postNavigation .wp-pagenavi a:visited {
	padding: 2px 6px 2px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #EEE;
	color: #999;
	background-color: #FFFFFF;	
}
#postNavigation .wp-pagenavi a:hover {	
	border: 1px solid #C00;
	color: #C00;
	background-color: #FFFFFF;
}
#postNavigation .wp-pagenavi a:active {
	padding: 2px 6px 2px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #333;
	color: #333;
	background-color: #FFFFFF;	
}
#postNavigation .wp-pagenavi span.pages {
	padding: 2px 6px 2px 6px; 
	margin: 2px 2px 2px 2px;
	color: #555;
	border: 1px solid #DDD;
	background-color: #FFFFFF;
}
#postNavigation .wp-pagenavi span.current {
	padding: 2px 6px 2px 6px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #DDD;
	color: #555;
	background-color: #FFFFFF;
}
#postNavigation .wp-pagenavi span.extend {
	padding: 2px 6px 2px 6px; 
	margin: 2px;	
	border: 1px solid #DDD;
	color: #555;
	background-color: #FFFFFF;
}


/* Tarife und Funktionen */
#tarife { width:600px }
#tarife table { width:100%; border:0; border-collapse:separate;}
#tarife table tr { border:1px solid #ccc;}
#tarife table .table_top { background:url(images/table-top.png) top left no-repeat; height:33px;}
#tarife table tr td { text-align:center; height:38px; border-bottom:1px dotted #eee; width:135px;}
#tarife table tr td small { font-size:10px; color:#666;}
#tarife table tr .table_left { text-align:left; padding-left:10px; border-left:1px solid #cacaca;}
#tarife table tr .table_right { border-right:1px solid #cacaca;}
#tarife table tr .table_headline { border:0;}
#tarife table .table_bottom { background:url(images/table-bottom.png) top left no-repeat; height:5px;}
#tarife table .table_bottom td { border:0; height:5px;}
#tarife table .table_ende td { border-bottom:0;}

#tarife table .table_top th { text-align:center;}
#tarife table .table_top .table_center { background-position:-10px 0px}
#tarife table .table_top .table_left { background-position:0px 0px; text-align:left}
#tarife table .table_top .table_right { background-position:top right}



#einzelpreise { width:600px;}
#einzelpreise table { width:600px; border:0; border-collapse:separate; text-align:left}
#einzelpreise table tr { border:1px solid #ccc;}
#einzelpreise table .table_top { background:url(images/table-top.png) top left no-repeat; height:33px;}
#einzelpreise table tr td { text-align:left; height:30px; border-bottom:1px dotted #ccc; width:135px; padding:10px 0px; padding-right:20px;}
#einzelpreise table tr td strong { text-transform:uppercase; font-size:16px;}
#einzelpreise table tr td small { font-size:10px; color:#666;}
#einzelpreise table tr .table_left { padding-left:10px; border-left:1px solid #cacaca;}
#einzelpreise table tr .table_right { border-right:1px solid #cacaca; width:83px;}
#einzelpreise table tr .table_right p { padding:0; margin:0;}
#einzelpreise table tr .table_headline { border:0;}
#einzelpreise table .table_bottom { background:url(images/table-bottom.png) top left no-repeat; height:5px;}
#einzelpreise table .table_bottom td { border:0; height:5px;}
#einzelpreise table .table_ende td { border-bottom:0;}

#einzelpreise table .table_top .table_center { background-position:-10px 0px; width:390px;}
#einzelpreise table .table_top .table_left { background-position:0px 0px;}
#einzelpreise table .table_top .table_right { background-position:top right;}
#einzelpreise table b { font-size:12px;}

@media projection, screen {.tabs-hide {display: none;}}
@media print {.tabs-nav {display: none;}}

ul.subsection_tabs { list-style:none; margin:0 !important; padding:0 !important; overflow:hidden; background:0; border-bottom:1px solid #ccc }
ul.subsection_tabs li.tab { float:left; margin:0 2px !important; padding:0 !important; background:none !important}
ul.subsection_tabs li.tab a {
	display:block;
	padding:4px 10px;
	margin-top:3px;
	background:#f2f2f2;
	color:#999;
	text-decoration:none;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	border:1px solid #ccc;
	border-bottom:0;
	}
ul.subsection_tabs li.tabs-selected a { background:url(images/grad-grey.png) top left repeat-x; padding:6px 10px; color:#333; margin-top:0; margin-bottom:-3px; font-weight:bold}
ul.subsection_tabs li.tab a:hover { background-position:0 -28px}
ul.subsection_tabs li.tab a img { padding:0 10px 0 5px}

.oktext {
	-moz-border-radius:5px 5px 5px 5px;
	background-color:#D8FFA5;
	border:1px solid #649820;
	padding:10px;
}
.content_frame {
	-moz-border-radius:5px 5px 5px 5px;
	border:1px solid #ccc;
	padding:10px;
}
.float_case { overflow:hidden}



/* assets */

.round3						{ -moz-border-radius: 3px; -webkit-border-radius: 3px }
.round5						{ -moz-border-radius: 5px; -webkit-border-radius: 5px }
.hspace10					{ width: 100%; clear: both; height: 10px }


.dd						{ display:inline-block !important;}
.dd .ddTitle					{ overflow: hidden; width: 44px; margin: 1px 0 0;}
.dd .ddTitle span.arrow				{ background:url(images/dd_arrow.gif) no-repeat 0 0; float: right !important; width:16px; height: 16px; cursor: pointer; }
.dd .ddTitle span.textTitle			{ float: left  !important; font-size: 0px; margin: 6px 0 3px 0  !important; width: 16px; height: 16px; overflow: hidden;}
.dd .ddTitle span.textTitle span.title		{ display: none !important; visibility: hidden !important; }
.dd .ddChild					{ position:absolute; border: 1px solid #CCC; border-top: none; display:none; margin: 4px 0; width: 120px !important; 
						  -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;
						  -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;
						  overflow:hidden; overflow-x:hidden !important; background-color:#ffffff; }
.dd .ddChild .opta a,
.dd .ddChild .opta a:visited			{}
.dd .ddChild a					{ display:block !important; text-decoration:none; overflow:hidden; cursor:pointer; font-size: 11px; padding: 6px 0px !important; margin: 0px !important; border-top: 1px solid #F8F8F8; }
.dd .ddChild a:hover				{ background:#F2F2F2; }
.dd .ddChild a img				{ border:0; padding: 0 !important; vertical-align: middle  !important; margin: 4px 7px 0;  !important; }
.dd .ddChild a.selected				{ background:#F8F8F8; }
.hidden						{ display:none;}




/* tools */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}