body {
   margin: 0;
   color: #5b5b5b;
   line-height: 16px;
   font: normal 11px Arial, Verdana, sans-serif;
   background: #ececec url(../gfx/bg.jpg) repeat-x;
}

img {
   border: 0;
}

h1.star {
   margin: 0 0 10px 0;
   padding-left: 23px;
   color: #db4d15;
   font: normal 20px 'Times New Roman', Times, serif;
   background: url(../gfx/star.jpg) no-repeat left;
}

h1.star span.gray {
   color: #5b5b5b;
}

h2 {
   font-size: 20px;
}

h2.star {
   margin: 0 0 10px 0;
   padding-left: 23px;
   color: #5b5b5b;
   font: normal 20px 'Times New Roman', Times, serif;
   background: url(../gfx/star.jpg) no-repeat left;
}

h3 {
   margin: 0;
   color: #db4d15;
   font-size: 16px;
   font-weight: normal;
}

hr {
   border: 1px solid #bdbdbd;
}

a {
   color: #5b5b5b;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a.arrow {
   padding-left: 12px;
   background: url(../gfx/arrow.jpg) no-repeat 0 3px;
}

a.arrow.black {
   padding-left: 12px;
   color: #000;
   background: url(../gfx/arrow_black.jpg) no-repeat 0 3px;
}

a.arrow.round {
   padding: 2px 0 2px 19px;
   color: #db4d15;
   background: url(../gfx/arrow_round.jpg) no-repeat 0 2px;
}

a.orange {
   color: #db4d15;
}

input.text {
   height: 15px;
   padding: 1px 2px 0 2px;
   color: #7f7f7f;
   font-size: 11px;
   border: 1px solid #b8b8b8;
}

select {
   height: 18px;
   color: #7f7f7f;
   font-size: 11px;
   border: 1px solid #b8b8b8;
}

textarea.text {
   padding: 1px 2px 0 2px;
   color: #7f7f7f;
   font-size: 11px;
   border: 1px solid #b8b8b8;
}

span.orange {
   color: #db4d15;
}

span.akt {
   font-weight: bold;
}

span.akt a {
   color: #db4d15;
}

#mainContainer {
   width: 955px;
   margin: auto;
   padding: 0 10px 0 10px;
}

/**
 * Forms
 */

#kontakt_form label {
   font-weight: bold;
}

#kontakt_form select {
   width: 405px;
}

* html #kontakt_form select {
   width: 408px;
}

#kontakt_form input {
   width: 400px;
}

#kontakt_form textarea {
   width: 400px;
   height: 100px;
}

/**
 * Header
 */

#header {
   position: relative;
   width: 975px;
   height: 180px;
   background: url(../gfx/header_bg.jpg) no-repeat right;
}

img#logo {
   margin-top: 21px;
}

ul#nav {
   position: absolute;
   bottom: 6px;
   left: 5px;
   margin: 0;
   padding: 0;
   list-style: none;
}

ul#nav li {
   float: left;
   display: block;
   height: 20px;
   margin-right: 20px;
   padding: 6px 19px 0 19px;
   color: #5b5b5b;
   font-size: 13px;
   border-top: 1px solid #eaeae9;
   border-bottom: 1px solid #b8b8b8;
}

ul#nav li.active {
   padding: 6px 18px 0 18px;
   background: #ececec;
   border: 1px solid #b8b8b8;
   border-bottom: 1px solid #ececec;
}

ul#nav li.active a {
   color: #db4d15;
}

ul#nav li a {
   text-decoration: none;
}

ul#nav li a:hover {
   color: #db4d15;
}

#bar {
   position: absolute;
   bottom: 8px;
   left: 640px;
   height: 20px;
}

#bar form {
   float: left;
}

#bar form input.text {
   float: left;
   width: 154px;
   height: 15px;
   margin: 1px 5px 0 0;
   padding: 1px 2px 0 2px;
   color: #7f7f7f;
   font-size: 11px;
   border: 1px solid #b8b8b8;
}

#bar form img {
   float: left;
   margin-top: 2px;
   cursor: pointer;
}

#bar #lang {
   float: left;
   display: none; /* tmp */
   margin-left: 32px;
}

#bar #lang img {
   margin-top: 2px;
   margin-left: -2px;
}

/**
 * Content
 */

#content {
   float: left;
   width: 595px;
   margin-top: 20px;
}

#content hr {
   border: 1px solid #d2d2d2;
}

#content .content {
   width: 595px;
}

#content .content h2 {
   margin-bottom: 5px;
   color: #dc5027;
   font-weight: normal;
}

#content .content .head {
   height: 12px;
   font-size: 1px;
   background: url(../gfx/content_head_bg.jpg) no-repeat;
}

#content .content .body {
   padding: 10px;
   border-left: 1px solid #c1c1c1;
   border-right: 1px solid #c1c1c1;
   background: #fff;
}

#content .content .body h1 {
   margin: 0 0 20px 0;
   color: #db4d15;
   font-size: 24px;
   font-weight: normal;
}

#content .content .body h2 {
   margin: 0;
   color: #db4d15;
   font-size: 20px;
   font-weight: normal;
}

#content .content .body h3 {
   margin: 0;
   color: #db4d15;
   font-size: 16px;
   font-weight: normal;
}

#content .content .body p {
   line-height: 16px;
}

#content .content .body a {
   text-decoration: underline;
}

#content .content .body a:hover {
   color: #db4d15;
}

#content .content .body ul.arrow {
   list-style-image: url(../gfx/arrow.jpg);
}

#content .content .body .toggle {
   margin-bottom: 10px;
   padding: 10px 0 10px 0;
   border-top: 1px solid #d2d2d2;
   border-bottom: 1px solid #d2d2d2;
}

#content .content .body .toggle a {
   display: block;
   outline: none;
   height: 17px;
   padding: 3px 0 0 28px;
   background: url(../gfx/arrow_content_closed.jpg) no-repeat;
}

#content .content .body .toggle a.open {
   background: url(../gfx/arrow_content_open.jpg) no-repeat;
}

#content .content .body p.content_toggle {
   padding-bottom: 30px;
}

#content .content .foot {
   height: 12px;
   font-size: 1px;
   background: url(../gfx/content_foot_bg.jpg) no-repeat;
}

#info {
   width: 595px;
   height: 210px;
   margin-top: 32px;
   background: url(../gfx/info_bg.jpg) no-repeat;
}

#info ul.tabs li {
   width: 100px;
   margin-right: 5px;
   padding-top: 7px;
   background: url(../gfx/info_tab.jpg) no-repeat;
}

#info ul.tabs li.active {
   background: url(../gfx/info_tab_active.jpg) no-repeat;
}

div#content_tabs .body div {
   height: 377px;
   padding: 40px;
}

div#content_tabs .body div form div {
   line-height: 16px;
   padding: 0;
   height: auto;
}

ul.content_tabs li#portalbetreuung {
   background: url(../gfx/ct_portalbetreuung.jpg) no-repeat right;
}

ul.content_tabs li#portalbetreuung.active {
   background: url(../gfx/ct_portalbetreuung_active.jpg) no-repeat right;
}

ul.content_tabs li#community {
   background: url(../gfx/ct_community.jpg) no-repeat right;
}

ul.content_tabs li#community.active {
   background: url(../gfx/ct_community_active.jpg) no-repeat right;
}

ul.content_tabs li#inhalte {
   background: url(../gfx/ct_inhalte.jpg) no-repeat right;
}

ul.content_tabs li#inhalte.active {
   background: url(../gfx/ct_inhalte_active.jpg) no-repeat right;
}

ul.content_tabs li#kalender {
   background: url(../gfx/ct_kalender.jpg) no-repeat right;
}

ul.content_tabs li#kalender.active {
   background: url(../gfx/ct_kalender_active.jpg) no-repeat right;
}

ul.content_tabs li#dienste {
   background: url(../gfx/ct_dienste.jpg) no-repeat right;
}

ul.content_tabs li#dienste.active {
   background: url(../gfx/ct_dienste_active.jpg) no-repeat right;
}

#ug {
   width: 573px;
   height: 99px;
   margin: 32px 0 15px 0;
   background: url(../gfx/ug_bg.jpg) no-repeat;
}

#ug ul.tabs li {
   width: 105px;
   margin-right: 5px;
   padding-top: 7px;
   background: url(../gfx/ug_tab.jpg) no-repeat;
}

#ug ul.tabs li.active {
   background: url(../gfx/ug_tab_active.jpg) no-repeat;
}

#ug div.tabs {
   padding: 20px 10px 10px 10px;
}

/**
 * Sidebar
 */

#sidebar {
   float: left;
   overflow: hidden;
   width: 330px;
   margin: 20px 0 0 25px;
}

#kontakt {
   width: 330px;
   height: 99px;
   margin: 32px 0 15px 0;
   background: url(../gfx/kontakt_bg.jpg) no-repeat;
}

#kontakt ul.tabs li {
   width: 125px;
   margin-right: 5px;
   padding-top: 7px;
   background: url(../gfx/kontakt_tab.jpg) no-repeat;
}

#kontakt ul.tabs li.active {
   background: url(../gfx/kontakt_tab_active.jpg) no-repeat;
}

/* tmp */
#kontakt ul.tabs li#newsletter_rss {
   display: none;
}

#aktuelles {
   position: relative;
   width: 330px;
   margin-bottom: 25px;
}

#aktuelles div.slider {
   position: relative;
   width: 330px;
   overflow: hidden;
}

#aktuelles div.slider ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#aktuelles div.slider ul li {
   float: left;
   width: 154px;
   padding-right: 11px;
   overflow: hidden;
}

#aktuelles div.slider ul li img {
   width: 150px;
   /*height: 110px;*/
   margin-bottom: 10px;
   border: 2px solid #fff;
}

#aktuelles div.slider ul li div.img {
   overflow: hidden;
   height: 110px;
}

#aktuelles div.slider ul li p {
   margin: 10px 0 20px 0;
}

#aktuelles div.slider .bar {
   display: none;
   float: left;
   width: 268px;
   height: 17px;
   margin-top: 20px;
   background: url(../gfx/slider_bar.jpg) no-repeat;
}

/*
#aktuelles div.slider .arrows {
   float: right;
   margin-top: 20px;
}
*/

#aktuelles div.arrows {
   position: absolute;
   top: -30px;
   right: 0;
}

div#tags {
   width: 330px;
   /*text-align: justify;*/
   text-align: center;
}

div#tags a {
   padding: 2px;
   text-decoration: none;
}

div#tags a:hover {
   background: #d2d2d2;
}

/*
ul#tags {
   width: 330px;
   margin: 0;
   padding: 0;
   text-align: justify;
   list-style: none;
}

ul#tags li {
   display: inline;
}

ul#tags li a {
   padding: 2px;
   text-decoration: none;
}

ul#tags li a:hover {
   background: #d2d2d2;
}

ul#tags li.s1 {
   font-size: 12px;
}

ul#tags li.s2 {
   font-size: 14px;
}

ul#tags li.s3 {
   font-size: 16px;
}

ul#tags li.s4 {
   font-size: 18px;
}

ul#tags li.s5 {
   font-size: 20px;
}
*/

/**
 * Footer
 */

#footer {
   width: 940px;
   height: 50px;
   margin: 30px 0 30px 0;
   padding-top: 18px;
   border-top: 1px solid #a7a7a7;
}

a#has {
   float: right;
   text-decoration: none;
   display: block;
   position: relative;
   top: -5px;
   width: 67px;
   height:25px;
   background-image: url(../gfx/has_logo_wundermedia.png);
   background-repeat: no-repeat;
}

#footer ul {
   float: left;
   margin: 0;
   padding: 0;
   list-style: none;
}

#footer ul li {
   float: left;
   display: block;
   margin-right: 40px;
}

#footer p {
   margin: 0;
   float: left;
}

/**
 * Tabs
 */

ul.tabs {
   position: absolute;
   margin: -25px 0 0 0;
   padding: 0;
   list-style: none;
}

ul.tabs li {
   float: left;
   display: block;
   height: 26px;
   cursor: pointer;
   text-align: center;
}

div.tabs {
   display: none;
}

div.tabs.active {
   display: block;
   height: 71px;
   overflow: hidden;
   padding: 13px 15px 0 20px;
}

div#info .tabs.active {
   height: 180px;
}

#content_tabs {
   width: 595px;
   margin-bottom: 20px;
}

ul.content_tabs {
   position: absolute;
   float: left;
   width: 92px;
   margin: 0;
   padding: 0;
   list-style: none;
}

* html ul.content_tabs {
   margin-top: -469px;
}

* + html ul.content_tabs {
   margin-top: -469px;
}

ul.content_tabs li {
   width: 93px;
   height: 93px;
   margin-bottom: 4px;
   cursor: pointer;
}

div#content_tabs .head {
   float: right;
   width: 503px;
   height: 12px;
   font-size: 1px;
   background: url(../gfx/content_tab_head_active.jpg) no-repeat;
}

div#content_tabs .body {
   float: right;
   width: 501px;
   background: #fff;
   border-left: 1px solid #c1c1c1;
   border-right: 1px solid #c1c1c1;
}

div#content_tabs .body div.portalbetreuung {
   height: 202px;
   padding-top: 215px;
   background: #fff url(../gfx/imagebilder/portalbetreuung.jpg) center top no-repeat;
}

div#content_tabs .body div.community {
   height: 202px;
   padding-top: 215px;
   background: #fff url(../gfx/imagebilder/community.jpg) center top no-repeat;
}

div#content_tabs .body div.inhalte {
   height: 202px;
   padding-top: 215px;
   background: #fff url(../gfx/imagebilder/inhalte.jpg) center top no-repeat;
}

div#content_tabs .body div.kalender {
   height: 202px;
   padding-top: 215px;
   background: #fff url(../gfx/imagebilder/kalender.jpg) center top no-repeat;
}

div#content_tabs .body div.dienste {
   height: 202px;
   padding-top: 215px;
   background: #fff url(../gfx/imagebilder/dienste.jpg) center top no-repeat;
}

div#content_tabs div.body h1 {
   margin: 0 0 20px 0;
   color: #db4d15;
   font-size: 24px;
   font-weight: normal;
}

div#content_tabs div.body p {
   line-height: 16px;
}

div#content_tabs .foot {
   float: right;
   width: 503px;
   height: 12px;
   font-size: 1px;
   background: url(../gfx/content_tab_foot.jpg) no-repeat;
}