/*
   ATTENTION: Kein child von content darf eine "position" gesetzt kriegen!!!
   Sonst macht der in einem nordkoreanischen Frauengef�ngnis programmierte IE6 
   Probleme!!!
*/
* { 
  margin:0;padding:0; 
}
html, body { height: 100%; } /* f�r Footer */
body { 
  font-size:0.75em; 
  background-color:white;
  margin:0; padding:0;
  text-align:center;
  background: white url('../bilder/verlauf.jpg') top left repeat-x;
}


body, p, a { font-family:Verdana,Geneva,sans-serif; color:#424652;}

img { border:none; }

a { color:#8997BD; }
a:active {outline:none;}

h1 { 
  color:#234090;
  font-size:20px; font-weight:bold;
  margin:29px 0 -1px 35px; 
}

h3, h5 {
  color:#8997bd;
  font-size:1em; 
  /*position:relative; DAS DARF NICHT SEIN!!!!!! IE6 verreckt dann*/
    left:20px;
    margin:17px 0 0 37px;
}

h5 {
  color:#666;
  margin-left: 37px;  
}

#nonFooter { /* darf nicht: position:relative bekommen */
  width:960px; 
  margin:0px auto; /* zentrieren des Inhaltes auf der gesamten Seite */
  text-align:left; 
  background-image:url('../bilder/02_bg_alles.gif'); /* Hintergrund der Bannerspalte */
  background-repeat:repeat-y;
  background-position: right top; 
  min-height: 100%;
  clear:both; 
}

.push { height:24px; }

ul {
  list-style: none;
}

#footer { /* http://www.themaninblue.com/writing/perspective/2005/08/29/ */
  width:960px; 
  margin:0 auto; 
  clear:both;
  position:relative;
  margin-top: -24px; 
}

.footerclearer     { clear: both; height: 2px; font-size: 1px; line-height: 1px; background-color:white; }

#inFooter {
  line-height:1.5em;
  width:956px; 
  background-color:#184C8E;
  text-align:left;
  height:20px;
  color:white;
  border: 2px solid white;
  border-width: 0 2px 2px 2px;
}
  #inFooter .copyright { float:right;margin-right:10px;font-size:0.75em;vertical-align:bottom;}
  #inFooter .links { margin-left:16px;float:left; }
    #inFooter .links a { font-size:0.9em;color:#dee6ee;text-decoration:none; }
    #inFooter .links a:hover, #inFooter .links a:focus { text-decoration:underline; }

#login { 
  float:right; 
  font-size:10px; 
  position:relative; 
  background-color:#184c8e; color:white; 
  border-left:2px solid white;border-right:2px solid white;
  width:218px;
}
  #login div#express { 
    position:absolute; 
    left:25px; 
    top:100px;
    color:white;
    font-weight:bold;
    text-decoration:underline; 
  }

  #login div.input { 
     position:absolute; 
     left:30px; width:170px;
     white-space: nowrap; 
   }

#login label {  float: left;  width:85px;color:white; }

  #login fieldset { 
    position:absolute; 
    left:25px; width:175px;
    white-space: nowrap; 
    top:35px;
    border: 0px;
  }

	#login input.login {
    /*float: right;*/
    position: absolute;
    right: 6px;
    margin-top: 0px;
		background:url(/shop/everpics/login.png) no-repeat;
		height:20px;
		border:0;
		width:85px;
		text-indent:-3000px;
		cursor:pointer;
  }
	
    #login fieldset input  { 
      width: 80px;
      padding: 0px; margin: 0px;
      margin-top: -2px;
      margin-bottom: 4px;
      font-size:10px; 
			height:10px;
    }
    #login fieldset br { 
      margin: 0px 2px 0px 0px;
    }


/* eingeloggt */
#login { 
  float:right; 
  font-size:10px; 
  position:relative; 
  background-color:#e5e5e5;
	color:#000; 
  border-left:2px solid white;
	border-right:2px solid white;
  width:218px;
}

#login_wk {

	float:left;
	margin-left:8px;
	clear:both;
	width:200px;
	height:50px;
	margin-top:5px;
	margin-bottom:5px;
	background:url(/shop/everpics/sprite.png) no-repeat scroll 0 -144px transparent;

}

#login_wk_head {
    font-weight:bold;
    color:white;
    text-transform:uppercase;
    float:left;
    clear:both;
    margin-left:70px;
    margin-top:5px;
}

#login_wk_head a {
    color:white;
    text-decoration: none;
}
#login_wk_artsumme {
    font-weight:bold;
    color:white;
    float:left;
    clear:both;
    margin-left:60px;
    margin-top:10px;
    width: 140px;
}

#login_wk_zwk {

font-weight:bold;
color:white;
float:left;
clear:both;

}

#login_logout {

	float:left;
	clear:both;
	padding-left:10px;
	margin-left:25px;
	margin-top:-5px;
	width:180px;
}

#login_logout a {


	color:#333;
	font-weight:bold;
	text-decoration:none;
}

#login_logout a:hover {


	color:#8897BD;
	font-weight:bold;
	text-decoration:none;
}



#login_logout li {


	list-style-type:none;	

}

#login_user {

	float:left;
	color:#8897bd;
	
	font-weight:bold;
	margin-top:3px;
	margin-left:8px;
	
	
	}
	
span.login_kd {color:#333;}

#savepw {font-size:9px;}

#login #savepwd { 

float:left;
width:20px;
margin-left:-40px;
margin-top:0px;

}


#bildoben, #login {
  height:120px; 
  border-bottom:1px solid white; border-top:2px solid white; 
} /* abstand nach oben */
#bildoben { 
  border-left:2px solid white; 
  width:736px; 
} /* abstand links (width=738-abstandLinks) */

#bildoben { 
  background-image:url('/bilder/hb_index.png');
}

#index #bildoben { 
  background-image:url('/bilder/hb_index.png');
}
#profil #bildoben{ 
  background-image:url('/bilder/hb_profil.png');
}
#hersteller #bildoben{ 
  background-image:url('/bilder/hb_hersteller.png');
}
#shop #bildoben{ 
  background-image:url('/bilder/hb_shop.png');
}
#support #bildoben{ 
  background-image:url('/bilder/hb_support.png');
}
#formular #bildoben{ 
  background-image:url('/bilder/hb_formular.png');
}
#kontakt #bildoben{ 
  background-image:url('/bilder/hb_kontakt.png');
}

#bildoben a {

display:block;
height:120px;
width:738px;
text-decoration:none;

}

#zeit { 
  float:right;
  height:18px; 
  width:218px;
	position:relative;
  padding-left:26px;
  width:192px;

  background-color:#aaa; 
  font-size:9px;
  line-height:1.95em;
  color:white; 
  white-space:nowrap; 
  border:2px solid white;
  border-top-width:1px;
}

#sprachen {margin:0 auto;width:960px;text-align:left;}

#sprachen ul {float:right;}

#sprachen li {display:inline;}

#sprachen li.chooselang {vertical-align:super;}

#sprachen .de:hover {background-image: url(http://www.api.de/shop/everpics/flag_de.png);width:24px;height:24px;float:left;}

#sprachen .uk a:hover {background-image: url(http://www.api.de/shop/everpics/flag_uk.png);}

#sprachen .fr a:hover {background-image: url(http://www.api.de/shop/everpics/flag_f.png);}

#sprachen .nl a:hover {background-image: url(http://www.api.de/shop/everpics/flag_nl.png);}

#sprachen .e a:hover {background-image: url(http://www.api.de/shop/everpics/flag_e.png);}

#language {

	margin-left:122px;
	top:0;
	height:18px;
	/*margin-top:-18px;*/
	margin-right:3px;
	width:60px;
	position:absolute;
}

#language a {

	color:#000;
}

#language a.german {
	background:url(http://www.api.de/p/b-de1.gif) no-repeat;
	height:17px;
	width:26px;
	float:left;
	
	}

#language a.english {
	background: #fff url(http://www.api.de/p/b-en1.gif) no-repeat;
	height:17px;
	width:26px;
	float:left;
	margin-left:5px;
	}

/* SHOP2GO Werbung */

#shop2go_right {
	
	display:none;
}

#shop2go_left {
	
	position:relative;
	
}

#shop2go_left a {
	
	background:url(http://www.api.de/bilder/api_startseite_sg2.png) no-repeat;
	position:absolute;
	height:295px;
	width:107px;
	float:left;
	left:-88px;
	top:20px;
}


/* Ende SHOP2GO Werbung */


/* BEGIN Navidropdown */
body#index .sf-menu li.index a.oben { background-color:white;color:#184c8e; }
body#profil .sf-menu li.profil a.oben { background-color:white;color:#184c8e; }
body#hersteller .sf-menu li.hersteller a.oben { background-color:white;color:#184c8e; }
body#shop .sf-menu li.shop a.oben { background-color:white;color:#184c8e; }
body#support .sf-menu li.support a.oben { background-color:white;color:#184c8e; }
body#formular .sf-menu li.formular a.oben { background-color:white;color:#184c8e; }
body#kontakt .sf-menu li.kontakt a.oben { background-color:white;color:#184c8e; }

body#index .sf-menu li.index div.index { background-color:white;color:#184c8e;cursor:default;  }
body#profil .sf-menu li.profil div.profil { background-color:white;color:#184c8e;cursor:default;  }
body#hersteller .sf-menu li.hersteller div.hersteller { background-color:white;color:#184c8e;cursor:default;  }
body#shop .sf-menu li.shop div.shop { background-color:white;color:#184c8e;cursor:default;  }
body#support .sf-menu li.support div.support { background-color:white;color:#184c8e;cursor:default;  }
body#formular .sf-menu li.formular div.formular { background-color:white;color:#184c8e;cursor:default; }
body#kontakt .sf-menu li.kontakt div.kontakt { background-color:white;color:#184c8e;cursor:default;  }

    .sf-menu a .leeeer {  background-color:#555;color:white;padding:3px 10px; }

    .sf-menu li a li  a {
      background-color:red;
      color:black;
      white-space:nowrap;
    }
  .sf-menu li a { 
    white-space: nowrap; 
  }
ul#navileiste li div{
  min-width:1px;white-space:nowrap;border-left:2px solid white;
  border-top:1px solid white;
  padding:0 10px;
  text-decoration:none;
  position:relative;
  cursor:default;
}

#noscriptsubnavi { display:none; }
#noscriptsubnavi { 
  background-color:#dee6ee; 
  padding:0 0 1px 20px; z-index:2; border:2px solid white; border-top:none; margin-top:0px; }
  #noscriptsubnavi a { margin:-1px 0 0 0px; padding:0 5px; color:#184c8e; font-weight:normal; text-decoration:none; }
  #noscriptsubnavi a:hover, #noscriptsubnavi span.aktiv { background-color:white;border-bottom:2px solid white; }

.clearer     { clear: both; height: 1px; font-size: 1px; line-height: 1px; }
.naviclearer { clear: both; height: 1px; background-color:transparent;overflow:hidden; }

#banner { 
  float:right;  text-align:left; 
  margin:0; padding-top:10px; width:220px;
}
  #banner .tickeraussen { 
    background-color:white;
    width:180px;
    border:1px solid #ccc;
		/*border-top-color:white;border-left-color:white;*/
    padding:0px;margin:0 0 20px 24px;
  }
  #banner .tickerinnen { border:0px solid #999;margin:0px; padding-bottom:10px;height:300px; }
  #registrierung .tickerinnen {height: auto;  }
    #banner .tickerinnen p {
      margin:10px;
      font-size:0.8em; 
    }
    #banner .tickerinnen a { 
      font-weight:bold;text-decoration:underline;color:#234090;
      margin:10px 10px 5px 0px;
      display:block; position:relative;
      
      font-size:1em; 
    }
    
    #banner ul#ticker h3 { margin:12px 0 0 10px; }
  #banner h2#registrier { font-size:1em;color:white;background-color:#184c8e;font-weight:bold;padding:5px 7px;border-bottom:1px solid #888; }
  #banner a.pic { display:block;margin:0 0 10px 26px;width:170px; }
    #banner a.pic img { border:none; }

#content { 
  background-color:transparent; ;width:740px;float:left;  /*z-index:0;*/
  /*margin-left:-18px;*/
}
span.ueber { 
  display: none;
 }

#content p, #content ul, #content table { 
    /*width:700px;*/ 
    border:none; 
    background: transparent url('../bilder/p_bg_54.gif') left bottom no-repeat;
    margin:13px 0 0 20px;padding:0px 20px 17px 17px;
    /* position:relative;left:20px; */
}
#content p.absatzrechts { 
  background: transparent url('../bilder/p_bg_54_r.gif') right bottom no-repeat; padding-left:0px; 
  padding:0px 20px 11px 7px; 
  /*position:relative;
  left:20px;*/
    margin:22px 20px 0 0px;
}
  #content p.clear { background-image:none; line-height:1px; clear:both; margin-left: 20px; margin-right: 0px; padding-right: 0px;padding-left: 0px; }
  #content p.breadcrumb { 
    font-size:0.8em; margin: 13px 0 0 37px; 
    /*z-index:0;*/
    padding:0;
    /*position:relative;
    top:7px;left:0;*/
/*    display:inline;  um den Bug beim Dropdownmenu im Internetexplorer auszutricksen */
    background-image:none;
  }

/*    #content .absatzrechts b.ueberschrift, #content .absatzlinks  b.ueberschrift { 
      color:#8997bd;
      display:block;
      margin-bottom:7px;
    }*/

#content p.alert { 
    background-color:#E5E5E5; color:red; background-image:none;padding-top:16px;font-weight:bold;
    margin-right:20px;
}
.bildlinks {
  float:left;
}

img.bildlinks { 
  margin:2px 18px 10px 31px;
}

.bildrechts {
  float:right;
}

img.bildrechts {
  margin:4px 0px 10px 10px;
}
body#profil #content p { 
  margin-top: 27px;
}

div#hersteller { margin:20px 0px 20px 17px; }
  div#hersteller p { background: transparent url('../bilder/hr_grausoft.gif') left 5px no-repeat;text-align:top; position:relative;margin-top:0;padding:10px 0 11px 0;}
    div#hersteller span#links { padding:0 0 4px 6px;margin-left:12px; }
      div#hersteller span#links a {line-height:18px; font-size:1em; color:#234090; font-weight:bold; text-decoration:none; }
    div#hersteller a.anfang { font-size:0.8em; color:#234090; position:absolute; top: 0px; left:0px; font-weight:bold; text-decoration:none; } 
    div#hersteller img { border:none; margin:4px 30px 1px 0; vertical-align: middle;}
    div#hersteller span.buchstabe { line-height:10px;color:#c7cee3;font-weight:bold; }
    div#hersteller a.anker { width:1px; float:left;display:block;overflow:hidden; } 

table.kasten {    margin:29px 0 0 20px; border:1px solid #c7cee3; border-collapse:separate; border-spacing:1px; width:700px; }
  table.kasten td { background-color:#ececec; border:none; padding:2px 5px; }
  table.kasten td.weiss { background-color:white; border:none; padding:2px 5px; }
  table.kasten tr.weiss td { background-color:white; border:none; padding:2px 5px; }
  table.kasten td.leer { background-color:white; height:10px; }


/* Formulare */

    #content label { width: 148px; display:block;float:left; margin-left:0px; } 
    * html #content label { margin-left:18px; } /* wiedermal um nen IE6-Bug auszub�geln */
    #content h3.formular { margin-bottom:9px; }
    #content span.pseudoinput {
        line-height:23px;
        position:relative;top:-5px;
    }
    #content input ,#content textarea, #content select { /* Breite war vorher 80, wo war das n�tig? Login? gez. Marek */
      /*background-color:#FFFDFB;
      border:1px solid #1C4E8C;
      color:#000090;*/
      font-family:Officina Sans,Helvetica,Arial,sans-serif;
      font-size:11px;
      font-weight:normal;
      line-height:10px;
      text-decoration:none;
      margin-bottom:6px;
      margin-right:30px;display:block;float:left;
    }
    #content input { width:150px; }
    #content input.radio { width:auto; }
    #content select { width:154px; }
    #content .trenner { background:transparent url(../bilder/hr_grausoft.gif) no-repeat scroll left bottom; margin-left:20px; clear:both; }
    #content span.fehler { float:right;/*margin:17px 20px 0 0;*/margin-right:20px; }
    #content textarea.fehler { width: 366px; height: 86px;float:right;margin-right:20px; }
    #content textarea.zubehoer { width: 526px; height: 40px; float:right;margin-right:20px; }
    #content input.submitter { width:100px;cursor:pointer;margin-top:-3px;line-height:16px;color:black; }
    #content input.checker { width:10px;cursor:pointer; margin-right:30px;}
    #content input.button200 { width:200px; } 
		#content input.button150 { width:150px; }
    span.clearer { display:block;clear:both; }
    span.mini { font-size:0.8em; font-weight:normal; }
/* RMA-Formular ist OK */
       body#formular #content ul { list-style: square; }
       body#formular #content label, body#kontakt #content label { margin-left:40px; }
       body#formular #content input, body#kontakt #content input { margin-right:0px; }
       body#formular #content #flyer input { margin-right: 1em; }
       body#formular #content #flyer label { width: 12em; }
       body#formular #content #flyer .lastpara {padding-bottom: 35px; }
/* Formulare Ende */

#morearts {
    display: block;
		background:url(/shop/everpics/sprite.png) no-repeat scroll 0 -118px transparent;
		width:178px;
		height:24px;
		float:left;
		margin-top:10px;
		text-align:center;
		color:#fff;
		text-decoration:none;
		padding-top:3px;
}

a.delrma {

    background:url(/shop/everpics/sprite.png) no-repeat scroll 0 -500px transparent;
		text-indent:-3000px;
		width:16px;
		height:16px;
		text-decoration:none;
		float:left;


}

body#formular #content input.submitter { 
		
		background:url(/shop/everpics/sprite.png) no-repeat scroll 0 -100px transparent;
		width:102px;
		height:18px;
		cursor:pointer;
		margin-top:-3px;
		line-height:16px;
		color:white;
		float:right; 
		border:none;
		
		}

/* Funktion */
span.alert { 
  color: red;
  display: block;
  padding-top: 1em;
  margin-left:36px;
}

/* Breite war vorher 80, wo war das n�tig? Login? gez. Marek */
body#shop #content label { width: 150px; display:block;float:left; } 
textarea#anmerk { 
  width:500px;
  height:50px;
}

.eingabefehler { 
  position: absolute;
  left: 107px;
  top: 103px;
  color: red;
}

#content .versteckt { 
  display: none;
}

.error {
  color: red;	
}

.flyer {clear:both;}

h6 {
  margin-left: 10px;
  font-size: 11px;
}



.tab_container_choose_login {
	border: 0px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; 
	width: 217px;
	background: #184c8e;
	height:93px;
}
.tab_content_choose_login {
	padding: 20px;
	font-size: 1.2em;
}

ul.tabs_choose_login {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 26px; /*--Set height of tabs--*/
	border-bottom: 1px solid #fff;
	border-left: 0px solid #fff;
	width: 100%;
}
ul.tabs_choose_login li {
	float: left;
	margin: 0;
	padding: 0;
	height: 25px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 25px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #fff;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #8997BD;
	width:108px;
	text-align:center;
}
ul.tabs_choose_login li a {
	text-decoration: none;
	color: white;
	display: block;
	font-size: 1em;
	padding: 0 20px;
	border: 0px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs_choose_login li a:hover {
	background-color: #aaa;
	
}
ul.tabs_choose_login li.active, ul.tabs_choose_login li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #184c8e;
	border-bottom: 1px solid #184c8e; /*--Makes the active tab look like it's connected with its content--*/
	color:white;
	font-weight:bold;
}


#stammbea {

    float:left;
    width:700px;

}

#stammbea h2 {

    
    margin:10px 0 20px 40px;

}

#content #stammbea label {
    float:left;
    clear:both;

}

 #content #stammbea span {
    float:left;
    
}

#stammbea img {

    float:right;
    margin-top:-90px;
} 

/* SPRACHAUSWAHL */

ul#langnavigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    /*left: 0px;*/
    list-style: none;
    z-index:9999;
		margin-left:220px;
}
ul#langnavigation li {
    width: 100px;
}
ul#langnavigation li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;    
    background-color:#8997BD;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #FFF;
   /* -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
ul#langnavigation .de a{
    background-image: url(http://www.api.de/shop/everpics/flag_de.png);
}
ul#langnavigation .en a      {
    background-image: url(http://www.api.de/shop/everpics/flag_uk.png);
}
ul#langnavigation .fr a      {
    background-image: url(http://www.api.de/shop/everpics/flag_f.png);
}
ul#langnavigation .nl a      {
    background-image: url(http://www.api.de/shop/everpics/flag_nl.png);
}
ul#langnavigation .e a   {
    background-image: url(http://www.api.de/shop/everpics/flag_e.png);
}


div#error { 

		background: url(http://www.api.de/shop/everpics/alert.png) no-repeat 650px 20px #F0F0F0;
    border: 1px solid #DDDDDD;
    clear: both;
    float: left;
    margin: 15px 0 15px 0;
    padding: 10px;
    width: 700px;
		min-height:48px;
		font-weight:bold;
		color:#000;
		
		}