/* CSS Stylesheet by dialog im netz http://dialog-im-netz.de
                                    */
html,blockquote,body,div,dl,dt,dd,fieldset,form,
h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,img,
table,tr,td,th,thead,tbody,tfoot,caption  {
margin:0;
padding:0;
border:0 none;
}
body {
color: black;
background-color: white;
font-family:Arial, Helvetica, sans-serif;
overflow: scroll;
font-size: 1em;
}
a {
color: black;
border:none;
outline: none;
}
a:hover,
a:focus {
outline: none;
}
td {
vertical-align:top
}
h1{
font-size:16px;
}
p,ul,h2,h3 {
margin: 0 0 1em 0
}
/*  :first-of-type */
table {
border-collapse: collapse
}
.tc {
text-align: center
}
.tr {
text-align: right
}
ul {
padding-left: 16px
}
li {
vertical-align:middle
}
.hide, .h0 {
display:none
}
img{
display: block;
border: none;
height: auto;
 -ms-interpolation-mode: bicubic; 
}

sub {
position: relative; 
font-size: 9px; 
bottom: -4px;
font-weight: normal;
}
sup {
position: relative; 
font-size: 9px; 
top: -2px;
font-weight: normal;
}
.clear {
clear: both
}
.bildlinks,
.floatleft {
float: left;
margin: 0 10px 5px 0
}
.bildrechts,
.floatright {
float: right;
margin: 0 0 5px 10px
}
.klein{
font-size:11px;
}
.rot,
.red {
color: red
}
div,
nav,
main,
section,
header,
article,
footer {
display: block;
position: relative;
box-sizing: border-box;
}

/* DIVS */ 
#wrapper {
margin:0 auto;
max-width:1000px;
height:auto;
background: #fff url(../img/bg/bg.gif) 0 0 repeat-y;
}
#head {
height: 150px;
}
#left {
float:left;
width: 30%;
}
#content {
float: left;
width: 66.0%;
max-width: 770px;
margin-left: 4%;
hyphens: auto;
}
#content img {
width: 100%;
max-width:770px;
margin-bottom: .5em
}

#right {
display: none
}
#footer {
clear:both;
background-color: #626262
} 
/* FORMULAR */
form {
background-color: #e0e0e0;
padding: 10px;
}
label, input, textarea, select,button {
box-sizing: border-box;
margin:0 0 10px 0  ;
}
input, textarea,select {
border-width: 1px; 
padding: 2px 4px;
width: 300px;
}
input[type="checkbox"] {
width: 20px; 
background-color: transparent
}
label {
float: left;
width: 70px;
display: block;
clear: left;
}
form div {
clear: both;
}

input.short {
width: 80px;
}
input:hover,
textarea:hover,
select:hover {
background-color: #ffffff;
}
input.button {
width: 310px;
}

.meldung,
.meldungok {
font-weight: bold;
font-size: 1.3em;
text-align:left
}
.meldungok {
transition: fadeOut 5s;
}


@media screen and (max-width: 560px) {
#left,
#content {
width:95%;
float: none;
margin: 0 0 20px 10px
}
}
@media print {

}