/*=========== Allgemein ===========*/

	body {
		margin:0;
		padding:0;
		height:100%;
		text-align:center;
		font-family:verdana,arial,helvetica,sans-serif;
		color:#9c9c9c;
		font-size:13px;
		line-height:18px;
		text-decoration:none;
		background: url(/gfx/bg.jpg) repeat-x;
		overflow-y:scroll;
	}
	
	#content {
		position:relative;
		margin:auto;
		width:988px;
		text-align:left;
		background-position:left;
		background-repeat:repeat-y;
	}
		
	#block_1 {
		margin:-3px 2px 0 0;
		float:left;
		width:120px;
		height:100%;	
	}	
	
	#block_2 {
		margin:0;
		float:left;
		width:830px;
		height:100%;
	}
	
	#popup {
		position:relative;
		margin:auto;
		width:550px;
		text-align:left;
		background-image:none;
	}
	
	#popup img {
		border:1px solid #9fc700;
		margin-bottom:10px;
	}
	
	h1 {
		font-size:16px;
	}
	
	h2 {
		font-size:16px;
		color:#9fc700;
		margin-top:6px;
	}	
	
	h2 span {
		font-size:11px;
		color:#9fc700;
	}	
	
	h3 {
		font-size:13px;
		color:#9c9c9c;
		margin:-6px 0 2px 0;
	}		
	
	h4 {
		font-size:16px;
		color:#9fc700;
		margin:28px 0 3px 0;
	}	
	
	h5 {
		font-size:13px;
		color:#9c9c9c;
		margin:14px 0 7px 0;
	}	
	
	h6 {
		font-size:11px;
		color:#9c9c9c;
		margin:-33px 0 -4px 0;
	}
	
	img {
		border:none;
		margin:6px 0 0 0;
	}
	
	p {
		line-height:18px;
	}
	
	
/*=========== Logo ===========*/
	
	.logo {
		float:left;
		margin:0 0 0 50px;
	}
	
	
/*=========== Links ===========*/

	a {
		color:#9c9c9c;
		text-decoration:none;
	}
	
	a:hover {
		color:#9fc700;
		font-weight:bold;
	}
			
	.link {	
		width:265px;
		padding:10px 0 5px 38px;
	}

	.link a {
		width:265px;
		padding:8px 70px 7px 9px;
		font-size:13px;
		font-weight:bold;
		color:#fff;
		background-image:url(/gfx/link/off.png);
		background-repeat:no-repeat;
	}
	
	.link a:hover {
		color:#657f00;
	}

			
	.link1 {	
		width:265px;
		padding:10px 0 5px 0;
	}

	.link1 a {
		width:265px;
		padding:8px 70px 7px 9px;
		font-size:13px;
		font-weight:bold;
		color:#fff;
		background-image:url(/gfx/link/off.png);
		background-repeat:no-repeat;
	}
	
	.link1 a:hover {
		color:#657f00;
	}
	
	.link2 {	
		width:524px;
		text-align:right;
	}
		
	.link2 a {width: 70%;
		padding:8px 0 7px 9px;
		font-size:13px;
		font-weight:bold;
		color:#fff;
		background-image:url(/gfx/link/off.png);
		background-repeat:no-repeat;
	}
	
	.link2 a:hover {
		color:#657f00;
	}
			
	a.button {
	  background: url(/gfx/link_left.gif) 0 0 no-repeat;
	  padding-left:10px;
	  float:right;
	  cursor:pointer;
	  font-size:1em; /* zu 14px berechnen */
	  font-weight:bold;
	  color:#fff;
	}
	
	a:hover.button {
	  color:#657f00;
	}
	a.button span {
	  display:block;
	  padding:6px 14px 8px 0;
	  background: url(/gfx/link_right.gif) 100% 0 no-repeat;  
	}

	
	
/*=========== Haupt-Navigation ===========*/

	
	.navi {		
		text-align:right;
		font-size:13px;
	}
		
	.on {
		color:#9fc700;
		font-weight:bold;
		font-size:13px;
	}
	
	ul li {
		margin-left:-40px;
		list-style:none;
		line-height:23px;
		background-image:url(/gfx/navi/bg_navi_links.gif);
	}
	
	.warenkorb {
		margin-top:32px;
		background-image:none;
		line-height:14px;
		color:#9c9c9c;
	}
	
	.warenkorb_on {
		margin-top:32px;
		background-image:none;
		line-height:14px;
		color:#9fc700;
		font-weight:bold;
		font-size:13px;
	}
	
	.no_image {
		background-image:none;
	}
	
	
/*=========== FAQ-Navigation ===========*/
	
	.navi_faq {
		float:right;
		margin:10px 45px 0 0;
		font-size:10px;
	}
	
	.navi_faq a {
		margin-left:15px;
	}
	
	.navi_faq a:hover {
		color:#fff;
		font-weight:normal;
		text-decoration:none;
	}
	
/*=========== Links Detail ===========*/
	
	
	.link_detail {
		margin:4px 0 5px 0px;
		font-size:11px;
	}
	
	.link_detail a {
		color:#9c9c9c;
		text-decoration:none;
	}
	
	.link_detail a:hover {
		color:#9fc700;
		font-weight:normal;
		text-decoration:none;
	}

	.fuss {
		margin:30px 0 25px 0px;
		font-size:10px;
		text-align:center;
	}

/*=========== Werbung ===========*/

	.werbung {
		float:right;
		margin:26px 40px 0 0;
		font-size:10px;
		background-image:url(/gfx/werbung/werbung_apple_taschen.png);
		width:317px;
		height:104px;
	}


/*=========== Box gross ===========*/
	
	.box_big {
		float:left;
		width:830px;
		height:229px;
		background-image:url(/gfx/box/box.jpg);
		background-repeat:no-repeat;
		padding:10px 20px 0 20px;
	}
	
	.box_big2 {
		float:left;
		width:830px;
		height:229px;
		background-image:url(/gfx/box/box2.jpg);
		background-repeat:no-repeat;
		padding:10px 20px 0 20px;
	}
	
	.infobox {
		float:left;
		width:790px;
		height:235px;
		background-image:url(/gfx/box/infobox.gif);
		background-repeat:no-repeat;
		padding:14px 20px 20px 20px;
	}
	
	.taschen_klein {
		width:513px;
		margin:0 0 -20px -5px;
	}
		
	.taschen_klein a:hover {
    -moz-opacity:0.5;
    opacity:0.5;
  }
	
	.handy_klein {
		height:195px;
		width:104px;
		margin:0 0 0 -6px;
		float:left;
		background-image:url(/gfx/handy_klein.png);
		background-repeat:no-repeat;
	}
	
	.mp3player_klein {
		margin:0 0 0 -6px;
		float:left;
	}
	
		
/*=========== 3er Boxen ===========*/
	
	.box_klein {
		float:left;
		margin:0px 3px -5px 0px;
		width:273px;
	}
	
	.box_klein_top {
		background-image:url(/gfx/box/box_klein_oben.gif);
		background-repeat:no-repeat;
		height:230px;
		padding:10px 20px 0 20px;
	}
	
	.preis {
		background-image:url(/gfx/box/preis.png);
		position:absolute;
		margin:-20px 0 0 155px;
		height:80px;
		width:109px;
	}
		
	.preis2 {
		background-image:url(/gfx/box/preis.png);
		position:absolute;
		margin:-25px 0 0 147px;
		height:80px;
		width:109px;
	}
	
	.box_klein_bottom {
		background-image:url(/gfx/box/box_klein_unten2.gif);
		background-repeat:no-repeat;
		height:50px;
		padding:17px 0 0 107px;	
	}
			
	.box_klein_bottom a {	
		padding:8px 28px 7px 12px;
		font-size:13px;
		font-weight:bold;
		color:#fff;
		/*background-image:url(/gfx/link/off.gif);*/
		background-repeat:no-repeat;
	}
	
	.box_klein_bottom a:hover {
		color:#657f00;
	}


/*=========== 3er Boxen Produkt ===========*/

	.box_klein_top2 {
		background-image:url(/gfx/box/box_klein_folge_oben.gif);
		background-repeat:no-repeat;
		height:200px;
		padding:10px 20px 0 17px;
		margin-bottom:-30px;
	}


/*=========== Form ===========*/

	.form {
		float:left;width:247px;margin:-7px 27px 0 20px;
	}
	
	.input {
		margin:0 0 1px 0;
		width:234px;
	}
	
	.linie {
		border-top:1px solid #e7e7e7;
		width:560px;
		margin:25px 0 20px 0;
	}
		
	.form_warenkorb {
		margin:-10px 0 0 -1px;
	}
	
/*=========== Box Info ===========*/
	
	.box_info {
		float:left;
		width:830px;
		margin:0;
	}
	
    .box_info_top {
		background-image: url(/gfx/box/infobox_top.gif);
    	background-repeat: no-repeat;
    	background-position: 0 0;
		padding:17px 20px 0 20px;
    } 
	
    .box_info_middle {
        clear:both;
    	background-image: url(/gfx/box/infobox_middle.gif);
    	background-repeat:repeat-y;
    	background-position: 0 0;        
        margin:-15px 0 0 0;
		padding:17px 20px 0 20px;
    } 
		
    
	.box_info_middle td {
        background-color:#f0f0f0;padding:8px;vertical-align:top;
    } 
	
	.box_info_middle2 {
        clear: both;
    	background-image: url(/gfx/box/infobox_middle.gif);
    	background-repeat:repeat-y;
    	background-position: 0 0;       
    }
	
    .box_info_bottom {
        clear:both;
		height:52px;
    	background-image: url(/gfx/box/infobox_bottom.gif);
    	background-repeat: no-repeat;
    	background-position: 0 0;        
        margin:-15px 0 0 0;
    } 
	
	.box_info_blank {
		margin:-6px 0 0 0;	
	}
	
	.style {
		float:left;
		width:247px;
		margin:0 0 0 25px;
	}
	

/*=========== Grauer Footer auf der index ===========*/

  #footer {
	text-align:left;
    background-color:#f5f5f5;
  	margin-top:50px;
	}
	
  .footer {	
    width:988px;
    margin:auto;
    height:700px;
  }
  
  .footer div {	
  	float:left;
	margin:0px 12px 22px 0px;
    padding:0px 10px 50px 20px;
    color:#9c9c9c;
    font-size:12px;    
	line-height:19px;

  }
	  
  .footer h1 {
    font-size:16px;
    line-height:19px;    
    color:#9c9c9c;
    font-weight:normal; 
    margin:40px 0 10px 0;
  }	
  	  
  .footer h2 {
    font-size:12px; 
    color:#9c9c9c;
    font-weight:bold; 
    margin:22px 0 0 0;
  }	
  
  .footer ul {    
		margin:0 0 20px 0;
  }	
  
  .footer li {    
		background-image:none;
		list-style:none;
		border-bottom:1px solid #fff;
		line-height:27px;
  }	
  
  .footer a {
		color:#9c9c9c;
	}
  
	.footer a:hover {
		color:#9fc700;
		font-weight:normal;
	}
  
  .space {
    width:67px;
  }
  
/*=========== Alles für die Doorways ===========*/
	
	.box_klein_3 {
		float:left;
		margin:0px 3px 22px 0px;
		width:273px;
	}
	
	.box_klein_top3 {
		background-image:url(/gfx/box/box_blank.gif);
		background-repeat:no-repeat;
		height:155px;
		padding:0px 20px 0 17px;
		margin-bottom:-30px;
	}
  	
	.dw h4 {
		font-size:16px;
		color:#9fc700;
		margin:5px 0 3px 5px;
	}	
			
	.box_info_middle img {
    float:left;
    margin:0 15px 15px 0;
    border:1px solid #e9e9e9;
  }
	
		
  .box_info_middle_lp {
        clear:both;
    	background-image: url(/gfx/box/infobox_middle.gif);
    	background-repeat:repeat-y;
    	background-position: 0 0;        
        margin:-15px 0 0 0;
		padding:17px 20px 0 20px;
    } 
				
	.box_info_middle_lp img {
    float:left;
    margin:0 5px 5px 0;
    border:1px solid #e9e9e9;
  }