/*******************************************
Filename:		style.css
Date:			2009
Autor:			Korinna Stahl
*******************************************/


/*******************************************
Hauptseite - Body
*******************************************/
body{

    background-image:   url(../design/back1.bmp);
	/*background-repeat:  repeat-x;*/
    font-family:		Verdana, Arial, Helvetica, sans-serif;
    font-size:			11px;
    margin-top:			20px;
    margin-bottom:		20px;
    margin-left:		0px;
    margin-right:	   	0px;

}

/*******************************************
Seitenanordnung und Layout
********************************************/

#promo{

		
			position: 			fixed;

	top: 				150px; 
	right: 				40px;
	width: 				175px;
	height: 			300px; 
	font-size:			7pt;
	border-style:		solid;
	border-width:		0px;

	color:				#ffffff;
	

	}


#head1{
	width:     			100%;
	height:				5px;
	/*background-color:	#999999;*/

}

	
	
#head{
	width:				850px;
	height:             30px;
	background-image:   url(../design/placeholder.gif);
	background-color:	transparent;
	text-align:			right;
}
#head_inner{
	width:				850px;
	height:             30px;
	color: 				#626368;
	/*background-color:	#021526;*/
	
}

#head_inner a{
	color: 				#626368;
}

#container{
    /*background-color:	#FFFFFF;*/
    width:				850px;
    height:             auto;
    border-left:  		0px solid #336699;
    border-right:  		0px solid #336699;
    margin: 			0px auto;
    color:				#000000;
} 
#header{
	width:				848px;
	height:				75px;
	padding:			0px;
	padding:			0px;
	background-color:	#336699;
	color:				#000000;
	border-top:  		1px solid #e6e6e6;
	background-image:   url(../design/banner_new.jpg);
	background-repeat:  no-repeat;
	background-position:top right;
	border-left:		1px solid #e6e6e6;
    border-right:		1px solid #e6e6e6; 
  //  border-bottom:		1px solid black;
}

#navigation_top{
	height:				40px;
	width:              848px;
    background-color:	#336699;
    color:				#FFFFFF;
    border-left:		1px solid #e6e6e6;
    border-right:		1px solid #e6e6e6; 
}
#links{
	width:				175px;
	
	float:				left;
}
#navigation_left{
	margin-top:			3px;
	width:				173px;
    float:				left;
    background-color:	#ffffff;
   	color:				#000000;
   	border:				1px solid #e6e6e6;
   	height:				197px;
  /* 	background:			#f6f6f6;*/
  	background-image:   url(../design/back.gif);
	background-repeat:  no-repeat;
	background-position:top; 
   
}
#navigation_left div{
	margin-left:		10px;
	margin-right:		10px;
	margin-top:			10px;
	width:				170px;
   	color:				#000000;
	/* background-color:	red;*/
}
#navigation_login{
	margin-left:		0px;
	margin-top:			3px;
	width:				173px;
	height:				200px;
    float:				left;
    background-color:	#ffffff;
   	color:				#626368;
   	border:				1px solid #e6e6e6;
   	

 }
#navigation_login div{
	margin-left:		10px;
	margin-right:		10px;
	margin-top:			0px;
	margin-bottom:		10px;
	width:				150px;
   	color:				#000000;
    /*background-color:	red;*/
    float:				left;
}
#navigation_login div a{

   	color:				#626368;
   /*background-color:	red;*/
}
 #navigation_faq{
	margin-left:		0px;
	margin-top:			3px;
	width:				173px;
	height:				73px;
    float:				left;
    background-color:	#ffffff;
   	color:				#000000;
   	border:				1px solid #e6e6e6;

 }
 #navigation_faq div{
	margin-left:		10px;
	margin-right:		10px;
	margin-top:			10px;
	margin-bottom:		10px;
	width:				150px;
   	/*background-color:	red;*/
}
#navigation_left hr{
	color:				#c0c1c4;
	margin-top:			0px !important; 
	margin-bottom:		10px;
}

#content{
	margin-top:			3px;
	padding-top:		15px;
	padding-bottom:		15px;
	padding-left:		15px;
	float:				right;
	background-color: 	#ffffff;
	color:				#000000;
	width:				655px;
	min-height:			450px;
	height:				auto;
	border: 	 		1px solid #e6e6e6;
	background-image:   url(../design/body_logo.jpg);
	background-repeat:  no-repeat;
	background-position:top right;
}

* html #content{		/* IE min-height Hack */
	height:				500px;
}
#navigation_bottom{
	width:				650px;
    clear: 				both;
    margin-top:			3px;	
    padding-top:		3px;
    padding-bottom:		3px;
    background-color: 	none;
 	color:				#626368;
    height:             12px;
    font-size:			10px;
    text-align:			right;
    float:				right;

}

#navigation_bottom a{
 	color:				#626368;


}

/*******************************************
Navigationsmenue oben
********************************************/
#navigation_top ul{
	margin-top:			10px;
	margin-bottom:		10px;
	float: 				right;
	display:			block;
	height:				20px;
	list-style: 		none;

	

}
#navigation_top ul li{
	float: 				left;
	display:			block;
	height:				20px;
	line-height: 		20px;
	vertical-align:		middle;
	padding-left:		5px;
	padding-right:		5px;

	
}
#navigation_top ul li a{
	line-height: 		20px;
	vertical-align:		middle;
	color:				#FFFFFF;
	text-decoration:	none;
	font-weight:		normal;

	
}
#navigation_top ul li a:hover{
	color:				#A0A0A0;
	text-decoration:	underline;
	font-weight:		normal;

}

/*******************************************
Navigationsmenue links
********************************************/

#navigation_left div ul{
 	list-style-image:	url(../design/botton.gif);
	margin-left:		0px;
	padding-left:		0px;
	width:				100px;
}

#navigation_left div ul li{
	padding-left:		0px;
	margin-left:		5px;
}

#navigation_left hr{
	margin-top:		10px;
}

	



/*
#navigation_left div{
	margin-left: 		10px;
}
#navigation_left div ul{
    list-style-image:	url(../design/q.gif);
	margin-top:			0px;
	margin-bottom:		5px;
	margin-left:		20px;
	width:				100px;
	background-color:	#c0c0c0;
}
#navigation_left div ul li{
	margin-bottom:		5px;
	background-color: 	red;
	width:				100px;
	height:				10px;
}
#navigation_left div ul li a{
	display:			block;
	padding-top:		0px;
	padding-bottom:		0px;
	padding-left:		0px;
}

#navigation_left div #register{
    font-size:			9px;
}
*/



/******************************************
Schriften, Überschriften und Linien
******************************************/
h1{
	color:				#336699;
	font-size:			18px;
	font-weight:		bold;
	margin-top:			0px;
	margin-right:		20px;
	margin-bottom:		5px;
}
h5{
	color:				#336699;
	font-size:			14px;
	font-weight:		bold;
	margin-right:		20px;
	margin-bottom:		5px;
}
h6{
	color:				#336699;
	font-size:			13px;
	font-weight:		bold;
	margin-right:		20px;
	margin-bottom:		5px;
}
h2{
	color:				#336699;
	margin-left:		0px;
	font-size:			12px;
	font-weight:		bold;
	margin-right:		20px;
	margin-bottom:		5px;
}
h3{
	color:				#336699;
	font-size:			10px;
	font-weight:		bold;
	margin-left:		20px;
	margin-right:		20px;
	margin-bottom:		5px;
}
h4{
	color:				#24486a;
	font-size:			10px;
	font-weight:		bold;
	margin-left:		20px;
	margin-right:		20px;
	margin-bottom:		5px;
}


hr{
	height: 			1px;
	background-color:	#336699;
	color: 				#336699;
	border:				0px;
}



/*******************************************
Hyperlinks
*******************************************/
a{
	color:				#000000;
	text-decoration:	none;
	font-weight:		normal;
}
A:hover{
	color:				#A0A0A0;
	text-decoration:	underline;
	font-weight:		normal;
}

/*******************************************
Formulare
********************************************/
#navigation_top form{
	width:				155px;
	height:             1px;
	margin-top:			0px;
	float:				left;
	padding-top:         0px;

	
}

#navigation_top form input{
	border: 			1px #24486a solid;
	color:              #24486a;
	float:				left;
	/*position:			fixed; 
	top:				108px;
	left: 				590px;*/

	
}
#navigation_top form input.button{
	background-color: 	#24486A;
	border: 			1px #bbbbbb outset;
	font-size:			10px;
	color:              #EBEBEB;
	font-weight:        bold;
	width: 				70px;
	height:				20px;
	/*position:			fixed; 
	top:				108px;
	left: 				675px;*/
	
}

#navigation_left form{
	width:				114px;
}

#navigation_left form input{
	border: 			1px #336699 solid;
	color:              #24486a;
}

#navigation_left form input.button{
	background-color: 	#336699;
	border: 			1px #bbbbbb outset;
	font-size:			10px;
	color:              #EBEBEB;
	font-weight:        bold;
	float:              right;
	margin-top:         3px;

}

#navigation_left form hr{
	width:				100%;
}

#navigation_left form a{
	color: 				#336699;
	float:              right;
	size:				1;

}

/*
	
	margin-top:         5px;
	margin-right:       8px;
*/


.newsletter_form input[type='text']{
	border: 			1px #808080 solid;
	color:              #808080;
}
.newsletter_form input[type='radio']{
	border: 			none;
}

.newsletter_form input[type='checkbox']{
	border: 			none;
}
/*
.newsletter_form input.button{
	background-color: 	#336699;
	border: 			1px #bbbbbb outset;
	font-size:			10px;
	color:              #EBEBEB;
	font-weight:        bold;

}
*/

.change_userdata_form input[type = 'text']{
	color: #808080;
}

/*******************************************
Kategorie-Menü
********************************************/
.category_menu{
	list-style:			none;
}
.category_menu li{
	padding-bottom:		0px;
	margin-bottom:		5px;
}

/*******************************************
Unter-Kategorie-Menü
********************************************/
.subcategory_menu{
	margin-top:			10px;
	margin-bottom:		10px;
	list-style:			none;
}
.subcategory_menu li{
	margin-bottom:		5px;
}

/*******************************************
Produkt-Menü
********************************************/
.product_menue{
	margin-right:		20px;
}
.product_menue_picture{
	vertical-align:		middle;
	text-align: 		center;
	width:				110px;
	height:				110px;
}
.product_menue_text{
	width:				390px;
	vertical-align:		middle;
}

/*******************************************
Produktseite
*******************************************/
.product_detail_outer{
	border:				0px solid white;
	width:				280px;

	margin-right:		0px;
	margin-bottom:		10px;
	float: 				right;
	padding-left:		20px;
}
.product_detail_inner{
	border:				1px solid #24486a;
	background-color:	white;
	width:				260px;
	margin-top:         15px;
	padding-top:		20px;
	padding-bottom:		0px;
}
.product_detail_inner p{
	margin-top:			0px;
	padding-top:		0px;
	padding-left:		25px;
}
.product_detail_picture_box{
	text-align: 		center;
	font-size:          9px;
}
.product_datasheet{
	list-style-image:	url('../design/acrobat.jpg');
}

.addcart input.button{
	background-color: 	transparent;
	/*border: 			0px #e3e3e3 solid;*/
	border-left:		0px #e3e3e3 solid;
	border-top:			0px #e3e3e3 solid;

	font-size:			9px;
	/*font-weight: 		bold;*/
	color:              #336699;
	width:				130px;
	text-decoration: 	none; 
	height:				30px;
	background-image:	url('../design/cart3.gif'); 
	background-repeat:	no-repeat;
	background-position:113px 8px;

}

.register select{
	border:		0px #e3e3e3 solid;
	color:		#e3e3e3;

}
.change_cart_item input.button{
/*border:		none;*/

	border:		0px #e3e3e3 solid;
	background-color: 	transparent;
	text: 		none;

	background-repeat:	no-repeat;
	color:			#336699;
/*	background-position: 1px 2px;
	background:	url('../design/upload.jpg') 0% 50%; 
	background: url('suchen.gif') 0% 50%;
width: 84px;
height: 23px;
border-width: 0px;*/

}

/*******************************************
Bilder
*******************************************/
img{
	border:				0px;
}

/*Misc Tests*/
.login_text{
	margin-top:			0px;
	margin-left:		20px;
	margin-right:		20px;
	margin-bottom:		10px;
}
.page_location, .description, .description_text{
	margin-top:			0px;
	margin-left:		0px;
	margin-right:		20px;
	margin-bottom:		10px;
}
.description_text{
	/* font-size:			10px; */
	text-align:			justify;
}
table{
	margin-top:			0px;
	margin-left:		20px;
	margin-right:		20px;
}

/*Tabelle auf Seite eHealth*/
#ehealth{
	margin-left:		0px;
	margin-right:		0px;
	background:			#f4f6f8;
}

#cart1{
	margin-left:		0px;
	margin-right:		0px;
	background:			#fbfbfb;
}

#cart2{
	margin-left:		0px;
	margin-right:		0px;
}

#cart3{
	margin-left:		0px;
	margin-right:		0px;
}
#cart4{
	margin-left:		0px;
	margin-right:		0px;
}

#price{
	margin-left:		0px;
	margin-right:		0px;
}

#ship{
	margin-left:		0px;
	margin-right:		0px;
}

/*Tabelle auf Seite Passwort zurücksetzen*/

#password{
	margin-left:		0px;
	margin-right:		0px;
	

ul{
	margin-top:			0px;
	list-style-type:	square;
}

.description_text p, .product_menue_text p{
	margin-top:			0px;
	margin-left:		0px;
	margin-right:		0px;
}