/* CSS Document */
h3 {
			font-size: 12px;
			padding: 0px;
			margin: 0;
			background:#fff;
			cursor:pointer;
			position: relative;
			background-position:bottom right;
			background-repeat:no-repeat;
	}

h3.Produkte {z-index: 100;
              padding-bottom: 2px;
              background-image: url(http://ringelsuse.de/b/layout/Produkte2.png);
              background-position: right top;
              height: 32px;
              width: 139px;
              position: absolute;}
              
h3.Laeden {z-index: 100;
            padding-bottom: 2px;
            background-image: url(http://ringelsuse.de/b/layout/Laeden.png);
            background-position: left top;
            height: 32px;
            width: 160px;
            position: absolute;}
            
h3.Extras {z-index: 100;
              padding-bottom: 2px;
              background-repeat: no-repeat;
              background-image: url(http://ringelsuse.de/b/layout/UeberUns.png);
              background-position: left top;
              height: 32px;
              width: 170px;
              position: absolute;}
  img {
      display: block;
      border: 0;
    }
	
	#visible {
			background-image:url(images/tab-left.gif);
	}
	
	.panel_body {
			display:block;
			color:#FFFFFF;
	}
	
	.panel_body div {
			padding:3px 5px;
	}
	
	.panel_container{
		top:197px;
		margin:0px;
		padding:0px;
		
	}
	
	body, div, ul, ol, li, h1, h2, 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;
}

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

img.gallerieBild {position: absolute;
                  left: 27px;
                  top: 22px;}
                  
div.inhaltRahmen {background-image: url(../b/layout/Wiese.png);
                    background-position: right bottom;
                    background-repeat: no-repeat;
                    height: 750px;
                    position: relative;
                    z-index: 49;}

div.inhaltRahmen2 {background-image: url(../b/layout/Wiese.png);
                    background-position: right bottom;
                    background-repeat: no-repeat;
                    position: relative;
                    z-index: 49;}

div.gallerieRahmen {float: left;
                    z-index: 1;
                    margin: 15px;
                    position: relative;
                    width: 230px;
                    height: 176px;
                    background-image:url(../b/layout/RahmenKlein4.png);}
                    
div.detailRahmen {float: left;
                  margin-top: 70px;
                  margin-left: -20px;
                  z-index: 0;
                  position: relative;
                  width: 420px;
                  height: 310px;
                  background-image:url(../b/layout/RahmenQF.png);}

div.dRahmen {     float: left;
                  margin-top: 0px;
                  z-index: 0;
                  position: relative;
                  width: 336px;
                  height: 248px;
                  background-image:url(../b/layout/RahmenQF2.png);}

div.dLinkeSpalte {float: left;
                  margin-top: 50px;
                  z-index: 0;
                  position: relative;
                  width: 336px;}
            
div.dRechteSpalte {float: left;
                  margin-left: 10px;
                  width: 302px;}
                  
img.dPS {         float: left;
                  margin-left: -25px;
                  margin-top: 55px;}

img.detailBild {margin-top: 36px;
                margin-left: 46px;
                cursor: -moz-zoom-in;
                cursor: -webkit-zoom-in;}

img.dBild {     margin-top: 36px;
                margin-left: 35px;
                width: 264px;
                height: 176px;
                cursor: -moz-zoom-in;
                cursor: -webkit-zoom-in;}
                  
div.detailBild {cursor: -moz-zoom-in;
                cursor: -webkit-zoom-in;
                float: left;
                width: 330px;
                height: 220px;
                margin-top: 36px;
                margin-left: 46px;
                background-repeat: no-repeat;}

div.detailBeschreibung {position: relative;
                        float: left; 
                        color: #b31603;
                        width: 280px;
                        font-family: Script MT Bold, URW Chancery L, Monotype Corsiva;
                        font-size: 20px;}

div.detailVersandkosten {position: relative;
                        float: left;
                        width: 210px;
                        font-family: Script MT Bold, URW Chancery L, Monotype Corsiva;
                        font-size: 15px;}

div.detailMiniaturenUeberschrift {float: left;
                        margin-left: 25px;
                        color: #6495ED;
                        width: 280px;
                        font-family: Script MT Bold, URW Chancery L, Monotype Corsiva;
                        font-size: 22px;}


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;
}

#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: 390px;
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;
}

#Fahndungstext {
font-family: Script MT Bold, URW Chancery L, Monotype Corsiva; 
font-size: 15pt;
color: #6495ed;
text-align: center;
width: 75%;
margin-left: 12.5%;
}

#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: 12pt;
clear: left;
width: 200px;
color: #8dd8e6;
}

#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 50px 13px;

color: #6495ED;
}

#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;
}

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

.mBK span {
	display:			none;
}
.mBK:link, .mBK:visited {
	display:			block;
	width:				190px;
	height:				37px;
	background:			url(../b/layout/mBK.png);
}
.mBK:hover, .mBK:active, .mBK:focus {
	background-image:		url(../b/layout/mBKi.png);
}

.mAC span {
	display:			none;
}
.mAC:link, .mAC:visited {
	display:			block;
	width:				190px;
	height:				37px;
	background:			url(../b/layout/mAC.png);
}
.mAC:hover, .mAC:active, .mAC:focus {
	background-image:		url(../b/layout/mACi.png);
}

.mKM span {
	display:			none;
}
.mKM:link, .mKM:visited {
	display:			block;
	width:				190px;
	height:				37px;
	background:			url(../b/layout/mKM.png);
}
.mKM:hover, .mKM:active, .mKM:focus {
	background-image:		url(../b/layout/mKMi.png);
}

.mHT span {
	display:			none;
}
.mHT:link, .mHT:visited {
	display:			block;
	width:				190px;
	height:				35px;
	background:			url(../b/layout/mHT.png);
}
.mHT:hover, .mHT:active, .mHT:focus {
	background-image:		url(../b/layout/mHTi.png);
}

.mBB span {
	display:			none;
}
.mBB:link, .mBB:visited {
	display:			block;
	width:				190px;
	height:				35px;
	background:			url(../b/layout/mBB.png);
}
.mBB:hover, .mBB:active, .mBB:focus {
	background-image:		url(../b/layout/mBBi.png);
}

.mGN span {
	display:			none;
}
.mGN:link, .mGN:visited {
	display:			block;
	width:				190px;
	height:				35px;
	background:			url(../b/layout/mGN.png);
}
.mGN:hover, .mGN:active, .mGN:focus {
	background-image:		url(../b/layout/mGNi.png);
}

.mLT span {
	display:			none;
}
.mLT:link, .mLT:visited {
	display:			block;
	width:				160px;
	height:				37px;
	background:			url(../b/layout/mLT.png);
}
.mLT:hover, .mLT:active, .mLT:focus {
	background-image:		url(../b/layout/mLTi.png);
}

.mVS span {
	display:			none;
}
.mVS:link, .mVS:visited {
	display:			block;
	width:				160px;
	height:				35px;
	background:			url(../b/layout/mVS.png);
}
.mVS:hover, .mVS:active, .mVS:focus {
	background-image:		url(../b/layout/mVSi.png);
}

.mGS span {
	display:			none;
}
.mGS:link, .mGS:visited {
	display:			block;
	width:				130px;
	height:				35px;
	background:			url(../b/layout/mGS2.png);
}
.mGS:hover, .mGS:active, .mGS:focus {
	background-image:		url(../b/layout/mGS2i.png);
}

.mGB span {
	display:			none;
}
.mGB:link, .mGB:visited {
	display:			block;
	width:				130px;
	height:				37px;
	background:			url(../b/layout/mGB.png);
}
.mGB:hover, .mGB:active, .mGB:focus {
	background-image:		url(../b/layout/mGBi.png);
}

.mDL span {
	display:			none;
}
.mDL:link, .mDL:visited {
	display:			block;
	width:				130px;
	height:				37px;
	background:			url(../b/layout/mDL.png);
}
.mDL:hover, .mDL:active, .mDL:focus {
	background-image:		url(../b/layout/mDLi.png);
}

.mKT span {
	display:			none;
}
.mKT:link, .mKT:visited {
	display:			block;
	width:				130px;
	height:				35px;
	background:			url(../b/layout/mKT2.png);
}
.mKT:hover, .mKT:active, .mKT:focus {
	background-image:		url(../b/layout/mKT2i.png);
}