@import url(light/css/lightbox.css);

body {background-color: #000000; background: url(images/bg.jpg) center top fixed no-repeat; margin:0; padding:0; font-family: lucida sans unicode, arial, sans-serif;}

img {border:0px;}

#main {width:1040px;}
#content {width:100%; position:relative;}
#inhalt {background: bottom url('images/content-bottom.gif') no-repeat scroll #fff; padding: 0px 20px 0px 20px;}

#foot {font-size:10px; color:#fff; text-align:right; padding-right:20px;}
#foot a {color:#fff;text-decoration:none;}
#foot a:hover {color:#fff;text-decoration:underline;}

#nav {position: relative; width:100%; z-index: 1;float:left; text-align:left; color:red;}

#logo {text-align:center}
#logo img {border:0px}

td, p {font-size:14px; color:#494949; line-height: 150%;}

h1 {font-size:30px; font-weight:100; margin-bottom: 40px;}
h2 {font-size:24px; font-weight:100;  line-height: 120%;}
h3 {font-size:20px; font-weight:bold;}


#nav-off {position: relative; float:left;}
#nav-off td a {font-size:12px; color:#ffffff; text-decoration:none;}
#nav-off td a:hover {font-size:12px; color:#00a2ff;}
#nav-on {position: relative; float:left;}
#nav-on td a {font-size:12px; color:#4a4a4a; text-decoration:none;}
#nav-on td a:hover {font-size:12px; color:#00a2ff;}

#top-l {background: url('images/top-l.png')}
#top-l img {width:20px; height:45px;}
#top-m {background: url('images/top-m.png'); width:1000px;}
#top-r {background: url('images/top-r.png');}
#top-r img {width:20px; height:45px;}

#bot-l {background: url('images/bot-l.png')}
#bot-l img {width:20px; height:35px;}
#bot-m {background: url('images/bot-m.png'); width:1000px;}
#bot-r {background: url('images/bot-r.png');}
#bot-r img {width:20px; height:35px;}

#schatt-l {background: url('images/schatt-l.png');}
#schatt-r {background: url('images/schatt-r.png');}

#logo {background: url('images/logo.png') top center no-repeat;}
#logo img {width:821px; height:122px;}


a { color: #494949; }
a:hover { color: #00a2ff; }

ol li{ margin-bottom: 7px; }


/* ----------------  Formatierung für die Warenkorb  ------------------- */

.Schrift_Warenkorb{
  text-align: right;
  margin-top: -18px;
}

.Schrift_Warenkorb a{
  color: #ffffff;
  font-size:12px; 
  text-decoration:none;
}

#Warenkorb{
  display: none;
  position: absolute;
  top: 201px;
  right: 10%;
  background-color: #ffffff;
  border: solid;
  border-width: 1px; 
  z-index: 3;
}

.orderinfo_tab{
  display: none;
}

.basket tr td{
  vertical-align: top;
  font-size: 8pt;
  border-top: solid;
  border-width: 1px;
}

.baskethead{
  font-weight: bold;
}

.basket tr td table tr td{
  border-width: 0px;
}

.basket{
  padding: 0px;
}

.gratis-angebot-table{
  border: solid;
  border-width: 1px;
  border-collapse: collapse;
  border-color: #00a2ff;
  background-color: #eeeeee;
  width: 100%;
}

.gratis-angebot-table tr td{
  padding: 5px;
  font-size: 8pt;
}

.gratis-angebot-table a{
  color: #00a2ff;
  text-decoration: none;
}


/* ----------------  Formatierung für die Produktübersicht  ------------------- */

.produktuebersicht{
  width: 270px;
  float: left;
  margin-right: 31px;
  
}

.produktuebersicht .produktname{
  color: #00a2ff;
  font-weight: bold;
}

.produktuebersicht .preis{
  font-weight: bold;
}

.produktlinks{
  font-size: 8pt;
  color: #494949;
}

.produktname_ueberschrift{
  color: #00a2ff;
  font-size:17pt;
  font-weight: bold;
}

.Produktbeschreibung_lang{

}

.produktbeschreibung_kurz{
  font-size: 10pt;
}

.preiszusatz{
  font-size: 8pt;
  line-height: 9pt;
}

.alter_preis{
  color: #ff0000;
  text-decoration: line-through;
}
/* -----------------  Sonstige Formatierungen  ----------------------- */

.LoadCustomerAccountBox{
  background-color: #eeeeee;
  border: solid;
  border-width: 1px;
  border-color: #00a2ff;
  padding: 10px;
  margin: 20px 0px 0px 0px;
}

.LoadCustomerAccount input{
  width: 150px;
}

.Customer_headline{
  margin: 0px 0px 10px 0px;
  font-weight: bold;
}

.rahmen_blau{
  border: solid;
  border-width: 1px;
  border-color: #00a2ff;
}

.wichtig{
  color: #00a2ff;
}

.links_home a{
  text-decoration: none;
  vertical-align: top;
  line-height: 100%;
}

.pfeile_home{
  margin-bottom: 3px;
}

.aufzaehlung{
  margin-top: 35px;
}




/* -----------------  Lade-Screen bei PayPal-Verbindung  ----------------------- */

#aktionslayer {
    background: url("../images/black_transparent_pixel.png") repeat scroll 0 0 transparent;
    height: 100%;
    left: 0;
    margin-top: 0;
    padding-top: 400px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
	#aktionslayer img{
		display: block;
		margin: auto;
	}
	#aktionslayer p{
		padding-top: 20px;
		text-align: center;
		margin: auto;
	}