/*

Christian Hönn
ringelsuse.de
04 2008

*/


/*****************************************************
* Normalisieren
*****************************************************/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, th, td {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

ul, ol {
list-style: none;
}

fieldset, img {
border: none;
}

a:focus {
-moz-outline: 0;
}

/******************************
 * Layout
******************************/
html {
text-align: center;
background: #6495ED; /* Ringelsuseblau */
min-height: 100.1%;
}

body {
position: relative;
width: 780px;
/*height: 680px;*/
margin: 0 auto;
border-bottom: 0px
text-align: left;
color: #333;
background: #fff;
font: 14px/1.5 Tahoma, Verdana, Helvetica, sans-serif;/* vielleicht Verdana nehmen*/
}

#RingelsuseLogo {
position: relative;
width: 780px;
height: 174px;
background: transparent url(../b/layout/Logoweich.png) no-repeat top center;
}

#InnererRahmen {
background-image: url(/b/layout/hintergrund5.png);
background-position: right bottom;
background-repeat: no-repeat;
background-color: #fff;
padding-left: 3.5%;
border:0px;
text-align: left;
}

#Daniel {
background-image: url(/b/layout/HG Daniel.png);
background-position: right bottom;
background-repeat: no-repeat;
background-color: #fff;
padding-left: 3.5%;
border:0px;
text-align: left;
}

#RahmenProdukte {
background-image: url(../b/layout/hintergrund5.png);
background-position: right bottom;
background-repeat: no-repeat;
background-color: #fff;
padding-left: 0%;
height: 468px;
border:0px;
text-align: left;
}

#ProduktUeberschrift {
width: 200px;
height: 10%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
text-align: left;
clear: both;
color: #CD1A2B;
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva;
font-size: 20px;
}

#DetailBild {
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
float: left;
margin-right: 20px;
}

#Widerruf {
height: 368px;
margin-left: 3.5%;
padding: 25 25 25 25px;
margin: 10 10 10 10px;
border:0px;
text-align: left;
/*overflow: auto;*/
}

table {
color:#CD1A2B;
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva;
font-weight: bold;
font-size: 18px;
}

h1.Ringelsuse {
color: #6495ed;
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva;
font-weight: bold;
font-size: 32px
}

.gallerie div { 
float: left;
width: 215px;
height: 197px;
w\idth: 215px;
hei\ght: 197px; /* Hack für IE wg. Box-Modell */
padding: 16px 0px 0px 0px;
margin: 20px 15px 5px 15px;
border: 5px solid;
border-color: rgb(100,142,243);
background: rgb(165,24,0);
text-align: center;
color: #ff8; }

#hochkant {
float: left;
height: 251px;
padding: 0px 33px 9px 33px; 
}

#Platzhalter {
float: left;
height: 251px;
width: 251px;
padding: 0px 33px 9px 33px; 
}

#RechteSeiteHF {
height: 500px;
width: 422px;
margin: 0px;
float: left;
}

#RechteSeiteQF {
height: 500px;
width: 312px;
margin: 0px;
float: left;
}

#Preisfeld {
width: 260px;
height: 40px;
text-align: left;
float: left;
}

#Preisschild {
border: 0px;
height=61px;
width=98px;
margin-left: -38px;
}

#Beschreibung {
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva; 
font-size: 15pt;
padding-top: 120px;
width: 260px;
color: #6495ed;
}

#Kontaktdaten {
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva; 
font-size: 15pt;
color: #6495ed;
}

#FehlerKasse {
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva; 
font-size: 20pt;
padding-top: 30px;
color: #6495ed;
text-align: center;
}

#GBUeberschrift {
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva; 
font-size: 15pt;
padding-top: 30px;
color: #CD1A2B;
text-align: center;
}

#GBEintrag {
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva; 
font-size: 15pt;
color: #6495ed;
border: 0px;
text-align: left;
width: 400px;
}

#GBEintragName {
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva; 
font-size: 15pt;
clear: left;
width: 200px;
color: #CD1A2B;
}

#GBPlatzhalter {
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva; 
font-size: 15pt;
color: #6495ed;
border-left: 0px;
text-align: left;
width: 400px;
clear: left;
}

#InWagen {
width: 260px;
height: 100px;
}

#Anzahl {
margin: 12px 15px 0px 0px;
font-size: 20px;
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva;
}

#Notizblock {
float: left;
width: 150px;
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva;
font-size: 12pt;
font-weight: bold;
text-align: left;
background-image: url(../b/layout/notizblock3.png);
background-position: left bottom;
background-repeat: no-repeat;
padding: 20px 0px 0px 13px;
margin: 0px 0px 0px 10px;
}

#Gesamtsumme {
height: 260px;
width: 320px;
float: left;
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva;
font-size: 20pt;
font-weight: bold;
text-align: left;
padding: 20px 0px 0px 13px;
}

#RahmenTaschen {
padding-left: 10px;
padding-right: 16px;
padding-top: 35px;
background-image: url(../b/layout/hintergrund5.png); 
background-position: right bottom;
background-repeat: no-repeat;
float: left;
}

#details { 
float: left;
width: 400px;
height: 197px;
w\idth: 400px;
hei\ght: 197px; /* Hack für IE wg. Box-Modell */
padding: 0px 0px 0px 0px;
margin: 0px 15px 5px 15px;
border: 0px solid;
text-align: center;
/*color: #ff8;*/ 
}

.Rahmen div {
padding-left: 10px;
padding-right: 16px;
padding-top: 35px;
background-image: url(../b/layout/hintergrund5.png); 
background-position: right bottom;
background-repeat: no-repeat;
float: left;
}

.details div { 
float: left;
width: 400px;
height: 197px;
w\idth: 400px;
hei\ght: 197px; /* Hack für IE wg. Box-Modell */
padding: 0px 0px 0px 0px;
margin: 0px 15px 5px 15px;
border: 0px solid;
text-align: center;
/*color: #ff8;*/ }

.Einkaufswagen div { 
background-image: url(../b/layout/hintergrund5.png);
background-position: right bottom;
background-repeat: no-repeat;
/*color: #ff8;*/ }

.gallerie2 div { 
float: left;
width: 240px;
height: 185px;
w\idth: 240px;
hei\ght: 185px; /* Hack für IE wg. Box-Modell */
padding: 0px;
margin: 0 6px 5px 6px;
border: 0px solid;
/*border-color: #d3d3d3;
background: #a60201;*/
text-align: center;
/*color: #ff8;*/ }

input.kasse {
	background: transparent;
  background-position: left top;
  background-repeat: no-repeat;
  height: 31px;
  color: #fff;
  border: 0px;
  padding: 5px 0px 0px 15px;
}

.gallerie { margin: 0px 0% 0px 0%; }

#inhalt {
padding: 25px 0 0 0;
}

/******************************
 * Formular
******************************/

label {
float: left;
width: 150px;
text-align: right;
margin-right: 10px;
}

input, select {
float: left;
}

.form p {
clear: left;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#Grid-Page-Left
{
    margin 0px;
    width: 125px;
    float: left;
    background-color: #6495ed;
}

#Grid-Page-Center-Content
{
    border: none;
    /*float: left;*/
    min-height: 200px;
    overflow: hidden;
    width: 626px;
}

#Grid-Navigation-Main
{
    margin: 0px;
}

#Grid-Page
{
    background-color: #6495ed;
    width: 760px;
    position: relative;
    z-index: 1;

}

#Grid-Wrapper
{
    margin: 0 auto;
    position: relative;
    width: 930px;
    z-index: 1;
    background-color: #6495ed;
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}

form {
  background: #fff;
  /*border: thin solid #ab0;*/
  margin:0;
  padding:.5em;
}