/* CSS Stylesheet by dialog im netz http://dialog-im-netz.de
Schreibfluss                                    */

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;
font-size: 1em;
}
body {
color: #062f75;
background: #062f75 url(../img/bg/bg-body.jpg) center 0 repeat-y;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 13px;
padding-top: 20px
}
a {
color: #b51b00;
outline: 0;
text-decoration: none
}
a:hover, a.active {
color: #062f75;
}
td {
vertical-align:top
}
.list td {
padding: 0 10px .5em 0
}
p,ul,h1,h2 {
margin: 0 0 1em 0;
}
ul ul {
margin: .5em 0
}
p,ul,li {
line-height: 130%
}
h1{
font-size:19px;
color: #b51b00;
clear: both
}
h1.innen {
padding-top: 1em;
clear: both;
}
h2 {
margin: 1em 0 .5em 0;
font-size: 17px;
clear: both
}
h3 {
font-size: 15px;
margin-bottom: .5em;
clear: both
}

ul {
padding-left: 22px;
margin-bottom: 2em
}
li {
vertical-align:middle
}

.hide, .h0 {
display:none
}
img{
height: auto;
border: none;
 -ms-interpolation-mode: bicubic; 
}
.clear {
clear: both
}
.bildlinks {
float: left;
width: 50%;
height: auto;
margin: 4px 15px 5px 0
}
.bildrechts {
display: block;
float: right;
margin: 0 0 10px 10px;
font-size: 10px;
text-align:center
}
.klein{
font-size:11px;
}
.kasten strong {
font-size: 17px;
color: #b51b00;
}
.rot,.red {
color: #b51b00;
}
.red {
font-weight: bold
}
.blue {
color: #062f75
}
span.blue {
font-weight: bold
}
.versatz {
margin-left: 22px
}
.inlineh2 {
display: inline;
font-size: 16px;
font-weight: bold;
}
.block {
display: block;
float:left;
clear: left;
width: 140px
}
.spruch {
padding: 0 3em;
margin-bottom: 2em
}
.si {
font-size: 16px;
font-style: italic;
margin-bottom: 0
}

.logo {
max-width: 584px;
width: 70%;
height: auto;
float: right;
margin-right: 5%;
}

/* DIVS */ 
#wrapper,
#footer {
margin:0 auto 20px auto;
max-width: 960px;
height:auto;
background: transparent URL(../img/bg/bg-left.png) 0 0 repeat-y;
}

#left {
padding: 202px 30px 30px 30px;
background-color: transparent;
float:left;
width: 190px;
}
#nav {
font-weight: bold;
}
#nav a {
color: #062f75;
display: block;
padding: 10px 0
}
#nav a:hover,
#nav a.active,
.unav a:hover,
.unav a.active, 
p.active {
color: #b51b00;
}
.unav {
margin: 0 0 0 20px;
}
#nav .unav a {
padding: 3px 0
}

#content {
float: right;
max-width: 530px;
margin: 0;
padding: 48px 8%;
min-width: 300px;
background-color: white;
hyphens: auto;
-moz-hyphens: auto;
}


#footer {
clear:both;
background: transparent url(../img/bg/bg-footer.png) 0 0 repeat;
height: auto;
padding: 14px 0;
}

#footer div {
color: #ffffff;
}
#footer a {
color: #ffffff;
}
#footer a:hover {
color: #b51b00;
}
div.f1,div.f2,div.f3 {
float: left;
height: auto;
width: 250px;
padding-left: 30px
}
div.f1 {
width: 190px;
padding: 1.5em 70px 0 30px ;
font-weight: bold;
text-transform: uppercase;
text-align: center
}
div.f2 {

}
div.f3 {

}


/* FORMULAR */
label, input, textarea, select {
margin:0 0 10px 0  ;
}
input, textarea,select {
border-width: 1px; 
border-color:#062f75;
padding: 2px 4px;
color:#062f75;
}
input, textarea {
width: 300px;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 13px;

}
label {
float: left;
width: 70px;
display: block;
}
form div {
clear: both;
}

input.check {
width: 20px;
background-color: transparent
}
input.ac {
background-color: #ffffff;
}
input.button {
width: 310px;
}

.meldung,
.meldungok {
font-weight: bold;
font-size: 1.3em;
text-align:left;
border: 1px solid #062f75;
padding: 4px 8px
}
@media screen and (max-width: 896px) {
div {
float: none;
box-sizing: border-box;
}
#wrapper,
#footer {
margin:0 
}
#content img  {
width: 90%;
}
#content {
float:none;
width: 90%;
padding: 10px;
}
#left {
float:none;
width: 100%;
padding: 0 10px;
}
#nav {
max-width: 220px
}
#nav {
width:100%
}
input, textarea {
width: 100%
}
.bildlinks,
.bildrechts {
float: none;
margin:0 0 1em 0 
}
.logo {
float: none;
}


}
@media print {
#left,form{
 display: none
}
#content,.logo {
float: none;
padding-top: 0;
height: auto;

}
#content {
width: 15cm;
padding-bottom:0
}
#content img {
width: 7cm
}
.logo {
margin: 0 0 0 2cm;
width: 50%;
}
#footer {
padding:0;
margin:0
}
#footer div {
width: 30%;
}
div.f1 {
display: none;
}
div.f2 {
margin-left: 1.5cm
}

}