@charset "UTF-8";

/* CSS Document */

	/*********************************************************************************
		Page-Properties
	*********************************************************************************/
	
	html {
		font-size: 100.01%;
		height: 100%;
	}
	
	body {
		margin:0;
		padding:0;
		line-height: 1.5em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		height: 100%;
	}

	div {
		margin: 0px;
		padding: 0px;
	}
	
	#page_margins {
		background-color: #FFFFFF;
		margin:0;
		padding:0;
	}

	#page {
		background-color: #FFFFFF;
		width: 1200px; /*Width of main container*/
		margin: 0 auto; /*Center container on page*/
	}

	#header {
		padding: 3px 10px 0px 10px;
	}
	
	#logo {
		float: left;
                margin-right: 5px;
                vertical-align: bottom;   
	}
	
	#nav_top {
		padding-right: 10px;
		font-size: 0.9em;
		vertical-align: top;
		text-align: right;
		width: auto;
	}

        .top-adv {
            display: inline;
            float: left;    
            color: #9F9F9F;
            font-size: 0.85em;
            margin: 15px 10px 5px 25px;
            line-height: 1.2em;
        }

        .top-adv img {
            display: inline;
            float: left;
        }

        .top-adv-text {
            display: inline;
            float: left;
            margin-left: 6px;
        }

        #top-ts-seal {
            float: right;
            margin-right: 10px;
            margin-bottom: 5px;
        }
	
	#nav {

	}
	
	#main {

	}
	
	#breadcrumb {
		margin:0;
		padding-left: 15px;
		font-size: 0.8em;
	}

	#contentwrapper{
		float: left;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}

	#contentcolumn{
		margin-left: 260px; /*Set left margin to LeftColumnWidth*/
		padding: 0px 10px 0px 0px;
	}

	#leftcolumn{
		float: left;
		width: 260px; /*Width of left column*/
		margin-left: -1200px; /*Set left margin to -(MainContainerWidth)*/
		padding-left: 5px;
	}

	.innertube{
		margin: 0px 10px 10px 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	}
	
	.breaker{
	clear:both;
	}

	/*********************************************************************************
		Content-Properties
	*********************************************************************************/

	b{font-weight: bold;}
	em{font-weight: bold;}
	
	a {
		color: #0000CC;
		text-decoration: none;
	}
	
	a:visited {
		color: #0000CC;
		text-decoration: none;
	}
	
	a:hover {
		color: #0000CC;
		text-decoration: underline;
	}
	
	a:active {
		color: #0000CC;
		text-decoration: underline;
	}
	
	a:focus {
		color: #0000CC;
		text-decoration: underline;
	}
	
	img {
		border: none;
		margin: 0px;
		padding: 0px;
	}
	
	h1, h1 a, h1 a:visited {
		margin: 0px;
		padding-bottom: 5px;
		font-size: 22px;
		color:#666;
	}
	
	h2, h2 a, h2 a:visited {
		margin: 0px;
		color: #333;
		padding-bottom: 5px;
		font-size: 16px;
	}
	
	h3, h4, h5 {
		margin: 0px;
		color:#333;
		padding-bottom: 5px;
		font-weight: 12px;
	}
	
	p {
		margin: 0px;
		padding: 0px;
	}
	
	form {
	  margin: 0px;
	  padding: 0px;
	}
	
	form input[type=text], form input[type=password]{
	border: #000 1px solid; 
	}
	
	.parseTime {
		text-align: center;
		font-size: 80%;
	}
	
 /* ######################################################################################################
  ** # Spezielle Inhaltselemente ##########################################################################
  ** ######################################################################################################
 /* 

 ### Hauptnavigation ###################################################################### */
 
	#main_navbar{
		margin: 0;
		padding: 0;	
		width: 1200px;
		white-space:nowrap;
	}
	
	#main_navbar ul{
		background: url(img/nav_main/nav_main_bg.jpg) repeat-x;
		padding: 0;
		margin: 0;
		float: left;			
		text-align:center;
	}
	
	#main_navbar ul li{
		display: inline;
	}
	
	
	#main_navbar ul li a{
		float: left;
		color: black;
		font-weight: bold;
		font-size: 18px;
		padding: 10px 15px 14px 15px;
		text-decoration: none;
		background: url(img/nav_main/trenner.jpg) top left no-repeat;
		width: 121px;

	}
	
	#main_navbar ul li a.langerlink {
		width: 170px;

	}

	#main_navbar ul li a#leftcorner{
		background: url(img/nav_main/nav_main_left.jpg) top left no-repeat;
	}
	
	#main_navbar ul li span#rightcorner{
		float: left;
		padding: 10px 8px 14px 8px;
		background: url(img/nav_main/nav_main_right.jpg) top right no-repeat;
		white-space:nowrap;		
	}
	
	#main_navbar ul li a:hover{
		text-decoration: underline;
		color:#F60;
	}
	
	#main_navbar:after{ /*Add margin between menu and rest of content in Firefox*/
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
 
  /*### Footer ###################################################################### */
  
  #footer_linie, #footer_linie_2 {
	  padding: 15px 0px;
	  clear: both;
	  width: 100%;
	  text-align: center;
  }
  
  #footer_linie_2 {
	  padding: 0px 0px 10px 0px;
  }  
 
  #footer{
	width: 100%;
	margin: 0 auto;
	line-height: 1.3em;
	font-size: 90%;
	color:#666;
  }

  #footer a, #footer a:visited, #footer a:active{
	color: #666;
  }  
  
  #footer a:hover, #footer a:focus{
	color: #666;
	text-decoration: underline;
  }
  
  .footer_column_left {
	
	width:auto;
	text-align:left;
	margin: 5px 10px 15px 5px;
	
	border-bottom: 1px solid #CCC;
  }
  
  .footer_column_left img {
	margin: 0px 6px;
  }
  
  .footer_column_left_pay {
  	 
	text-align: left; 
	font-size: 1.1em; 
	margin-bottom: -20px; 
	margin-left: 15px; 
	font-weight: bold;
  }

  .footer_column_left_ship {
      float: right;
      width: 150px;
      margin-bottom: -30px;
      text-align: left;
      font-size: 1.1em;
      font-weight: bold;
}

  #footer_inner {
	width: 500px; 
	margin-left:680px;
        badding-bottom: 10px;
        
  }
  
  .footer_column_trust {
	float:left;
	text-align:left;
	margin-left: 10px;
	margin-top: 0px;
  }
  
  .footer_column_trust img {
	  margin-right: 10px;
  }

  #otherseals {
      float: left;
      margin-left: 10px;
}
    #otherseals img {
        margin: 6px 10px;
    }
  
  .footer_column {
	float:left;
	width:110px;
	text-align:left;
  }
  
  #footer_column_last {
  	width: 170px;
	text-align: right;
  }

  #footer_adress {
      width: auto;
      padding: 10px;
      
      font-size: 1em;
      text-align: right;
}

  /*### Boxen allgemein ###################################################################### */
  
  .box_left {
  	width:auto;
  	border:0px;
	margin: 0px 0px 12px 0px;
  }
  
  .box_left h4 {
  	background: url(img/left_box_top_bg.jpg) top repeat-x;
	font-size: 1.3em;
	font-weight: bold;
  	color: #FFFFFF;
  	padding:2px 0px;
  	width:240px;
  	border:1px solid #999999;
	text-align: center;
	margin: 0px;
  }
  
  .box_left a, .box_left a:visited, .box_left a:active, .box_left a:focus, .box_left a:hover {
	color: #FFFFFF;
	text-decoration: none;
        font-size: 140%;
  }
  
  .box_left_body {
  	background: url(img/left_box_content_bg.jpg) top repeat-x;
  	border: 1px solid #CCCCCC;
	border-top: none;
	margin: 0px 2px 0px 3px;
	padding: 0px;
  }
  
  /* ### Suche-Box ###################################################################### */
  
  #box_search .box_left_body {
  	padding: 5px;
	
  }
  
  #box_search a, #box_search a:hover, #box_search a:visited, #box_search a:active, #box_search a:focus {
  	color: #000;
	font-size: 90%;
	text-decoration: none;
  }
    
  #box_search a:hover, #box_search a:focus {
	text-decoration: underline;
  }
  
  #box_search input[type=image]{
	vertical-align:middle; 
	padding-left: 6px;
	}
        #box_search input {
            padding: 3px;
       
}


  /* ### Category-Box ###################################################################### */
#box_categories .box_left_body {
	border-bottom: none;

  }

  #box_categories .box_left_body {
  	background: none;
  }

  #box_categories a, #box_categories a:hover, #box_categories a:visited, #box_categories a:active, #box_categories a:focus {
  	color: #000000;
	text-decoration: none;
        display: block;
        width: auto;
        background: url(img/left_box_content_bg.jpg) top repeat-x;
        padding: 8px;
	border-bottom: 1px solid #CCCCCC;
  }

  #box_categories a:hover, #box_categories a:focus {
        background-image: none;
        background-color: #EAEAEA;
  }

  #box_categories ul.box_cat_top_dim,
  #box_categories ul.box_cat_second_dim {
  	list-style-type:none;
  	padding:0;
  	border:0;
  	margin:0;
	font-weight: bold;
  }

  #box_categories ul.box_cat_top_dim li{
        position: relative;
  }

  #box_categories ul.box_cat_second_dim {
	font-weight: normal;
        font-size: 0.9em;
  }

  #box_categories ul.box_cat_second_dim li a{
        display: block;
        width: auto;
        padding: 2px 5px 2px 30px;
        background: url(img/cat_box_second_dim_bg.jpg) top repeat-x;
	border-bottom: 1px solid #CCCCCC;
        font-size: 1.2em;
        
  }

  #box_categories ul.box_cat_second_dim li a:hover {
        background-image: none;
        background-color: #EAEAEA;
        font-weight: bold;
  }

  #box_categories ul.box_cat_second_dim ul li a{
        padding-left: 45px;
        background-image: none;
  }

  #box_categories ul.box_cat_second_dim ul li a:hover {
        background-color: #EAEAEA;
        font-weight: bold;
  }

  ul.box_cat_second_dim li.activeCat a {
      font-weight: bold;
  }

  ul.box_cat_second_dim ul li.activeCat a {
      font-weight: bold;
  }

  .box_cat_hov {
     display: none;
     position: absolute;
     left: 233px;
     top: 0;
     list-style-type:none;
     font-weight: normal;
     width: 300px;
     border: 1px solid #CCCCCC;
     border-left: none;
     padding: 0px;
}

#box_categories ul.box_cat_top_dim li .box_cat_hov li {
    font-size: 0.9em;
    line-height: 1em;
    padding: 0px;   
}

#box_categories ul.box_cat_hov li a {
    padding: 12px 30px;
    border-bottom: none;
    width: auto;
    border-bottom: 1px solid #CCCCCC;

    
}

.box_cat_top_dim li:hover>.box_cat_hov {
     display: block;
}

/* Bionx-Ausblenden:*/
#cidbionx {
    display: none;
}


  /* ### Warenkorb-box ################################################################### */
  
  #box_cart .box_left_body {
  	padding: 5px;
  }
  
  #box_cart .box_left_body a {
    color: #000000;
	text-decoration: none;
  }
  
  #box_cart .box_left_body a:hover, #box_cart .box_left_body a:focus {
	text-decoration: underline;
  }
  
  #box_cart .small_text {
	font-size: 85%;
  }

  #box_cart a, #box_cart a:visited, #box_cart a:active, #box_cart a:focus, #box_cart a:hover {
        font-size: 100%;
  }
  
  .cartBoxLine {
    border-top:1px solid #9F9F9F;
    border-bottom:1px solid #9F9F9F;
    padding-top:1px;
    padding-bottom:1px;
    margin-top:1px;
    margin-bottom:5px;
  }
  
   /* ### Newsletter-box ################################################################### */
  
  #box_newsletter .box_left_body {
  	padding: 5px;
  }
  
  #box_newsletter input[type=image] {
	padding-top: 5px;  
  }
  
  /* ### Login-Box ################################################################### */
  
  #box_login .box_left_body {
  	padding: 5px;
  }
  
  #box_login input[type=image] {
	padding-top: 5px;  
  }
  
  #box_login a, #box_login a:visited, #box_login a:hover, #box_login a:active {
	  color:black;
	  font-size: 80%;
  }
  
  #box_login a:hover {
	  text-decoration: underline;
  }
  
    
  /* ### Spezielle Box-Formate ################################################################### */
  p.boxTxtCenter {
  	text-align: center;
  }
  
  p.button_margin_bottom {
  	margin: 5px 0px;
  }
  
  /* ### Tooltip-Box ############################################################################# */
  
  	a.tooltip{
	position: relative;
	z-index: 20;
	color: #000;
	text-decoration: underline;
	}
	
	a.tooltip:hover{
	z-index: 25;
	}
	
	a.tooltip span{ /* Span Element nicht anzeigen */
	display: none;
	}
	
	a.tooltip:hover span.tool_bottom{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
	background: #505050; /* Hintergrundbild */
	display: block; /* macht aus dem Inlineelement ein Blockelement */
	position: absolute;
	top: 1.8em; /* abstand von oben */
	left: 1.8em; /* abstand von links */
	width: 350px; /* breite */
	padding: 3px 7px; /* Innenabstand */
	border: 1px solid #ccc; /* Rahmenfarbe */
	color: #fff; /* Textfarbe */
	text-align: left; /* Textausrichtung */
	white-space:normal;
	}
	
	a.tooltip:hover span.tool_top{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
	background: #505050; /* Hintergrundbild */
	display: block; /* macht aus dem Inlineelement ein Blockelement */
	position: absolute;
	bottom: 1.8em; /* abstand von oben */
	left: 5em; /* abstand von links */
	width: 350px; /* breite */
	padding: 3px 7px; /* Innenabstand */
	border: 1px solid #ccc; /* Rahmenfarbe */
	color: #fff; /* Textfarbe */
	text-align: left; /* Textausrichtung */
	white-space:normal;
	}
	
	/* ### Trusted-Shops Siegel -Box ############################################################################# */
	
	#tsBox {
		font-size:80%
	}
	
	#tsInnerBox {
		background-color:#FFFFFF; 
		background-image: url(//www.elektrofahrrad-einfach.de/templates/elfaei1/img/bg_grey.jpg);
		background-repeat: repeat;background-position: left top; 
		vertical-align:middle; 
		border: 1px solid #CCC;
		padding: 3px 2px;
	}
	
	#tsSeal {
		text-align:center;
		width:80px;
		float:left; 
		border:0px solid; 
		padding:3px 0px 3px 5px;
	}
	
	#tsText {
		text-align:left;
		line-height:125%;
		width:160px;
		float:left;
		border:0px; 
		padding:10px;
	}
	
	
  
   /* ######################################################################################################
  ** # Spezielle Seitenformate ##########################################################################
  ** ######################################################################################################
 /* 
  /* ### Startseite ############################################################ */
 	.sp h1 {
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
	
	
	.sp .sp-box-left, .sp .sp-box-mid, .sp .sp-box-right {
		float: left;
		width: 294px;
                border: 1px solid #CCC;
	}
        .sp .sp-box-mid, .sp .sp-box-right {
                margin-left: 10px;
        }

	
	.sp .sp-box-full {
		clear: both;
		text-align: justify;
		border: 1px solid #CCC;
                height: 200px;
                overflow-x: hidden;
                overflow-y: scroll;
	}
	.sp .sp-box-full h2, .sp-box-right h2, .sp-box-mid h2, .sp-box-left h2 {
		background-color: #FC9532;
		padding: 6px 10px;
		color: #FFF;
	}
	
	.sp .sp-box-full p {
		padding: 5px 10px;
	}
	
	.sp .sp-box-bottom {
		border: 1px solid #CCC;
		padding: 5px 10px;
		background: url(//www.elektrofahrrad-einfach.de/templates/elfaei1/img/cat_box_second_dim_bg.jpg) top repeat-x;
		background-image: url
		
	}
 
 
 
  /* ### Content-Seiten ############################################################ */
  
	.regular_content {
		width: auto;
	}
 
 
 
 /* ### Artikelübersicht############################################################ */
	
	#cat_head {
		border: 1px solid #999;	
		padding: 10px;
		text-align:justify;
	}
	
	#kit_tip {
		border: 1px solid #999;
		background-color: #E6E6E6;
		padding: 10px;
		margin-top: 10px;
	}
	
	#kit_tip h2 {
		font-size: 1.2em;
		color:#666;
	}
	
	h1.cat_name {
                padding-top: 5px;
		font-size: 1.9em;
		color:#666;
	}
  
	.listing_navi {
		margin-top: 10px;
		border: 1px solid #999;
		background: url(img/left_box_top_bg.jpg) top repeat-x;	
		color: #FFF;
	}
	
	table.listing_navi a {
		color: #333;
		margin: 0px 1px;
		padding: 1px 4px;
		font-weight: normal;
		border: 1px solid #999;
		background-color: #CCC;
	}
	
	table.listing_navi span.cp {
		color: #CCC;
		margin: 0px 1px;
		padding: 1px 4px;
		font-weight: normal;
		border: 1px solid #999;
		background-color: #666;	
	}
	
	.prod_list_item {
		margin-top: 10px;
		padding: 3px 10px;
		border: 1px solid #CCC;
                width: auto;
	}
	
	.prod_list_item:hover {
		background-color: #EAEAEA;
	}
	
	.prod_list_item_pic {
		float: left;
		width: 150px;
                
	}
	
	.prod_list_item_main {
		float:left;
		width: 470px;
		padding: 5px;
                min-height: 110px; /* Mindesthöhe für moderne Browser */
                border-right: 2px dotted #999;
	}
	
	.prod_list_item_main h2 a, .prod_list_item_main h2 a:visited{
		font-size: 16px;
		color:#333;
	}
	
	.prod_list_item_details {
		margin-left: 650px;
		padding: 5px ;
	}
	
	span.price {
		color: #F60;
		font-size: 25px;
		font-weight: bold;
                line-height: 1.1em;
	}
	
	span.price_info {
		font-size: 0.8em;
	}
	
	span.price_shippingtime_info {
		line-height: 2;
	}
	
	span.productOldPrice {
	font-size: 12px;
	color:#333;
	!importand
  	}
	
	 /* ### Kategorieübersicht############################################################ */
	
	.cat_list_item_main {
		padding-top: 20px;
	}
	
	.cat_list_item_main h2 a, .cat_list_item_main h2 a:visited{
		padding-left: 30px;
		font-size: 22px;
		color: #333;
	}
	
	/* ### Produktdetails ############################################################ */

	.prodpage_head {
		border: 1px solid #999;
		padding: 10px;
	}
	
	.prodpage_main_pic {
		float: left;
		width: 200px;
		min-height: 150px;
	}
        
        .prodpage_social {
                width: auto;
                text-align: right;
                padding: 5px;
                margin: 0px;
        }

	.prodpage_details {
		float: left;
		margin-left: 240px;
		padding: 10px;
		border-left: 2px dotted #999;
		border-bottom: 2px dotted #999;
		width: 420px;
		text-align: right;
	}

        div.prodpage_details span.price {
                font-size: 35px;
}
	
	.prodpage_adcart {
		float: left;
		margin-left: 240px;
		padding: 10px;
		border-left: 2px dotted #999;
		width: 420px;
		text-align: right;
	}
	
	.prodpage_adcart_options {
		border-bottom: 2px dotted #999;
		padding: 0px 10px 20px 10px;
		margin-left: -10px;
		text-align: left;
	}
	
	.prodpage_h2 {
		font-size: 1.4em;
		padding: 5px 5px 5px 0px;
	}
	
	.prodpage_morepics {
		padding: 0px 5px;
		white-space:nowrap;
		border-bottom: 2px dotted #999;
		height: 130px;
		width: auto;
		overflow-y: hidden; 
		overflow-x: auto; 	
	}
	.prodpage_morepics img {
		vertical-align:top;
		border: 1px solid #CCC;
	}
	
	.prodpage_morepics img:hover {
		vertical-align:top;
		border: 1px solid #F60;
	}
	
	.prodpage_desc {

		width: auto;	
		padding: 10px 0px;
	}
	
	.prodpage_rating {
		border: 1px solid #999;
		width: auto;	
		padding: 10px;
		height: 300px;
		overflow-y: auto; 
		overflow-x: hidden; 
	}
 /* ### Logi-Seite(n) ############################################################ */	
 
	.login_new_customer {
		float: left;
		width: 33%;
		border-right: 2px dotted #999;
		padding: 15px;
		text-align:justify;
	}
	
	.login_old_customer {
		float: left;
		padding: 15px;
	}
	
	.login_grey_box {
		background-color:#EEE;
		padding: 10px;
	}
	
 /* ### Warenkorb ############################################################ */	
 	table.orderDetailsTable {
		border: 1px solid #999;
	}
	table.orderDetailsTable thead th {
		background-color: #E4E4E4;
		border-bottom: 1px solid #999;
	}
	
	table.orderDetailsTable tfoot td {
		background-color: #E4E4E4;
		border-top: 1px solid #999;
	}
	table.orderDetailsTable td.special {
		background-color: #E4E4E4;
	}
	
	.messageStackError {
		font-weight: bold;
		color:#900;
	}
	
 /* ### Checkout ############################################################ */		
	table.fortschritt_tab {
		border: 1px solid #CCC;	
	}
	
	table.product_confirmation_table, table.total_confirmation_table {
		background-color: #E8E8E8;
		border:1px solid #999;

	}
	
	table.product_confirmation_table td, table.total_confirmation_table td {
		padding: 2px 10px;
	}

/* ### Affiliate-Programm ################################################## */

.affili-box {
	border: 1px solid #666;
	width: auto;
	padding: 5px;
 }
 .affili-menue {
	padding: 5px;
	margin-bottom: 20px;
	width: 100%;

 }
 
 .affili-menue h2 {
  	background: url(img/left_box_top_bg.jpg) top repeat-x;
	font-size: 1.1em;
	font-weight: bold;
  	color: #FFFFFF;
  	padding:2px;
  	width:95%;
  	border:1px solid #999999;
	text-align: center;
	
  }
 
 .affili-menue-item {
  	background-color: #F2F2F2;
  	border: 1px solid #CCCCCC;
	border-top: none;
	width:95%;
	padding: 2px;
	text-align: center;
  }
  
  .affili-menue-item a, .affili-menue-item a:hover, .affili-menue-item a:visited {
	color: black;
	font-weight:bold;
  }
 
 
 .affili-box-content {
	
	
 }



/* ### Easy-slider ################################################## */

 /* global */


    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

    /* clearfix */

		#content:after, ul:after{
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
			}
		#content, ul{
			display:block;
			}
		/*  \*/
		#content, ul{
			min-height:1%;
			}
		* html #content, * html ul{
			height:1%;
			}

    /* // clearfix */

	
/* // Global */





	/* slider */

		#slider ul, #slider li{
			margin:0;
			padding:0;
			list-style:none;
			}
		#slider, #slider li{
			height:307px;
			width:907px;
			overflow:hidden;
			}
		#slider{
			
			}
		#prevBtn {
                        
			display:block;
			width:30px;
			height:30px;
                        position: relative;
			left:15px;
			top:-38px;
                        margin-bottom: -20px;
			}
		#nextBtn {
                        
                        display:block;
			width:30px;
			height:30px;
                        position: relative;
                        left:50px;
                        top: -48px;
                        margin-bottom: -20px;
			}
		#prevBtn a, #nextBtn a{
			display:block;
			width:30px;
			height:30px;
			background:url(../../images/slider/btn_prev2.gif) no-repeat 0 0;
			}
		#nextBtn a{
			background:url(../../images/slider/btn_next2.gif) no-repeat 0 0;
			}

	/* // slider */

	.col strong, .full strong{
		padding:0 2px;
		background:#f1f1f1;
		}
	.col a, .full a{
		font-weight:bold;
		text-decoration:underline;
		}


	.full ul, .full li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.full li{
		padding:3px 15px;
		background:#f1f1f1;
		margin-bottom:1px;
		}

/* // content */