/*  -------------------------------------------- //
//  Projekt: Human Empire                          //
//  Autor:   Hayo Weinschenk                      //
//  Version: 2.0                                 //
//                                               //
//  Datei:   global.css                          //
//  -------------------------------------------- */


/* @group Global */

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
body {
	font: normal 11px Arial;
	background-image: url(bg/dots.gif);
	background-repeat: repeat;

}

ul {
  list-style: none;
}
a {
  text-decoration: none;
font: normal 11px Arial;
   color: black;
}
a:hover {
  text-decoration: underline;
	color: black;

}

input {
  font: normal 9px Arial;
    color: #000;
    border: 1px solid #ccc;
    border-top: 2px solid #aaaaaa;
    background-color: #fffff;
    height: 14px;
}

input.image{

border: 0;
height: auto;
}

textarea{
font: normal 9px Arial;
   border: 1px solid #aaaaaa;
   
}

table{

border: 0;
padding: 0;
margin: 0;
 

}



td{

border: 0;
padding: 0;
margin: 0;

}

table form.tr{

padding-top: 10px;



}


 .image{

    border: 0;

}

select{
font: normal 11px Arial;
border: 1px solid gray;
color: #6F6F6F;
}


/* @end */


/* @group Middle */

.middle {
  width: 950px;
  margin: -10px auto;
  background-color: #fff;
  min-height: 100px;
  height: auto;
    
    
  
  
}


/* @end */


/* @group Header */

.header {
  width: 950px;
  height: 100px;
  background-color: #000000;
color: white;
font: bold 12px Arial;
  }
.header .left {

background-color:black;
width: 180px;
height: 100px;
float: left;

 
}

.header .right {

width: 770px;
float: left;
 
}

.header .right_top {

width: 754px;
height: 25px:
float: left;
text-align: right;
margin: 13px 0 0 ;
padding-right: 16px;
font: normal 11px Arial;
  
}

.header .right_top a {
	
	font: normal 11px Arial;
	
}


.header .right_top a.act {
	
	text-decoration: underline;	
}

.header img.logo {
	width: 93px;
	height: 79px;
	margin: 12px;
	float: left;
	
}

.header div a {
	color: white;
	font: normal 12px Arial;
	
}




.header .right_bottom {

width: 760px;
float: left;
margin-top: 50px;

  
}

.header .right_bottom p.first{

	float: left;
  margin-left: 0px;
  width:460px;
  font: normal 12px Arial;
   }



.header .right_bottom p.second{
	float: left;
	font: bold 12px Arial;
        margin-left:2px;
   }

.header .right_bottom p.third{

font: bold 12px Arial;
	float: left;
 margin-left: 2px;
  width: 76px;
white-space:nowrap;

   }
  
 .header .right_bottom p.fourth{

	float: left;
text-align: right;
 width:     20px;
 margin-left: 2px;


   }
   
       .header .right_bottom p.third a,  .header .right_bottom p.second a{


  font: bold 12px Arial;

   }
   

    .header .right_bottom p.fourth a{


  font: normal 12px Arial;

   }

 .header .right_bottom p.fifth{

	float: left;
	width: 50px;
	text-align: right;
	

   }
   
       .header .right_bottom p.fifth a{


  font: normal 12px Arial;

   }

 .header .right_bottom p.sixth{

	float: left;
	text-align: right;
	margin-left: 5px;


   }
    .header .right_bottom p.sixth a{


  font: normal 12px Arial;

   }



/* @end */


/* @group Footer */

.footer {
   font: normal 11px Arial;

  color: #8d8d8d;
  width: 755px;
float: left;
border-bottom: 1px black dotted;
  border-top: 1px black dotted;
  padding-top: 10px;
  padding-bottom: 10px;
margin-bottom: 25px;
margin-left: 172px;
  margin-top: 15px;
  
 }
 

 
.footer a {
  font: normal 11px Arial;
  color: #000000;
}

.footer a:hover {
  font: normal 11px Arial;
  color: #000000;
  
}
.footer span {
  float: left;
 margin-left: 10px;

}

.footer span.fW {
 float: right;
 margin-right: 10px;
 
}




/* @end */



/* @group Errorbox */

.message {
  height: 26px;
  padding: 10px 0;
}
.message .error {
  float: left;
  background: url(../../images/message/error/left.gif) no-repeat left top;
}
.message .error div {
  background: url(../../images/message/error/right.gif) no-repeat right top;
}
.message .error div p {
  color: #ff0000;
  height: 24px;
  margin: 0 2px;
  padding: 0 8px;
  font-size: 11px;
  line-height: 24px;
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
}

/* @end */




/* @end */


.content{
 width: 950px;
 min-height: 920px;
 background-color: #fff;
 margin: 0;
 padding: 0;
 float: left;
height: auto;
}






/* @group Navigation */

.navi {
  float: left;
   margin-top: 22px;
   background-color: #fff;
   letter-spacing: 0px;
  
}

.navi ul {
	margin:0 0 4px 12px;
	 

	
}

.navi ul.sub {

margin-bottom: 6px;	
margin-top: 5px;

	

}


.navi ul.sub li {

margin:0 0 4px -10px;
}


.navi ul.sub li a {
	font: normal 11px Arial;
	text-decoration: underline;
  color: #6F6F6F;
  
 
}

.navi ul.sub li a:hover {
	color: #000000;
	text-decoration: underline;
	font: normal 11px Arial;
}

.navi ul.sub li a.active {
	color: #000000;
	text-decoration: underline;
	font: normal 11px Arial;

}


.navi ul li {
	
	
	margin-bottom: 3px;
	
}

.navi ul li.sale a {
	color: #6F6F6F	
}

.navi ul li a {
	font: normal 20px Georgia;
	  color: #000;
  display: block;
  text-shadow: #000000 0 0;
}


.navi ul li.sale {
		
  color: #f01818;

}

.navi ul li a.active,
.navi ul li a:hover {
	color: #000000;
	text-decoration: none;
	font: normal 20px Georgia;
}

.search {
  font: normal 11px Arial;
  margin: 20px 0 0 11px;
  overflow: hidden;
	
	color: #000;
	float: left;
 background-color: #fff;
 width:140px;


}
.search input.text {
	
	margin-top: 5px;
	width: 137px;
border-bottom: 0px;
border-right: 0px;
	}

.search input.submit {
	border: 0;
	float: left;
	width: 30px;
	height: 17px;
	margin-top:5px; 
	background: url(../img/search_ok.gif) no-repeat;
}
.search input.submit:hover {
	background: url(../img/search_ok.gif) no-repeat 0 -17px;
}


.banks{
float: left;
margin:20px 0 0 12px;

}


.teaser_left{
float: left;
margin:20px 0 25px 12px;

}


.label{
float: left;
margin:25px 0 0 12px;
font: normal 11px Arial;
color: #000;
}



.label select {
	width: 130px;
	margin:5px 0 0 0px;
  color: #8d8d8d;
background-color: #f2f2f2;

}




.info{

float: left;
margin:25px 0 0 12px;
font: normal 11px Arial;
color: #000;
 background-color: #fff;
}



.info ul {

margin:5px 0 0 0px;
}


.info ul li {
	
	  font: normal 11px Arial;
	  margin:2px 0 0 0px;

}


.info ul li a {
	font: normal 11px Arial;
	text-decoration: underline;
  color: #000000;

}


.info ul li a.active,
.info ul li a:hover {
	 color: #000000;
	text-decoration: none;
		font: normal 11px Arial;
}

/* @end */



/* @group Misc */

.clear {
  clear: both;
}
.left {
  float: left;
  width: 180px;
   background-color: #fff;
   height: auto;
}
.right {
  float: right;
}
.hidden {
	visibility: hidden;
}
.red {
	color: #FACAD6 !important;
}

/* @end */


/* @group Debug */

div[align="left"] {
	display: none;
}

/* @end */

/* 

/* Basket popup */


div.popup_basket{visibility: hidden;display:none;}

div.popup_basket strong{display: block; margin: 9px 0; font-size: 11px;}
div.on.popup_basket{visibility: visible;display:block;position:fixed;top:10%;left:20%;width:300px;height: 300px;background: white;z-index: 2000;border:1px solid #000;}

/* @end */

#mask{visibility: hidden;display:none;}
#mask iframe{visibility: hidden;border:none;}
#mask.on {visibility: visible;display:block;position:fixed;opacity:0.7;top:0;left:0;width:100%;height: 100%;background:#fff;z-index: 1500;}


#zoom {padding:0;overflow:auto;min-width:478px;min-height: 684px;background:#d4d4d4;border-color:#d4d4d4;}
#zoom ul.tabs{padding:0;margin:0;background:#d4d4d4;height: 28px;width:100%;}
#zoom ul.tabs li{list-style: none;margin:1px;float:left;}
#zoom a{display:block;padding:5px;background:#d4d4d4;width:20px;text-align: center;border:1px solid #5e5e5e;color:#5e5e5e;font-weight: bold;}
#zoom ul.tabs li.close{float:right;}


div.popup{visibility: hidden;display:none;}
div.popup strong{display: block; margin: 9px 0; font-size: 11px;}
div.on.popup{visibility: visible;display:block;position:fixed;top:40%;left:50%;width:478px;height: 684px;background: #d4d4d4;z-index: 2000;margin-top:-75px;margin-left:-125px;border:11px solid #d4d4d4;}
div.on.popup.load {background: #fff url(bg/ajax-loader.gif) center center no-repeat;}
div.on.popup table {width:100%;}
div.on.popup input {color:#5e5e5e;background:#efefef;border:1px solid #5e5e5e;font-weight: bold;padding:2px;width:120px;}


div.popup p.image {float: left; width:478px; height: 640px;margin-bottom: 9px;}


div.paging_popup{float: left; width: 450px;}
div.paging_popup p.paging_numbers{ float: left; ; margin-left: 15px;}
div.paging_popup p.close{ float:right;  ;border: 0px; margin-right: -24px;}


.popupback {
	width: 21px;
	height: 27px;
	float: left;
	z-index:99;
	border: 0;
	position:absolute;
	background:  url(../img/popupback.png) no-repeat;	
	margin-top: 150px; 
	margin-left: -0px

	
}


.popupfor {
	width: 21px;
	height: 27px;
	float: left;
	z-index:99;
	position:absolute;
	background: url(../img/popupfor.png) no-repeat;	
	margin-top: 150px;
	margin-left: 458px;  

	
}


.popupback_ie6 {
	width: 21px;
	height: 27px;
	float: left;
	z-index:99;
	border: 0;
	position:absolute;
	background:  url(../img/popupback.gif) no-repeat;	
	margin-top: 150px; 
	margin-left: -0px

	
}


.popupfor_ie6 {
	width: 21px;
	height: 27px;
	float: left;
	z-index:99;
	position:absolute;
	background: url(../img/popupfor.gif) no-repeat;	
	margin-top: 150px;
	margin-left: 455px;  

	
}

 
/* @end */

/* @group Steps */

.content .step_items {


height: 32px;

margin-top: 22px;
margin-bottom: 38px;
width: 748px;


}


.content  .next_step {

width: 912px;
height: 34px;
margin-top: 30px;

}

.content  .next_step_bottom {

width: 912px;
height: 34px;
margin-top: 10px;
margin-bottom: 58px;
}


.content  ul.steps li {
  float: left;

 	font: bold 18px Arial;
  color: #b2b2b2;
padding-top: 6px;

  
}


.content  ul.steps img {
  float: left;
margin-right: 10px;
padding-top: 14px;

  
}

.content  ul.steps a {

	font: bold 18px Arial;
  color: #b2b2b2;

}
.content  ul.steps a.active {

color: #000;

}

.content  ul.steps .a {
margin-right: 10px

}



.content  .steps .b {
margin-right: 10px

}
.content  .steps .c {
margin-right: 10px

}
.content  .steps .d {
margin-right: 10px

}

.content  .steps .d .active {
color: #000;

}

.content  .steps .e {

}

.content  .steps .e.active {
	color: #000;
}


/* @end */

/* Order steps */

.vouchersubmit input.submit {
	border: 0;
	float: left;
	width: 30px;
	height: 17px;
	margin-top:5px; 
	background: url(../img/search_ok.gif) no-repeat;
}
.vouchersubmit input.submit:hover {
	background: url(../img/search_ok.gif) no-repeat 0 -17px;
}


.vouchersubmit input{
	border: 0;
	margin-left: 8px;
	margin-top: -80px;
}


.art_num{
	line-height: 13px;
	float: left;
	color: #6F6F6F;
	margin-top: 3px;

}

.sumdesc{
font: bold 15px Arial;

}

label{
	font: bold 11px Arial;

}




/* User */


.account_bottom{
width: 755px;
float:left;

}

.account_bottom .user_button{
margin-top: 12px;
text-align: right;
margin-right: 5px; 

}

.account1{
width: 750px;
float:left;
margin-top: 25px;	
}


.account4{
width: 750x;
float:left;
margin-top: -14px;

}

 .account4 .user_text .user_headline{
font: normal 22px Georgia;
margin-top: 10px;
margin-bottom: 12px;
}

.account1 .user_text .user_headline{
font: normal 22px Georgia;
margin-top: -14px;
float: left;
width: 400px;
margin-bottom: 10px
}

.account1 .user_text .user_headline_contact{
font: normal 15px Arial;
margin-top: 8px;
color: #6F6F6F;
}

.account1 .user_text .user_subline, .account4 .user_text .user_subline{

margin-top: 12px;
font: normal 11px Arial;
color: #000;

}


.account1 .user_text .user_subline, .account4 .user_text .user_subline a{

text-decoration: underline;

}
.account1 .user_text .user_subline, .account4 .user_text .user_subline a:hover {
  text-decoration: none;


}



.account1 .user_headline2{

margin-top: 28px;
margin-bottom: 28px;
font: bold 16px Georgia;
color: #000000;

}



.account1 .user_text .user_subline .subheadline_payment{

margin-left: 28px;
font: bold 16px Arial;
color: black;
float: left;
}

.account1 .user_text .user_subline .parcel{

margin-left: 28px;
float: left;
}


.account1 .user_text .user_subline .parcellink{

margin-left: 8px;
float: left;
}


.account1 .user_text .user_subline .shipment{

float: left;
}


.account1 .user_text, .account4 .user_text{

float: left;
margin-top: 12px;
margin-bottom: 20px;
}

.account1 .user_button{
text-align: right;
margin-right: 5px; 
margin-bottom: 64px;
}



.account1 .user_left{

width: 380px;
float: left;
font: bold 11px Arial;
margin-bottom: 12px;
}

.account1 .user_left img{

margin-bottom: 2px;
text-align: left;
}

.account1 .user_right img{

margin-bottom: 2px;
}




.account1 .user_right{

width: 350px;
float: left;
font: bold 11px Arial;
margin-bottom: 12px;
}

.account1 .user_right_logout{


float: left;
margin-left: 235px;
margin-top: -16px;
}



.account_bottom{
width: 750px;
float:left;	
margin-top: 12px;
margin-bottom: 12px;
}






.account6{
width: 750px;
float:left;	
border-top: 1px dotted black;
margin-top: 15px;

}

.account6 .user_text .user_headline{
font: normal 22px Georgia;
margin-top: -2px;
float: left;

}

.account6 .user_button{

margin-top: -2px;
margin-left: 655px;

}



.account6 .user_text .user_subline{

margin-top: 12px;
font: normal 11px Arial;
color: #6F6F6F;

}

.account6 .user_text .user_subline p.first{

width: 120px;
float: left;
margin-bottom: 12px;
}


.account6 .user_text .user_subline p.second{

width: 550px;
float: left;
margin-bottom: 12px;
}


.account6 .user_text .user_subline p.subheadline{

font: bold 16px Arial;
color: black;
margin-top: 2px;
margin-bottom: 12px;
}

.account6 .user_text .user_subline p.subheadline2{

font: bold 11px Arial;
color: black;
margin-top: 2px;
margin-bottom: 22px;
}

.account6 .user_text{

float: left;
margin-top: 12px;

}

.account6 .user_text_left{
font: bold 16px Arial;
margin-top: 12px;
}




.account6 .user_button_left{
margin-top: 12px;
margin-right: 5px; 
float: left;

}

.account6 .req{
color: #000;
}




.account2{
width: 750px;
float:left;	

}

.account2 .user_text .user_headline{
font: normal 22px Georgia;
margin-top: -2px;
margin-bottom: 8px;

}




.account2 .user_text .user_subline{


font: normal 11px Arial;
color: #6F6F6F;

}

.account2 .user_text .user_subline p.first{

width: 120px;
float: left;
margin-bottom: 12px;
}


.account2 .user_text .user_subline p.second{

width: 550px;
float: left;
margin-bottom: 12px;
}


.account2 .user_text .user_subline p.subheadline{

font: bold 16px Arial;
color: black;
margin-top: 2px;
margin-bottom: 12px;
}

.account2 .user_text .user_subline p.subheadline2{

font: bold 11px Arial;
color: black;
margin-top: 2px;
margin-bottom: 22px;
}

.account2 .user_text{

float: left;
margin-top: 12px;

}

.account2 .user_text_left{
font: bold 16px Arial;
margin-top: 12px;
}

.account2 .user_button{
margin-top: 12px;
text-align: right;
margin-right: 5px; 

}


.account2 .user_button_left{
margin-top: 12px;
margin-right: 5px; 
float: left;

}

.account2 .req{
color: #000;
}


.account1 .req{
color: #000;
}


.account3{
width: 750px;
border-top: 1px dotted black;
margin-top: 10px;
float: left;


}

.account3 .user_text .user_headline{
font: normal 22px Georgia;
margin-top: -4px;
}

.account3 .user_text .user_subline{

margin-top: 12px;
font: normal 12px Arial;
color: #6F6F6F;

}


.account3 .user_text{

float: left;
margin-top: 12px;
margin-bottom: 64px;
}

.account3 .user_button{
margin-top: 12px;
text-align: right;
margin-right: 5px; 
margin-bottom: 64px;
}


.account3 .user_button_pass{
margin-top: 12px;
margin-right: 5px; 
margin-bottom: 64px;
}


.account5{
width: 750px;
float:left;	

}

table.form tr{
margin-bottom: 9px;
border: 1px solid red;

}

.form{

margin-top: -30px;

}

table.form_news tr{
margin-bottom: 9px;
border: 1px solid red;

}

.form_news{

margin-top: 20px;

}

table.form_contact tr{
margin-bottom: 9px;
border: 1px solid red;

}

.form_contact{

margin-top: 10px;

}

.content_header{

font: normal 22px Georgia;
margin-top: 30px;
}

.content_header_sub{

font: bold 14px Arial;
margin-top: 20px;
}

.content_text{
margin-top: 20px;
font: normal 11px Arial;
color: #7d7d7d;
width: 400px;
}

.content_text .req{
color: #9600dc;
}
/* @end */

/* oder */

.order_box{
width: 165px;
float: left;
margin-bottom: 40px;
margin-top: 30px;

}


.order_box .order_text{
min-height: 100px;


}

.order_box .order_text p{

font: normal 11px Arial;
color: black;

}

.order_headline{
font: bold 15px Arial;
color: #000;
margin-bottom: 22px;


}

.termsconfirm{
width: 322px;
	



}

/* ERRORS */

.basket_error{

height: 65px;
width: 750px;

border-top: 1px solid red;
border-bottom: 1px solid red;
margin-top: 25px;
margin-bottom: 25px;
color: red;
font: bold 12px Arial;


}

.basket_error img{


margin-top: 15px;
margin-left: 10px;
margin-right: 22px;
float: left;


}

.basket_error p{


margin-left: 5px;
float: left;



}





.history_line{
margin-top:65px;
width: 745px;
border-bottom: 1px black dotted; 
clear: both;

}


.history_line2{

margin-top:25px;
width: 745px;
border-bottom: 1px black dotted; 
clear: both;

}


.history_order{

width: 110px;
line-height: 20px;
float: left;
margin-top: 15px;
margin-bottom: 15px;
}

.history_order2{

width: 165px;
line-height: 20px;
float: left;
margin-top: 15px;
 color: #6F6F6F;
 margin-bottom: 15px;
}


.history_products{
width: 300px;
margin-top: 15px;
margin-bottom: 15px;
float: left;
line-height: 20px;
 color: #6F6F6F;
}

.history_products a{

line-height: 20px;
 color: #6F6F6F;
}



.basketlink  a {
  text-decoration: underline;

}
.basketlink  a:hover {
  text-decoration: none;


}

/* paypal bar top start */
#body div.bar.prevnext.paypaltop {background-color:#f0f0f0; border:1px solid #969696;margin:5px;padding:0;height: 100%; float: left; width: 568px;}
/* paypal bar top end */
 /* paypal button style start */
#body div.bar.prevnext input[class=paypalbutton] {background-color:#f0f0f0;border:0px;padding:0px;margin-top:5px;}
 /* paypal button style end*/
/* paypal bar bottom start */
#body div.bar.prevnext.paypalbottom {margin-bottom:15px;height: 100%;}
/* paypal bar bottom end */


/* @end */