html, body, div, h1, h2, h3, h4, p, img, a, b, u, ol, ul, li, fieldset, form, table,  tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	font-size: 100.02%;
}



body {
	min-height: 100.2%;
	margin-bottom: 1px;
}

.clear {
	clear:both;
}
html {
	height: 100%;
	margin-bottom: 1px;
	text-align: center;
	
}
body {
	text-align: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background:#fff;
	color:#000;
	background: url('grafiken/back_website.gif') repeat-y center top; 
}

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

a:hover {
	color: #000;
	text-decoration: underline;
}


#wrapper {
	width: 955px;
	margin: 0 auto;
	padding-bottom: 50px;
}


#links {
	float: left;
	width: 329px;
	height: auto;
	padding-left: 13px;
	background: url('grafiken/back_left.png') no-repeat 0 0px;
}
#content {
	float: left;
	width: 532px;
	margin-top: 80px;
	margin-bottom: 50px;
	padding-left: 15px;
}
#content img{
	margin-top: 10px;
	margin-left: 90px;
	padding: 2px;
	border: 1px solid #777;
}
#content_hefte {
	float: left;
	width: 532px;
	margin-top: 80px;
	margin-bottom: 50px;
	padding-left: 15px;
}
#logo {
	float: left;

	width: 230px;
	height: 47px;
	z-index: 300;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 42px;
}


#links img {
	float: left;
	z-index: 30;
}


#headernavi {
	clear: left;
	display: block;
	margin-left: 180px;
	font-family: Arial, Helvetica, sans-serif;
	color: #aaa;
	z-index: 300;
}

#headernavi ul li {
	float: left;
	line-height: 12px;	
	font-size: 10px;
	margin: 0 2px 0 2px;

}


#headernavi a, 
#headernavi a:link,
#headernavi a:visited {
	color: #aaa;
	text-decoration: none;
}

#headernavi a:hover {
	color: #000;
}


#hauptnavigation {
	float: left;
	width: 300px;
}


.abstandtrennline {
	clear: both;
	display: inline-block;
	min-height: 1px;
	width: 100%;
	background:  url('grafiken/border.gif') repeat-x left center;
}

h1 {
	color: #283981;
	font-size: 20px;
	margin: 0 0 20px 0;
}

h2 {
	text-align: center;
	color: #555;
	font-size: 16px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
h3 {
text-align: center;
height: 25px;
color:#333;
font-size: 14px;
}


#content ul {
margin-top: 25px;
	margin-left: 100px;
	margin-right: 50px;
	margin-bottom: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #777;
	list-style-type: disc;
}
#content li {
	margin-bottom: 20px;

}



p {
	margin-bottom: 15px;
	font-size: 13px;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#menu {
	list-style-type:none;
	padding:0;
	margin:0;
	font-size: 13px;
	width:300px;
	z-index:100;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
}
#menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	width:300px;
}
#menu li {
	float:left;
	background:#ded5ba;
	position:relative;
	border-bottom-width: 1px;
	border-right-width: 1px;

	border-bottom-style: solid;
	border-right-style: solid;

	border-bottom-color: #fff;
	border-right-color: #fff;

}
#menu li.sub {}

#menu li, #menu li a {
display:block; 
color:#555; 

line-height:27px;
width:300px; 
text-decoration:none;  
cursor:pointer; 
font-weight:normal; 
text-indent:20px;}



#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {
	display:none; 
}
.small {
font-size: 11px;}
#menu li.hover {color:#fff; z-index:500;background-color:#a49b7f}
#menu li.click {color:#fff; font-weight: bold; background-color:#a49b7f}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {
display:block; 
position:absolute; 
left:110px;
top:-1px; 
text-indent: 44px;
}






ul.rex-navi1 li {
	width: 300px;
	float: left;
	border: 1px solid #fff;
	margin-top: -1px;

}

ul.rex-navi1 a, 
ul.rex-navi1 a:link,
ul.rex-navi1 a:visited {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	display: inline-block;
	text-decoration: none;
	background-color: #ded5ba;
	line-height: 35px;
	padding-left: 20px;
	width: 280px;
}


ul.rex-navi1 a:hover,
ul.rex-navi1 li a.rex-current,
ul.rex-navi1 li a.rex-current, 
ul.rex-navi1 li a.rex-current:link,
ul.rex-navi1 li a.rex-active, 
ul.rex-navi1 li a.rex-active:link {
	background-color: #a49b7f;
	color: #fff;
	text-decoration: none;
}

/* subnavigation */

ul.rex-navi2 li {
	width: 300px;
	float: left;
	border: 1px solid #fff;
	margin: 0 0 -1px -1px;

}

ul.rex-navi2 a, 
ul.rex-navi2 a:link,
ul.rex-navi2 a:visited {
	color: #000;
	display: inline-block;
	text-decoration: none;
	background-color: #ded5ba;
	font-size: 12px;
	line-height: 24px;
	padding-left: 30px;	
	width: 270px;
}

ul.rex-navi2 a:hover,
ul.rex-navi2 li a.rex-current,
ul.rex-navi2 li a.rex-current, 
ul.rex-navi2 li a.rex-current:link,
ul.rex-navi2 li a.rex-active, 
ul.rex-navi2 li a.rex-active:link {
	background-color: #a49b7f;
	color: #fff;
	text-decoration: none;
}

.hefte_topic{
	padding-bottom:5px;
	padding-top:0px;
	text-align: center;
	font-weight: bold;

}
.heft {
float: left;
width: 168px;
height: 250px;
}
.heft img {
margin-left:5px;
}
.clr {
clear: both;
}
.heft_konfig {
width: 500px;
padding-left: 20px;

}
.heft_konfig p {
font-size: 12px;
color: #444;
}
.heft_titel {
font-size: 15px;
color: #444;
font-weight:bold;
padding-bottom: 10px;
padding-top: 30px;
}
.tab1 {
line-height: 25px;
margin-top: 5px;
margin-bottom: 25px;
font-size: 13px;
}
.input {
    color:#000000;
	height: 17px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #808080;
	border-left-color: #808080;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
    font-size: 12px;
}
.button {
    width: 90px;
}
.button_align{
padding-left: 230px;
}
.agb {
padding-left: 10px;

padding-right: 40px;
}
.hefte {
padding-left: 10px;

padding-right: 16px;
}
.textarea_big {

    color:#000000;
	height: 100px;
	width: 259px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #808080;
	border-left-color: #808080;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
    font-size: 12px;
}
.block {
text-align:justify;
}
.rechts {
	float: right;
}
.link a{
	color:#333;
   text-decoration:none; 	
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
.link a:hover{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}