/* CSS Document */


/* Heading 1 fuer Headerbild: allgemeine Attribute */
h1.headerimg {
  width:1001px;
  height:121px;
  background-repeat:no-repeat;
  background-color:#FFFFFF;
  margin-top:0px;
  margin-bottom:0px;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
}

/* Unsichtbarer Text im Header/Ueberschrift ohne Platzhalter fuer Textbrowser */
h1.headerimg span {
  display:none;
}

/* Unterschiedliche Header-Hintergrundbilder je nach Seitentyp im body */
body#header-home h1.headerimg {
  background-image:url("../images/stradivari-1_unsere-arbeit.gif");
}

body#header-stradivari h1.headerimg {
  background-image:url("../images/stradivari-2_stradivari.gif");
}

body#header-vivaldi h1.headerimg {
  background-image:url("../images/stradivari-3_vivaldi.gif");
}

body#header-tonziegel h1.headerimg {
  background-image:url("../images/stradivari-4_tonziegel.gif");
}

body#header-kartenbestellung h1.headerimg {
  background-image:url("../images/stradivari-5_kartenbestellung.gif");
}

body#header-galerie h1.headerimg {
  background-image:url("../images/stradivari-6_galerie.gif");
}

body#header-kontakt h1.headerimg {
  background-image:url("../images/stradivari-7_kontakt.gif");
}

body#header-impressum h1.headerimg {
  background-image:url("../images/stradivari-8_impressum.gif");
}

body#header-agb h1.headerimg {
  background-image:url("../images/stradivari-9_agb.gif");
}

/* Unsichtbarer Text fuer Links auf Header(hintergrund)bild (fuer Textbrowser) */
a.headerlnk span {
  display:none;
}

/* Leere/unsichtbare Links ueber Headerbild im Hintergrund (je nach Position) */
a#link-kontakt {
  position:absolute;
  top:85px;
  left:700px;
  width:75px;
  height:27px;
}

a#link-impressum {
  position:absolute;
  top:85px;
  left:790px;
  width:85px;
  height:27px;
}

a#link-agb {
  position:absolute;
  top:85px;
  left:890px;
  width:45px;
  height:27px;
}

body {
  background-color:#FFFFFF;
  margin-top:10px;
  margin-left:0px;
  margin-right:0px;
  text-align:center;
}

/* Muessen 0 sein, damit im Design keine Abstaende entstehen */
div {
  margin:0px;
  padding:0px;
}

div#menu {
  width:1001px;
  background-color:#E0CEB0;
  margin:0px;
  padding:0px;
  white-space:nowrap;
  border-width:1px;
  border-color:#E0CEB0;
  border-top-style:solid;
  border-bottom-style:solid;
  border-left-style:none;
  border-right-style:none;
  margin-left:auto;
  margin-right:auto;
}

div#content {
  width:1001px;
  background-color:#E0CEB0;
  padding-bottom:0.5em;
  font-size:medium;
  font-family:Arial, Helvetica, sans-serif;
  border-width:1px;
  border-color:#E0CEB0;
  border-top-style:solid;
  border-bottom-style:solid;
  border-left-style:none;
  border-right-style:none;
  margin-left:auto;
  margin-right:auto;
}

div#content div#spacer {
  width:95%;
  margin-left:auto;
  margin-right:auto;
}

h2 {
  font-size:1.5em;
  text-align:left;
}

h3 {
  text-align:left;
}

p {
  margin-bottom:0.5em;  /* Halbe Zeile Abstand nach jedem Absatz */
  text-align:justify;
}

body#header-home, body#header-vivaldi, body#header-tonziegel, body#header-galerie p, h2 {
  line-height:130%;
}

ul {
  text-align:left;
  list-style-type:square;
  list-style-position:outside;
}

/* Kein Abstand um Bilder herum, dass es keine Luecken im Menue gibt */
img {
  margin:0px;
  padding:0px;
}

/* Formulare */
input, select, textarea {
  font-family:Arial, Helvetica, sans-serif;
  font-size:medium;
  color:#000000;
  background:#F3F3F9;
  border:1px solid #666699;
}
input.normal {
  width:20em;
}

textarea.normal {
  width:20em;
}

input.small {
  width:2em;
}

input:focus, textarea:focus {
  background:#FFFFFF;
  border:1px solid #9999FF;
}

.button, .button:focus {
  color:#FFFFFF;
  background:#B60E1D;
  border-bottom:1px solid #333333;
  border-right:1px solid #000000;
  border-left:1px solid #C4C4B8;
  border-top:1px solid #C4C4B8;
  -moz-border-radius:5px;
  width:20em;
}

.button:hover {
    background:#D53B49;
}

/* Links */
a:active, a:link, a:visited {
  color:#B60E1D;
  text-decoration:none;
}

a:hover {
  color:#B60E1D;
  text-decoration:underline;
}

/* Thumbnail in der Galerie */
a img.thumb {
  border:2px solid #B60E1D;
  margin:auto;;
}

div.thumb {
  width:104px;
  height:104px;
  margin:5px;
  float:left;
  text-align:center;
}

div.clearfloat {
  clear:both;
}