/*CSS Dermapharm webshop*/
* {
	margin:0;
	padding:0;
	list-style:none;
}

html,
body {
	height:100%;
	font-family:Arial, sans-serif;
	font-size:12px;
/*	font-family:12px HelveticaNeue-Light, sans-serif, url(../font/HelveticaNeue-Light.pfm);*/
	color:#000;
}

body {
/*	font:12px Verdana, Arial, sans-serif;*/
	background:#FFF;
}


p {
margin:10px 0;
}

table, td, tr {
	margin:0;
	padding:0;
	border-collapse:collapse;
}

img {
	vertical-align:middle;
	border:none;
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:#000;
	font-size:11px;
}

h1 {
	font-size:37px;
	color:#CCCCCC;
}

h2 {
	font-size:24px;
	color:#CCCCCC;
}

h3 {
	font-size:24px;
	color:#FFF;
}

h4 {
	font-size:17px;
	color:#999999;
	margin:20px 0 0px 0;
}

.error {
	color:#F00;
}

.error_con p.error_head {
	font-weight:bold;
margin:5px 15px 10px 15px;
}
.error_con p{
	margin:10px 15px 10px 15px;
}
.error_list {
}

div.error_con {
	width:598px;
	border:1px solid #F00;
	margin-top:15px;

	color:#F00;
}
		.error_con li {
			padding:5px 15px;
		}


table#root_table {
	width:100%;
	height:100%;
	border-collapse:collapse;
}

	td#cell_top {
		vertical-align:top;
	}

	td#cell_bottom {
		vertical-align:bottom;
	}


div.page_content {
	margin:0 auto;
	padding:0;
	width:850px;
	position:relative;
}


div#col_left {
	width:600px;
	margin:0 30px 0px 0;
	/*float:left;*/
	padding:25px 0 40px 0;
}

div#col_right {
	width:220px;
	padding:0 0 40px 0;
	/*float:left;*/
	position:absolute;
	top:0;
	right:0;
color:#999999;font-size:10px;

}

div.welcome h3 {
	font-size:12px;
	color:#000;
	margin:0 0 37px 16px;

}

.left {
	float:left;
}

.right {
	float:right;
}

div.clearer {
	clear:both;
}



div#logo {
text-align:right;
}



/* Navigation
******************/

div#main_nav {
	margin:0;
	padding:0;
}

		div#main_nav ul {
			width:585px;
			height:21px;
		}

				div#main_nav ul li {
					float:left;
					list-style:none;
					margin:0 15px 0px 15px;
				}
						div#main_nav ul li a {
							color:#CCCCCC;
							font-size:14px;
						}


/* Header
***********/

div#head {
	margin:5px 0 0 0;
	padding:0;
	width:585px;
	height:241px;
}


/* Content
***********/

div#content {
	margin:0;
	padding:0;
	height:100%;
}

div.box_grey {
	height:155px;
	border:1px solid #D5D5CF;
	margin: 15px 0 0 0;
	padding:5px;
}




/*content right*/
div.shop_text {
	/*
	width:100%;
	padding:0 0 20px 0;
	border-bottom:1px solid #D5D5CF;
	*/
	position:relative;
}

	div.shop_text h1 {
		margin:0;
		position:absolute;
		left:0;
		top:-15px;
		font-weight:normal;
		font-size:40px;
	}

div.shopping_cart {
	position:absolute;
	top:120px;
	left:0;
	border:none;
	height:120px;
	border-top:1px solid #D5D5CF;
	border-bottom:1px solid #D5D5CF;
}
		div.shopping_cart h2 {
			padding:4px 0 0 0;
		}

		div.shopping_cart img {
			float:left;
		}
		div.shopping_cart div.cart_icon {
			float:right;
		}

		div.shopping_cart div.product {
			font-size:17px;
			font-weight:bold;
			color:#707070;
			/*padding:0px 0 20px 0 ;*/
			position:absolute;
			left:0;
			top:34px;
		}

		div.shopping_cart div.cart_detail {
			position:absolute;
			left:0;
			bottom:4px;
			font-weight:bold;
		}

/* Login (Startseite)
************/

div#login {
	height:104px;
	position:absolute;
	top:239px;
	left:0;
	border-bottom:1px solid #D5D5CF;
}

		div#login h2 {
			padding:7px 0 0 0;
		}

		div#login img {
			margin:5px 0 0 0;
			float:left;
		}

		div#login div.login_icon {
			float:right;
		}

		div#login div.neukunde {
			/*margin-top:7px;*/
			position:absolute;
			left:0;
			bottom:4px;
			font-weight:bold;
		}

		div#login form {
			position:absolute;
			left:0;
			top:36px;
		}

		div#login form input.user,
		div#login form input.password {
			width:94px;
			border:1px solid #D5D5CF;
		}

		div#login form input.submit_button {
			vertical-align:middle;
		}

div.back_to_login  {
	color:#939598;
}

div.back_to_login  a{
	font-size:12px;
	color:#939598;
	}
div.back_to_login  a:active,
div.back_to_login  a:hover {
	color:#000;
}


/* blaue box
**************/

div#content_right {
	position:absolute;
	top:360px;
	right:0;
}

div.box_blue { 
	width:220px;
	height:220px;
	margin:0 0 15px 0;
	background-image:url(../img/blue_box.jpg);
}

		div.box_blue div.teaser_content {
			padding:14px 14px 18px 14px;
		}
				div.box_blue div.teaser_content div.text_grey {
					color:#999999;font-size:12px;		
					font-weight:bold;
				}

				div.box_blue div.teaser_content div.text_darkblue,
				div.box_blue div.teaser_content div.text_darkblue a {
					color:#346F89;
					font-size:20px;
				}

				div.box_blue div.teaser_content div.link {
					position:relative;
					bottom:0;
					left:0;
				}




/* Teaser rechts - normaler text
*********************************/

div.teaser_text {
	margin:10px 0 0 0;
	width:220px;
	display:block;
	color:#939598;
}


/* Footer
*********************************/

ul#footer_nav {
	/*padding:0 0 0 630px;*/
	padding:15px 0 5px 16px;
}

	ul#footer_nav li {
		display:inline;
	}

	ul#footer_nav li a.active {
		text-decoration:underline;
	}


/*Produktliste
***************/

div.product_list {
	height:120px;
	margin:10px 0 0 0;
	border:1px solid #D5D5CF;
}

	div.product_list div.text_con {
		width:395px;
		height:71px;
		float:right;
	}
	div.product_list div.product_headline {
		margin-top:10px;
		font-size:17px;
		color:#CCCCCC;
	}
	div.product_list div.product_headline a{
		font-size:17px;
		color:#CCCCCC;
	}

	div.product_list div.continuous_text {
		margin-top:5px;
		padding:0 3px 0 0;
	}

	div.product_list div.single_view_link {
		float:right;
		margin:0px 48px 0 0;
	}

	div.product_image {
		width:200px;
		padding:5px 0;
		text-align:center;
		float:left;
		display:block;
	}


/* Detailansicht
*****************/

div#single_view {
	width:850px;
	margin:15px 0 0 0;
}
		div#single_view div#con_image {
			width:200px;
			float:left;
			padding:5px 0;
			text-align:center;
			display:block;
			border-left:1px solid #D5D5CF;
		}

			div#single_view div.title h2 {
				font-size:34px;
				color:#939598;
				font-weight:normal;
				padding:0 0 0px 25px;
				border-left:1px solid #D5D5CF;
			}

		div#single_view div#con_text {
			width:400px;
			float:left;
		}
/*				div#single_view div#con_text div.title h2 {
					font-size:18px;
					color:#939598;
					font-weight:normal;
				}*/

				div#single_view div#con_text div.continuous_text {
					color:#939598;
					padding:32px 0 0 0;
				}

					div#single_view div#con_text div.continuous_text p {
						margin:0 0 10px 0;
					}

				div#single_view div#con_text div#price {
					margin:30px 0;
					float:left;
					font-size:34px;
					color:#939598;
				}

				div#single_view div#con_text div#buy {
					margin:0px 30px 0 0;
					float:right;
				}

				div#single_view div#con_text div#buy div.weitere_artikel {

}

		div#single_view div#con_info {
			float:right;
		}
			div#single_view div#con_info div.continuous_text_right {
				color:#CCCCCC;
				font-size:12px;
				padding:20px 0 0 0;
				width:220px;
			}



/* Kontaktformular
*******************/

table#tab_kontaktformular {
	margin:15px 0 0 0;
	width:598px;
	height:100%;
}

.csc-frame-frame1 {
	width:598px;
	display:block;
	border:1px solid #D5D5CF;
	margin-top:15px;
}

	div.csc-frame-frame1 h1 {
		font-size:20px;
		margin:5px 0 10px 15px;
	}

	div.csc-frame-frame1 p {
		font-size:12px;
		margin: 0px 0 10px 15px;
	}


table#tab_kontaktformular td.border_grey {
}

.gen_form {
	width:598px;
	display:block;
	border:1px solid #D5D5CF;
	margin-bottom:15px;
}



h1.wk_header {
	font-size:20px;
	margin:5px 0 10px 15px;
}




/* Rechnungsadresse
*******************/

table#tab_rechnungsadresse {
	margin:15px 0 0 0;
	width:598px;
	height:100%;
}

		table#tab_rechnungsadresse td.border_grey {
		}

.gen_form {
	width:598px;
	display:block;
	border:1px solid #D5D5CF;
	margin-bottom:15px;
}


.gen_form dl {
	margin:10px 0;
}

.gen_form  dt {
	float:left;
	color:#000;
	margin:0 0 0 15px;
}


.gen_form  dt.no_float {
	float:none;
}

.gen_form  dd.no_float {
	margin-left:0 !important;
}

.gen_form  dd {
	color:#000;
}

	.gen_form dd {
		margin:8px 0 8px 210px;
	}
		
		.gen_form dd input.button_erase {
			border:1px solid #D5D5CF;
			background:#FFF;
			color:#000;
			padding:1px 3px;
		}

		.gen_form input.input_option {
			width:147px;
		}
		.gen_form input {
			border:1px solid #D5D5CF;
		}

		.gen_form select {
			width:144px;
			border:1px solid #D5D5CF;
		}

		.gen_form div {
			 padding:15px 15px;
		}

		.gen_form dd.no_float textarea {
			width:410px;
			border:1px solid #D5D5CF;
		}

	.gen_form .submit_row {
		text-align:right;
	}

h1.wk_header {
	font-size:20px;
	margin:5px 0 10px 15px;
}


/* Warenkorb
*************/

div#warenkorb {
		border:1px solid #D5D5CF;
		padding:0 15px 15px 15px;
		margin-top:15px;
		height:100%;
}

table#wk {
	width:100%;
	height:100%;
	border-collapse:collapse;
	padding:0;
}
		table#wk input {
/*			border:1px solid #D5D5CF; */
			margin:0;
			padding:0;
		}
			table#wk div.button {
			}

		table#wk tr {
			/*padding:15px; */
		}

		table#wk td {
			padding:5px 0;
			border-bottom:1px solid #D5D5CF;
		}

				table#wk td.pad_right {
					padding:0 10px 0 0;
				}

				table#wk td.pad_left {
					padding:0 0 0 10px;
				}

				table#wk td.no_border {
					border:none;
					padding:0 10px;
				}

				table#wk td.border_left {
					border-left:1px solid #D5D5CF;
				}

				table#wk td.border_right {
					border-right:1px solid #D5D5CF;
				}

.cart_empty {
	margin-top:15px;
	color:#939598;
	font-size:16px;
}

.wk_header2 {
color:#CCC;
	font-size:20px;
	margin:5px 0 10px 0px;
}

	/*  Payment
	***********************/
div#payment_lastschrift {
}

.gen_form  dd img {
	padding:0 10px;
}
table.send_order_wk {
	width:100%;
	padding:0;
	margin:15px 0;
}

table.send_order {
	margin:0px 0 15px 0 ;
	width:598px;
	height:100%;
 }

td.submit {
	text-align:right;
}

td.submit2{
	/*text-align:center;*/
	color:#939598;
	padding-left:15px;
}

	td.submit input.submit_button {
		border:1px solid #D5D5CF;
		background:#FFF;
		color:#000;
		padding:1px 3px;
	}

span.pad_left {
		padding:0 0 0 15px;
		/*border:1px solid red;*/
}
	span.pad_left  a {
		color:#939598;
	}

div.kreditkarte_text {
	padding:0 0 15px 0;
}

/*  Adressdaten - payment
***************/
div#payment_adresse_wrapper {
	margin:0;
	padding:0;
}
		div#payment_adresse_wrapper table td{
			width:50%;
			padding:4px;
		}

div#payment_adresse_wrapper_right,
div#payment_adresse_wrapper_left {
	padding:0 25px 15px 15px;
	margin:0;
}




/*Error message - Kontaktform
**************************/

.error_mess {
	font-size: 12px;
	font-weight: bold; 
	color: red;
}

/* Gewinnspiele
**************/

/*Tetrarelax, Hydraplex*/
form#form3,
form#form2 {
	width:500px;
	margin:20px 0 20px 10px;
}

form#form3 table,
	form#form2 table {
		border-collapse:collapse;
}	
		form#form3 table td,
		form#form2 table td {
			padding:3px 0;
}
form#form3 td.cell_1,
form#form2 td.cell_1 {
	width:130px;
	text-align:right;
	padding-right:2px;
}
form#form3 td.cell_2 input,
form#form2 td.cell_2 input{
	width:197px;
}

input.gewinnspiel_button {
	border:1px solid #D5D5CF;
		background:#FFF;
		color:#000;
		padding:1px 3px;
text-align:right;
float:right;
}


/* Captchas Gewinnspiel */
div.captcha {
	text-align:left;
}

div.captcha img,
div.captcha input {
	margin:0 0 5px 0;
}

div.captcha input {
	margin-left: 5px;
}

.err_gewinnspiel {
	color:red;
	border:1px solid red;
	padding:5px;
}