/* CSS Stylesheet by dialog im netz http://dialog-im-netz.de
für http://designer.dialog-im-netz.de/							*/

@font-face {
  font-family: 'Futura';
  src: url('/font/Futura.otf/Futura.eot?#iefix') format('embedded-opentype'), 
		url('/font/Futura.otf/Futura.otf')  format('opentype'),
	    url('/font/Futura.otf/Futura.woff') format('woff'), 
		url('/font/Futura.otf/Futura.ttf')  format('truetype'), 
		url('/font/Futura.otf/Futura.svg#Futura') format('svg');
  font-weight: normal;
  font-style: normal;
}
html,blockquote,body,div,dl,dt,dd,fieldset,form,
h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,
table,tr,td,th,thead,tbody,tfoot,caption  {
	margin:0;
	padding:0;
	border:0 none;
}
body {
	margin:0;
	padding:0;
	font-family:Futura,Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background: white url(../img/bg.gif) 0 54px repeat-x; 
	background-attachment: fixed;
	text-align: center;
	color:#483771;
	overflow: scroll;
}
a {
	color: #393918;
}
td {
vertical-align:top;
}
div {
box-sizing: border-box;
}
ul {
padding-left: 0;
list-style: none
}
li{
color:#0c0c0f;
vertical-align: middle;
margin-bottom: .5em;
}
li {
padding-left: 1em;
background: transparent url(/img/li-orange.gif) 2px 3px no-repeat;
}
img {
border:0 none;
}
div{
position: relative;
box-sizing: border-box;
}
p,ul,div div {
margin: 0 0 0.5em 0;
line-height: 150%;
hyphens: auto;
-moz-hyphens: auto
 }

h1 {
font-weight: normal;
font-size: 18px;
margin: 0;
padding: 28px 0 82px 16px;
background: transparent url(../img/pfeil.gif) 0 0 no-repeat; 
}
h2{
font-size: 15px;
margin: 0.75em 0 0.5em 0;
}
.floatleft {
float: left;
margin: 0 15px 10px 0 
}
.clear {
clear:both
}
.klein p,
.klein ul {
	font-size: 11px;
	line-height: 100%
}
#wrapper{
text-align: left;
margin: 0 auto;
padding: 0 18px;
max-width:1000px;
height: auto;

}
#footer {
text-align: right;
background-color: #d8d8d8;
padding: 4px 10px;
}
div.text,
div.nav {
width: 50%;
}
div.text{
min-height: 400px;
margin: 0 0 0 50%;;
padding: 34px 10px 10px 10px;
background: #FDEEB7 url(../img/bg-t.gif) 0 97px repeat-x; 
z-index: 2
}
div.nav {
position: fixed;
top: 0;
margin: 55px 0 0 0 ;
}
.nav a {
display:block;
margin: 0 0 1em 0;
text-decoration: none;
padding: 1px 4px 1px 10px;
font-weight: bold;
background-color: #d8d8d8;
}
.nav a:hover,
.nav a:focus,
.nav a.ac {
background-color: #fdeeb7;
color: #696969;
}
.nav a.logo,
.nav a.logo:hover,
.nav a.logo:focus {
background-color: transparent;
height: 94px
}
a.logo img {
position: absolute;
display: block;
border: 4px solid white;
margin-top: 0;
margin-left: -9px
}

p.fnav {
margin: 2em 0 0 0;
color: #393918;
font-weight: bold
}

/*FORMULAR */
p.meldung {
font-weight: bold;
background-color: #f3be00;
padding: 3px;
text-align: center;
} 
p.ok {
background-color: #00cc00;
}
input, textarea {
width: 240px;
border: 1px solid #3d4019;
margin-bottom: 10px
}
@media screen and (max-width: 550px) {
body {
background-image: none;
}
h1 {
}
#wrapper {
background-position: 0 0;
}
div.text,
div.nav {
position: relative;
width: 100%;
margin:0
}
.nav a.logo {

}

}