/* stylesheet.css.tpl */
@charset "UTF-8";

* {
    font-family: Helvetica, Arial,sans-serif;
    font-size:12px;
    color: #5d5d5d;
}

table {
    border-spacing: 0;
    border-collapse:collapse;
    empty-cells:show;
}

img {
    border:none;
}


/*
input, select, button, textarea {
    border: 1px solid #none;
}
*/

input[type=text], input[type=password],textarea, select {
    border: 1px solid #dddddd;
    background: none repeat scroll 0 0 #FFFFFF;
}

input[type=image] {
    border: none;
}

input[type=submit], button {
    border: 1px outset;
    background-color: black;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

div.user_warning{
    font-size:1.1em;
    color:red;
    text-align:center;
    border:1px solid red;
    background-color:#ffeeee;
    padding:5px;
    margin: 5px 20px 5px 20px;
    font-weight:normal;
    margin-bottom:10px;
}

div.divhitlist {
    position:absolute;
    top:-1px;
    left:-400px;
    background-color:white;
    border:1px solid #000000;
    width:400px;
    padding:0px;
    margin-top:0px;
}

div.tpl_header:hover{
    border:2px dotted #ff0000;
    background-color:#ffeeaa;
}

h1.form_title {
    text-align:left;
    color:#5d5d5d;
    /*margin-left:15px;*/
    margin-bottom:20px;
    font-size:16px;
}

.form_input {
    width: 190px;
    color: #626262;
    float: left;
    font-size: 11px;
    margin: 0;
    /*border: 1px solid #666666;*/
}

.form_label {
    white-space:nowrap;
    padding-right:10px;
}

.form_combo {
    width:192px;
    /*border: 1px solid #666666;*/
}

.form_submit {
    /*background-color:#666666;*/
    color:white;
    /*border: 1px solid #666666;*/
    width:80px;
}

.form_button {
    /*background-color:#666666;*/
    color:white;
    /*border: 1px solid #666666;*/
}

.form_links {
    color:#ff6600;
    font-size: 10px;
    font-weight:bold;
    text-decoration:none;
}

.form_links:hover {
    color:#ff6600;
    font-weight:bold;
    text-decoration:underline;
}

div.form_class {
    border:1px none red;
    background-color:#ffffff;
    padding: 8px 8px 8px 8px;
    /*margin-top:5px;*/
}

table.form_class {
    width: 100%;
    background-color:#ffffff;
    margin:auto;
}

tr.form_class {
    height: 40px;
}


fieldset.form_fieldset {
    margin:auto;
    border: 1px solid silver;
    float: none;
    height: auto;
    margin-bottom: 20px;
    padding: 15px 0 15px 10px;
}

fieldset.login_form_fieldset {
    margin:auto;
    border:1px solid silver;
    float: left;
    height: auto;
    margin-bottom: 20px;
    margin-left: 15px;
    padding: 15px 10px 15px 10px;
    width: 290px;
}

tr.form_tr {
    height:28px;
}

div.customer_detail {
    border:1px solid #969696;
    background-color:#eeeeee;
    padding: 0 0 10px 0;
}

div.login_form {
    background-color:#dddddd;
}

table.top_table {
    margin-top:100px;
    border:1px solid black;
    width:100%;
}

table.standard_table {
    border-spacing:0;
    width:100%;
    background-color:transparent;
}

.schrift_klein {
    font-size: 10px;
}

.schrift_mittel {
    font-size: 14px;
}

a {
    color:#ff6600;
    font-size: 12px;
    text-decoration:none;
}

a:hover {
    color:#ff6600;
    text-decoration:underline;
}

a.menulink {
    font-size:14px;
    text-decoration:none;
    color:#ff6600;
}

a.menulink:hover {
    text-decoration:underline;
    color:#dddddd;
    display:block;
    background-color:#ff6600;
}

a.menulink_active {
    color: #ffffff;
    background-color:#d2d2d2;
    font-size:14px;
    text-decoration:none;
}

a.menulink_active:hover {
    color: #ffffff;
    text-decoration:underline;
}

a.themes_menulink {
    /*padding: 7px 8px 7px 8px;*/
    /*font-weight:bold;*/
    font-size:10px;
    text-decoration:none;
    margin-right: 3px;
    color: #666666;
    background-color:transparent; /*#f0f0f0;*/
    text-transform: uppercase; 
}

a.themes_menulink:hover {
    text-decoration:none;
    color:#222222;
    background-color:transparent; /*#d2d2d2;*/
}

a.themes_menulink_active {
    color: #666666;
    background-color:#d2d2d2;
    padding: 7px 8px 7px 8px;
    font-weight:bold;
    font-size:16px;
    text-decoration:none;
    margin-right: 10px;
}

a.themes_menulink_active:hover {
    color:#222222;
    text-decoration:underline;
}

a.grauelinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

a.grauelinks:hover {
	color: #225d12;
}

a.rotelinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
}

a.weisselinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

a.title_menu_links {
    font-size: 10px;
    text-transform:uppercase;
    text-decoration:none;
}

ul.catnavigation {
    list-style-type:none;
    margin: 0px;
    padding: 0px;
    background-color: #;
}

ul.catnavigation li {
    margin: 8px 0px 0px 0px;
}

ul.catnavigation li a {
    font-weight:bold;
    color:#000000;
    text-decoration:none;
    display:block;
}

.catactive, #catactive a:hover {
    color: #0C6097;
    background-image: url(../../../templatesets/flatster/images/sidebarnav2.png);
    background-position: 0 -52px;
}

#catactive a {
    color: #0C6097;
}

#catnotactive a:hover {
    color: #0C6097;
    background-image: url(../../../templatesets/flatster/images/sidebarnav2.png);
    background-position: 0 -26px;
}

ul.linklist {
    list-style-type:circle;
    margin: 0;
    padding: 10px 10px 10px 15px;
    background-color: #ffffff;
}

ul.linklist li {
    margin: 3px 0px 3px 0px;
}

ul.linklist li a {
    color:#666666;
    text-decoration:none;
    display:block;
}

ul.linklist li a:hover {
    background-color:#d2d2d2;
    color:#ff6600;
}

ul#TopNavigation {
    background-color: transparent;
    color: white;
    margin: 0;
    padding: 0;
    /*list-style: none;*/
}

ul#TopNavigation li {
    list-style: none;
    margin: 0;
    color: white;
}

ul#TopNavigation a, ul#TopNavigation span, ul#TopNavigation h2 {
    display: block;
    text-decoration: none;
    color: #e22a82;
    background-color: transparent;
    padding: 2px;
    /*border-bottom: 1px solid #a0a0a0; */
    font-weight: normal;
    height:21px;
}

ul#TopNavigation a:hover {
    color: black;
    background-color: #e22a82;
}

ul#TopNavigation h2 {
    font-size: 12px;
    margin: 0;
    padding: 4px;
    color: white;
    background-color: #505050;
    text-align: left;
    font-weight: bold;
}

th.topline {
    background-color:#aaaaaa;
}

th.whiteunderline {
    background-color:#ffffff;
    border-bottom:1px solid #ffffff;
}

th.topunderline {
    border-bottom:none;
}

.tooltip {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  border:1px solid black;
}


.pt_tooltip {
  position: absolute;
  display: none;
  background-color: #ffffff;
  border:1px solid black;
}


table.ingredients
{
  background-color:white;
  border-collapse:separate;
  border-spacing:0px;
  border:1px solid silver;
}

table.ingredients th
{
  background-color:#f0f9e9;
  font-weight:bold;
  padding:5px;
  vertical-align:top;
}

table.ingredients td
{
  border:1px solid silver;
  padding:5px;
}


#menu {
  padding: 0px;
  padding-bottom:0px;
  margin:0px;
  border-bottom: 1px solid #4A8A1F ;
  background-color: #f0f9e9;
  width:100%;
}

#menu li {
  display: inline;
}

#menu li a {
  text-transform:uppercase;
  padding: 3px;
  margin-left: 0px;
  border-bottom: 0;
  text-decoration: none;
  background-color: #f0f9e9;
  color:#4A8A1F;
  font-weight:bold
}

#menu li a:link {
  text-decoration: none;
  color:#4A8A1F;
}

#menu li a:visited
{
  color: #4A8A1F;
  text-decoration: none;
}

#menu li a:hover
{
  background-color: #4A8A1F;
  color: white;
}

#menu li a#show
{
  background-color: gray;
  color: white;
}

/***** MBR *****/
/* MENU */
.nav {
	height: 32px;
	margin-left: -31px;
}

.nav li {
	display: block;
	margin-left: -9px;
	float: left;
	background: url(../../../templatesets/flatster/images/tabs.png);
}

.nav a {
	display: block;
	width: 114px;
	height: 24px;
	margin: 8px 7px 0;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

.nav .sel a.title_menu_links span {
	background: url(../../../templatesets/flatster/images/tabs.png) -7px -104px;
	color: black;
	height:18px;
}

.nav a.title_menu_links span {
	color: white;
}

.nav span {
	padding-top: 6px;
	display: block;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	/*color: #ffffff;*/
	font-size: 11px;
}

/* BOX */
.fl_boxtitle {
	padding: 6px 11px 5px;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	cursor: default;
}

.fl_boxtitle1 {
	background-position: 0 0;
}

.fl_boxtitle2 {
	background-position: 0 22px;
}

.fl_boxtitle3 {
	background-position: 0 44px;
}

.fl_boxtitle4 {
	background-position: 0 66px;
}

.fl_boxtitle5 {
	background-position: 0 88px;
}

.fl_boxtitle6 {
	background-position: 0 110px;
}

.fl_boxtitle7 {
	background-position: 0 132px;
}

.fl_boxtitle8 {
	background-position: 0 154px;
}

.fl_boxbody {
	font-size: 10px;
	color: #8A7975;
	padding-top: 3px;
	padding-bottom: 1px;
	position: relative;
}

.fl_boxtext {
	padding: 5px 6px 4px 9px;
	position: relative;
}

/*Cookie Consent Begin*/
#cookieConsent {
    background-color: #676157;
    min-height: 26px;
    font-size: 14px;
    color: #ffffff;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

#cookieConsent a {
    text-decoration: none;
    font-size: 14px;
    color: #fff;
}
#cookieConsent a:hover {
    color: #FF6600;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #EEEEEE;
    color: #616161;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/

.footerlink {
    font-weight:normal;
    font-size:9px;
}