html {
}

* {
	font-size:100.1%;
	margin: 0px;
	padding: 0px;
}

body {
	background-color:#E0E0E0;
	background-image:url(../IMG/hg-body.gif);
	background-repeat:repeat-y;
	color:#000000;
	font-family: arial,helvetica,sans-serif;
	font-size:0.75em;
	font-weight:normal;
	line-height:1.3em;
	margin:0;
	padding:0;
}

img {
	border:0 none;
}

a {
	color: #0F3060;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration:underline;
}

.clearfix {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0px;
	height: 0px;
}

.pointer { cursor: pointer; }

.status-freigeschaltet { background-color: #d0ffd0; }
.status-wartet { background-color: #ffe8b0; }
.status-gesperrt { background-color: #ffc0c0; }
.status-nicht-validiert { background-color: #d0d0d0; }

.tip { color: #d00000; }

.rechts { float: right; }
.links { float: left; }

.invisible { visibility: hidden; width: 0px; height: 0px; position: absolute; left: -999px; display: none; }

.tip { font-weight: bold; }

.red { color: red; }
.rot { color: #cc0000; }

#seite-div {
	background-color: #FFFFFF;
	margin: 0 0 0 21px;
	width: 959px;
}

#kopf-div {
	height: 114px;
	width: 959px;
	margin: 4px 0 0 0;
	background-image: url(../IMG/banner_neu.jpg);
	background-repeat: no-repeat;
}

div#login-bild {
	float: left;
	height: 355px;
	width: 765px;
	background-image: url(../IMG/main_klein.jpg);
	background-repeat: no-repeat;
}

#news-1-div {
	float: left;
	height: 428px;
	width: 100%;
	margin: 0;
	background-color: #e0e0e0;
	background-image: url(../IMG/main.jpg);
	background-repeat: no-repeat;
}

#login-div {
	float: right;
	height: 138px;
	width: 268px;
	margin: 0;
/*	background-color: #e0e0e0;*/
	border: 1px solid #0F3060;
}

div#login-bereich {
	float: right;
	height: 200px;
	width: 145px;
	border: 1px solid #0F3060;
	padding: 3px;
}

form#login {
	/*float: right;*/
	/*padding: 10px 40px;*/
	/*margin: 35px 20px 10px 0;*/
	/*width: 210px;*/
}

form#login input, form#login select {
	border: 1px solid #103a78;
	padding: 1px;
}

form#login td {
	padding: 2px;
}

div#login-status {
	float: left;
	padding-left: 20px;
	width: 300px;
}

#login-status-div {
	float: right;
	/*background-color: #e0e0e0;*/
	text-align: right;
	width: 200px;
	height: 50px;
	margin: 10px 30px;
	padding: 15px;
	line-height: 150%;
}

#login-status-div a {
	font-weight: bold;
}

div#main-menu {
	float: right;
	margin-right: 0px;
	padding-right: 20px;
	/*background-color: #e0e0e0;*/
	/*width: 400px;*/
	height: 30px;
}

ul { list-style: none; }

/*--- Main Menu reine Funktionalität ---*/
ul.main-menu { position: relative; }

ul.main-menu li.hover,
ul.main-menu li:hover	{ position: relative; }
ul.main-menu li a { display: block; }


ul.main-menu ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 999; }
ul.main-menu ul li { float: none; z-index: 999; }

ul.main-menu ul li a { display: inline-block; }

ul.main-menu li:hover > ul { visibility: visible; }
ul.main-menu ul.menu-visible { visibility: visible; }
ul.main-menu li.menu-hover { position: relative; }
.red-border { border: 1px solid red; }

ul.main-menu ul ul { left: -104%; top: -1px; z-index: 999; }

/*--- Main Menu Aussehen ---*/
ul.main-menu li {
	float: right;
}

ul.main-menu li a {
	background: #103a78 url(custom-theme/images/ui-bg_glass_25_103a78_1x400.png) 50% 50% repeat-x;
	/*background-color: #103a78;*/
	border: 1px solid #103a78;
	color: white;
	font-size: 120%;
	font-weight: bold;
	margin: 0px 0px 0px 5px;
	padding: 6px 20px;
	text-decoration: none;
}

ul.main-menu li a:hover, ul.main-menu li a:active {
	background: #d0e5f5 url(custom-theme/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
	/*background-color: #d8e7f3;*/
	color: #103a78;
	font-weight: bold;
}

ul.main-menu ul {
	border: 1px solid black;
	background-color: white;
	margin: 0 0 0 5px;
}

ul.main-menu ul li {
	width: 170px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

ul.main-menu ul li a {
	font-size: 100%;
	background-color: #ffffff;
	border: 0px solid #103a78;
	/*color: #103a78;*/
	color: white;
	font-weight: normal;
	margin: 0px;
	padding: 3px 5px;
	width: 160px;
}

ul.main-menu ul li a:hover {
	background-color: #d8e7f3;
	font-weight: normal;
}

ul.main-menu ul ul {
	border: 1px solid black;
	background-color: white;
}

ul.main-menu ul ul li {
	width: 170px;
}


hr#trenner {
	color: #0F3060;
	background: #0F3060;
	border: 0;
	height: 1px;
	margin: 0 30px;
}

table#artikel {
	border-collapse: collapse;
	border: 2px solid black;
	margin: 10px 0px 20px 0px;
	width: 100%;
}

table#artikel td {
	border: 1px solid gray;
	text-align: center;
	padding: 1px 2px;
}

table#artikel th {
	border: 1px solid gray;
	padding: 4px 2px;
}

table#artikel td.small {
	font-size: 75%;
}

table#artikel td.right {
	text-align: right;
}

table#artikel td.left {
	text-align: left;
}

table#artikel tbody.b1 {
	background: #f0f8ff;
}

table#artikel tbody.b2 {
	background: #ffffff;
}

table#artikel td.trenner {
	background: lightgray;
}

table#artikel img.thumbnail {
	/*width: 40px;
	height: 50px;*/
	vertical-align: middle;
}

table#artikel td div {
	margin: 7px 0;
}

div#artikel-bezeichnung {
	margin: 20px 0px 5px 0px;
	font-size: 150%;
	font-weight: bold;
}

div#footer {
	margin: 0px 30px;
	padding: 8px 0 0 0;
}

div#footer a {
	padding: 0 20px 0 0;
}

div#content {
	margin: 0px 20px;
	padding: 10px 0;
	border-bottom: 1px solid #103a78;
	border-top: 1px solid #103a78;
}

div#ueberschrift {
	font-size: 125%;
	font-weight: bold;
	color: #103a78;
	margin: 0 0 10px 0;
}

div#benutzer-willkommen {
	height: 400px;
	background-image: url(../IMG/foto-startseite-01.jpg);
}

div#admin-willkommen {
	/*border: 1px solid #2147b1;*/
	height: 400px;
	background-image: url(../IMG/foto-startseite-01.jpg);
}

div#admin-benutzer-anlegen {
	padding: 20px;
	border: 1px solid #2147b1;
}

div#admin-benutzer {
}

div#admin-benutzer table {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#admin-benutzer td, div#admin-benutzer th {
	border: 1px solid black;
	padding: 3px;
}

div#admin-benutzer th {
	border-bottom: 1px solid black;
	background: #d8e7f3;
}

div#admin-benutzer img.thumbnail {
	width: 40px;
	height: 50px;
	vertical-align: middle;
}

form#benutzer-anlegen table {
	width: 100%;
}

form#benutzer-anlegen td {
	padding: 3px;
}

form#benutzer-anlegen input {
	padding: 2px;
}

.ui-state-blue-border {
	border: 1px solid #103a78;
}

div.eingabefeld {
	float: left;
	margin: 0px;
	padding: 3px 2px;
}

div.eingabefeld label {
	font-size: 75%;
	color: gray;
}

div.eingabefeld input, div.eingabefeld textarea {
	margin: 0px;
	padding: 2px;
	border: 1px solid #103a78;
	font-family: arial,helvetica,sans-serif;
}

div.eingabefeld select {
	padding: 1px;
	border: 1px solid #103a78;
}

div.produkteinheit {
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 2px 0;
	background: #d8e7f3;
	width: 620px;
}

div.filter {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

div.filter select {
	padding: 1px;
	border: 1px solid #103a78;
	z-index: 1;
}

form#kontakt textarea {
	border: 1px solid #103a78;
	margin-bottom: 5px;
	padding: 5px;
	font-family: arial,helvetica,sans-serif;
	font-size:1.1em;
}

div.adresse {
	float: right;
	margin: 10px 30px 0 0;
	font-weight: bold;
	/*font-size: 1.1em;*/
	line-height: 20px;
	color: #0F3060;
}

.my-button-big {
	padding: 3px 6px;
	vertical-align: middle;
	text-decoration: none;
}

a.my-button-big {
	margin: 0 2px;
	padding: 4px 6px;
}

a.my-button-big:hover {
	text-decoration: none;
}

.my-button {
	vertical-align: middle;
	text-decoration: none;
}

button.my-button {
	margin: 0 2px;
}

a.my-button {
	margin: 0 2px;
	padding: 1px 2px;
}
a.my-button:hover {
	text-decoration: none;
}

.ui-state-red, .ui-widget-content .ui-state-red { 
	border: 1px solid #062047;
	background-color: #e03322;
	font-weight: bold;
	color: #ffffff;
	outline: none;
}

.ui-state-red a, .ui-state-red a:link, .ui-state-red a:visited { color: #ffffff; text-decoration: none; outline: none; }
.ui-state-red .ui-icon { background-image: url(custom-theme/images/ui-icons_ffffff_256x240.png); }

div.newsletter-message {
	margin: 100px 0;
	text-align: center;
	line-height: 2em;
}


div.marken {
	margin: 100px 0;
}

div.marken a {
	margin: 6px;
}

div.marken img {
	vertical-align: middle;
}

div.news-titel{
	border: 1px solid #103a78;
	text-align: center;
	margin: 10px 0;
	padding: 10px;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.2em;
}

div.news-titel span.rot {
	color: gray;
	font-size: 60%;
	font-weight: normal;
}

div.themengebiet {
	float: left;
	width: 33.0%;
	border: 0px solid #103a78;
	margin: 1px;
	height: 350px;
	/*background: #f0f8ff;*/
}

div.themengebiet-kopf {
	border: 1px solid #103a78;
	text-align: center;
	margin: 1px 0;
	font-size: 150%;
	color: #103a78;
	padding: 5px;
}

div.themengebiet-bild {
	text-align: center;
	/*vertical-align: middle;*/
	float: left;
	width: 60%;
	/*height: 300px;*/
	border: 0px solid #103a78;
}
div.themengebiet-bild img {
	/*display: block;*/
	margin-top: 50px;
	vertical-align: middle;
}

div.themengebiet-links {
	float: right;
	border: 0px solid #103a78;
	line-height:3em;
}

div.center {
	vertical-align: middle;
}

div#warenkorb {
	display: none;
}

div.text-block {
	margin: 20px 0;
}

div.text-block-image {
	float: left;
	width: 150px;
	min-height: 10px;
}

div.text-block-image img {
	max-width: 150px;
}

div.text-block-content {
	float: left;
	width:747px;
	margin: 0 10px;
}

div.text-block-content-title {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 110%;
	color: #103A78;
}

div.text-block-content-description {
	margin-bottom: 10px;
}

div.text-block-content-description p {
	margin: 5px 0;
}

table.standard {
	border-collapse: collapse;
	border: 1px solid black;
	margin: 20px 0px 20px 0px;
	width: 100%;
}

table.standard td {
	border: 1px solid gray;
	text-align: center;
	padding: 4px 2px;
}

table.standard tr:nth-child(2n+1) { background: #f0f8ff; }

table.standard th {
	border: 1px solid gray;
	padding: 6px 2px;
	background: #fff;
}

table.standard input {
	padding: 2px 5px;
	text-align: right;
}

div.rezept {
	background-color: #f3eac0;
	padding: 20px;
	margin: 10px;
}

div.rezept-ueberschrift {
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	margin: 10px 0 25px 0;
	color: #103A78;
}

div.rezept-image {
	float: left;
	width: 250px;
}

div.rezept-content {
	float: right;
	width: 580px;
	color: #103A78;
}
div.rezept-content p {
	margin: 10px 0;
}