/*	--------------------------------------------------------------
	RESET
	--------------------------------------------------------------
*/
* { margin:0; padding: 0; } 
option {padding-left: 1px;}
html { height: 100% } 
body { 
	/*min-height: 101%;*/	
	font-size: 100.0%; /* Opera Fix */
	position: relative; 
}
img {border:0;}
fieldset {border:0;}
textarea {font-size: 99%;} 
input {font-size: 99%;} 
select {font-size: 99%;} /* Safari Fix */

/* ######################################################################################################
/* mac hide\*/
body {height:100%;}
html {height:100%;}
/* end hide */

/*	--------------------------------------------------------------
	GLOBAL STYLES (1)
*/
*{margin: 0; padding: 0;}

a {outline: none;}
/* COLORS */
a:link { text-decoration: none; color: #36c; }
a:visited { text-decoration: none; color: #36c; }
a:hover { text-decoration: underline; color: #c33; }
a:focus { text-decoration: underline; color: #000; }
a:active { text-decoration: underline; color: #000; }
.yeslink {color: #36c !important;}

a.more { white-space: nowrap; padding-right: 10px; background: url('../images/ic/arr_more-b.gif') no-repeat 100% 70%;zoom: 1; }
a.more-left { white-space: nowrap; padding-left: 10px; margin-left:5px; background: url('../images/ic/arr_more-b.gif') no-repeat left 70%;zoom: 1; }
a.underline { text-decoration:underline !important; }
a.nounderline { text-decoration:none !important; }

pre { color: #c33; } 
code { color: #c33; } /* W3C uses about the same colors for codes */

form {margin: 0; padding: 0;} 
body {background: #fff url(../images/xtr/bgt_b.gif) repeat-x center -0px; margin: 0px; padding: 0px; text-align: center; color: #58626B;} /* F0F0F0*<-bg*/
html {background: #fff url(../images/xtr/bgt_b.gif) repeat-x center -0px; margin: 0px; padding: 0px; text-align: center; color: #58626B;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2D2B2B;
	/* -x-system-font:none; */
	color:#58626B;
	/* font-family:"Segoe UI",Calibri,Helvetica,Arial,sans-serif; */
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	/* line-height:16px; */
}

/* Main Content Structure
--------------------------------------------------------------------------------------------------------*/
#WRAPPER-top {z-index:1;width: 100%; text-align: left; margin: 1px auto 0 auto; padding: 0; overflow: hidden;}
#WRAPPER-top {margin-bottom:-33px;} 			/*move left-side-function!*/

#WRAPPER {z-index:1; width: 1140px; height:auto; text-align: left; margin: 0px auto; padding: 0; /*overflow: hidden;*/}
*html div#WRAPPER {width:1143px;}

/* lrm-bins */
/* #bin-left-top {z-index:122;width: 186px;} */
#bin-left {z-index:122;width: 186px;}
#bin-right-top {z-index:1;float:right; width: 947px; text-align: left;}
#bin-right {z-index:1;float:right; width: 947px; text-align: left;}
#bin-right {margin-top:46px;} 					/*move left-side-function!*/
#bin-middle-top {z-index:1;position:relative; width: 764px; text-align: left;}

#bin-middle {zXXX-index:1;pXXXosition:relative; width: 764px; text-align: left;}

#column-right-top {float: right; width: 160px;height:15px;background:transparent url(../images/xtr/balk.gif) repeat-x left 32px;}

/*	--------------------------------------------------------------
	HEADER
	--------------------------------------------------------------
*/
#HEADER {width:100%; height:15px;margin:0px auto; padding: 0;}
#HEADER p {padding: 2px 165px 0 0px; font-size: 11px; color:#656461; text-align:right;}
#HEADER a:hover {text-decoration:underline;}
#HEADER a {color:#fff;}


/*	--------------------------------------------------------------
	NAVIGATION
	--------------------------------------------------------------
*/
#TOPNAVIGATION {width: 765px; margin-top: 28px;vertical-align:middle; }
.mainnav {padding: 0; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 22px; list-style-type: none;}
*html .mainnav {line-height: 25px;}
.mainnav li {display:inline; margin:0; padding:0px;}
.mainnav li a {text-decoration: none; padding: 4px 14px 8px 14px; color: #C0C0C0;margin:1px;}
.mainnav li a:visited {text-decoration:none;color: #BBB9B3;}
.mainnav li a:hover {margin:0px; color: #FFFFFF; text-decoration:none;position: relative; color: #646262; border: 1px solid #FFFFFF; background: #FFFFFF url('../images/bg/main_nav_active.gif') repeat-x left top;}
.mainnav li a:active {text-decoration:none;color: #FFFFFF;}
.mainnav li.selected a {margin:0px; position: relative; color: #646262; border: 1px solid #FFFFFF; background: #FFFFFF url('../images/bg/main_nav_active.gif') repeat-x left top;}
.mainnav li.selected a:hover {color: #BB0000;}
.mainnav li.selected a span {color: #646262; margin-top: 0px; padding-top:5px;}

#logo {width: 192px; height: 80px; background: url('../images/xtr/logo.gif') no-repeat 38px -5px;}

/*// Sub-navigation + Search //*/
#subnav {width: 765px; height: 30px; margin-top: -6px; margin-bottom: 0px; text-align: left; font-size:11px;}
*html div#subnav {margin-top:0px; margin-bottom: 6px;}
#subnav-form {float:right; wXXXidth: 240px; margin-top: 13px; text-align: right;}
*html div#subnav-form {margin-top: 8px;}

#subnav ul {padding-top: 16px;}
*html div#subnav ul {padding-top: 10px;}
#subnav li {display:inline; margin:0; border-right: 1px solid #C0C0C0;}
#subnav li a {text-decoration: none; color: #565656; padding: 4px 10px; margin-top: 15px;}
#subnav li a:hover {text-decoration: underline;}

.qbutton {font-size: 11px; font-weight: normal; color: #FFFFFF; background: #343a40 url('../images/bg/searchbutton_bg.gif') repeat-x right top; border: 1px solid #DDDCD8; padding:0px 2px 0px 2px;}
.qbutton:hover {cursor: pointer;}
.qsearch { width: 100px; background: #FFFFFF url('../images/bg/searchform_bg.gif') repeat-x right top; margin-right: 5px; padding:1px; border: 1px solid #D9D6CB; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px; line-height: 15px; color:#797777;}


/*	--------------------------------------------------------------
	FOOTER
	--------------------------------------------------------------
*/
#FOOTER { clear:both; background: transparent url(../images/xtr/bgb_b.gif) repeat-x left 8px; margin: 10px 0px 0px 0px; width: 100%; text-align: center;padding:0px 0 0 0;}
#footercont {width: 1024px; text-align: left; color:#888888; padding:15px 60px; margin:0 auto; bXackground-color: #f7f7f7; boXrder-bottom:7px solid #cccbcb; boXrder-top:11px solid #9c9c9c}

#footerbin { float: left; border-right: 1px dotted #b5b5b5; padding: 0px 60px 0px 20px;}
* html div#footerbin { padding: 0px 60px 0px 20px;}
#footerbinr { clear:both; margin-top:0px; padding: 10px 0px 0px 20px; text-align: center;}

#FOOTER p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #e9e9e9;}
#FOOTER a:visited,
#FOOTER a:active ,
#FOOTER a:link  { color: #e9e9e9; text-decoration: none;}
#FOOTER a:hover { color: #FFFFFF; text-decoration: none;}


/* CONTENT
--------------------------------------------------------------------------------------------------------*/
#bin-middle p {margin-bottom:11px;}

.leaderboard-o {width:752px; background-color: #fff; margin: 0px 5px 10px 0; border: 1px solid #DEDCD4; padding:10px; text-align:center;}
.leaderboard-u {width:752px; background-color: #fff; margin: 20px 5px 10px 0; border: 1px solid #DEDCD4; padding:10px; text-align:center;}

/*	breadcrumb - u r here */
#breadcrumb{color:#6c757d; font-size:10px; line-height:12px; width:auto; margin-bottom:5px; margin-left:-5px;}
#breadcrumb img{ margin:0 3px 1px;}
#breadcrumb a{color:#6c757d; text-decoration:none; padding:0 10px 0 5px;background:url("../images/ic/breadcrumbSeparator.gif") center right no-repeat;}
#breadcrumb STRONG{font-weight:bold; color:#000000; padding:0 0 0 5px; background:transparent;}

/*// LEFT SIDE //*/
#column-left {margin-top:7px;}

.leftboxtop {margin: 0px 0 0px 0; font-size:11px;}

.leftbox {border-left: 1px solid transparent;border-right: 1px solid transparent; border-top: 1px solid transparent; width: 180px; border-bottom: 1px solid transparent; margin: 9px 0 3px 0; font-family: Arial, Helvetica, sans-serif;font-size:11px;}
.leftbox h5 {height: 17px; border-bottom: 1px solid #DEDCD4; display:block; color: #646262; padding:5px 0 0 5px; margin-bottom:0px !important; font-size:12px; font-weight: bold; letter-spacing:0;}
.leftbox ul {padding: 10px 0px 10px 10px;  color: #000000;}
.leftbox li.prd {list-style: none;}
.leftbox ul li.prd {line-height: 15px; padding-left: 10px; background: url('../images/ic/sbullet_grey.gif') no-repeat 0 50%;}
.leftbox ul li.selected {line-height: 15px; padding-left: 10px; background: url('../images/ic/sbullet_blue.gif') no-repeat 0 50%;}
.leftbox a {color: #565656 !important; text-decoration: none !important;}
.leftbox a:hover {text-decoration: underline !important;}
.leftbox p { padding: 10px 0px 10px 10px;}
body .leftbox tr td {font-size: 11px; padding-left:5px; margin:0;}


/*// MIDDLE CONTENT - reusable styles //*/
.middlebox{margin-top: 10px; width:742px; border: 1px solid #DEDCD4; background-color: #fff; padding:10px 15px; font-size:12px;}
.middlebox-nomargin {margin-top: 0px; width:742px; border: 1px solid #DEDCD4; border-top:0px; background-color: #fff; padding:10px 15px; font-size:12px;}
.middleboxtop {margin-top: 0px;}
.middleboxlast {margin-top: 10px;}
.middleboxpromo {z-index:1; margin-top: 0px; width:742px; border: 1px solid #DEDCD4; padding:10px 15px 15px 15px; background: #FFFFFF url('../images/shd/shd-top_001.gif') repeat-x left top; font-size: 12px; line-height: 16px;}

/*// RIGHT SIDE //*/
#column-right {float: right; width: 160px; border: 0px solid #DEDCD4;margin-bottom:15px;}
#column-right img {margin-bottom:5px; padding:0px;}
#column-right #box {width: 160px; margin-bottom:5px; margin-left:2px; padding:0px}

div.rightbox { float: right; margin-left: 0px; width: 160px; border-bottom: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
div.rightbox p { padding: 0px 0px 10px 0px;}
div.rightbox .inner-boundary { border-top: 1px solid #DEDCD4; border-left: 1px solid #DEDCD4; border-right: 1px solid #DEDCD4; border-bottom: none;}
div.rightbox .inner-boundary .inner-border { border: 1px solid #fff; border-bottom: none; background-color: white; padding: 3px; }
div.rightbox div.last-item { border-bottom: 1px solid #c0c0c0;}
div.rightbox div.last-item div.inner-border { border-bottom: 1px solid #fff;}
div.rightbox div.first-item { border-top: none;}
div.rightbox ul { margin-bottom: 10px; margin-top: 0px; list-style-position: inside; margin-left: 0px; }
div.rightbox ul li { padding-left: 5px; margin-bottom: 0px; list-style-type: square; }
div.rightbox h4 { margin-bottom:0px; }
div.rightbox h4.title { border-left: 1px solid #DEDCD4;	border-right:1px solid #DEDCD4; border-top: 1px solid #DEDCD4; background: #FFFFFF url('../images/bg/sidebox_headbg.gif');color: #58626B; font-size: 11px; letter-spacing:0; margin-top: 3px; border-bottom:0; padding: 2px 2px 2px 5px;}
div.rightbox h4.titleblack { background-color: #2e3336; color: #fff; font-size: 11px; letter-spacing:0; margin-top: 3px; padding: 2px 2px 2px 5px;}

/* - */
.go_button {font-size: 11px; font-weight: normal; color: #FFF; background: #312E2E url('../images/bg/searchbutton_bg.gif') repeat-x right top; border: 1px solid #DDDCD8; padding:1px;}
.go_button2 {font-size: 10px; font-weight: bold; color: #312E2E; background-color: #FFF; border: 1px solid #DDDCD8; padding:1px;}
.rformfield {width:143px;font-size: 12px; color:#6E6E6E; padding: 3px; border: 1px solid #D9D6CB; background: #FFFFFF url('../images/bg/searchform_bg.gif') repeat-x right top;}
.rformfield:focus {background:#F5F5F5;border-color:#BFBFBF #E0E0E0 #E0E0E0 #BFBFBF;border-style:solid;border-width:1px 1px 1px 1px;}
.rformtext {color: #626060; font-weight: bold; line-height: 18px;}


/* shadows and doubleborders for divs */
div.shadowed { border: 1px solid #bbbbbb; }
div.shadowed div.inner-boundary { margin: -2px 0px 0px -2px; border: 1px solid #bbbbbb; background-color: #f4f4f4; background: #CCCCCC url(../images/white_line.png) left 11px repeat-x; }
div.shadowed div.inner-boundary div.inner-border { border: 1px solid #fefefe; background-color: #f4f4f4; }

.inner-boundary { border: 1px solid #d5d5d5; }
.inner-boundary .inner-border { border: 1px solid #fefefe; }


.shadow-top-001 {	background: #FFFFFF url('../images/shd/shd-top_001.gif') repeat-x left top;}
.shadow-top-002 {	background: #FFFFFF url('../images/shd/shd-top_002.gif') repeat-x left top;}
.shadow-top-003 {	background: #FFFFFF url('../images/shd/shd-top_003.gif') repeat-x left top;}
.shadow-top-004 {	background: #FFFFFF url('../images/shd/shd-top_004.jpg') repeat-x left top;}
.shadow-top-005 {	background: #FFFFFF url('../images/shd/shd-top_005.jpg') repeat-x left top;}

.shadow-bottom-001 {		background: #FFFFFF url('../images/shd/shd-bott_001.gif') repeat-x left bottom;}
.shadow-bottom-002 {		background: #FFFFFF url('../images/shd/shd-bott_002.jpg') repeat-x left bottom;}
.shadow-bottom-003 {		background: #FFFFFF url('../images/shd/shd-bott_003.png') repeat-x left bottom;}
.shadow-bottom-004 {		background: #FFFFFF url('../images/shd/shd-bott_004.jpg') repeat-x left bottom;}
.shadow-bottom-005 {		background: #FFFFFF url('../images/shd/shd-bott_005.jpg') repeat-x left bottom;}

.shadow-bottom-006 {		background: #FFFFFF url('../images/shd/shd-bott_006.jpg') repeat-x left bottom;}
.shadow-top-007 {		background: #f3f3f3 url('../images/shd/shd-top_007.jpg') repeat-x left top;}
.shadow-bottom-007 {		background: #f3f3f3 url('../images/shd/shd-bott_007.jpg') repeat-x left bottom;}
.shadow-top-008 {		background: #d8d8d8 url('../images/shd/shd-top_008.jpg') repeat-x left top;}
.shadow-bottom-008 {		background: #d8d8d8 url('../images/shd/shd-bott_008.jpg') repeat-x left bottom;}
.shadow-bottom-009 {		background: #FFFFFF url('../images/shd/shd-bott_009.jpg') repeat-x left bottom;}

.flapshadow-m{	display:block; height:17px; background: url('../images/shd/flapm.gif') no-repeat center top;}

#flapshadowwrap {
	height:17px;
	width:100%;
	float:left;
	margin-right:-100px;
}
#flapshadowcont {
	margin-right:100px;
	background:transparent;
}

#flapshadow-l {
	float:left;
	width:101px;
	background:url('../images/shd/flap-rl.png') no-repeat left top;
}
#flapshadow-m {
	margin-left: 101px;
	background:transparent;
	background:url('../images/shd/flap-m.png') repeat-x right top;
}
#flapshadow-r {
	float:right;
	width:100px;
	background:url('../images/shd/flap-rl.png') no-repeat right top;
}


/*	--------------------------------------------------------------
	ROUNDED CORNERS (css3 only)
*/
.ui-corner-tl {	
	-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;
}

.ui-corner-tr {
	-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;
}

.ui-corner-bl {
	-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;
}

.ui-corner-br {
	-moz-border-radius-bottomright:3px;	-webkit-border-bottom-right-radius:3px;
}

.ui-corner-top {
	-moz-border-radius-topleft:3px;	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;
}

.ui-corner-bottom {
	-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;	-webkit-border-bottom-right-radius:3px;
}

.ui-corner-right {
	-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;
	-moz-border-radius-bottomright:3px;	-webkit-border-bottom-right-radius:3px;
}

.ui-corner-left {
	-moz-border-radius-topleft:3px;	-webkit-border-top-left-radius:3px;
	-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;
}

.ui-corner-all {
	-moz-border-radius:3px; -webkit-border-radius:3px;
}

/* 3-Column-Lay */
#spalt3-container {
	width: 100%;
	float: left;
	margin-right: -30%;
}
#spalt3-content {
	margin-right: 30%;
}
#spalt3-left {
	width: 30%;
	float: left;
}
#spalt3-main {
	margin-left: 30%;
	text-align:center;
}
#spalt3-sidebar {
	width: 30%;
	float: right;
	text-align:right;
}