/* Allgemein */

html {
height: 101%; }

body { 
font-family: arial, sans-serif; 
font-size: 10pt;
line-height: 1.3em;
background-color: #ffffff; 
margin: 0; 
padding: 0; }

div#seite { 
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 1000px;
min-height: 500px;
text-align: left;
position: relative; }

/* Oben */

div#kopf { 
position: relative;
top: 0;
left: 0; }

img#einkaufstueten { 
position: absolute;
left: 0;
top: 0; 
z-index: 100; }

div#titel { 
position: absolute;
left: 227px;
top: 60px;
z-index: 100; 
border: 1px solid #888888;
background-image: url('/images/bg.png'); }

div#titel div {
background-image: url('/images/bg.png'); }

div#untertitel { 
position: absolute;
left: 393px; 
top: 122px; 
z-index: 101; 
border: 1px solid #cccccc;
background-color: #ffffff; 
padding: 0px 10px 0px 10px; }

div#untertitel h2 {
margin: 0;
font-family: arial, sans-serif;
font-weight: normal;
font-style: italic;
color: #aaaaaa; }

/* Content Bereich */

div#inhalt {
position: relative;
top: 130px;
left: 0;
margin-left: -30px;
padding: 10px; }

div#navigation {
position: absolute;
top: 0px;
left: 0px;
padding: 10px;
width: 300px;
min-height: 300px; }

div#main {
position: absolute;
top: 0px;
left: 310px;
padding: 10px;
min-height: 300px;
width: 650px; }

div.rezension {
padding-right: 37px; }

div.kurz {
height: 90px; 
overflow: hidden; }
div.rezension p {
margin-top: 0;}

div.weiterlesen {
background: url('/images/weiterlesen.png');
height: 30px;
position: relative;
top: -30px;
margin-bottom: -30px; }
div.weiterlesen div {
position: absolute;
left: 0px;
bottom: -10px; }


/* shadowed boxes */
.or {
background:url(/images/box/or.png) top right no-repeat; }
.ol {
background:url(/images/box/ol.png) top left no-repeat; }
.ur {
background:url(/images/box/ur.png) bottom right no-repeat; }
.ul {
background:url(/images/box/ul.png) bottom left no-repeat; }
.inbox {
margin:0;
padding: 10px 20px 30px 30px; 
min-height: 160px;
position: relative;  }

h1 {
font-family : 'Arial', sans-serif; font-size: 1.2em; margin-top: 20px; }
h2 {
font-family : 'Arial', sans-serif; font-size: 1.2em; }
h3 {
font-family : 'Arial', sans-serif; font-size: 1.0em; }

div.gutschein {
margin: 0px 0;
margin-left: -15px;
width: 100%; }

div.gutschein h2 {
margin-top: 20px;}

div.gutschein p {
margin-right: 40px;
}
	
	div.aufrufen {
padding: 4px 4px;
height: 20px; 
border: 1px solid black; 
background-color: #389fec; 
color: white; 
font-weight: bold; 
width: auto; 
float: left; }

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

div.aufrufen a:hover {
color: white; 
text-decoration: underline; }

div.gutscheincode {
padding: 4px 4px;
height: 20px; 
border: 1px solid black; 
background-color: #20ce22; 
color: white; 
font-weight: bold; 
float: right; 
margin-left: 10px; }

h1.gutschein-ueb {
	font-size:1.3em;
}
h2.txt-gutschein {
	font-size:0.9em;
  font-style: italic;
  color: #666666;
  margin-top: 0;
}
h2.gutscheine-ov {
	font-size:1.1em;
  font-style: italic;
  color: #666666;
  margin: 0;
  margin-top: 20px;
}
.gutschein h3 {
	font-size:1.1em;
  margin: 0;
  margin-top: 20px;
}