html { 
	height:100%;
}
* {
	margin: 0;
	padding: 0;
}
body {
	height:100%;
	background: url(images/elements/header_bg.gif) repeat-x left 25px;
	color: #1a2125;
}
body, div, p, div#text-area div {
	font: 13px/1.5em "Trebuchet MS", Helvetica, Arial, sans-serif;
}

/* basic html elements */
h1 {
	font-size:200%;
	margin-bottom: 8px;
	line-height: 120%;
	color: #2e3c42;		
	font-family: Helvetica, Arial, sans-serif;
} 
h2 {
	font-size: 130%;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
}
h3 {
	font-size: 100%;
	margin: 5px 0px 5px 0px;
}
img, img a {border: none;}
a:link, a:visited{color: #7da2b3}
a:hover{color: #1A2125;}
a.feed{
display: block;
	background: url("images/elements/feed.png") no-repeat;
	background-position: 3px 4px;
	padding: 3px 0px 3px 23px;
background-color: #FFFFFF;
}
a.newsletter{padding-left: 20px;}
ul{
	list-style-type: circle;
	margin: 10px 30px;
}
ul li, ol li{
	margin-bottom: 5px;
}
ol{
	list-style-position: outside;
	margin: 10px 30px;
}

blockquote{
	padding: 0px;
	margin: 8px 15px 0px 15px;
	font-style: italic;
}
blockquote p{
margin-top: 0px;
}
blockquote p, blockquote h2{
	font-style: italic;
}
/* custom page elements */
#container{
	position: relative;
	width: 1000px;
	margin: 0 auto 0 auto;
	min-height: 100%;
	height:auto !important; /* moderne Browser */
	height:100%; /* IE */
	background: url(images/elements/sidebar_bg.gif) repeat-y;
}
div#hotspot-area{
	padding:2px 20px 3px 20px;
	height: 20px;
	color: #1a2125;
}
div#hotspot-area ul{
	margin: 0px;
	margin-top: 10px;
	position: absolute;
	left: 590px;
	top: -5px;
	list-style-type: none;	
	height: 20px;
}
div#hotspot-area ul li{
	display: inline;
	margin: 0;
}
div#hotspot-area ul li a{
	padding: 0 5px 0 8px;
	text-decoration: none;
	color: #5f7b88;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
border-left: 1px solid #5f7b88;
}

div#hotspot-area ul li.first a{
border-left: none;
padding-left: 3px;
}

div#hotspot-area ul li a:link, div#hotspot-area ul li a:visited {color: #2E3C42;}
div#top-area{
	height: 131px;
	background: url(images/elements/header_bg.gif) repeat-x;
}
a#home-link{
	position: absolute;
	display: block;
	width: 370px;
	height: 130px;
	background: url(images/elements/logo.gif) no-repeat 20px 20px;
}
#main-content-area{
	float: left;
	width: 580px;
	margin-bottom: 23px;	
	background: url(images/elements/bg-anstosskreis.gif) no-repeat 4px 40px;
}
#text-area, #list-area{
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
}
div.functions-area{
	position: relative;
	margin: 15px 20px 25px 20px;
	padding-bottom: 5px;
}
div.functions{
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
	padding: 3px 5px 13px 0;
}

div#breadcrumbs-area{
	position: absolute;
	left: 0px;
	top: 0px;
	color: #909090;
width: 350px;
}
div#breadcrumbs-area a.breadcrumbs.home{
	padding-left: 28px;
	background: url("images/elements/icon-home.gif") no-repeat;
	background-position: 0px 2px;
}
div#breadcrumbs-area a.breadcrumbs{
	color: #909090;
}
div#breadcrumbs-area a.breadcrumbs.active{
	color: #009345;
}
div#breadcrumbs-area span.breadcrumbs.active{
	color: #009345;
}
div#breadcrumbs-area strong.breadcrumbs.appendix{
color: #009345;
}
p.abstract, div.abstract{
	margin-bottom: 5px;
}
.abstract img{
	float: left;
	margin: 5px 10px 10px 0;
}
p.parameter, div.parameter{
	position: relative;
	margin-bottom: 15px;
clear: left;
}
p.parameter a.read-more, div.parameter a.read-more{
	position:absolute;
	right:5px;
	top:0px;
}
p.parameter, div.parameter,
p.parameter a, div.parameter a{
	color: #5f7b88;
}
p.text, div.text,
p#text, div#text{
	
}
#appendix-area{
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
	background: url(images/elements/trennstrich_2.gif) repeat-x;
}

#related, #categories{
	margin-top: 20px;
}

#related h2, #categories h2 {
color: #A0A0A0;
}

div#footer-area{
	position: absolute;
	bottom: 0px;
	clear: both;
	width: 777px;
	margin-left: 4px;
	border-top: 1px solid #bfcacf;
	color: #5f7b88;
background: #FFF url(images/elements/stripes.gif);
}
div#footer-area div{
	padding: 2px 10px 2px 10px;	
	font-size: 11px;
}

/* main navigation */
div#nav02-area div.teaser,
div#nav01-area ul li a, div#nav02-area ul li a {
	font: 92%/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div#nav01-area{
	height: 20px;
	margin-left: 4px;
	padding: 5px 5px 8px 20px;
	background-color: #EFEFEF;
	border-bottom: 1px solid #C0C0C0;
}
div#nav01-area ul{
	margin: 0px;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 0px;
}
div#nav01-area ul li{
	display:block;
	float:left;
}
div#nav01-area ul li a{
	padding: 0 28px 0 0;
	text-decoration: none;
	color: #009245;
}

/* sub navigation - level 2 */
div#nav02-area  
{
position: relative;
padding: 4px 0 8px 24px;
border-bottom:1px solid #C0C0C0;
	height: 16px;
	margin-top: 0px;
	margin-left: 4px;
}
div#nav02-area ul{
position: relative;
	margin: 0px;
	list-style-type: none;
	margin: 0;
padding: 0;
	width: 100%;
	height: 16px;
}
div#nav02-area ul li{
	margin: 0 0 0 0; 
	display: block;
	float: left;
padding: 0 10px 0 0px;
	font-size: 110%;
}
div#nav02-area ul li a{
	padding: 2px 0px 2px 16px;
	text-align: left;
	margin-right: 3px;
	text-decoration: none;
	color: #35454c;
	background: url(images/elements/subnav_arrow_s.gif) no-repeat 0 50%;
}
div#nav02-area ul li a.active{
	color: #009245;		
	background: url(images/elements/subnav_arrow_hover.gif) no-repeat 0 50%;
}
div#nav02-area ul.nav03{
	left: 5px;
	margin-bottom: 0px;
	padding-top: 0px;
}
div#nav02-area ul.nav03 li{
	margin-left: 3px;
	padding-top: 0px;
}
div#nav02-area ul.nav03{
	border: none;
}

/** custom content-stylez / templates **/
div.image-left img{
	float: left;
	margin-top: 8px;
	margin-right: 15px;
	border: 4px solid #fff;
}

/** teasers **/
div#teaser-area{
	float: left;
	padding-left: 15px;
	padding-bottom: 10px;
	width: 186px;
}
div#teaser-0 h2.header{
display: none;
}
div#ad-area{
	float: right;
	margin-left: 10px;
	margin-top: 18px;
	margin-bottom: 24px;
	width: 200px;
}
div#ad-area p {
	margin-bottom: 20px;
}
div.teaser{
	width: 170px;
	margin-bottom: 10px;
}
div.teaser h2{
	margin: 8px 0 4px 0;
	padding: 2px 0 0 4px;
	font-weight: bold;
	font-size: 14px;
width: 169px;
}
div.teaser div.body{
	margin: 0;
	padding: 0 0 0 0;
}
div.teaser div.footer{
	margin: 0;
	padding: 0 0 5px 0;
}
div.teaser a {
	color: #394a52;
	text-decoration: none;
	font-size: 12px;
}


div.teaser a:hover {
	color: #009245;
}

/* special page-elements */
img#keyvisual{
	position: absolute;
	top: 10px;
	right: 20px;
	border: none;
	display: none;
}
hr{
	width: 100%;
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: none;	
}

/* forms */
fieldset {
border: 1px solid #009245;
padding: 6px;
margin-bottom: 12px;
}
#teaser-area fieldset {
border: none;
padding: 0;
margin-bottom: 0;
}
#teaser-area fieldset.subscribe-news {
border: 2px solid #FFF;
padding: 8px 4px 4px 4px;
margin-top: -8px;
}
fieldset.contact-data, fieldset.abo-renew, fieldset.abo-start, fieldset.abo-gift {
border: 1px solid #d0d0d0;
}
legend {
font-size: 14px;
font-weight: bold;
color: #009245;
padding-left: 6px;
}
fieldset.contact-data legend, fieldset.abo-renew legend, fieldset.abo-start legend {
color: #a0a0a0;
}
fieldset.abo-gift legend {
/*display: none;*/
}
fieldset.abo-gift{
display: none;
}
#teaser-area legend {
display: none;
}
form h2 {margin-top: 8px;}
input {
margin: 2px 0;
}
input.text, input.submit, input.button, select{
	border: 1px solid #d0d0d0;
	padding: 2px;
}
input.submit{
	padding: 1px;
}
.teaser input.button, #text-area input.button {
padding: 1px;
background: url(images/elements/bg-button.gif) repeat-x 0 0;
float: right;
margin: 2px 0 2px 8px;
font-size: 12px;
}
.teaser input.button:hover, #text-area input.button:hover {
background: url(images/elements/bg-button-over.gif) repeat-x 0 0;
}
input.input-xsmall {
width: 58px;
border: 1px solid #C0C0C0;
}
input.input-small {
width: 158px;
border: 1px solid #C0C0C0;
}
input.input-medium {
width: 220px;
border: 1px solid #C0C0C0;
}
input#html-news {margin-right: 6px;}
td label {
width: 100px; 
display: block;
}
form#search-area{
	position: relative;
	margin-left: -14px;
	padding: 5px 0px 6px 15px;
	height: 22px;
	border-bottom: 1px solid #C0C0C0;
background: #FFF url(images/elements/stripes.gif);
}
form#search-area input.text {
	width: 140px;
	font-size: 85%;
}
form#search-area input#find{
	position: absolute;
	top: 4px;
	left: 166px;
	height: 23px;
	width: 28px;
}
fieldset#hefte-select select {
	width: 176px;
	margin: 7px 0 5px 0;
font-size: 95%;
font-weight: bold;
color: #333333;
border: 1px solid #C0c0C0;
}
fieldset#hefte-select select option.selected{

}
div#ad-top-area {
position: absolute; 
top: 58px; 
right: 0px;
z-index: 10;
}

/* link-backgrounds */
a#recommend-page em, a#print-page em {position: absolute; width: 50px; height: 50px; margin-left: -3000px;}

a#recommend-page{
	width: 15px;
	display: block;
	height: 15px;
	background: url("images/elements/icon10_recomand.gif") no-repeat;
float: left;
}
a#print-page{
	width: 15px;
	display: block;
	height: 15px;
	background: url("images/elements/icon-print.gif") no-repeat;	
float: left;
}
div#text-area a{
	padding-left: 10px;
	margin-left: 2px;
	background: url("images/elements/external.gif") no-repeat 0 50%;
}
div#text-area a.internal{
	background: url("images/elements/internal.gif") no-repeat 0 6px;
	padding-left: 10px;
}
div#text-area a.author, div#text-area div.adworx-content a{
	background: none;
	padding-left: 0px;
}
div#text-area a.download{
	background: url("images/elements/download.gif") no-repeat;
	background-position: 0px 4px;	
}
div#text-area form a{
	background: none;
padding-left: 0;
}
div#text-area {
	min-height: 260px;
}
div#next-ballesterer {
border: 1px solid #EAEAEA;
background: #FFF url(images/elements/trennstrich_2.gif) repeat-x;
width: 160px;
padding: 10px 6px 6px 6px;
margin: 10px 0;
font-size: 13px;
border: 1px solid #c0c0c0;
border-top: none;
}
div#index-issue, div#abo{
	position: relative;
}
div#index-issue a, div#text-area ul#back-issues a {
	background: none;	
	padding-left: 0px;
}
div#index-issue a {
	text-decoration: none;
}
div#index-issue h3 {
	padding-left: 7px;
	background: url("images/elements/icon-continue.gif") no-repeat 0 6px;
	margin: 5px 0 0 0;
}
div#index-issue h3:hover {
	background: url("images/elements/icon-continue-o.gif") no-repeat 0 6px;
}
div#index-issue img, div#abo img {
margin: 10px 10px 10px 0;
}
div#index-issue div, div#abo div {
float: right;
margin: 0 0 10px 0;
width: 340px;
}
div#abo div {
width: 420px;
}
div#index-issue h4 {
font-weight: normal;
}
div#abo h4 {
margin-bottom: 8px;
}
h1 a:link, h1 a:visited {
	color: #2e3c42;	
	text-decoration: none;	
}
h1 a:hover {
	color: #2e3c42;	
	text-decoration: underline;	
}
.clear {clear: both;}
.teaser h2.header {background: #FFF;}

ul#back-issues {
list-style: none;
margin:10px 0;
}

ul#back-issues li {
float: left;
padding: 0 12px 10px 0;
}
ul#back-issues h2{
	color: #2e3c42;
	margin-bottom: 10px;
	font-size: 115%;
}
ul#back-issues h2 a{
	color: #2e3c42;
	text-decoration: none;
}
ul#back-issues h2 a:hover{
	color: #2e3c42;
	text-decoration: underline;
}
.parameter a.read-more {
	padding-right: 12px !important;
	background: url("images/elements/icon-more.gif") no-repeat center right;
}

a[href$='.pdf']:after
{
content: url(images/elements/icon-pdf.gif); 
padding-left: 4px;
}

body#search h1 {
font-size: 130%;
margin-bottom: 2px;
}

/* abo formulare */
div#form-error{
	/*border: 1px dotted #FF9933;*/
	margin-bottom: 10px;
	width: 100%;
	/*padding: 3px;*/
	/*background-color: #EFEFEF;*/
}

div.notify div.header{
	color: #993333;
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
	padding: 3px;
	font-weight: bold;
}
div.notify div.text, div.notify div.abstract{
	color: #993333;
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
	padding: 3px;
	margin: 3px 0px 3px 0px;
}
div.error strong{
	color: #993333;
}
div.notify div.body{
	padding: 3px;
}

/* advertorials, werbung */
#h1-877{
display:none;
}

#parameter-877{
display:none;
}
#abstract-877{
/*border: 1px solid #eaeaea;*/
margin-bottom: 10px;
}

/*teaser werbung */
#teaser-2 h2{
display:none;
}
/* next ballesterer */
#teaser-1 h2{
display:none;
}

/* sonderfall heft */

div.issue-cat{
padding-bottom: 10px;
}

div.issue-cat h2{
margin-top: 5px;
margin-bottom: 10px;
	font-size:150%;
}
div.issue-cat h2 a, div.issue-cat h2 a:visited{
color: #333333;
}
div.issue-cat h2 a:hover{
	text-decoration: underline;
}
.footnote{
display:block;
font-style: normal;
font-size:11px;
color: #666666;
}
.answer{
display:block;
padding-left:10px;
}
.question{
font-style:italic; 
font-weight:bold}
.note{
display: block;
font-style:italic;
color:#333333;
border: 1px solid #ededed;
padding-left:10px;
}
body.start div#list-description{
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #eaeaea;
padding: 10px;
margin-left: 20px;
margin-right: 20px;
}

body.start div.functions-area.list{
display: none;
}
body.start a.breadcrumbs.home{
/*display: none;*/
}
body.start div#nav02-area{
display: none;
}

a#print-page{
display: none;
}
body.sitemap p.abstract{
display: none;
}

div#text-area a.sitemap{
background: none;
color: #7DA2B3;
text-decoration: none;
}

div#text-area a.sitemap:hover{
text-decoration: underline;
}

dl.sitemap.level_01{
margin-bottom: 10px;
}
dd.level_01{
margin-left: 14px;
margin-top: 0;
padding-top: 0;
/*color: #a0a0a0;
font-size: 11px;*/
}
dd.level_02{
display: none;
}
dt.sitemap.level_01 a{
font-size: 120%;
}
dt.sitemap.level_02 a{
background: url(images/elements/icon-continue.gif) no-repeat scroll 0 4px !important;
padding-left: 8px;
}
dl.level_02{
margin-left: 25px;
margin-bottom:5px;
}
body.sitemap div#nav02-area{
display: none;
}
body.hide-sub-nav div#nav02-area{
display: none;
}
body.heft div#breadcrumbs-area{
display: none;
}
body.heft div.functions-area{
display: none;
}
body.heft h1.h1-main{
margin-top: 10px;
}

body.heft #categories{
display: none;
}
body.sub-heft div#breadcrumbs-area{
display: block;
}

body.backissues div#teaser-0 {
display: none;
}
body.backissues div#nav02-area{
display: none;
}
body.backissues ul#back-issues h2{
display: none;
}