/*  CSS Main Document I.M. lassen
by dialog im netz                                */

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: #404040;
background-color: #b7b7b7;
background-image: url(/img/bg/bg-big.gif);
background-position: top center; 
background-repeat:  no-repeat;
font-family:Arial, Verdana, sans-serif;
font-size: 13px;
line-height: 1.5em;
overflow-y: scroll
}
a {
color: #666;
outline: 0
}
td {
vertical-align:top
}
p,ul,h2,h3 {
margin: 0 0 1em 0
}
h2 {
font-size: 1.2em
}
ul {
padding-left: 2em
}
li {
vertical-align: middle;
Margin-bottom: .5em
}
.hide, .h0 {
display:none
}
img{
border: none
 -ms-interpolation-mode: bicubic; 
}
.clear {
clear: both
}
hr{
visibility: hidden;
}
.bildlinks {
float: left;
margin: 0 1em 0.5em 0
}
.bildrechts {
float: right;
margin: 0 0 0.5em 1em
}
.bg-float {
position: absolute;
top: 0;
right: 0;
}
.klein{
font-size:11px;
}
div {
position: relative;
}


/* DIVS */ 

#header {
margin: 0 auto;
height: 81px;
max-width: 1200px;
min-width: 760px;
}
#header div.ls,
h1 {
position: absolute;
top: 0;
padding-top: 33px;
font-size: 40px;
font-weight: normal;
color: #d4d4d4;
overflow: visible;
white-space: nowrap;
width: 1px;
height: 30px;
letter-spacing: 0.1em
}
h1{
right:3.5%;
text-align: right;
width: 50%
}
#header div.ls{
left: 3.5%;
}
#nav {
margin:0 auto;
width: auto;
height: 30px;
overflow: hidden;
white-space: nowrap;
padding-left: 0px
}
#nav a {
padding: 3px 35px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
color: #d4d4d4;
display: block;
float: left;
width: auto;
}
#nav a:hover, 
#nav a.active {
color: #ffffff;
}

#wrapper {
margin:0 auto;
width:1000px;
height:auto;
background: transparent url(../img/bg/bg-contentwrapper.gif)  left 0 repeat-y;
}

#content {
float: left;
max-width:426px;
width: 40%;
padding: 50px 20px 20px 30px;
hyphens: auto
}
#content, 
#content p {
}
#content img {
margin-bottom: 1.0em
}
#right {
float: right;
width: 464px;
padding: 50px 20px 0 0;

}

.middle{
float:left;
width:130px;
padding: 0;
margin-right: 50px;
}
.middle p {
padding: 0 10px
}
.middle img {
margin-bottom: 1em
}
.fakemiddle,
.fakeright {
float: left;
}

.fakemiddle {
clear:left;
padding: 0 10px 0 0;
font-weight: bold;
}

.fakeright {
margin-bottom: 0.75em;
width:310px
}

.right{
float:left;
width: 260px;
min-height: calc(100vh - 200px);
padding: 0;
overflow: visible;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-around;
/* flex-end center space-between space-around space-evenly */
align-items: stretch; 
/* flex-start flex-end center baseline */
align-content: stretch; 
/* flex-start flex-end center space-between space-around */

}
.right p {
font-style: italic;
}
.middle .caption {
display:none
}
#footer {
clear:both;
height: 1em
}
#uploadform input {
 display: block;

 height: 25px;
 margin: 0 0 15px
}

@media screen and (max-width: 990px) {
body{
background: #b7b7b7 url(img/bg/bg-small.gif) 0 0 repeat-x;
}
}