/* hauptfarben
rot 			farbe #960000
grau			farbe #555555
grün			farbe #99cc33
*/

/* layout/design */
/* begin */

body {
margin:					0px;
padding:				0px;
font-family:		Arial, Helvetica, sans-serif;
font-size:			14px;
background:			transparent url('../../img/body.jpg') repeat-x;
}

.marginTop {
margin-top:-10px;
}

#wrapper {
text-align:			center;
margin:					0 auto;
width:					990px;
}

#header {
width:					100%;
min-height:			113px;
}

	#navi {
	padding:			70px 0 0 0;
	text-align:		left;
	z-index:			3;
	}

	#navi a {
	height:					30px;
	padding:				0 20px 0 0;
	font-size:			20px;
	font-weight:		bold;
	line-height:		30px;
	color:					#a5a8aa;
	}
	
	#navi a:hover {
	color:					#99cc33;
	text-decoration:none;
	}

	#navi #usermenu a {
	height:					38px;
	padding:				0 20px 0 0;
	font-size:			15px;
	color:					#99cc33;
	}
	
	#navi #usermenu a:hover {
	color:					#555;
	}

	#header_info {
	position:			absolute;
	top:					0;
	margin:				25px 0 0 250px;
	width:				550px;
	height:				28px;
	}

	#logo {
	position:			absolute;
	top:					0;
	margin:				0 0 0 790px;
	width:				200px;
	height:				100px;
	z-index:			0;
	}

#layout{
text-align:			center;
margin:					0 auto;
position:				absolute;
top:						113px;
left:						0;
width:					100%;
z-index:				-1;
font-size:			30px;
font-weight:		bold;
color:					#999;
padding:				30px 0 0;
}

#layout h1{ font-size:30px; }

#content {
text-align:			left;
width:					990px;
padding:				0;
}

#container {
text-align:			left;
font-size:			16px;
padding:				35px 0;
width:					100%;
background:			#fff;
}

/* end */
/* layout/design */

/********************************************************************************/

/* elemente/objekte */
/* begin */

a {
font-family: Arial, Helvetica, sans-serif;
background: transparent;
color: #515151;
text-decoration: none;
text-transform: none;
padding: 0px 0px;
display:inline-block;
cursor: pointer;
}

a:hover {
color:						#83c400;
text-decoration:	underline;
}

a.normal:hover {
text-decoration:none;
background-color: transparent;
border:0;
}

a.normal img {
border:0;
}

/* end */
/* elemente/objekte */

/********************************************************************************/

.input_field {
background: url('../../img/input_field.png');
font-size:	18px;
color:			#999;
border:			0;
width:			238px;
height:			28px;
line-height:26px;
padding:		0 2px;
}
.input_login {
background: url('../../img/input_login.png');
font-size:	18px;
color:			#999;
border:			0;
width:			76px;
height:			25px;
}

hr {
border:0;
border-top:1px solid #aaa;
}

h3 {
margin:0px 5px 10px;
color:#960000;
}

span {
display:inline-block;
vertical-align:top;
}

div {
vertical-align:top;
}

.noscript {
position: 	absolute;
top:				152px;
background: #ffdddd;
border: 		0px solid #ff0000;
width:			928px;
height:			369px;
padding:		20px;
z-index: 		99999;
}

td { vertical-align:top; }

.img { border: 0px;}

ul {
margin:0;
padding:0;
list-style-position:inside;
}

.titelbox {
display:inline-block;
padding: 0px 0px 15px;
font-size: 20px;
color:#a9a9a9; /*dyrkgrey*/
}

.titelboxContent {
display:inline-block;
padding: 5px 0px 15px;
font-size: 21px;
font-weight:bold;
color:#c1c1c1; /*dyrkgrey*/
}

.textbox {
padding: 0 0px 15px;
font-size:14px;
color:#515151;
width:260px;
}

.registerb {
 margin-left: 350px;
 padding-top: 15px;
}

.info {
float:left;
background-image: url(../../img/bgeck.jpg);
background-position:left top;
background-repeat:repeat-x;
margin-top: 20px;
margin-left: 50px;
height:auto;
}

.info1 {
float:left;
background: url(../../img/bottomeck.png) left bottom no-repeat;
width:270px;
height:auto;
}

.infob {
margin-top:30px;
float:left;
background-image: url(../../img/bgeck.jpg);
background-position:left top;
background-repeat:repeat-x;
/* height:auto; */
}

.infob1 {
float:left;
background: url(../../img/bottomeck315.png) left bottom no-repeat;
width:315px;
/* height:auto; */
}

.api, .api select {
width:300px;
}

#newC table tr td {
margin:0px;
padding:1px;
/* height:auto; */
}
#newC input {
margin:0px;
height: 16px;
width: 160px;
padding:0px;
font-size:11px;
/* height:auto; */
}

#newC select {
margin:0px;
height: 18px;
width: 160px;
padding:0px;
font-size:11px;
/* height:auto; */
}

#newCbutton a:hover {
background-color: transparent;
}

.header a:hover {
background-color: transparent;
}

.contentBackend {
margin-top:0px;

}

.menu {
padding: 0 5px;
float: right;
text-align: left;
width:150px;
height: auto;
}

.registertitel {
margin-left: 460px;
margin-top: -380px;
height: 35px;
width: 331px;
background-image: url(../../img/freeregister.jpg);
}

.labelCalc {
margin-left:3px;
text-transform: uppercase;
font-size: 11px;
font-weight:bold;
}

.labelButton {
display:inline-block;
height:60px;
width:120px;
}

#label_calc_delivery.labelCalc, #label_quantity.labelCalc {
margin-left:0px;
font-size:14px;
font-weight:bold;
text-transform: none;
color:#555;
}

#calc_delivery, #quantity {
font-weight:bold;
font-size:14px;
}

.anmeldung {
float:left;
margin-left: 442px;
margin-top: -330px;
}

.clear { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }

.myspace a:link, .myspace a:visited, .myspaceul a:active, .myspace a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:bold;
	padding: 0px 10px;
}

.myspace a:hover { background-color: orange; color: white; }

.step {
  font-size: 10px;
  width:65px;
  padding: 2px 5px;
  border: 1px solid #ccc;
}

.active {
  font-weight:bold;
  color: #555;
}

input, select, textarea {
  font-size: 12px;
  margin:0;
  padding:0;
  border:1px solid #999;
}

input[type=checkbox], input[type=radio] {
  border:0;
}

#ajaxPayment input {
font-size: 18px;
}

input[type="submit"], input[type="button"] {
  margin:				0;
  padding:			0 5px 4px 5px;
  border:				0;
  border:				1px solid #ccc;
  background: 	#fff;
  color: 				#891933;
  height:				22px;
  cursor:				pointer;
}

form[name="form1"] input {
width:160px;
}

/*
input[type=checkbox] {
  position: absolute;
  left: -999em;
}

input[type=checkbox] + label {
  height: 16px;
  padding-left: 25px;
  background: url(../../img/bullet.gif) top left no-repeat;
}

input[type=checkbox]:checked + label {
  background-image: url(../../img/bullet_checked.gif);
}
*/

.big {
  font-weight:bold;
}

.inputError {
  background: #ffe5e5;
}

.error {
color:#d55;
font-size:10px;
}

.av_order {
	margin:10px 0 0;
	width:99%;
  border:1px solid #e5e5e5;
  padding:3px;
  background: #fff;
  color:#891933;
  cursor: pointer;
  font-size:11px;
}

.orderContent {
	width:99%;
  border:1px solid #e5e5e5;
  border-top:0;
  padding:3px;
  background: #fff;
  color:#891933;
  font-size:11px;
}

.av_title {
  padding: 0px 5px;
  margin: 0 5px 0 0;
  color: #b10c0a;
  border-right: 1px solid #ccc;
  font-weight:bold;
  font-size:11px;
}

.av_table {
  margin:8px 1px 2px 1px;
  background: #fff;
  border:1px solid #bbb;
  font-size:11px;
}

.av_field {
  padding:2px 5px;
  margin: 5px;
  background: #fee;
  font-size:11px;
}

.av_value {
  padding:0 2px;
  font-size:11px;
}

.small {
  font-size: 10px;
  color: #666;
}

a.iframe:hover {
  background-color: transparent;
}

.tooltip {
	z-index:10;
  max-width:350px;
	display:none;
	color:#eee;
	background: url("../../img/tooltip.png") repeat-x bottom center;
	border-bottom: 0;
	padding:2px 5px 18px;
	font-size:11px;
	cursor: default;
}

.tooltip h1 {
	font-size:15px;
	font-weight:bold;
	padding:0px;
	margin-bottom:-10px;
	margin-top:0px;
}
.tooltip h2 {
	font-size:12px;
	font-weight:normal;
	padding:0px;
	margin-bottom:-10px;
	margin-top:0px;
}

.userdata {
width:350px;
border:1px solid #eee;
padding:10px 20px;
float:left;
display:inline-block;
margin:10px 40px 10px 0;
}

.faqContainer {
  cursor:pointer;
  border:1px solid #ccc;
  margin:5px;
  padding:5px;
}

.faqHeader {
  color:#555;
  padding:2px;
}

.faqContent {
  display: none;
  margin:5px 0 3px 10px;
  font-size:13px;
}

input.account {
	width:	200px;
}

input.account_small {
	width:	99px;
}

#navibar {
clear:both;
float:left;
width:100%;
background: #dfdfdf;
margin-top:	30px;
text-align:center;
padding:0 0 30px;
}

#navibarTxt {
	margin:0 auto;
	width:990px;
	padding: 10px 10px 0;
	color:#999;
	font-size:11px;
	font-family:verdana;
}

#navibarTxt a {
	font-size:11px;
	font-family:verdana;
}

/* produktauswahl, kalkulation */
/* begin */

#priceDetailsDiv {
display:			none;
position:			absolute;
width:				990px;
height:				35px;
padding:			0;
z-index:			1;
}

#priceDetailsDiv .labelCalc {
display:none;
}

#priceDetailsDiv .boxCalc {
text-align:left;
margin:7px 10px 0 0;
width: auto;
}

#priceDetailsDiv #box_quantity select {
background:		#fff;
border:				1px solid #999;
margin:				0px 0 0px;
color:				#333;
font-size:		14px;
color:				#666;
}

#priceDetailsDiv #box_calc_delivery select {
background:		#fff;
border:				1px solid #999;
margin:				0px 0 0px;
color:				#333;
font-size:		14px;
color:				#666;
}

.priceName {
color:					#666;
font-weight:		bold;
font-size:			15px;
vertical-align:	bottom;
line-height:		35px;
padding-left:		10px;
border-left:		1px solid #666;
}

.priceNameNetto {
color:					#666;
font-weight:		bold;
font-size:			20px;
line-height:		35px;
}

.priceNum {
color:				#555;
font-weight:	bold;
font-size:		15px;
vertical-align:	bottom;
line-height:		35px;
padding-right:	10px;
}

.priceNumNetto {
color:				#555;
font-weight:	bold;
font-size:		20px;
line-height:		35px;
}

.priceNumBrutto {
color:				#bbb;
font-size:		18px;
line-height:		35px;
vertical-align:	bottom;
display:inline;
}

.offerPrice {
color:	#d11;
}

#calcDetails {
position:absolute;
background:#eee;
padding:2px;
margin:500px 0 0 -220px;
width:550px;
border:1px solid #ddd;
}

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

.calcDetails td {
padding:0;
margin:0;
border:1px solid #ccc;
}

#calculatedPrice {
float:right;
height:34px;
text-align:right;
padding-right:5px;
}

.box {
font-size:16px;
line-height:24px;
font-weight:bold;
margin:15px 30px;
text-align:right;
}

#calculatedPrice table {
margin-top:-3px;
padding:0;
cursor:default;
float:right;
}

/*alle boxen standard werte*/
.boxCalc {
width:120px;
display:inline-block;
float:left;
margin-left:89px;
margin-bottom:5px;
}

#box_disc_typ {
margin-left:0;
}

#box_cd_label {
margin:205px 0 0 -120px;
}

#box_dvdinlay {
margin-top:2px;
}

#box_package, #box_booklet {
width:240px;
}

#ajaxAddition .boxCalc {
margin-left: 30px;
width:140px;
}

#box_options.boxCalc {
margin-left:0px;
width:140px;
}

.boxCalc div div.beschreibung{
margin-top:4px;
margin-left: 45px;
text-align:right;
color:#777;
width:70px;
font-size:11px;
font-weight: bold;
}

.boxCalc div div.beschreibungOpt{
margin-top:5px;
margin-left: 35px;
text-align:right;
color:#7e4747;
width:95px;
font-size:11px;
font-weight: bold;
}

.calcButton {
z-index:999;
}

.calcButtonDown {
width:			120px;
height:			60px;
cursor:			pointer;
border: 		1px solid transparent;
background: url("../../img/calc/button.png") no-repeat;
margin-right:0px;
}

.calcButtonUp {
z-index:		0;
position:		absolute;
width:			120px;
height:			60px;
cursor:		pointer;
border: 	1px solid transparent;
margin-top:-63px;
}

.calcButtonOption {
width:			120px;
height:			60px;
cursor:		pointer;
border: 	1px solid transparent;
}

.calcButtonNoSelect {
cursor: default;
}

.calcButtonNoSelectTrans {
position:absolute;
top:0;
background:transparent url("../../img/calc/button_transparent.png") no-repeat;
width:120px;
height:60px;
margin:0;
}

input.anfrageButton {
background: transparent url("../../img/button_request.png") no-repeat;
width:127px;
height:35px;
border:0;
}

#ajaxProductBlock, #ajaxAdditionBlock, #ajaxCustomerBlock, #ajaxPaymentBlock, #ajaxOverviewBlock, #ajaxAffirmationBlock {
position:absolute;
top:0px;
margin-top:-3px;
width:990px;
height:309px;
text-align:center;
padding-top:100px;
z-index:9999;
background: transparent url("../../img/layout.png") repeat-x 0 -40px;
}

.note {
position:absolute;
bottom:0;
float:right;
margin:0 0 17px 230px;
font-size:10px;
color:#555;
}

.specs {
position:absolute;
bottom:0;
float:right;
margin:0px;
margin-left:375px;
}

.specsTable {
width:75%;
margin: 0 0 0 0px;
}

.specsTable a{
font-size:14px;
}

.specsTable td {
padding:2px;
}

.specsTable tr:nth-child(even) {
background:#eee;
}


/* end */
/* produktauswahl, kalkulation */


/********************************************************************************/

/* customer */
/* begin */

.customerFormularDiv {
float:left;
width:30%;
height:405px;
display:inline-block;
margin:0 0px 0 0;
padding:0 30px 0 0px;
}

.customerUserDiv {
width:500px;
height:315px;
float:left;
display: inline-block;
margin:0 30px 0 0px;
}

.customerUserDiv2 {
width:350px;
height:315px;
float:left;
display: inline-block;
margin:0 20px 0 0px;
}

.customerLogout {
cursor:	pointer;
font-weight: bold;
color:#f00;
}

.userMenu {
color:				#999;
margin:				3px;
font-weight:	bold;
}

.customerLogoutUserbar {
cursor:	pointer;
font-weight: bold;
font-size:14px;
color:#fff;
margin-right:20px;
}

/* end */
/* customer */

/********************************************************************************/

/* payment */
/* begin */

.paymentChange {
font-weight:bold;
color:#752035;
}

.paymentDiv {
display:				inline-block;
width:					30%;
height:					90px;
margin:					11px;
padding:				10px 0;
border:					1px solid #ddd;
text-align:			center;
}

/* end */
/* payment */

/********************************************************************************/
/* overview */
/* begin */

.tableSpace, .tableSpace tr, .tableSpace td {
border:		0;
margin:		0;
padding:	0;
}

.overviewDiv {
display:	inline;
width:		465px;
float:		left;
border:		1px solid #ddd;
padding:	2px 5px;
margin:		2px;
}

.overviewDiv div {
width:		50%;
display:	inline;
float:		left;
}


#overviewSubmit {
  margin:				0;
  border:				0;
  background: 	transparent url("../../img/button_ordernow.png") no-repeat;
  width:				235px;
  height:				35px;
}

.fade {
cursor: default;
filter:alpha(opacity=5);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

/* end */
/* overview */

/********************************************************************************/
.avTable {
margin:0;
padding:0;
}

.avTable input,.avTable select {
font-size:10px;
height:14px;
padding:0;
margin:0;
border:0;
}

.avTable td {
border:1px solid #ddd;
padding:2px 5px;
}

.avTable td td {
border:0px solid #ddd;
padding:0 2px;
}

.avTable .space {
height:5px;
background:#bbb;
border:0;
}

.avTable .subDiv {
font-size: 14px;
}

/********************************************************************************/
/* scrollable */
/* begin */

#flowtabs {
/* dimensions */
position:relative;
width:990px;
padding:0;	
_margin-bottom:-2px;
}

#flowtabs a {
font-size:11px;
background: transparent;
text-transform: uppercase;
color:#c1c1c1;
font-weight:bold;
}

#flowtabs a.current {
font-size:11px;
font-weight:bold;
background: transparent;
text-transform: uppercase;
color:#888;
}

#flowtabs a:hover {
background: transparent;
text-decoration: none;
color:#ccc;
}

#flowtabs li {
float:left; 
margin:0; 
padding:0; 
text-indent:0;  
text-transform: uppercase;
width: 16.666%; 
list-style-type:none;
display:block;
height: 18px;  	
color:#bbb;
font-size:10px;
line-height:17px;
text-align:center;
text-decoration:none;
cursor: pointer;
text-align:left;
}
 
#flowtabs li.current {
cursor:default;
color:#444;
background:#fff;
}

#ajaxInfo {margin-top:-25px;}

#flowpanes {
position:relative;
overflow:hidden;
padding-top:45px;
width:990px;
margin:0;
height:230px;
background: transparent url('../../img/body.jpg') repeat-x 0 -113px;
}

#flowpanes div.item {
float:left;
display:block;
width:990px;
height:230px;
background: transparent;
}

#flowpanes #items {
width:20000em;
position:absolute;
clear:both;
margin:0;
padding:0;
background: transparent;
}

#flowpanes .narrow {
padding-right:160px;		
}

.prev{
position:absolute;
bottom:0px;
float:left;
}

.next, .orderButton{
position:absolute;
bottom:0px;
margin-left:810px;
}
/* end */
/* scrollable */

.errorMessage {
color:#666;
font-size:14px;
font-weight:bold;
margin:40px auto;
padding:16px;
padding-left:100px;
border:8px solid #ccc;
width:75%;
background: #fff2f2 url("../../img/errorMessage.jpg") no-repeat;
}

/********************************************************************************/
/* backend */
/* begin */

#backendNavi {
border-bottom:1px solid #999;
}

#backendNavi .active {
background: #666;
color:#fff;
font-weight:normal;
}

.backendNaviLink {
padding:2px 5px;
margin:0 5px 5px;
border:1px solid #ddd;
border-top:0;
color:#000;
font-size:12px;
}

.backendNaviLink:hover {
background:#666;
border-bottom:#000;
color:#ccc;
}

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

.backendTable a {
font-size:11px;
}

.backendTable input,.backendTable select{
font-size:10px;
height:14px;
padding:0;
margin:0;
border:0;
}

.backendTable td{
border:1px solid #ddd;
padding:0 2px;
}

.backendTable td td{
border:0px solid #ddd;
padding:0 2px;
}

.backendTable tr:hover{
border:1px solid #ddd;
background:#e0e0e0;
padding:0 2px;
}

.backendRelTable {
font-size:10px;
margin:0px;
padding:0px;
}

.backendRelTable td {
border:1px solid #ccc;
}

.backendDetails {
display:none;
position:absolute;
background:#fff;
border:1px solid #ccc;
padding:2px;
width:1217px;
margin:3px 0 0 20px;
z-index:1;
}

.backendDetails .layer1 {
margin:				0px;
float:				left;
text-align:		left;
}

.backendDetails .layer2 {
margin:				5px;
padding:			5px;
background:		#ddd;
text-align:		left;
}
/* end */
/* backend */

/********************************************************************************/

/* twitter */
/* begin */

#divNewsBox {
float:right;
width:520px;
margin:20px 0 0 0;
}

#firstTwitterEntry {
  width:400px;
	font-size: 22px;
  border-bottom:1px solid #e7e7e7;
  margin:0px 10px 0px 0px;
  padding:15px 10px;
}

#firstTwitterEntry a {
	font-family: Arial, Helvetica, sans-serif;
	background: transparent;
	font-size:22px;
	color: #891933;
	text-decoration: none;
	text-transform: none;
	padding: 0px 0px;
	display:inline-block;
}


#firstTwitterEntry a:hover {
	background-color: #4d0439;
	color:#fff;
}


#firstTwitterEntry .departedTime {
font-size: 12px;
color:#999;
}

#secondTwitterEntry {
	width:400px;
	font-size: 14px;
  border-bottom:1px solid #ddd;
  margin:0px 10px 0px 0px;
  padding:10px 10px;
}

#secondTwitterEntry a {
	font-family: Arial, Helvetica, sans-serif;
	background: transparent;
	font-size:12px;
	color: #891933;
	text-decoration: none;
	text-transform: none;
	padding: 0px 0px;
	display:inline-block;
}

#secondTwitterEntry a:hover {
	background-color: #4d0439;
	color:#fff;
}

#secondTwitterEntry .departedTime {
font-size: 12px;
color:#999;
}

.departedTime {
font-size:11px;
color:#999;
}

.departedTime a {
color:#999;
}

.departedTime a:hover {
background-color: #4d0439;
color:#fff;
}

/* end */
/* twitter */

/********************************************************************************/

/* fader banner */
/* begin */

#fader{
list-style-image: none;
list-style-type: none;
width:590px;
height:225px;
padding:13px 0 0 30px;
}

#fader_nav {
position:absolute;
margin:-30px 0 0 40px;
list-style-image: none;
list-style-type: none;
background:	transparent;
z-index: 5001;
}

#fader_control {
position:absolute;
margin:-28px 0 0 24px;
list-style-image: none;
list-style-type: none;
background:	transparent;
z-index: 5000;
}

#fader_nav li:hover, .prev_button, .next_button {
cursor: pointer;
z-index: 5000;
}

ul#fader_nav li {
display: block;
float: left;
height: 18px;
list-style: none;
margin: 0 0 0 2px;
padding: 0px;
width: 16px;
color:#fff;
font-weight:bold;
text-align:center;
line-height:18px;
}

ul#fader_nav li:hover {
color:#669900;
}

ul#fader_nav li#button_selected {
background: url('../../img/nav_selected.png') no-repeat;
color:#87ba21;
}

ul#fader_nav li#button_selected:hover {
color:#669900;
}

#prev_button {
background: url('../../img/nav-left.png') no-repeat;
height: 15px;
width: 11px;
}

#prev_button:hover {
}

#next_button {
background: url('../../img/nav-right.png') no-repeat;
height: 15px;
width: 11px;
margin:-15px 0 0 95px;
}

#next_button:hover {
}

/* end */
/* fader banner */
#tL4C {
position:static !important;
}
/********************************************************************************/