/*
------------------------------------------------------------------------------------------- GLOBALs
*/	
img {
	margin: 0;
	padding: 0;
	border: 0 none;
	}
img.card100 {
	width:100px;
	height: 142px;
	}
img.card200 {
	width:200px;
	height: 285px;
	}
img.bighover___off:hover {
	position: static;
	bottom: 0px;
	right: 0px;
	display: inline-block;
	width: 200px;
	height: 285px;
	z-index:1;
	}
h1 {
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-variant: small-caps;
	color: #666;
	font-size: 233%;
	margin:0;
	padding:0;
	}
h2 {
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	letter-spacing: -1px;
	font2-variant: small-caps;
	color: #666;
	font-size: 200%;
	margin:0;
	padding:0;
	}
h3 {
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	letter-spacing: -1px;
	font2-variant: small-caps;
	color: #666;
	font-size: 1.6em;
	margin:0;
	padding:0;
	}
h4 {
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	letter-spacing: -1px;
	font2-variant: small-caps;
	color: #666;
	font-size: 1.2em;
	margin:0;
	padding:0;
	}
h3 a, h4 a {
	color: #666;
	}
h1 span, h2 span, h3 span, .ueberschrift span, .orange {
	color: #DE7008;
	}
/* 
// Oranger Teil der Links auf der Frontseite
a span.orange:hover {
	color: #AE4008;
	}
*/
a {
	color: #DE7008;
	text-decoration: none;
	}
a:hover {
	color:#333;
	}
a.weiterlink {
	display: block;
	float:right;
	padding:6px;
	border: 1px dotted #DE7008;
	color:#333;
	}
a.weiterlink:hover {
	color: #DE7008;
	}
a span {
	color:#333;
	}
form {
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	}
form small form span.grey {
	color: #666;
	}
form input, form select {
	margin: 6px 1px 6px 1px; 
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	border: 1px solid #ccc; 
	color: #666;
	padding: 1px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	-webkit-box-shadow: 1px 1px 1px 1px ;
	-moz-box-shadow: 1px 1px 1px 1px ;
	box-shadow: 1px 1px 1px 1px ; 
	}
form input:hover, form select:hover {
	border: 1px solid #DE7008; 
	background:#eee;
	color:#333;
	}
form input:focus, form select:focus {
	border: 1px solid #DE7008; 
	color:#333;
	}
textarea, .inputshadow {
	background: #fff;
	padding: 4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	-webkit-box-shadow: inset 1px 1px 4px 1px ;
	-moz-box-shadow: inset 1px 1px 4px 1px ;
	box-shadow: inset 1px 1px 4px 1px ;  
	}
div.picklinks {
	display: inline;
	color: #666;
	margin-left:16px;
	font-size: 83%;
	}
.weiterbutton {
	display: block;
	float:right;
	padding:5px;
	margin:2px;
	text-align:center;
	border: none;
	color: #333;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	}
.weiterbutton:hover {
	color: #DE7008;
	}
.subtitle {
	font-size: 90%;
	color: #333;
	}
.special {
	display:none;
	}
.underline_dotted {
	width: 100%;
	border-bottom: 1px dotted #666;
	margin-bottom: 3px;
	}
.trailimg {
	position:absolute; 
	left: -2px; 
	top:-5px; 	
	width:200px; 
	height:285px; 
	border: 1px solid #DE7008; 
	background:black; 
	padding: 8px; 
	visibility:hidden; 
	z-index:1999;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; 
	}
.curDef {
	cursor: default;
	}
.inline {
	display: inline;
	}
/*
------------------------------------------------------------------------------------------- CONTAINER
*/
body {
	margin: 0;
	padding: 0;
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	/* background: #fff url('pix/verlauf_org1.png') repeat-x; */
	background: #de7008; /* Old browsers */
	background: -moz-linear-gradient(top, #de7008 0%, #f6e6b4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de7008), color-stop(100%,#f6e6b4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #de7008 0%,#f6e6b4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #de7008 0%,#f6e6b4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #de7008 0%,#f6e6b4 100%); /* IE10+ */
	background: linear-gradient(top, #de7008 0%,#f6e6b4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de7008', endColorstr='#f6e6b4',GradientType=0 ); /* IE6-9 */
	}
.topmenu {
	background: #fff url('pix/bkg_cd3.jpg') no-repeat;
	position: relative;
	margin: 0; padding: 0;
	top: 0px;
	left: 0px;
	height: 51px;
	width: 976px;
	}
.main {
	width: 1096px;
	margin: 0 auto 0 auto;
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	/* background: #fff; */
	}
.top {
	width: 900px;
	clear: left;
	/* background: #fff; */
	height: 126px;
	margin-top:5px;
	}
.cont {
	background-color: #fff;
	margin: 30px 0 0 5px;
	padding: 0 10px 0 10px;
	}
.box {
	margin: 2px;
	display:block;
	float:left;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	}
.borderedbox {
	-webkit-box-shadow: 1px 1px 1px 1px ;
	-moz-box-shadow: 1px 1px 1px 1px ;
	box-shadow: 1px 1px 1px 1px ; 
	border: 1px solid #ddd; margin-bottom:12px;padding:8px;
	}
.pickinhalt {
	display:block;
	float:left;
	color: #333;
	margin: 2px;
	padding: 8px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	}
.pickinhalt_____:hover {
	background:#eee;
	outline: 1px solid #666;
	}
.inhalt {
	display:inline-block;
	float:left;
	color: #333;
	margin: 2px;
	padding: 8px;
	border: 1px solid #999;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	-webkit-box-shadow: 1px 1px 1px 1px ;
	-moz-box-shadow: 1px 1px 1px 1px ;
	box-shadow: 1px 1px 1px 1px ; 
	background:#eee;
	background: rgb(246,248,249); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */


	}
.inhalt h2 {
	position:relative;
	top:-8px;
	left: -4px;
	margin:0;
	}
.inhalt h3 {
	position:relative;
	top:-8px;
	left: -4px;
	margin:0;
	}
.ueberschrift {
	margin: 12px 0 0 0;
	}
.pickbox {
	display: inline;
	position: relative;
	top: -198px;
	left: 720px;
	height:120px;
	width: 200px;
	z-index: 1;
	}
.pickcomment {
	background:#fff; 
	margin: 12px; 
	margin-left:124px;
	padding: 12px;
	display: inline;
	width: 600px;
	border: 1px solid #999;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	-webkit-box-shadow: 1px 1px 1px 1px ;
	-moz-box-shadow: 1px 1px 1px 1px ;
	box-shadow: 1px 1px 1px 1px ; 
	}
.comment-link {
	margin: 20px 12px 2px 2px;
	padding: 12px;
	display:inline;
	float: right;
	width: 140px;
	color:#666;
	font-size:83%;
	background: #fff;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	}
.comment-link p {
	margin: 0 0 4px 0;
	padding: 0;
	}
.comment-link big a {
	color:#333;
	}
.comment-link big a:hover {
	color:#DE7008;
	}
.comment {
	display:table;
	}
.comment-header {
	margin: 2px 7px 0 2px;
	display:block;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	}
.comment-body {
	margin: 2px 2px 0 7px;
	padding-left:40px;
	display: block;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	}
.comment-body blockquote {
	margin:2px;
	padding: 8px;
	padding-left: 38px;
	background-color: #ffd;
	background-image: url('pix/comment.png');
	background-repeat: no-repeat;
	}
.comment-body .datumszeile {
	color:#666;
	font-size: 83%;
	margin-bottom: 4px;
	}
.frontlinks {
	position: absolute;
	width: 220px;
	left: 730px;
	top: 77px;
	}
.frontlinks small a {
	padding-left:12px;
	color:#666;
	}
.frontlinks small a:hover {
	font-weight: bold;
	color: #333;
	}
/*
------------------------------------------------------------------------------------------- Leftbar
*/
.leftbar {
	background: #fff;
	width: 220px;
	float: left;
	margin: 20px 30px 0px 10px;
	}
.leftbox {
	position: relative;	
	top: 0; left: 0;
	display: block;
	line-height: 14px;
	color: #666666;
	z-index: 1;
	height: 120;
	width: 220;
	/* background2: transparent url(/pix/boxblock.png) no-repeat scroll left center; */
	}
.leftbox h2 {	
	font-size:110%;
	line-height: 14px;
	font-weight: bold;
	}
.leftbox ul {
	margin:0; padding: 0;
	list-style-type: none;
	}
.leftbox li {
	margin-top: 3px;
	}
.leftbox li a {
	color: #666;
	font-weight: bold;
	}
.leftbox li a:hover, .leftbox a:hover {
	color: #333;
	}
.leftbox a small, .bottombar a small {
	color:#666;
	}

/*
------------------------------------------------------------------------------------------- Menubar
*/
img.backlink {
	position:relative;
	margin: 0; padding: 0;
	top: 0;	left: -1px; border: 0;
	}
ul.menubar {
	list-style-type: none;
	margin: 0; padding: 0;
	display: inline-block;
	position: relative;
	left: 38px;	top: 0;
	}
ul.menubar li {
	display: block;
	float: left;
	background:#eee;
	color: #DE7008;
	margin: 2px;
	padding: 8px;
	border: 1px solid #666;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	}
ul.menubar li:hover {
	background:#fff;
	}
ul.menubar li a {
	color: #DE7008;
	}
/*
------------------------------------------------------------------------------------------- Filter Box
*/
.filterbox {
	display: inline;
	z-index:1;
	padding: 4px;
	color:#333;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	}
/*
------------------------------------------------------------------------------------------- Userinterface Box
*/
.userinterface {
	display: inline-block;
	position:absolute;
	left:610px; 
	width:150px; 
	padding: 8px;
	background-color:#eee;
	color:#333;
	border: 1px solid #666;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	}
.userinterface hover {
	background-color: #fff;
	}
.userinterface a {
	text-decoration: none;
	color:#666;
	}
.userinterface a:hover {
	font-weight: bold;
	color:#333;
	}
form.loginbox {
	margin: 0;
	margin-left: 8px;
	width: 134px;
	font-size: 83%;
	}
form.loginbox input {
	width: 130px;
	}
input.loginbutton { 
	margin: 1px; 
	width: 132px;
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	font-variant: small-caps;
	border: 1px solid #ccc; 
	background: #eee; 
	color: #DE7008; 
	padding: 1px; 
	}	
input.loginbutton:hover { 
	border: 1px solid #666; 
	background: #DE7008; 
	color: #eee; 
	}
input.color_inverse {
	background: #DE7008;
	color: #eee;
	}
input.color_inverse:hover {
	background:#eee;
	color:#DE7008;
	}
input.hoverred:hover {
	background:#d00;
	color: #eee;
	}
/*
------------------------------------------------------------------------------------------- COUCHTABLE
*/
table.couchtable {
	height: 147px;
	border: 0;
	}
td.couchtableleft {
	width:151px; 
	background:url('pix/im_couch2_left_grey.jpg');
	color:white;
	}
td.couchtablemiddle {
	width:100px;
	background:url('pix/im_couch2_center_grey.jpg');
	color:white;
	}
td.couchtableright {
	width:149px;
	background:url('pix/im_couch2_right_grey.jpg');
	color:white;
	}
td.couchtableleft:hover,td.couchtableleftactive {
	width:151px; 
	background:url('pix/im_couch2_left.jpg');
	color:white;
	}
td.couchtablemiddle:hover,td.couchtablemiddleactive {
	width:100px;
	background:url('pix/im_couch2_center.jpg');
	color:white;
	}
td.couchtableright:hover,td.couchtablerightactive {
	width:149px;
	background:url('pix/im_couch2_right.jpg');
	color:white;
	}
td.couchtableleft p, td.couchtableleftactive p {
	margin-left:52px;
	}
td.couchtablemiddle p,td.couchtableright p, td.couchtablemiddleactive p,td.couchtablerightactive p {
	margin-left:12px;
	}
table.couchtable a {
	color:white;
	}
table.couchtable a:hover {
	color:yellow;
	}
/*
------------------------------------------------------------------------------------------- Navleiste Picks
*/	
.navpick {
	margin:8px 0 8px 125px;
	color:#888;
	}
a.pick {
	text-decoration: none;
	color:#333;
	}
a.picknow {
	color:#DE7008;
	font-weight: bold;
	}
a.pick:hover, a.picknow:hover {
	color: #DE7008;
	}
h1 span.gray {
	color:#666;
	}
/*
------------------------------------------------------------------------------------------- TABLE STEP1
*/
table.step1 th {
	text-align:left;
	padding: 2px 3px 1px 3px;
	}
table.step1 td {
	padding: 2px 3px 1px 3px;
	vertical-align:top;
	height: 24px;
	}
/*
-------------------------------------------------------------------------------------------  TABLE STAT 2
*/
table.stat2 th {
	padding: 2px 3px 1px 3px;
	}
table.stat2 td {
	padding: 2px 3px 1px 3px;
	vertical-align:top;
	}
td.alt, tr.alt {
	background-color: #fef;
	}
tr.hoveron:hover {
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	}
/*
-------------------------------------------------------------------------------------------  STEP 2
*/
.tabled {
	color:#888;
	font-size:83%;
	}
.pickthiscard {
	color:#DE7008;
	border-bottom: 1px dotted #666;
	}
.pickthisimg {
	outline: 4px solid red;
	margin-right:4px; 
	margin-bottom:4px; 
	}
/*
------------------------------------------------------------------------------------------- FOOTER
*/
.cpr {
	width: 916px;
    clear: both;
	border-top: 1px dotted #333;
	margin: 16px 0 0 10px; 
	/* background: #fff; */
	height: 126px;
	}
.cpr p {
	font-family: Calibri, Tahoma, Helvetica, sans-serif;
	font-size: 83%;
	color: #888;
	padding: 6px auto 2px auto;
	}
.cpr a {
	font-weight: bold;
	text-decoration: none;
	color: #888;
	}
.cpr a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #666;
	}
/*
------------------------------------------------------------------------------------------- SPECIAL
*/
#editfastLink a {
	display:inline-block;
	margin: 1em 0 0 90px; 
	background: url('pix/editfast.jpg') 0 0 no-repeat;
	width: 222px;
	height: 67px;
	}
#editfastLink a:hover {
	background-position: -222px 0;
	}