*						{
						margin: 0px;
						padding: 0px;
						border: none;
						}

body						{
						color: #00519e;
						font-family: arial, verdana, sans-serif;
						font-size: 80%;
						background: #dee1f0 url(../img/layout/body.jpg) top left repeat-x;
						}

a						{
						text-decoration: none;
						outline: none;
						}

a:hover					{
						text-decoration: underline;
						}

a.pdf						{
						padding-left: 20px;
						background: transparent url(../img/icons/pdf.gif) center left no-repeat;
						}

label						{
						cursor: pointer;
						font-weight: bold;
						}

button					{
						background: none;
						}

ol, ul						{
						list-style: none;
						}

input, textarea				{
						padding: 2px;
						font-family: arial, verdana, sans-serif;
						font-size: 1em;
						border: #bac3e0 1px solid;
						}

input[type=radio]			{
						padding: 0px;
						border: none;
						}

button					{
						padding: 2px 10px;
						color: #ffffff;
						background-color: #00519e;
						}

table						{
						margin: 0px 20px 20px 20px;

						font-size: 0.9em;

						border-collapse: collapse;
						background-color: #ffffff;
						}

table td, table th			{
						padding: 4px;
						border: #00519e 1px solid;
						}


/* ---------------------------- Content-Bereich ---------------------------- */

div.content h1				{
						padding: 6px 20px;
						margin-bottom: 20px;

						color: #00519e;
						font-size: 1.3em;

						border-bottom: #ffffff 2px solid;
						background: #d4d8ec url(../img/layout/h1_big.jpg) top left no-repeat;
						}

#index div.content h1 {
						background: #d4d8ec url(../img/layout/h1_small.jpg) top left no-repeat;
}

div.content h2				{
						padding: 0px 20px 5px 20px;
						font-size: 1em;
						font-weight: bold;
						}

div.content h3				{
						padding: 0px 20px 0px 20px;
						font-size: 1em;
						font-weight: bold;
						}

div.content p				{
						padding: 0px 20px 20px 20px;
						}

div.content a				{
						color: #00519e;
						text-decoration: underline;
						}

div.content a:hover			{
						color: #000000;
						}

div.content h1 a, div.content h2 a	{
						text-decoration: none;
						}

div.content ul				{
						margin: 0px 40px 20px 40px;
						list-style-type: square;
						}

div.content ul li				{
						padding-bottom: 0.5em;
						}

div.content ul.form-fields		{
						margin: 0px 20px 20px 20px;
						list-style: none;
						}

div.content ul.form-fields label	{
						display: inline-block;
						width: 110px;
						padding-right: 10px;
						text-align: right;
						vertical-align: top;
						}

div.content ul.form-fields label.inline	{
						display: inline;
						width: auto;
						font-weight: normal;
						text-align: left;
						}

div.content .note			{
						font-size: 0.8em;
						}


/* ---------------------------- Navigation ---------------------------- */

#navigation ul li				{
						padding-bottom: 4px;
						background: transparent url(../img/layout/navigation_li.png) top left no-repeat;
						}

#navigation ul li.on			{
						background-image: url(../img/layout/navigation_li_on.png);
						}

#navigation ul li a			{
						display: block;
						width: 204px;
						height: 32px;
						padding-left: 42px;

						color: #ffffff;
						font-size: 1.2em;
						font-weight: bold;
						line-height: 27px;
						}

#navigation ul li a:hover		{
						font-size: 1.25em;
						text-decoration: none;
						}

#navigation ul li.on a:hover		{
						font-size: 1.2em;
						}


/* ---------------------------- Subnavigation ---------------------------- */

#navigation ul ul			{
						margin: 2px 0px 6px 0px;
						}

#navigation ul ul li			{
						padding-bottom: 2px;
						background: transparent url(../img/layout/subnavigation_li.png) 42px 0px no-repeat;
						}

#navigation ul ul li.on			{
						background-image: url(../img/layout/subnavigation_li_on.png);
						}

#navigation ul ul li a			{
						display: block;
						width: 191px;
						height: 27px;
						padding-left: 66px;

						color: #ad1548;
						font-size: 1.1em;
						font-weight: normal;
						line-height: 27px;
						}

#navigation ul ul li a:hover		{
						font-size: 1.1em;
						text-decoration: underline;
						}

#navigation ul ul li.on a		{
						color: #00519e;
						}

#navigation ul ul li.on a:hover	{
						font-size: 1em;
						}

#navigation ul li.on ul li a:hover	{
						font-size: 1.1em;
						}


/* ---------------------------- Header ---------------------------- */

#header a					{
						display: block;
						height: 186px;
						text-indent: -900px;
						overflow: hidden;
						}


/* ---------------------------- Startseite ---------------------------- */

#index div.sidebar a			{
						display: block;
						padding: 6px 0px 0px 5px;

						color: #ad1548;
						font-weight: bold;

						background-repeat: no-repeat;
						}

#index div.sidebar a:hover		{
						text-decoration: none;
						}

#index div.sidebar a#softeis	{
						height: 240px;
						margin-bottom: 20px;
						background-image: url(../img/emotions/index_softeis.jpg);
						}

#index div.sidebar a#speiseeis	{
						height: 244px;
						background-image: url(../img/emotions/index_speiseeis.jpg);
						}


/* ---------------------------- Hauptkategorie ---------------------------- */

#subcategory div.content h1		{
						background-image: url(../img/layout/h1_big.jpg);
						}

#subcategory div.content ul		{
						padding: 0px;
						margin: 0px 30px;
						list-style: none;
						}

#subcategory div.content ul li		{
						padding: 0px 0px 15px 15px;
						background: transparent url(../img/layout/category_ul_li.jpg) 0.3em 0.3em no-repeat;
						}

#subcategory div.content ul li a	{
						font-size: 1.2em;
						font-weight: bold;
						text-decoration: none;
						}


/* ---------------------------- Unterkategorie ---------------------------- */

#subcategory div.content h1	{
						background-image: url(../img/layout/h1_big.jpg);
						}

#subcategory div.content ol	{
						margin: 0px 20px;
						}

#subcategory div.content ol li	{
						clear: both;
						padding-bottom: 20px;

						list-style-type:none;
						}

#subcategory div.content ol li h2	{
						margin-bottom: 0.2em;
						font-size: 1.5em;
						}

#subcategory div.content ol li p a	{
						font-size: 1em;
						}

#subcategory div.content ol li img	{
						float:left;
}

/* ---------------------------- Produkt ---------------------------- */

#product div.content h1		{
						background-image: url(../img/layout/h1_big.jpg);
						}

#product span.price			{
						font-weight: bold;
						font-size: 1.1em;
						}

#product p.back				{
						padding: 0px 20px 10px 0px;
						text-align: right;
						}


/* ---------------------------- xxx ---------------------------- */

#xxx div.content h1			{
						background-image: url(../img/layout/h1_big.jpg);
						}

#xxx div.content ol			{
						margin: 0px 20px;
						}

#xxx div.content ol li			{
						clear: both;
						padding-bottom: 20px;
						}

#xxx div.content ol li h2		{
						margin-bottom: 0.2em;
						font-size: 1.5em;
						}

#xxx div.content ol li p a		{
						font-size: 1em;
						}

#xxx div.content form div.vspacer	{
						height: 1.5em;
						}


/* ---------------------------- Kontakt ---------------------------- */

#contact div.content h1		{
						background-image: url(../img/layout/h1_big.jpg);
						}

#contact div.content div.address h3	{
						padding: 0em 0em 0.2em 0em;
						color: #b22453;
						}

#contact div.content div.address p	{
						padding: 0em 0em 1em 0em;
						color: #b22453;
						font-size: 0.9em;
						}

#contact div.content div.address p a	{
						color: #b22453;
						}

#contact div.content div.address p a:hover	{
						color: #990033;
						}

#contact div.content input		{
						width: 120px;
						}

  #contact div.content input#zipcode
, #purchase div.content input#zipcode		{
						width: 40px;
						}

#contact div.content input#city		{
						width: 100px;
						}


/* ---------------------------- Impressum ---------------------------- */

#imprint div.content h1		{
						background-image: url(../img/layout/h1_big.jpg);
						}


/* ---------------------------- Breadcrumbs ---------------------------- */

div.Breadcrumbs a			{
						color: #00519e;
						font-size: 0.9em;
						}

/* ---------------------------- Verschiedenes ---------------------------- */

#eiscafe .content div.right a img {
						border:2px solid #BAC3E0;
}

#eiscafe .content div.right a:hover img {
						border:2px dashed #BAC3E0;
}

div.thumbnail a img			{
						border: #bac3e0 2px solid;
						}

div.thumbnail a:hover img		{
						border-style: dashed;
						}