@charset "UTF-8";
body {
	background-color:#f4f4f4;
	font-family: Helvetica, Arial, Verdana, sans-serif;
  	line-height: 1.5;
	font-size:11px; 
}

fieldset {
	border:1px solid #ccc;
	padding: 10px;
	width:300px;
	margin:5px;
}

p {
	margin-top :10px;
	margin-bottom:10px;
}

th, caption {
	padding:5px 5px 5px 5px;
	vertical-align:middle;
}

th {
	font-weight:bold;
	text-align:left;
	border:1px solid #4CC2E4;
	border-collapse:collapse;
}

td {
	padding:3px 5px 3px 5px;
	/*border: 1px solid #FFF;*/
	vertical-align:middle;
	
}

table {
	border:0;
	
}


h1 {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:24px;
	margin:0;
	padding:0;
	color:#4cc2e4;
	letter-spacing: 0.01em;
	padding-bottom:24px;
	margin-bottom:0.3em;
}

h2 {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:16px;
	color:#4cc2e4;
}

h6, h2, h4, .price {
	color:#4cc2e4;
}

h6 {font-size:1em;font-weight:bold;}
h5 {font-size:1em;font-weight:normal;margin-bottom:1.5em;}

 h3, h4 {
	font-weight:normal;
	padding:10px 0 5px 0;
	margin-bottom:0px;
}

h5 {
	padding:0;
	margin:0;
}

h3 a {
	color:white;
	text-decoration:none;
}

h3.color {
	color:#fff;
	background-color:#4CC2E4;
	/*-moz-border-radius:5px;*/
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	height:29px;
	font-size:16px;
	line-height:30px;
}


h3 {
	color:#4CC2E4;
	font-size:14px;
	text-align:left;
	/*margin-bottom:4px;*/
}


code {
	border:1px solid #999;
	background-color:#e4e4e4;
	color:#222;
	float:left;
	width:98%;
	padding:1%;
}

a {
	color:#aa887e;
	text-decoration:none;
	cursor:pointer;
}

a img {
	border:none;
}


table {
	margin-bottom:1.4em;
	width:97%;
}


.div-chocolate-pictures{
	float:left; 
	width:75px;
	height:75px;
	margin:3px;
	text-align:centered;
	border:1px solid #cccccc;
}

.span-6 {
	width:200px;
}

.adminright {
	width:0;
	visibility:hidden;
}

.span-17 {
	width:700px;
}

.adminmain {
	width:900px;
}

.span-4 {
	width:140px;
}

.default-border-color{
	border-color:#CCC;
}

.wrapper {
	float:left;
	width:100%;
	background-color:#552515;
	padding:0 0 0 0;
	/*background-image:url('../images/topbck_3.jpg');*/
	background-repeat:repeat-x;
	background-position:bottom;
}

.abovewrapper {
	background-color:#280c03;
	float:left;
	width:100%;
	margin-top:-10px;
	padding-top: 0px;
	padding-bottom:3px;
}

/*.logo {
	float:left;
	width:580px;
	height:44px;
	margin-top:30px;
	background:url('../images/400_logo_schokogramm_de.png') no-repeat;
	text-align:right;
}*/

.logo h1 {
	color:#fff;
	font-weight:lighter;
	font-size:1.5em;
	letter-spacing:1px;
}

.chocolate-container{
	border:1px solid #FFF;
}


.banner{
	text-align:left; 
	float:left; 
	padding-right:20px;
}


.faq-paragraph-anchor{
	margin-left:88%; 
	margin-bottom:15px;
}

.faq-paragraph{
	margin-top:0px;
	margin-bottom:0px;
}

.faq-question{
	margin-top: 7px;
	color:#4CC2E4; 
	padding-top:10px;
}

.loginarea {
	float:right;
	width:330px;
	height:40px;
	color:white;
	padding:10px;
	padding-top:5px;
	margin-top:10px;
	border:0;
	text-align:center;
	/*background-color:#7f5d51;*/
}

.topmenu {
	float:left;
	width:100%;
	height:37px;
	background-color:#2f0f04;
	background-image:url('../images/bck_topnav.jpg');
	background-position:bottom;
	background-repeat:repeat-x;
}

.topmenu_int {
	float:left;
	width:100%;
	height:37px;
	background-image:url('../images/rightcorner_topnav.jpg');
	background-position:bottom right;
	background-repeat:no-repeat;
}

.topmenu ul {
	z-index:10;
	margin:0;
	height:37px;
	background-image:url('../images/leftcorner_topnav.jpg');
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0 0 0 40px;
	position:absolute;
}

.topmenu ul li {
	float:left;
	list-style-type:none;
}



.topmenu ul li a {
	text-decoration:none;
	padding:12px 20px 10px 20px;
	height:18px;
	line-height:18px;
	color:#fff;
	/*-moz-border-radius:5px;*/
}

.topmenu ul li a:hover, .topmenu ul li a.active {
	background-image:url('../images/active.jpg');
	background-repeat:repeat-x;
}

.topmenu ul li ul {
	position:absolute;
	width:205px;
	padding:0;
	margin:0;

	display:none;
	z-index:100;
	background-image:none;
}

.topmenu ul li>ul {
	top:auto;
	left:auto;
}

.topmenu ul li:hover ul {
	display:block;
	float:none;
}

.topmenu ul li ul li {
	float:none;
}

.topmenu ul li ul li a {
	color:#fff;
	margin:0;
	padding:0;
	width:200px;
	height:32px;
	line-height:32px;
	display:block;
	text-align:left;
	z-index:99;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	background-image:url('../images/active.jpg');
	background-repeat:repeat-x;
	padding-left:5px;
}

.topmenu ul li ul li a:hover {
	background-color:#AA887E;
	color:#000;
	background-image:none;
	width:200px;
	margin:0;
	
}

.topmenu ul a {
	display:block;
}

.topmenu ul li.hover, .topmenu ul li:hover {
	/*background: url(images/broken.png) 0 100% repeat-x;*/
}

.topmenu ul li:hover ul li ul {
	display: none;
}

.topmenu ul li:hover ul li a {
	display:block; 

}

.topmenu ul li:hover ul li a:hover {
}

.topmenu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	margin-left:204px;
	margin-top:-33px;
	left:auto; 
	top:auto;
}

.topmenu ul li:hover ul li:hover ul.left {
	left:-105px;
}

.welcome {
	float:left;
	width:100%;
	padding:30px 0 30px 0;
	margin:20px 0 0 0;
	color:#fff;
	font-weight:lighter;
	font-size:1.3em;
	line-height:2.4em;
	font-style:inherit;
	border-top:1px solid #222;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

.credits {
	font-size:11px;
	border-top:1px solid #fff;
	float:left;
	width:100%;
	color:#666;
	padding-top:20px;
}

/*.credits a {
	color:#4cc2e4;
}*/

#socialnetworks{
	margin-top:5px;
}

.mainbody {
	background-color:#fff;
	float:left;
	width:100%;
	padding:15px 0 5px 0;
	border-bottom:1px solid #ccc;
	background-image:url('../images/topshadow.jpg');
	background-repeat:repeat-x;
}

div.colborder 
{
	padding:5px;
	margin:5px;
	border: 0;
}

ul.cart {
	margin:0;
	padding:0;
	border-top:1px solid #e4e4e4;
}

ul.cart li {
	padding:4px 0;
	margin:0;
	list-style:none;
	border-bottom:1px solid #e4e4e4;
}

.price {
	font-weight:bold;
	font-size:1.5em;
	text-align:right;
	color:#222;
}

.versand {
	text-align:right;
	color:#222;
}

.button {
	padding-right:10px;
	padding-left:10px;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#FFF;
	font-size:11px;
	float:right;
	background-color:#4c241b;
	margin:3px;
	/*-moz-border-radius:5px;*/
	border:0;
	cursor:pointer;
	display:block;
}


.buttonsubmit {
	padding-right:10px;
	padding-left:10px;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#FFF;
	font-size:11px;
	float:right;
	background-color:#4c241b;
	margin:3px;
	/*-moz-border-radius:5px;*/
	border:0;
	cursor:pointer;
	display:block;
}

.buttonsubmit:hover{
	background-color:#AA887E;
	color:#000;
	cursor:pointer;
} 



.buttonselected{
	padding-right:10px;
	padding-left:10px;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#FFF;
	font-size:11px;
	float:right;
	background-color:#4c241b;
	margin:3px;
	/*-moz-border-radius:5px;*/
	border:0;
	cursor:pointer;
	display:block;
	border: 1px solid red;
}

.button a {
	color:white;
}

.abutton {
	padding-right:10px;
	padding-left:10px;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#FFF;
	font-size:11px;
	float:right;
	background-color:#4c241b;
	margin:3px;
	/*-moz-border-radius:5px;*/
	border:0;
	cursor:pointer;
}

.abutton a {
	color:white;
	text-decoration:none;
}

.abutton:hover{
	background-color:#AA887E;
	color:#000;
	cursor:pointer;
} 

.button-top {
	padding-right:10px;
	padding-left:10px;
	height:26px;
	line-height:26px;
	text-align:center;
	color:white;
	font-size:11px;
	float:right;
	background-color:#4c241b;
	margin:3px;
	position:relative;
	top:3px;
	/*-moz-border-radius:5px;*/
	cursor:pointer;
}


.button:hover{
	background-color:#AA887E;
	color:#000;
	cursor:pointer;
} 

.button-top:hover{
	background-color:#AA887E;
	color:#000;
	cursor:pointer;
} 

.buttonright {
	background-image:url('../images/button_right.gif');
	height:33px;
	width:16px;
	float:right;
}

.buttonint {
	padding:7px 0px 7px 15px;
	background-image:url('../images/button_left.gif');
	background-position:left;
	background-repeat:no-repeat;
	text-align:center;
	color:#fff;
	font-size:.9em;
	float:left;
}

.shadow {
	background-image:url('../images/box_shadow.jpg');
	background-position:bottom;
	background-repeat:repeat-x;
}

.loginarea input {
	border:1px solid black;
	background-color:#9f7d71;
	color:black;
	font-size:.9em;
	margin-right:5px;
	width:100px;
}

.loginarea input.btn {
	font-size:.9em;
	margin-right:5px;
	width:100px;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
}

.image {
	border:1px solid #e4e4e4;
	padding:4px;
	margin:6px;
	background-color:#fff;
}

.credits h6 {
	color:#333;
}

hr.thin {
	background:#e4e4e4;
	color:#e4e4e4;
	clear:both;
	float:none;
	width:100%;
	height:1px;
	margin:0;
	border:none;
}

td.grey, tr.grey {
	background-color:#e4e4e4;
}

table.einnahmen {
	border:none;
	font-family:"Courier New", Courier, monospace;
	color:#222;
}

table.einnahmen td {
	border:1px solid #ddd;
}

ul.profilmotive li {
	padding:5px;
	margin:0 0 10px 0;
	list-style:none;
	float:left;
}

.message {
	background:#e4f4cc;
	padding:6px;
	border:1px solid #70ba01;
	color:#70ba01;
	font-size:.9em;
	margin:10px 0;
}

.span-5 {
	width:200px;
}

ul.neustemotive {
	padding:0;
	margin:0 0 0 0;
	width:100%;
	display:block;
}

ul.neustemotive li {
	float:left;
	list-style:none;
	margin:0;
	width:48%;
	padding:1%;

}

ul.neustemotive li img {
	padding:0;
	margin:0;
	border:1px solid #ddd;
}

.ex {
	width:210px;
}

#container {
	float:left;
	width:100%;
}

.account_left, .account_right {
	float:left;
	width:49%;
	padding:1% 1% 2% 0;
}

.wlheadline {
	font-family:Verdana,sans-serif;
	font-size:16pt;
	font-weight:bold;
	border:none;
	cursor:pointer;
}

.wltext, .wllink {
	font-family:Verdana,sans-serif;
	font-size:11pt;
	cursor:pointer;
}

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5 , #tabs-6 {
	border:1px solid #CCC;
	margin-top:-3px;
	padding:10px;
	clear:left;
}

.own_brand_select_picture_back {
	border:1px solid #cccccc;
	margin-right: auto;
	margin-left: auto;
	width:200px;
	height:200px;
	margin-bottom:30px;
	text-align:centered;
	background: 50% no-repeat;
}

.own_brand_select_picture_front {
	border:1px solid #cccccc;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:30px;
	width:200px;
	height:200px;
	text-align:centered;
	background: 50% no-repeat;
}



#own_brand_list {
	margin-top:10px;
}

#own_brand_greetings_form {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

#own_brand_chocolate_pictures {
	margin:auto; 
	width:520px;
	border: 1px solid #E4E4E4;
}

.td_picture {
	text-align:center;
}

.in_use_picture {
	border:1px solid red;
}


#serienschokogramm_chocolate_pictures {
	margin:auto; 
	width:520px;
}

#list_serienschokogramm {
	margin-top:10px;
}

#serienschokogramm_greetings_form {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

.tableheading {
	background-color:#4CC2E4;
	color:#FFFFFF;
	border: 1px solid #4CC2E4;
	border-color:#4CC2E4;
	border-spacing:0;
	border-style:solid;
}

p {
	text-align:left;
}

.inputdefault {
	color:black;
	border:1px solid #CCCCCC;
	width:200px;
}

.inputactive {
	color:black;
	background-color:#ddddff;
	border:1px solid #bbbbbb;
	width:200px;
}


.codeblock {
	text-align:center;
	border:1px dashed #cccccc;
	background-color:#eeeeee;
	margin:1em;
}

ul.country_table {
	text-align:center;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: disc;
	

}

ul.country_table>li {
	list-style: disc;
	float: left;	
	width: 50%;
	text-align:left;
	margin: 0;
	padding: 0;
	
}

.show_country_table {
	text-decoration:underline;
	
}

.info, .success, .warning, .error {
	margin: 5px 5px;
	padding:8px 8px 8px 45px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.info {
	color: #000;
	background-color: #BCE3F6;
	background-image: url('../images/icons/32/info32.png');
}

.success {
	color: #000;
	background-color: #DFF2BF;
	background-image:url('../images/icons/32/valid32.png');
}

.warning {
	color: #000;
	background-color: #FEEFB3;
	background-image: url('../images/icons/32/attention32.png');
}

.error {
	color: #000;
	background-color: #FFBABA;
	background-image: url('../images/icons/32/cancel32.png');
}

.shade:hover {
	opacity: 0.6; /* Safari, Opera */
	-moz-opacity:0.60; /* FireFox */
	filter: alpha(opacity=60); /* IE */
	cursor:pointer;
}

.shade {
	opacity: 1; /* Safari, Opera */
	-moz-opacity:1; /* FireFox */
	filter: alpha(opacity=100); /* IE */
}


.disable {
	opacity: 0.5; /* Safari, Opera */
	-moz-opacity:0.50; /* FireFox */
	filter: alpha(opacity=50); /* IE */
}


.centered {
	text-align:center;
}


.chocolate-picture{
	width:75px;
	height:75px;
}

#pictures {
	margin:auto; 
	width:640px;
	border: 1px solid #E4E4E4;
}

#pictures_front {
	margin:auto;
	width:620px;
	border: 1px solid #E4E4E4;
}

#pictures_back {
	margin:auto; 
	width:620px;
	border: 1px solid #E4E4E4;
}

#chocolate_pictures {
	margin:auto; 
	width:520px;
	border: 1px solid #E4E4E4;
}

#help_text {
	min-height:150px;
}

#serienschokogramm_label_selection {
	margin-top: 15px;
	margin-left: 30px;
}

#own_brand_label_selection {
	margin-top: 15px;
	margin-left: 30px;
}

.input_in_table_missing {
	border: 1px solid RED;
}

#preview {
	width:700px;
	height:250px;
	border:1px solid #CCC;
	background-color:#FFFFFF;
	background: 50% no-repeat;
}

.column_16 {
	width:16px;
}

.pagesel {
	border:1px solid #000000;
	background-color:#cccccc;
	margin:5px;
	padding:5px;
	font-weight:bold;
}

.pagesel a {
	color:black;
	text-decoration:none;
	font-weight:normal;
}

a:focus, a:hover {
	color:#000;
}

textarea {

}

.shoppingcart {
	float:right;
	margin-left:0px;
	margin-top:20px;
	margin-right:15px;
	text-align:center;
}

.shoppingcart span {
	color:white;
}

.shoppingcart a {
	text-decoration:none;
}

.shoppingcart a:hover {
	color:white;
}

table.loginform, table.loginform td {
	border:0; padding:0; margin:0;
	background-color:#552515;
}

.loginform a, .loginform span {
	font-size:9px;
}

.mandatory {
	font-weight:bold;
	color:red;
}

.letsgo_button{
	background-color:#4CC2E4;
	color:#FFF;
	width:90px;
	height:26px;
	/*-moz-border-radius:5px;*/
}

.letsgo_button .letsgo_text{
	position:relative;
	top:3px;
	left:5px;
	float:left;
}

.letsgo_button .letsgo_arrow{
	position:relative;
	top:4px;
	left:15px;
}

.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-left: 4px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/icons/16/calendar.png) no-repeat; 
}


input[disabled].datepicker-shipping{
	background-color:#FFF;
	border: 1px solid #CCC;
	color: #000;
	font-size:11px;
}

.selectionmenu {
	font-family: arial, sans-serif; 
	width:105px; 
	height:150px; 
	position:relative; 
	margin:0; 
	font-size:11px; 
	margin:0;
}

.selectionmenu ul li a, .selectionmenu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#FFF; 
	width:120px; 
	height:14px; 
	text-align:left; 
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 
	background:#4cc2e4; 
	line-height:19px; 
	font-size:11px;
	padding:5px;
	/*-moz-border-radius:5px;*/
}

.selectionmenu ul {
	padding:0px; 
	margin:0;
	list-style-type: none; 
}

.selectionmenu ul li {
	float:left; 
	margin-right:1px; 
	position:relative;
}

.selectionmenu ul li ul {
	display: none;
}

/* specific to non IE browsers */
.selectionmenu ul li:hover a {
	color:#4cc2e4; 
	background:#bce3f6;
}

.selectionmenu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:0; 
	left:131px; 
	width:90px;
}

.selectionmenu ul li:hover ul li a.hide {
	background:#4cc2e4; 
	color:#000;
}

.selectionmenu ul li:hover ul li:hover a.hide {
	width:150px;
}

.selectionmenu ul li:hover ul li a {
	display:block; 
	background:#4cc2e4; 
	color:#FFFFFF; 
	width:105px;
}

.selectionmenu ul li:hover ul li a:hover {
	background:#bce3f6;
	color:#4cc2e4;
}

#schokogramm-picture-front{
	background:transparent none no-repeat scroll 50% 50%;
	width:200px;
	height:200px;
}

.schokogramm-picture-front-border{
	border:2px solid #CCCCCC;
}

#schokogramm-picture-back{
	background:transparent none no-repeat scroll 50% 50%;
	width:200px;
	height:200px;
}

.schokogramm-picture-back-border{
	border:2px solid #CCCCCC;
}

#schokogramm-chocolate{
	width:200px;
	height:200px;
	text-align:centered;
	background: 50% no-repeat;
}

.schokogramm-chocolate-border{
	border:2px solid #CCCCCC;
}

#picture-gallery{
	background:transparent none no-repeat scroll 50% 50%;
	border:2px solid #CCCCCC;
	height:200px;
	width:200px;
}

.div-pictures{ 
	width:66px;
	height:66px;
	margin:3px;
	text-align:centered;
	float:left;
	border:1px solid #CCC;
}


.div-pictures-sidebar{ 
	float:left;
	width:66px;
	height:66px;
	margin:3px;
	text-align:centered;
}


#picture-front-preview{
	width:620px;
	height:220px;
	text-align:centered;
	background-color:#FFFFFF;
	background: 50% no-repeat;
	position: absolute;
	top: 300px;
	left: 200px;
	border: 1px solid #CCCCCC;
}

#picture-back-preview{
	width:620px;
	height:220px;
	text-align:centered;
	background-color:#FFFFFF;
	background: 50% no-repeat;
	position: absolute;
	top: 300px;
	left: 200px;
	border: 1px solid #CCCCCC;
}


#chocolate-description{
	width:600px;
	height:120px;
	text-align:centered;
	background-color:#FFFFFF;
	background: 10% no-repeat;
	position: absolute;
	top: 300px;
	left: 200px;
	border: 1px solid #CCCCCC;
}


.icon32{
	width:32px;
	height:32px;
}

.icon24{
	width:24px;
	height:24px;
}

.icon16{
	width:16px;
	height:16px;
}

.edit:hover {
	cursor:pointer;
}

.edit {
	cursor:pointer;
}

#popup_container {
	min-width: 250px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 1px #4C241B;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	text-align: center;
	background: #4C241B top repeat-x;
	border: 0;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	 padding:10px;
}

#popup_content.alert {

}

#popup_content.confirm {

}

#popup_content.prompt {
	padding:20px;
}

#popup_message {
	
}

#popup_panel {
	
}

#popup_prompt {
	
}

#picture_upload_button {
	font-size:9px;
	width:34px;
	height:34px;
	color:#FFF;
	/*-moz-border-radius: 5px;*/
	background-color:#4CC2E4;
	cursor:pointer;
}

#picture_upload_button .upload_text {
	/*position:relative;
	top:3px;
	left:13px;*/
}

#picture_upload_button .upload_arrow {
	/*position:relative;
	top:4px;
	left:11px;*/
}

table.colors {
	border:0;
	border-collapse:collapse;
}

table.colors td {
	border:1px solid black;
	font-size:11px;
	width:80px;
	height:80px;
}

.home-infobox {
	border:1px solid #CCC;
	width:210px;
	height:180px;
	float:left;
	margin:10px;
}

.picture-hover {
	border-color:#4CC2E4;
}

.picture-click {
	border-color:#4C241B;
}

.text-page{
	width:76%;
}

.user-page-overview-box{
	border:1px solid #CCC;
	width:43%;
	min-height:220px;
	float:left;
	margin:10px;
	padding:10px;
}

.user-page-overview-heading{
	margin-bottom:5px;
}

.user-page-overview-heading a{
	color: #4CC2E4;
	font-size: 14px;
}

.user-page-overview-heading a:hover{
	color: #000;
}

.even{
	background-color:#FFF;
}

.odd{
	background-color:#EEE;
}

.odd td{

	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
}

.remove{
	cursor:pointer;
}

.row-highlight {
	background-color:#cadee4;
}

table.aod {
	width:75%;
}

table.aod td {
	width:50%;
}

table.aod2 {
	width:100%;
}

table.aod2 td {
	width:50%;
}

#cmsbacktolist {
	margin-bottom:15px;
}