body {
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #333;
background: #FFF url(images/elements/bg-unterseiten.png) no-repeat 50% 0;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, table, tr, td, th, div {
margin: 0;
padding: 0;
}

img, a img {border: none;}

div#container {
width: 922px;
height: 550px;
margin: 45px auto 10px auto;
position: relative;
}

div#logo {
position: absolute;
width: 234px;
height: 72px;
top: 37px;
right: 14px;
}

#navigation {
float: left;
margin: 6px 0 0 7px;
}

#navigation ul {
height: 187px;
width: 165px;
background: url(images/elements/bg-nav-home.png) no-repeat 0 0;
padding-top: 12px;
}

#navigation ul li {
list-style-type: none;
padding: 4px 0 4px 17px;
}

#navigation ul li a {
display: block;
padding-left: 22px;
background: url(images/elements/i-nav-home.png) no-repeat 0 50%;
height: 17px;
text-decoration: none;
text-transform: uppercase;
font-family: Impact, sans-serif;
font-size: 15px;
color: #777;
letter-spacing: 1px;
}
#navigation ul li a#m_3 {
background: url(images/elements/i-nav-leistungen.png) no-repeat 0 50%;
}
#navigation ul li a#m_4 {
background: url(images/elements/i-nav-podcasts.png) no-repeat 0 50%;
}
#navigation ul li a#m_5 {
background: url(images/elements/i-nav-team.png) no-repeat 0 50%;
}
#navigation ul li a#m_6 {
margin-top: 42px;
background: url(images/elements/i-nav-kontakt.png) no-repeat 0 50%;
}

#navigation ul li a#m_2.active, #navigation ul li a#m_2:hover {
background: url(images/elements/i-nav-home-a.png) no-repeat 0 50%;
color: #FF3333;
}
#navigation ul li a#m_3.active, #navigation ul li a#m_3:hover {
background: url(images/elements/i-nav-leistungen-a.png) no-repeat 0 50%;
color: #0099CC;
}
#navigation ul li a#m_4.active, #navigation ul li a#m_4:hover {
background: url(images/elements/i-nav-podcasts-a.png) no-repeat 0 50%;
color: #663399;
}
#navigation ul li a#m_5.active, #navigation ul li a#m_5:hover {
background: url(images/elements/i-nav-team-a.png) no-repeat 0 50%;
color: #FF6633;
}
#navigation ul li a#m_6.active, #navigation ul li a#m_6:hover {
background: url(images/elements/i-nav-kontakt-a.png) no-repeat 0 50%;
color: #444444;
}

div#subnavigation {
background: url(images/elements/bg-subnav-o.png) no-repeat top left;
margin-left: 1px;
}
div#subnavigation ul {
background: url(images/elements/bg-subnav-u.png) no-repeat bottom left;
height: 18px;
padding: 2px 0 0 32px;
margin-top: 10px;
}

#subnavigation ul li {
display: inline;
list-style-type: none;
margin-right: 16px;
}

#subnavigation ul li a {
color: #FFF;
padding: 0px;
font-weight: bold;
}

#subnavigation ul li a:hover {
color: #9966CC;
text-decoration: none;
}

div#subnavigation ul li a.active {
color: #663399;
}

div#symbol {
width: 165px;
height: 305px;
background: url(images/elements/sym-home.png) no-repeat 0 0;
}


div#content {
float: right;
width: 727px;
padding: 0px 0px 0px 0px;
margin: 118px 14px 0px 0;
height:  400px;
background: url(images/elements/bg-content-home.png) no-repeat 0 0;
}
div#content h1, div#content h2, div#content p {
padding-left: 32px;
padding-right: 32px;
}
div#content .box {
margin-left: 32px;
}
p {
margin: 0 0 6px 0; 
}
div#content p {
line-height: 140%;
}

h1 {
font-size: 20px;
font-family: Impact, Arial, sans-serif;
margin: 0 0 10px 0;
font-weight: normal;
padding-top: 22px;
padding-bottom: 5px;
}

h2 {
font-size: 13px;
font-family: Arial, sans-serif;
margin: 0px 0 4px 0;
}

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

a:hover {
text-decoration: underline;
}

div#footer a#teaser em {
width: 100px;
height: 50px;
position: absolute;
left: -3000px;
}

div#footer {
position: absolute;
width: 922px;
height: 85px;
left: 0;
top: 468px;
background: url(images/elements/footer-home.png) no-repeat;
}

div#footer a#impressum {
display: block;
width: 150px;
color: #FFF;
font-size: 10px;
padding: 56px 10px 0 25px;
float: left;
}

div#footer a#active {
color: #FFF;
font-size: 10px;
font-weight: bold;
}

div#footer a#teaser {
width: 220px;
height: 85px;
border: none;
float: right;
}

/* box */
/* Show only to IE PC */

.box {
margin: 10px 0; /* center for now */
background: url(images/elements/boxbody-r-p.png) no-repeat bottom right;
width: 580px;	
}
.boxhead {
background: url(images/elements/boxhead-r-p.png) no-repeat top right;
margin: 0;
padding: 0;
}
.boxhead h2 em {
display: none;
}
.boxhead h2 {
background: url(images/elements/boxhead-l-p.png) no-repeat top left;
margin: 0;
padding: 13px 0 0 0;
}
.boxbody {
background: url(images/elements/boxbody-l-p.png) no-repeat bottom left;
margin: 0;
}
div.box ul li {
list-style-type: none;
}
div.box ul li a {
display: block;
color: #333;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 13px;
padding-top: 20px;
}
div.box ul li a.play {
background: url(images/elements/i-play.png) no-repeat 0 0;
padding-bottom: 6px;
}
div.box ul li a.download {
background: url(images/elements/i-download.png) no-repeat 0 0;
}
div.box ul li a:hover {
text-decoration: underline;
}
div.box div.controls {
padding-left: 10px;
padding-bottom: 10px;
}
div.box div.controls, div.box img {
float: left;
}
div.box img {
padding:0 13px 13px 13px;
}
div.box h2, div.box p {
padding-right: 10px;
}
div.box p {
padding-bottom: 10px;
margin-bottom: 0;
}

.clear {clear: both;}
div.boxbody div.clear {height: 1px;}
/* podcast player */
div.widget{
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #e7ceff;
}
div.widget div.header{
	position: relative;
	padding: 3px;
}
div#player_abstract{
	margin-top: 5px;
	margin-bottom: 15px;
}
div#player{
	margin-bottom: 5px;
}

a#close_player{
	display: block;
	position: absolute;
	top: 5px;
	right: 0px;
	height: 15px;
	width: 15px;
	background: url(images/elements/i-close.png) no-repeat;
}
.parameter {text-align: right;}
div.portrait {
margin-left: 30px;
margin-right: 120px;
}
div.portrait img {
float: left;
margin-right: 10px;
}
.style1{
}
body.home h1, body.home h2 {color: #FF3333;}
body.home div#symbol {
background: url(images/elements/sym-home.png) no-repeat 0 0;
}
body.leistungen h1, body.leistungen h2 {color: #0099CC;}
.leistungen #navigation ul {
background: url(images/elements/bg-nav-leistungen.png) no-repeat 0 0;
}
body.leistungen div#symbol {
background: url(images/elements/sym-leistungen.png) no-repeat 0 0;
}
.leistungen div#content {
background: url(images/elements/bg-content-leistungen.png) no-repeat 0 0;
}
body.leistungen div#footer {
background: url(images/elements/footer-leistungen.png) no-repeat;
}
body.podcasts h1, body.podcasts h2 {color: #663399;}
.podcasts #navigation ul {
background: url(images/elements/bg-nav-podcasts.png) no-repeat 0 0;
}
body.podcasts div#symbol {
background: url(images/elements/sym-podcasts.png) no-repeat 0 0;
}
.podcasts div#content {
background: url(images/elements/bg-content-podcasts.png) no-repeat 0 0;
}
body.podcasts div#footer {
background: url(images/elements/footer-podcasts.png) no-repeat;
}
body.podcasts p.einleitung {padding-bottom: 6px;}

body.podcasts #content a {
background: url(images/elements/i-weiter-p.png) no-repeat 0 50%;
padding: 10px 0 10px 21px;
}
body.team h1, body.team h2 {color: #FF6633;}
.team #navigation ul {
background: url(images/elements/bg-nav-team.png) no-repeat 0 0;
}
body.team div#symbol {
background: url(images/elements/sym-team.png) no-repeat 0 0;
}
.team div#content {
background: url(images/elements/bg-content-team.png) no-repeat 0 0;
}
body.team div#footer {
background: url(images/elements/footer-team.png) no-repeat;
}
body.team .box {
background: url(images/elements/boxbody-r-t.png) no-repeat bottom right;
width: 200px;
float: left;
}
body.team .boxhead {
background: url(images/elements/boxhead-r-t.png) no-repeat top right;
}
body.team .boxhead h2 {
background: url(images/elements/boxhead-l-t.png) no-repeat top left;
}
body.team .boxbody {
background: url(images/elements/boxbody-l-t.png) no-repeat bottom left;
}

body.team div#content div.box h2, body.team div#content div.box p {
padding-left: 12px;
padding-right: 11px;
}
body.team .box p {
padding-bottom: 10px;
}
body.team em {
color: #ff9933;
font-style: normal;
}
body.team p.text {
padding-top: 15px;
}
body.team #content a.read-more {
background: url(images/elements/i-weiter-t.png) no-repeat 0 50%;
padding: 0px 0 0px 21px;
margin-bottom: 10px;
display: block;
float: right;
height: 18px;
}
body.kontakt h1, body.kontakt h2 {color: #444;}
.kontakt #navigation ul {
background: url(images/elements/bg-nav-kontakt.png) no-repeat 0 0;
}
body.kontakt div#symbol {
background: url(images/elements/sym-kontakt.png) no-repeat 0 0;
}
body.kontakt div#footer {
background: url(images/elements/footer-kontakt.png) no-repeat;
}
body.kontakt div#content {
background: url(images/elements/bg-content-kontakt.png) no-repeat 0 0;
}
body.impressum h1, body.impressum h2 {color: #444;}

body.start {
background: #FFF url(images/elements/bg-startseite.jpg) no-repeat 50% 0;
}

body.start #navigation ul {
background: none;
}

body.start #navigation ul li a {
background: url(images/elements/i-nav-home-a.png) no-repeat 0 50%;
color: #FF3333;
}
body.start div#navigation ul li a#m_3 {
background: url(images/elements/i-nav-leistungen-a.png) no-repeat 0 50%;
color: #0099CC;
}
body.start div#navigation ul li a#m_4 {
background: url(images/elements/i-nav-podcasts-a.png) no-repeat 0 50%;
color: #663399;
}
body.start div#navigation ul li a#m_5 {
background: url(images/elements/i-nav-team-a.png) no-repeat 0 50%;
color: #FF6633;
}
body.start div#navigation ul li a#m_6 {
background: url(images/elements/i-nav-kontakt-a.png) no-repeat 0 50%;
color: #444444;
}
body.start #navigation ul li a#m_6 {
margin-top: 0;
}
body.start div#footer a#teaser em, body.start div#content h1, body.start div#content p {
width: 100px;
height: 50px;
position: absolute;
left: -3000px;
}
body.start div#footer {
position: absolute;
width: 922px;
height: 85px;
left: 0;
top: 468px;
}
body.start div#footer a#teaser {
width: 220px;
height: 85px;
border: none;
float: right;margin-top: -85px;
}
body.start div#footer div#newsteaser {
width: 630px;
height: 14px;
margin-left: 23px;
margin-top: 54px;
font-size: 12px;
overflow: hidden;
}
body.start div#symbol { display: none;}
body.start div#footer, body.start div#content {background: none}
body.special h1, body.special h2 {color: #663399;}
.special #navigation ul {
background: url(images/elements/bg-nav-podcasts.png) no-repeat 0 0;
}
body.special div#symbol {
background: url(images/elements/sym-podcasts.png) no-repeat 0 0;
}
.special div#content {
background: url(images/elements/bg-content-podcasts.png) no-repeat 0 0;
}
body.special div#footer {
background: url(images/elements/footer-euro.png) no-repeat;
}
body.special div#content h2 {
padding-bottom: 20px;
}
body.special div#content div.box h2 {
padding-bottom: 0px;
}