/* element invisible */
#header > h2,
#header > h3,
#jumpLinks,
.inv,
fieldset legend {
    position: absolute;
    left: -100000em;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: inline;
    font-size: 0;
    text-indent: -100000em;
    background: none;
    border: 0;
}
/* end element invisible */

/* easy clearing */
.field:after,
.containerLogo:after,
#navi:after,
.easyClear:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.field,
.containerLogo,
#navi,
.easyClear {
    display: inline-block;
}

.field,
.containerLogo,
#navi,
.easyClear {
    display: block;
}
/* end easy clearing */

h1 {
	margin-top:0;
	/*font-size:20px;*/
	font-size:1.667em;
}

a,
a:link,
a:visited,
a:active {
	text-decoration:none;
	color:#000;
}

a:hover {
	text-decoration:underline;
}

html,
body {
	width:100%;
	min-height:100%;
}

body {
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	line-height: 1.5em;
	/*background: #F3F3F3;*/
	padding-bottom:50px;
}

#header {
	border-bottom: 3px solid #FD0;
	/*background: #FFF9B2;*/
}

#wrapper {
	width: 850px;
	border-bottom: 3px solid #FD0;
	margin: 30px auto;
	position: relative;
	background:#fff;
	/*border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	-webkit-box-shadow: 0 0 10px #CCC;
	-moz-box-shadow: 0 0 10px #CCC;
	box-shadow: 0 0 10px #CCC;*/
}

#content {
	margin-left:211px;
	padding: 25px;
	min-height: 420px;
	/*border-left:1px solid #ccc;*/
	position:relative;
}

.containerFacebook {
position: absolute;
right: 0;
bottom: 10px;
}

#navi {
	position:absolute;
	margin:0;
	padding: 20px 0 0 25px;
}

#navi li {
	list-style:none inside none;
	margin-bottom: 23px;
}

#navi li a {
	list-style:none inside none;
	line-height: 18px;
	color:#000;
	font-size:14px;
	display:block;
	padding-top: 52px;
	text-align:center;
}

#navi .daisy a {
	background:url(../bilder/logo-hoerbuecherei.png) no-repeat center top transparent;
}

#navi .pdf a {
	background:url(../bilder/logo-pdf.png) no-repeat center top transparent;
}

#navi .bestellen a {
	background:url(../bilder/logo-dokument.gif) no-repeat center top transparent;
}

#navi .audio a {
	background:url(../bilder/logo-audio.png) no-repeat center top transparent;
}

#subnavi {
	background:#fd0;
	margin:0;
	padding:0;
	position:absolute;
	bottom:-36px;
	right: 0;
	font-size:12px;
	-webkit-box-shadow: 3px 3px 5px #333333;
	-moz-box-shadow: 3px 3px 5px #333333;
	box-shadow: 3px 3px 5px #333333;
}

#subnavi li {
	float:left;
	list-style:none inside none;
}

#subnavi li a {
	color:#000;
	display:block;
	padding:10px 20px 10px 15px;
	text-transform:uppercase;
	font-weight:bold;
	line-height: 16px;
}

#logo {
	display:block;
	float:left;
	margin-right:20px;
}

#logoText {
	padding-top: 25px;
	padding-left:109px;
}

#logoText span,
#logoText strong {
	display:block;
	font-size:14px;
	width: 350px;
	line-height: 20px;
	padding-left: 70px;
}

#logoText strong.big {
	font-size:35px;
	padding-left: 0;
	margin-bottom: 7px;
}

.containerLogo {
	margin: 14px 0 15px 55px;
	float: left;
}

.containerGroessen ul,
.containerGroessen ul li {
list-style:none inside none;
margin:0;
padding:0;
}

.containerGroessen ul {
position: absolute;
top: 130px;
right: 0;
}

.containerGroessen ul li {
float:left;
padding:5px;
font-weight:bold;
cursor:pointer;
line-height:16px;
}

.containerGroessen ul li.schriftgroesse1 {
font-size:12px;
padding: 8px 5px;
}

.containerGroessen ul li.schriftgroesse2 {
font-size:16px;
padding: 7px 5px
}

.containerGroessen ul li.schriftgroesse3 {
font-size:20px;
}

.field label {
display:block;
width:150px;
float:left;
cursor:pointer;
padding: 5px 0;
}

.field textarea,
.field input {
display:block;
float:left;
width:250px;
padding:5px;
}

.field textarea {
height:100px;
}

.field .error {
display:none;
float:left;
color:#f00;
width: 300px;
padding: 5px 0 5px 5px;
font-weight:bold;
}

.fieldButton {
padding-left:150px;
}

.field button {
background:#FD0;
border:0;
padding:5px 10px;
font-weight:bold;
font-size:14px;
width:262px;
text-align:center;
}