/* CSS Document */

*{
margin: 0;
padding: 0;
}

#wrapper {
width: 960px;
margin:0 auto;
text-align:left;
-moz-border-radius: 10px;
background-color:#000000;
}

#header {
-moz-border-radius-topleft: 10px;
-khtml-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-khtml-border-radius-topright: 10px;
BACKGROUND-image: url(../css/sterntaufe.jpg);
padding: 0px 0;
background-repeat: no-repeat;
height: 214px;
}

#menu-links {
float: left;
width: 207px;	
background-image: url(../css/hg.jpg);	
}

#menu-rechts {
float: right;
width: 207px;	
background-image: url(../css/hg.jpg);
}

#haupt {
font-family:Arial, Helvetica, sans-serif;
float: left;
width: 524px;
background-color: #1D1D33;
border: 1px solid #93A0FD;
color: #ffffff;
-moz-border-radius: 10px; 
padding: 10px;
margin-bottom: 15px;
line-height: 1.3;
position: relative;
z-index:1;
}

#haupt p{
font-size:14px;
padding: 10px 15px;
text-align:justify;
}

#haupt li{
font-size:14px;
list-style-type:none;
line-height:1.3;
}

#haupt ul{
padding: 10px 15px;
margin-bottom: 20px;
}

a {
color:#93A0FD;
background: transparent url('../bilder/pfeil.gif') no-repeat center left;
padding: 5px 0 5px 10px;
}

#haupt a {
font-size: 14px;	
}

#haupt img {
border-color: 93A0FD;
border: 1px solid #93A0FD;
padding: 0px;
margin: 10px;
display:inline;
float: left;
}

#haupt .bildunterschrift
{
margin: 0 0 0 45px;
font-size:11px;
clear:both;
display:block;
padding: 5px 15px;
}

/*kein vorangestellter Pfeil für verlinkte Bilder*/
.ohne-pfeil {
background: none !important;
padding: 0px;
}

.ohne-rand
{
border:none !important;
padding: 0px;
background:none;
}

h2, h3, h4, h5 {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
padding: 10px 15px;
margin: 0px;
}
	
h1{
font-family:Arial, Helvetica, sans-serif; 
color: #FFFFFF;
font-size:16px;
padding: 10px 15px;
margin: 0;
}

#footer {
width: 524px;
clear:left;
margin: 0 auto;
width: 524px;
background-color: #1D1D33;
border: 1px solid #93A0FD;
color: #ffffff;
-moz-border-radius: 10px; 
padding: 5px 5px;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#footer a {
font-size: 12px;	
padding: 5px 0 5px 0px;
background:none;
}

.container-links
{
padding: 0px 10px 20px 10px;
margin: 10px 15px 15px 0px;
background-color: #1D1D33;
border: 1px solid #93A0FD;
background-image:url(../bilder/startzeile.gif);
background-position:top right;
background-repeat:no-repeat;
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
-moz-border-radius: 10px;	
}

.container-links li
{
list-style-type:none;
line-height:1.2;
margin:0px;
}

.navi-bild
{
padding: 10px 0 5px 0px;	
}

.container-links a
{
color:#93A0FD;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;	
background: transparent url('../bilder/pfeil.gif') no-repeat center left;
padding: 5px 0 5px 10px;
}

/*Hover-Eigenschaft für Links*/
a:hover
{
color: #FFFF00;
text-decoration: underline;	
}

/*Händlerbund-Logo*/
.haendlerbund
{
float:right;
padding:0;
display:inline;
}

.teaser-rechts
{
padding: 0px 10px 20px 10px;
margin: 10px 0px 15px 15px;
background-color: #1D1D33;
border: 1px solid #93A0FD;
background-image:url(../bilder/startzeile.gif);
background-position:top right;
background-repeat:no-repeat;
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
-moz-border-radius: 10px;	
}

.teaser-rechts .foto
{
float: right;
margin: 0 0 0 5px;
border: 1px solid #93A0FD;
}

.teaser-rechts a
{
font-size: 12px;	
padding: 5px 0 5px 10px;
}

.teaser img
{
display:block;
float:right;
padding:0;
margin:0;
}

fieldset
{
border: 0;
}

body
{
background: #000000;
}

/*Startleiste in Teaser-Boxen*/
.start
{
position:relative;
background-color:#0E036D;
left:0px;
display:block;
margin: 0 0 10px 0;
}

/*Trennlinie*/
div.trennlinie {
background: transparent url('../bilder/trennlinie.gif')
50% 50% no-repeat;
margin: 10px 40px;
height:39px;
border:0;
display:block;
clear:both;
}

div.trennlinie hr {
display: none;
}
/*Ende Trennlinie*/

/*Navigation oben*/
#navi-oben {
font-family:Arial, Helvetica, sans-serif;
position:relative;
top: 180px;
left:190px;
float:left;
width:600px;
font-size:12px;
z-index:2;
}

#navi-oben ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}

#navi-oben li {
display:inline;
margin:0;
padding:0;
}

#navi-oben a {
float:left;
background:url("../bilder/tableft6.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
border-bottom: 1px solid #93A0FD;
}

#navi-oben a span {
float:left;
display:block;
background:url("../bilder/tabright6.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
	    
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navi-oben a span {float:none;}
/* End IE5-Mac hack */
#navi-oben a:hover span {
color:#FFF;
}
	  
#navi-oben a:hover {
background-position:0% -42px;
}

#navi-oben a:hover span {
background-position:100% -42px;
}

#navi-oben .checked{
background-position:0% -42px;
border-bottom: 1px solid #1D1D33;
}
	  
#navi-oben .checked a{
background-position:0% -42px;
border-bottom: 1px solid #1D1D33;
}
	  
#navi-oben .checked span {
background-position:100% -42px;
}
/*Ende Navigation oben*/

#haupt .rechts
{
float: right;
}

#haupt .mittig
{
float: none;
margin:auto;
display:block;
}

#haupt .klein
{
font-size:12px;
}

#haupt .gross
{
font-size:16px;
}

#haupt .preis span, .angebotpreis span
{
font-size:10px;
line-height: 10px;
text-align:left;
}

#haupt span a
{
font-size:10px;
line-height: 10px;
text-align:left;
}

#angebot{
background-color:#151524;
height: auto;
-moz-border-radius: 10px;
margin: 10px;
padding: 0;
border: 1px solid #93A0FD;
margin-left: 50px;
}

.angebotpreis
{
float: right;
font-size:16px;
font-weight:bold;
margin: 10px;
border-left: 1px solid #93A0FD;
text-align:center;
width: 77px;
display: block;
height: 80px;
text-align:left;
}

.angebot{
background-color:#000000;
-moz-border-radius: 10px;
margin: 0px;
padding: 0px;
margin-bottom:10px;
}

#haupt .angebotbild{
margin-top: 20px;
margin-bottom: 0px;
}

.angebotstext{
margin-left: 100px;
margin-top: 0;
padding: 0;
margin-right: 110px;

}

#angebot .angebotpreis{
text-align:left;
}

/* Bestellung*/
.bestelltext{
margin-left: 140px;
margin-top: 0;
padding: 0;
margin-right: 110px;

font-size:9px;
}

.sternbild{
margin-left: 60px;
float: left;
}

.auswahl{
background-color: #93A0FD;
margin-right: 450px;
margin-left: 15px;
}

#auswahl{

height: 100px;
width:40px;
-moz-border-radius: 10px;
margin: 10px;
padding: 0;
margin-left: 0px;
float: left;
text-align:center;
vertical-align: middle;
line-height: 50px;

}


#haupt .radiobutton {
margin-top: 50px;
}

#bestellstatus{
margin: 0 18px 0 18px;
height: 80px;
}

.statusbild {padding: 0 !important; margin: 3px !important;}

#buchstabenlabel{
margin-left: 140px;
}
#buchstabenzahl{
width: 2em;}

fieldset, .bestellung { margin: 15px 15px 15px 15px; padding: 30px 20px 20px 20px; border: 1px solid #93A0FD; background-color:#151524; -moz-border-radius: 10px; }
input, textarea, select {background-color: #93A0FD; color:#0E036d; border: 1px solid #000000;}
label{ font-family:Arial, Helvetica, sans-serif; font-size:14px; }
legend { padding: 0; }
legend span {position: absolute; padding: 0.2em 1em; font-family:Arial, Helvetica, sans-serif; font-size:12px; border: 1px solid #93A0FD; margin-top: -1em; color:#FFFFFF; background-color:#151524; -moz-border-radius: 10px;}

fieldset.designwahl input { float: left; display: inline; margin-bottom: 0px; margin-right: 1em; width:auto;}
fieldset.designwahl label { display: block; float: none; text-align: left;width: auto; height: 110px; }

fieldset.widmung input,fieldset.widmung textarea,fieldset.widmung select{display:block; margin: 5px; width: 200px;}
fieldset.widmung label {float: left; width: 140px;}

fieldset.taufdaten input,fieldset.taufdaten textarea,fieldset.taufdaten select{ display: block; margin: 5px; width: 200px; position: relative;}
fieldset.taufdaten label {float:left; width: 140px; }


fieldset.adresse input,fieldset.adresse textarea,fieldset.adresse select{display:block;  margin: 10px; width: 200px; position: relative;}
fieldset.adresse label {float: left; width: 130px; }
fieldset.adresse #anrede,fieldset.adresse #lanrede {width: 80px;}

fieldset.zahlung input { float: left; display: inline; margin-bottom: 0px; margin-right: 1em; width:auto;}
fieldset.zahlung label { display: block; float: none; text-align: left;width: auto; height: 20px; }

#lieferadresse { display: none;}
#haupt .mwst { font-size:10px; text-align:center;}

fieldset.gutschein input,fieldset.gutschein textarea,fieldset.gutschein select{display:block;  margin: 5px; width: 200px;}
fieldset.gutschein label {float: left; width: 185px; }

fieldset.agb input { float: left; display: inline; margin-bottom: 0px; margin-right: 1em; width:auto;}
fieldset.agb label { float: none; }
fieldset.agb {border:none;}

table.bestellung {border: 1px solid #3300FF; border-collapse:separate; border-spacing:5px;}
td.bestellung { border:2px blue solid;}
p.bestellung {padding:0; margin:0;}

#box{float:left; margin-left: 10px; width: 47%; }
#box2{ display: block; margin: 0 10px 0 10px;}
#agbtxt { margin-left: 50px; margin-bottom: 15px;}
fieldset.agb a[href$='.pdf']{
background: transparent url('../bilder/pfeil.gif') no-repeat center left !important;
padding: 5px 0 5px 10px !important;}

#taufdatenwerte {margin-left: 220px; margin-right: 50px;}
p.label{ float: left; width: 170px; padding: 0 !important; margin: 0 0 0 40px !important;}
p.taufdatenwert {display:block; font-weight:bold;  padding: 0 !important; margin: 0 !important;}

label.error{position: absolute; top: 1px; left: 340px; color: red; font-size: 10px; padding: 0; }
.required { background: #93A0FD url('../bilder/pfeil.png') -2px top no-repeat; }
.valid { background-image: none; }

#inputbox {position: relative; padding: 0; margin:0;}
.kleinerabsatz{ margin: 0 !important; padding: 0 !important;}

#hinweis {margin: 0 15px 0 15px; padding:0; font-family:Arial, Helvetica, sans-serif;
color: red; font-size:12px;}

#artikel {float: left; width: 250px; height: auto; margin: 0 0 0px 0; padding: 5px; }
#artikelpreis {float: right; margin-right: 20px; height: auto; padding: 5px;}

/* Ende Bestellung */