* {
margin: 0;
padding: 0;
}

body {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
text-align:center; /* horizontal centering for IE Win quirks */
background: #000 url(bild2.jpg);
}

p {
margin:6px;
}
a {
text-decoration: none;
}
a img {
border: 0 none;
}
a:hover {
background-color:  #E6E6E6; /*lightgray;*/
text-decoration: underline;
}
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: 12px;
margin-bottom: 3px;
}
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;
}
hr{
margin-top: 5px;
}
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;
}
input {
font-size: 1.0em;
border: 1px solid #000;
border-color: #000;
}
#container{
position:relative; /* puts container in front of distance */
background: transparent;
padding: 5px;
width: 1000px; /* Breite muss für margin auto angegeben werden, sonst steht der Kasten rechts statt mittig! */
margin: auto;
}
#alles {
margin-top: 8px;
text-align:left;
background: #000 url(canadas.jpg) no-repeat;
background-color: transparent;
border:2px outset;
border-color: gray;
width: 980px;
}

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

#header {
/*left: 0;*/
/*background: #fff url(../sx.gif) no-repeat;*/
width: 100%;
height:54px;
/*border-bottom: 2px solid silver;*/
/*border-right: 2px solid silver;*/
}

#topnav {
/*position: absolute; left: 10; top 30px;*/
text-align: left;
margin-top: 140px; /* alt 140 */
background: transparent;
font-size: 1.0em;
/*border-bottom: 1px solid black;*/
/*width: 700px;*/
/*height: 101px;*/
}
#topnav2 {
text-align: left;
padding-left: 2px;
background: transparent;
font-size: 1.0em;
}
#topnav ul, #topnav2 ul {
margin: 0;
padding-bottom: 2px;
padding-top: 2px;
}

#topnav2 li, #topnav li{
padding: 5px;
margin: 2px;
display: inline;
font-size: 10pt;
list-style-type: none;
background: #D3D3D3;
}

#summe {
font-size: 1.3em;
font-weight: bold;
margin: 10px;
}
#formular {
padding: 1px;
margin: 0px;
font-size: 10pt;
font-weight: normal;
color: #000;
}

.formular_class {
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_class 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_class td{
border: 1px solid #696969; /* dimgray;*/
padding: 3px;
border-spacing: 1px;
}
#formular input{
border-style: inset;
}

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

#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: 700px;*/
width: 70%;
text-align: left;
margin-top: 5px;
margin-bottom: 10px;
}

.hilfe_class {
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: 700px; */
width:70%;
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:230px;*/
width:21%;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 10px;
}
#startlinks{
/*position: relative;*/
/*font-family: Arial, Helvetica, sans-serif;*/
font-size: 8pt;
background-image: url(/cnvbkgnd.jpg);
border: 2px solid silver;
padding: 10px;
float: left;
width:364px;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 10px;
}

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

#TextMitte {
background: #fff;
float: left;
width: 740px;
margin: 3px;
padding: 5px;
border: 1px solid silver;
}

#rechteSpalte{
/*background-image: url(/cnvbkgnd.jpg);*/
background: #fff;
margin: 3px;
float: right;
width: 201px;
padding: 5px;
border: 1px solid silver;
}

#footer {
clear:both;
/*width: 100%;*/
height: 18px;
font-weight: bold;
background: silver;
margin-top: 5px;
margin-bottom: 3px;
}
#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;}

/* für die Bilder-Galerie im Dia-look */
.pic {
float: left;
height: 113px;
width: 113px;
padding: 20px;
margin: 3px 3px;
background: #EED;
border: 3px solid; border-color: #AAA #444 #444 #AAA;
}
.pic img {
border: 3px solid; border-color: #444 #AAA #AAA #444;
}