html{
margin:0;
padding:0;
}

body{
height: auto;
margin:0;
padding:0;
background-color: #b0ae8e;
text-align:center;
}

#content{
height:auto;
width: 882px; 
margin:auto;
padding:0;
text-align:left;
}

body>#content{height:auto;}

#header {
height: 21px;
background: transparent url(/img/head-bar.gif) no-repeat;
}

#footer {
height: 53px;
margin-bottom: 0;
}

#impress {
text-align: right;
padding-right: 11px;
margin-bottom: 44px;
}

#logo {
height: 120px;
}


#cntwrapper {
width: 882px;
height: auto;
min-height: 500px;
background: transparent url(/img/content-bckg.gif) repeat-y;
}

#bar1 {
background-color: #6a716e;
height: 22px;
border-top: 1px solid #fff;
}

#bar2 {
background-color: #e1dfc5;
height: 22px;
border-top: 1px solid #fff;
}

#bar3 {
background-color: #d3d1ab;
height: 174px;
border-top: 1px solid #fff;
}

#bar4 {
background-color: #b7c7d2;
height: 22px;
border-top: 1px solid #fff;
}

#bar5 {
background-color: #98afbd;
height: 197px;
border-top: 1px solid #fff;
}

#bar6 {
background-color: #f7ecb6;
height: 22px;
border-top: 1px solid #fff;
}

#bar7 {
background-color: #F4E496;
height: 174px;
border-top: 1px solid #fff;
}

#bar8 {
background-color: #6a716e;
height: 22px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#textarea1 {
background-color: #f2f1e6;
height: 220px;
border-top: 1px solid #fff;
padding: 11px 66px 0 66px;
}

#textarea2 {
background-color: #e0e7eb;
height: 220px;
border-top: 1px solid #fff;
padding: 11px 66px 0 66px;
}

#textarea3 {
background-color: #fcf7df;
height: 187px;
border-top: 1px solid #fff;
padding: 11px 66px 0 66px;
}

#menue {
background-color: #cc0000;
width: 242px; /* 242px - 36px padding */
float: left;
text-align:left;
padding: 0 0 0 0;
}

#textarea {
background-color: #faf7e0;
float:left;
width: 637px; /* 637px - 44px padding */
text-align:left;
padding: 0 0 0 0;
}

#textarea-beratung {
background-color: #f2f1e6;
height: auto;
border-top: 1px solid #fff;
padding: 11px 66px 22px 66px;
min-height: 607px;
}

#textarea-kurse {
background-color: #e0e7eb;
height: auto;
border-top: 1px solid #fff;
padding: 11px 66px 22px 66px;
min-height: 607px;
}

#textarea-information {
background-color: #fcf7df;
height: auto;
border-top: 1px solid #fff;
padding: 11px 66px 22px 66px;
min-height: 607px;
}


/* font-styles */
p, body, #textarea, a, #textarea1, #textarea2, #textarea3, #textarea-information, #textarea-kurse, #textarea-beratung {
color:#3f4d49;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#header p, #header p a {
line-height: 1;
color: #E3E0BE;
text-decoration: none;
margin: 0;
padding: 4px 0 0 17px;
}

#menue, #menue a {
font-size:11px;
}

p, #textarea, a, #textarea1, #textarea2, #textarea3 {
color:#3f4d49;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top: 0;
padding-top: 0;
}

#textarea, #textarea1, #textarea2, #textarea3, #textarea-information, #textarea-kurse, #textarea-beratung {
line-height: 1.8;
}

#bar1, #bar2, #bar3, #bar4, #bar5, #bar6, #bar7 {
color:#3f4d49;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left: 33px;
line-height: 1.6;
}

#bar2, #bar4, #bar6 {
font-size:13px;
}

#impress p, #mpress p a, #impress a {
color:#EDEACA;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
line-height: 1;
}

#textarea1 h1, #textarea2 h1, #textarea3 h1 {
border: 0;
color: #517f99;
font-size:16px;
font-weight:bold;
line-height: 1;
margin: 15px 0 5px 0;
}

h1 {
border-top: 1px solid #517f99;
border-bottom: 1px solid #517f99;
color: #517f99;
font-size:16px;
font-weight:bold;
line-height: 2;
margin-bottom: 22px;
margin-top: 22px;
}

h1.ohnetop {
margin-top: 0px;
}

h2 {
color: #517f99;
font-size:13px;
font-weight:bold;
line-height: 1;
margin: 0;
}

h2.faq {
color: #517f99;
font-size:13px;
font-weight:bold;
line-height: 1.4;
}

hr {
border: 0;
border-bottom: 1px solid #517f99;
}

p label {
width: 150px;
float: left;
}
p label.longer {
width: 250px;
}

p input {
width: 250px;
}

p input.longerleft {
width: 10px;
margin-left: 150px;
}

input.button {
width: auto;
border: 0;
}

/* format styles */
.leftpic {
float: left;
margin: 0 22px 10px 0;
padding: 0;
border: 0px solid #FBF8F8;
}

dl.imglinks {
    float: left;
	margin-right: 30px;
	margin-bottom: 5px;
	padding: 2px;
	display: inline;
}
dt.img {
	margin: 0;
}
dd.img {
	font-size: 10px;
	text-align: center;
	margin: 0;
}

img.legende {
	margin: 0 ;
}

.unfloater {
height: 0;
font-size: 0px;
clear: both;
margin: 0;
}
.badge {
float: left;
margin: 0 22px 22px 0;
padding: 0;
}
.badge-last {
float: left;
margin: 0 0 22px 0;
padding: 0;
}

.linie {
        border-bottom: 1px solid #46370d;
        font-size: 0;
        line-height: 1;
}


/* ------ navigation level 1 ---------*/
.menulook ul{
  margin: 0;
  padding: 0em;
  margin-top: 11px;
  list-style-type: none;
  color: #3f4d49;
}

.menulook ul li {
 /* background-color: #b1b2b4;  */
	color: #3f4d49;
}

.menulook ul li#li_nav1_open{  /* special layout for open links */
/*  background-color: #b1b2b4;  */
	height: auto !important;
	height: 1.9em;
}

.menulook ul li a{
  display: block;
  background-repeat: no-repeat;
  height: 2em;
  line-height: 1.9em;
  color: #3f4d49;
  text-decoration: none;
}

.menulook ul li a:hover, .menulook ul li a:focus{
  font-weight: normal;
  color: #fbf8f8;
}

.menulook ul a#a_nav1_open, .menulook ul a:hover#a_nav1_open{
  font-weight: bold;
  color: #3f4d49;
}
.menulook ul a#a_nav2_open, .menulook ul a:hover#a_nav2_open{
  font-weight: bold;
  color: #3f4d49;
}

/* ------ Design for submenu --------*/
.menulook li li{
  display: block;
  padding-left: 15px;
  line-height: 1.1em;
  color: #3f4d49;
  border-bottom: 0px solid #e0f0f5;
}

.menulook ul ul a{
  position: relative;
  display: inline;
  background-repeat: no-repeat;
  padding: 0em;
  padding-left: 0px;
  padding-top: 0.28em;
  padding-bottom: 0px;
  color: #3f4d49;
  font-size: 11px;
  text-decoration: none;
}

.menulook ul ul a:hover, .menulook ul ul a:focus {
  color: #fbf8f8;
  font-weight: normal;
}
.menulook ul ul a#a_nav2_open{
  color: #3f4d49;
  font-weight: bold;
}