* {
margin: 0;
padding: 0;
}
body {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
color: #000;
background-image: url(/cnvbkgnd.jpg);
/* background-image: url(csm.jpg); */
}
p {
margin:6px;
}
hr{
margin-top: 5px;
}
a img {
border: 0 none;
}
h1, h2, h3 {
font-family: Verdana, Arial, Geneva, sans-serif;
background: transparent;
}
h1 {
font-size: 1.5em;
margin: 10px 0px 10px 0px;
}
h2 {
font-size: 1.3em;
text-align: left;
margin: 8px 0px 8px 5px; /* top right bottom left */
}
h3, h4 {
font-size: 12pt;
margin-top: 8px;
margin-left: 20px;
margin-bottom: 1px;
}
h4 {
color: #003333;
}
h5 {
font-size: 11pt;
padding-top: 10px;
padding-bottom: 10px;
}
h6 {
font-size: 12pt;
font-weight: bold;
text-decoration: underline;
margin-top: 10px;
margin-bottom: 10px;
}
ul {
list-style-type: square;
margin: 8px;
/*font-weight: bold;*/
line-height: 120%;
}
li {
margin: 0 0 3px 8px;
}
address {
padding: 0 0 15px 50px;
font-size: 1.1em;
line-height: 120%;
font-style: normal;
font-weight: bold;
}
fieldset {
padding: 5px;
margin: 5px;
width: 18em;
background: #FFFFB0;
}
a:hover {
background-color:  #D3D3D3; /*lightgray;*/
font-weight: bold;
}
input {
font-size: 1.0em;
border: 1px solid #000;
border-color: #000;
}
#Button {
padding: 2px;
background-color:#228B22;
font-size: 12pt;
font-weight: bold;
color:#fff;
/*border:4px outset;
border-color: dimgray;*/
border-top: 4px #ADFF2F;
border-left: 4px #ADFF2F;
border-right: 4px #2F4F4F;
border-bottom: 4px #2F4F4F;
}
.WButton {
padding: 2px;
background-color:#228B22;
font-size: 12pt;
font-weight: bold;
color:#fff;
border:4px outset;
border-color: gray;
/*border-top: 4px #ADFF2F;
border-left: 4px #ADFF2F;
border-right: 4px #2F4F4F;
border-bottom: 4px #2F4F4F;*/
}
.eingabefeld:focus {
background-color: #E0FFFF;
}
.WButton:hover {
background-color: #7FFF00; /* chartreuse */
color:#fff;
border-color: #D3D3D3; /*lightgray;*/
border-style: ridge;
}
.WButton:active {
border-style: inset;
}
.SButton {
background-color:#999;
font-size: 10pt;
color:#fff;
/*width:65px;*/
height: 26px;
border:4px outset;
border-color:  #D3D3D3; /*lightgray;*/
}
.SButton:hover {
background-color:#aaa;
color:#fff;
/*width:65px;
border:4px outset;*/
border-color:  #696969; /* dimgray;*/
}
a.SButton:active {
border-style: inset;
}
#alles {
position: relative;
text-align: left;
margin: 5px;
/*width: 99%;*/
color: #000;
}
#allesSSL {
position: relative;
text-align: left;
margin: 15px;
width: 99%;
color: #000;
}
#katselect {
font-size: 10pt;
}
#kopf {
margin: auto;
/*width: 99%;*/
/*margin-top:0px;*/
}
#header {
background: transparent url(/images/strelizie.jpg) no-repeat;
width: 100%;
/*height:130px;*/
padding-left: 173px;
}
#lkz_strahl {
font-size: 10pt;
font-weight: bold;
margin-bottom: 8px;
}
#suche {
position: relative;
float: right;
margin-top: 6px;
margin-right: 5px;
border-top: 2px solid silver;
border-left: 2px solid silver;
border-right: 2px solid gray;
border-bottom: 2px solid gray;
padding:2px;
background: #FFFFB0;
}
#suche td{
height: 24px;
font-size: 10pt;
font-style: normal;
border: 1px solid silver;
padding: 3px;
}
#stufen{
margin: 5px;
border-left: 1px solid silver;
border-top: 1px solid silver;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
/* bordercollapse: collapse; Fehler */
padding: 1px;
}
#stufen tr{
text-align: center;
/* bordercollapse: collapse; FEHLER */
/* spacing: 5px; keine TR Eigenschaft */
}
#stufen td{
text-align: center;
/* bordercollapse: collapse;  FEHLER */
border-left: 1px solid silver;
border-top: 1px solid silver;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
/* spacing: 1px; FEHLER */
}
#zeile{
margin: 0;
padding: 0;
/*border-top: 1px solid black;*/
}
#topnav {
text-align: left;
background: transparent;
font-size: 1.0em;
width: 800px;
border-bottom: 1px solid black;
}
#topnav2 {
text-align: left;
background: transparent;
font-size: 1.0em;
}
#topnav ul, #topnav2 ul {
margin: 0;
padding: 2px;
}
#topnav2 li, #topnav td li {
padding: 0;
margin: 0;
display: inline;
font-size: 10pt;
list-style-type: none;
/*font-weight: bold;*/
}
#summe {
font-size: 1.3em;
font-weight: bold;
margin: 10px;
}
#formular {
padding: 1px;
margin: 0px;
font-size: 10pt;
font-weight: normal;
color: #000;
}
#formular table{
border-top: 2px solid  #D3D3D3; /*lightgray;*/
border-right: 2px solid #696969; /* dimgray;*/
border-left: 2px solid  #D3D3D3; /*lightgray;*/
border-bottom: 2px solid #696969; /* dimgray;*/
padding: 2px;
width: 100%;
background: #FFFFB0;
}
#formular td{
border: 1px solid #696969; /* dimgray;*/
padding: 3px;
border-spacing: 1px;
}
#formular input{
border-style: inset;
}
.strahl {
margin: 0 0 5px 0;
font-size: 10pt;
font-weight: bold;
}
#kataendern {
font-family: Arial, Verdana, sans-serif;
font-size: 0.95em;
color: black;
width:650px;
padding: 2px;
margin: auto;
border: 1px solid  #696969; /* dimgray;*/
background: #FFFFB0;
}
#kataendern td {
padding: 2px;
margin: auto;
border: 1px solid  #696969; /* dimgray;*/
}

#lose {
font-family: Arial, Verdana, sans-serif;
font-size: 0.95em;
width: 100%;
padding: 2px;
/*margin: 15px 5px 5px 5px;*/
margin: auto;
border: 1px solid  #696969; /* dimgray;*/
background: #FFFFB0;
}
#lose td, #lose tr, #lose table {
border-collapse: collapse;
border: 1px solid  #696969; /* dimgray;*/
padding: 1px 2px 1px 2px;
}
.preis {
text-align: right;
}
#werbung {
margin: 2px;
border: 1px solid #696969;
padding: 5px;
}
#werbung a {
text-decoration: none;
}
#gallery {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
width: 100%;
margin: 2px;
border: 1px solid #696969;
padding: 1px;
}
#gallery table {
border-collapse: collapse;
}
#gallery td {
padding: 2px;
}

#gallery th {
font-size: 12pt;
text-align: center;
padding: 4px 2px 2px 2px;
}

#artikel {
background-image: url(/cnvbkgnd.jpg);
font-family: Arial, Helvetica, sans-serif;
/*font-size: 95%;*/
margin: 8px;
border: 1px solid gray;
padding: 5px;
}

#artikel td {
padding: 5px;
}
#artikelnummer {
font-family: Arial, Helvetica, sans-serif;
/*font-size: 95%;*/
padding: 5px;
border: 1px solid gray;
background: yellow;
}
#zeichen {
padding: 7px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 130%;
}
#hilfe {
background-image: url(/cnvbkgnd.jpg);
float: left;
border: 2px solid silver;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 130%;
width: 567px;
text-align: left;
margin-top: 5px;
margin-bottom: 10px;
}
#hilfelinks{
/*position: relative;*/
background-image: url(/cnvbkgnd.jpg);
border: 2px solid silver;
padding: 10px;
float: left;
width:173px;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 10px;
}
#agb {
margin: auto;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 120%;
width: 700px;
text-align: left;
background: #F1F9F9;
}
#agb p{
margin: 10px;
}
#hilfe p:first-letter {
font-size:130%; color: #003333;
font-weight: bold;
}

#hilfe p {
margin-top: 7px;
}

#kaufen {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
border-top: 2px solid  #D3D3D3; /*lightgray;*/
border-right: 2px solid #696969; /* dimgray;*/
border-left: 2px solid  #D3D3D3; /*lightgray;*/
border-bottom: 2px solid #696969; /* dimgray;*/
background: #FFFFB0;
padding: 8px;
line-height: 130%;
}
#strahl {
	font-size:x-small;
	font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#entxt {
	margin-top: 15px;
}

#orgtxt {
	font-size: 1.0em;
    font-family: Arial, Helvetica, sans-serif;
}
#mitte {
/*position: relative;*/
/*font-size: 11pt;*/
/*width:100%;*/
margin: 0px;
margin-top: 2px;
color: #000;
}
#TextMitte {
background-image: url(/cnvbkgnd.jpg);
margin: 3px;
float: left;
width:40%;
padding-left: 5px;
border: 2px solid silver;
}
#spaltencont{
/*padding-left: 100px;
padding-right: 180px;*/
padding: 0 20px 0 20px;
/*margin-top: -12px;*/
width: 99%
}
#linkeSpalte, #spaltenMitte, #rechteSpalte, #ganzrechteSpalte{
background-image: url(/cnvbkgnd.jpg);
margin: 3px;
float: left;
width:20%;
padding-left: 5px;
border: 2px solid silver;
}
/*#linkeSpalte{
margin: 3px;
float: left;
width:20%;
border: 2px solid silver;
}
#rechteSpalte {
margin: 3px;
float: left;
width:20%;
border: 2px solid silver;
}
#ganzrechteSpalte {
margin: 3px;
float: left;
width:20%;
border: 2px solid silver;
}
#spaltenMitte {
margin: 3px;
float: left;
width:20%;
border: 2px solid silver;
}
*/
#footer {
clear:both;
width: 800px;
height: 18px;
font-weight: bold;
background: silver;
margin-top: 5px;
margin-bottom: 25px;
}
#foto{
margin: 5px;
padding: 5px;
}
.button{
margin-top: 7px;
margin-bottom: 7px;
}

a.button {font-family: verdana, arial;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    width: auto;
    height: 19px;
    text-align: center;
    border-width: 3px;
    color: blue;
    border-color: #e3e3e3;
    border-style: outset;
    background: #e3e3e3;
}

a.button:active { border-style: inset;}

a.button:hover { color: #6666FF; text-decoration: underline; }

li.button {list-style-type: none; margin: 0px;}