/* 	Pido 2008
   	Author: unternehmen.online GmbH & Co. KG 	*/



html , body , div , h1 , h2 , h3 , h4 , h5 , h6 , ul , ol , span , a , table , td , form , img , li , blockquote, textarea, input, select {
margin: 0;
padding: 0; 
font-family: Arial, Helvetica, sans-serif;
 }

body.main { font-size: 100%; padding: 0; margin: 0; background: #008fd0 url(../images/bg.jpg) repeat-x;  }
body.gallery { font-size: 100%; padding: 0; margin: 0; background: #56b5e1; }

/* corporate color: #cc0000 */

/* global motors */

hr {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

.invisible {
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
}

p { font-size: 12px; color: #00518e; line-height: 150%; }

a:link {
color: #d30202; text-decoration: none; padding: 0; margin: 0; } 
a:visited {
color: #d30202; text-decoration: none; padding: 0; margin: 0; } 
a:hover {
color: #000000; text-decoration: none; padding: 0; margin: 0; }
a:active {
color: #000000; text-decoration: none; padding: 0; margin: 0; } 

h1 { font-size: 20px; font-weight: normal; } 
h2 { font-size: 16px; font-weight: normal; } 
h3 { font-size: 13px; font-weight: normal; } 
h4 { font-size: 10px; font-weight: normal; } 
h5 { font-size: 9px; font-weight: normal; } 
h6 { font-size: 8px; font-weight: normal; } 

ul {		margin-top: 5px; margin-bottom: 10px; }
ul li {		font-size: 12px; color: #00518e; line-height: 150%; list-style: square outside; display: list-item; margin: 0 0 0 30px; }
ul li li {	font-size: 100%; color: #00518e; line-height: 150%; list-style: disc outside; display: list-item; margin: 0 0 0 25px; }
ol {		margin-top: 5px; margin-bottom:5px;}
ol li {		font-size: 12px; color: #00518e; line-height: 150%; list-style: decimal outside; display: list-item; margin: 0 0 0 35px; }
ol li li {	font-size: 100%; color: #00518e; line-height: 150%; list-style: upper-roman outside; display: list-item; margin: 0 0 0 25px; }

table.pidotable  {
border-collapse: collapse; }

caption { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 7px 5px 7px 5px; margin:0; color: #ffffff; background: #008fd0; border-bottom: 1px solid #ffffff; }

table.pidotable td  {
background: #ffffff; border: 1px solid #BEC0C2; }

table.pidotable td p {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 3px 5px 3px 5px; margin: 0; }

table.pidotable th  {
background: #008fd0; border-bottom: 1px solid #00923f; }

table.pidotable th p {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 7px 5px 7px 5px; margin: 0; color: #ffffff; }

table.pidotable ul { 	 	margin-top: 0px; margin-bottom: 0px; }
table.pidotable ul li { 	font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; list-style: square outside; display: list-item; margin: 0px 10px 0px 30px; }
table.pidotable ul li li { 	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: disc outside; display: list-item; margin: 0px 10px 0px 25px; }
table.pidotable ol { 	 	margin-top: 0px; margin-bottom:0px;}
table.pidotable ol li { 	font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; list-style: decimal outside; display: list-item; margin: 0px 10px 0px 35px; }
table.pidotable ol li li {	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: upper-roman outside; display: list-item; margin: 0px 10px 0px 25px; }


div.wrapper {
width: 100%;
margin: 0;
padding: 0;
}

div.site-container {
width: 960px;
margin: 0 auto 0 auto;
padding: 0;
}

div.logo-print {
display: none;
}

div.flash-head-start {
float: left;
display: inline;
width: 100%;
height: 375px;
margin: 0;
padding: 0;
}

div.flash-head-start-noflash-container {
float: left;
display: inline;
width: 960px;
height: 375px;
margin: 0;
padding: 0;
}

div.flash-head-start-noflash-container span {
display: none;
}

div.flash-head-start-noflash {
position: absolute;
width: 960px;
height: 375px;
margin: 0;
padding: 0;
z-index: 1;
}


/* club */

div.button-1 {
position: absolute;
width: 121px;
height: 135px;
margin: 45px 0 0 244px;
padding: 0;
z-index: 2;
background-image: url(../images/navigation/club_off_start.gif);
}

div.button-1:hover {
position: absolute;
width: 121px;
height: 135px;
margin: 45px 0 0 244px;
padding: 0;
z-index: 2;
background-image: url(../images/navigation/club_on_start.gif);
}

div.button-1-on {
position: absolute;
width: 121px;
height: 135px;
margin: 45px 0 0 244px;
padding: 0;
z-index: 2;
background-image: url(../images/navigation/club_on_start.gif);
}


/* kontakt */

div.button-2 {
position: absolute;
width: 115px;
height: 133px;
margin: 25px 0 0 394px;
padding: 0;
z-index: 3;
background-image: url(../images/navigation/kontakt_off_start.gif); 
}

div.button-2:hover {
position: absolute;
width: 115px;
height: 133px;
margin: 25px 0 0 394px;
padding: 0;
z-index: 3;
background-image: url(../images/navigation/kontakt_on_start.gif); 
}

div.button-2-on {
position: absolute;
width: 115px;
height: 133px;
margin: 25px 0 0 394px;
padding: 0;
z-index: 3;
background-image: url(../images/navigation/kontakt_on_start.gif); 
}


/* ach so */

div.button-3 {
position: absolute;
width: 155px;
height: 142px;
margin: 13px 0 0 523px;
padding: 0;
z-index: 4;
background-image: url(../images/navigation/achso_off_start.gif); 
}

div.button-3:hover {
position: absolute;
width: 155px;
height: 142px;
margin: 13px 0 0 523px;
padding: 0;
z-index: 4;
background-image: url(../images/navigation/achso_on_start.gif); 
}

div.button-3-on {
position: absolute;
width: 155px;
height: 142px;
margin: 13px 0 0 523px;
padding: 0;
z-index: 4;
background-image: url(../images/navigation/achso_on_start.gif); 
}


/* mach mit */

div.button-4 {
position: absolute;
width: 132px;
height: 143px;
margin: 10px 0 0 665px;
padding: 0;
z-index: 5;
background-image: url(../images/navigation/machmit_off_start.gif); 
}

div.button-4:hover {
position: absolute;
width: 132px;
height: 143px;
margin: 10px 0 0 665px;
padding: 0;
z-index: 5;
background-image: url(../images/navigation/machmit_on_start.gif); 
}

div.button-4-on {
position: absolute;
width: 132px;
height: 143px;
margin: 10px 0 0 665px;
padding: 0;
z-index: 5;
background-image: url(../images/navigation/machmit_on_start.gif); 
}


/* journal */

div.button-5 {
position: absolute;
width: 120px;
height: 138px;
margin: 1px 0 0 821px;
padding: 0;
z-index: 6;
background-image: url(../images/navigation/journal_off_start.gif); 
}

div.button-5:hover {
position: absolute;
width: 120px;
height: 138px;
margin: 1px 0 0 821px;
padding: 0;
z-index: 6;
background-image: url(../images/navigation/journal_on_start.gif); 
}

div.button-5-on {
position: absolute;
width: 120px;
height: 138px;
margin: 1px 0 0 821px;
padding: 0;
z-index: 6;
background-image: url(../images/navigation/journal_on_start.gif); 
}

div.content-wrapper-start {
float: left;
display: inline;
width: 960px;
/*height: 428px;*/
margin: 0;
padding: 0;
background: url(../images/bg_content_wrapper_neu2.gif) no-repeat #2AA1D7;
}

div.content-wrapper-sequence {
float: left;
display: inline;
width: 960px;
margin: 0;
padding: 0 0 30px 0;
background: #56b5e1;
}

div.content-container-start {
float: left;
display: inline;
width: 932px;
margin: 14px 0 0 14px;
/*padding: 0 0 40px 0;*/
padding:0;
}

div.content-container-sequence {
float: left;
display: inline;
width: 932px;
margin: 8px 0 0 9px;
padding: 0;
}


/* teaser-start */

div.teaser-container-left {
float: left;
display: inline;
width: 454px;
margin: 0;
padding: 0;
}

div.first-row-teaser {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.second-row-teaser {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.teaser-first-row-container {
float: left;
display: inline;
width: 219px;
height: 194px;
margin: 0 16px 0 0;
padding: 0;
background: url(../images/bg_teaser_first_row_1.gif) no-repeat;
}

div.teaser-first-row-container-last {
float: left;
display: inline;
width: 219px;
height: 194px;
margin: 0;
padding: 0;
background: url(../images/bg_teaser_first_row_2.gif) no-repeat;
}

div.teaser-second-row-container{
float: left;
display: inline;
width: 219px;
height: 194px;
margin: 0 16px 0 0;
padding: 0;
background: url(../images/bg_teaser_second_row_1.gif) no-repeat;
}

div.teaser-second-row-container-last {
float: left;
display: inline;
width: 219px;
height: 194px;
margin: 0;
padding: 0;
background: url(../images/bg_teaser_second_row_2.gif) no-repeat;
}

div.teaser-1-row-container {
float: left;
display: inline;
width: 219px;
height: 194px;
margin: 0 16px 0 0;
padding: 0;
background: url(../images/bg_teaser_first_row_1.gif) no-repeat;
}

div.teaser-2-row-container {
float: left;
display: inline;
width: 219px;
height: 194px;
margin: 0;
padding: 0;
background: url(../images/bg_teaser_first_row_2.gif) no-repeat;
}

div.teaser-3-row-container{
float: left;
display: inline;
width: 219px;
height: 194px;
margin: 0 16px 0 0;
padding: 0;
background: url(../images/bg_teaser_second_row_1.gif) no-repeat;
}

div.teaser-4-row-container {
float: left;
display: inline;
width: 219px;
height: 194px;
margin: 0;
padding: 0;
background: url(../images/bg_teaser_second_row_2.gif) no-repeat;
}

div.teaser-content {
float: left;
display: inline;
width: /*160px*/186px;
margin: 18px 0 0 16px;
padding: 0;
}

div.teaser-content h1 { font-size: 15px; font-weight: bold; color: #00518e; text-decoration: none; margin: 0; padding: 0; line-height: 18px; height:43px; padding:0 0 0 10px;}

div.teaser-illu {
float: left;
display: inline;
width: /*106px*/186px;
margin: 0 0 0 0;
padding: 0;
text-align:center;
}

div.teaser-illu img {
border: none;
/*width:186px;
height:112px;*/
}


/* events */

div.events {
float: left;
display: inline;
width: 219px;
height: 385px;
margin: 0 0 0 16px;
padding: 0;
background: url(../images/bg_news.gif) no-repeat;
}

div.events-content {
float: left;
display: inline;
width: 190px;
margin: 20px 0 0 0;
padding: 0;
}

div.events-content h1 { font-size: 15px; font-weight: bold; color: #00518e; text-decoration: none; margin: 0 0 0 20px; padding: 0; line-height: 140%; }

div.event-messages {
float: left;
display: inline;
width: 200px;
margin: 20px 0 0 10px;
padding: 0;
height:280px;
overflow:auto;
}

div.event-messages ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.event-messages ul li {
list-style: none;
margin: 0;
padding: 0;
display: inline;
font-size: 100%;
}

span.event-date { width:120px; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; margin: 1px 0 0 30px; padding: 0; line-height: 120%; display: block;float:left;}

a.event-link:link, a.event-link:visited { 
font-size: 12px; font-weight: bold; color: #d50101; text-decoration: none; margin: 0 0 12px 0; padding: 1px 0 3px 30px; background: url(../images/bullet_event_link.gif) left top no-repeat; line-height: 130%; float: left; display: block; }
a.event-link:hover, a.event-link:active { 
font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; margin: 0 0 12px 0; padding: 1px 0 3px 30px; background: url(../images/bullet_event_link.gif) left top no-repeat; line-height: 130%; float: left; display: block; }


/* my-pido */

div.my-pido {
float: left;
display: inline;
width: 200px;
margin: 10px 0 0 27px;
padding: 0;
}

div.my-pido-login-mask {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
background: url(../images/bg_loginmask.gif) bottom no-repeat;
}

div.my-pido-login-mask h1 { font-size: 20px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 0; }

div.my-pido-login-mask-account {
float: left;
display: inline;
width: 100%;
margin: 7px 0 0 0;
padding: 0 0 22px 0;
}

div.my-pido-login-mask-account input {
float: left; 
display: inline;
width: 192px;
margin: 4px 0 4px 0;
padding: 2px 0 2px 5px;
font-size: 11px; 
font-weight: normal;
border-top: 1px solid #0088d0;
border-left: 1px solid #0088d0;
border-bottom: 1px solid  #0088d0:
}

span.submit-my-pido {
float: right;
display: inline;
margin: 12px 0 0 0;
padding: 0;
}

a.submit-login:link, a.submit-login:visited { 
font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 1px 34px 1px 0; background: url(../images/bullet_login.gif) right top no-repeat; float: left; display: inline; }
a.submit-login:hover, a.submit-login:active { 
font-size: 15px; font-weight: bold; color: #d50101; text-decoration: none; margin: 0; padding: 1px 34px 1px 0; background: url(../images/bullet_login.gif) right top no-repeat; float: left; display: inline; }

div.my-pido-search-mask {
float: left;
display: inline;
width: 100%;
margin: 10px 0 0 0;
padding: 0;
background: url(../images/bg_loginmask.gif) top no-repeat;
}
div.my-pido-search-mask h1 { font-size: 20px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 16px 0 0 0; padding: 0; }

div.my-pido-search-mask-account {
float: left;
display: inline;
width: 100%;
margin: 8px 0 0 0;
padding: 0 0 10px 0;
}

div.my-pido-search-mask-account input {
float: left; 
display: inline;
width: 192px;
margin: 4px 0 4px 0;
padding: 2px 0 2px 5px;
font-size: 11px; 
font-weight: normal;
border-top: 1px solid #0088d0;
border-left: 1px solid #0088d0;
border-bottom: 1px solid  #0088d0:
}

/* link-list */

div.link-list {
float: left;
display: inline;
width: 100%;
margin: 10px 0 0 0;
padding: 0;
}

div.link-list ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.link-list ul li {
list-style: none;
margin: 0;
padding: 0;
display: inline;
font-size: 100%;
line-height:18px; 
}

a.marginal-link-on:link, a.marginal-link-on:visited { 
font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 5px 0 4px 0; padding: 3px 0 1px 34px; background: url(../images/bullet_linklist.gif) left top no-repeat; float: left; display: inline; }
a.marginal-link-on:hover, a.marginal-link-on:active { 
font-size: 15px; font-weight: bold; color: #d50101; text-decoration: none; margin: 5px 0 4px 0; padding: 3px 0 1px 34px; background: url(../images/bullet_linklist.gif) left top no-repeat; float: left; display: inline; }

a.marginal-link-off:link, a.marginal-link-off:visited { 
font-size: 15px; font-weight: bold; color: #a8daf3; text-decoration: none; margin: 0 0 4px 0; padding: 1px 0 1px 34px; background: url(../images/bullet_linklist_off.gif) left top no-repeat; float: left; display: inline; }
a.marginal-link-off:hover, a.marginal-link-off:active { 
font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0 0 4px 0; padding: 1px 0 1px 34px; background: url(../images/bullet_linklist_off.gif) left top no-repeat; float: left; display: inline; }

p.marginal-link-off { 
font-size: 15px; font-weight: bold; line-height:18px; color: #a8daf3; text-decoration: none; margin: 5px 0 4px 0; padding: 3px 0 1px 34px; background: url(../images/bullet_linklist_off.gif) left top no-repeat; float: left; display: inline; }

div.impressumfooter {
float: left;
display: inline;
width: 100%;
margin: 10px 0 0 0;
padding: 3px 0 0 0;
background: url(../images/bg_loginmask.gif) top no-repeat;
}

span.dew {
float: right;
display: inline;
/*width: 190px;*/
margin: 10px 0 0 0;
padding: 0;
}

span.impressum {
float: left;
display: inline;
color:#fffff;
margin: 10px 0 0 0;
}

span.impressum a:link, span.impressum a:visited { 
font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 0; float: left; display: inline; }
span.impressum a:hover, span.impressum a:active { 
font-size: 15px; font-weight: bold; color: #d50101; text-decoration: none; margin: 0; padding: 0; float: left; display: inline; }


/* sequence */

div.nav02 {
float: left;
display: inline;
width: /*231px*/ 191px;
margin: 10px 0 0 0;
padding: 0;
}

div.nav02 ul {
list-style: none;
padding: 0;
margin: 0;  
}
div.nav02 ul ul{
list-style: none;
padding: 0;
margin: 0;
}

div.nav02 ul li {
margin: 0; padding: 0; display: inline; font-size: 100%; }
div.nav02 ul li span { 
background: url(../images/nav01off_bottom.jpg) bottom no-repeat; width:178px; margin: 0 0 5px 0; float:left; display:inline;}
div.nav02 ul li span:hover { 
background: url(../images/nav01on_bottom.jpg) bottom no-repeat; width:178px; margin: 0 0 5px 0; float:left; display:inline;}

div.nav02 ul li ul li {
margin:0; padding: 0; display:inline; font-size: 100%; }
div.nav02 ul li ul li span { 
background: url(../images/nav02off_bottom.jpg) bottom no-repeat; width:178px; margin: 0 0 5px 0; float:left; display:inline;}
div.nav02 ul li ul li span:hover { 
background: url(../images/nav02on_bottom.jpg) bottom no-repeat; width:178px; margin: 0 0 5px 0; float:left; display:inline;}


a.nav01off:link, a.nav01off:visited { 
font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; line-height:22px; margin: 0 0 4px 0; padding: 10px 15px 4px 18px; background: url(../images/nav01off.jpg) left top no-repeat; display: block;}
a.nav01off:hover, a.nav01off:active { 
font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; line-height:22px; margin: 0 0 4px 0; padding: 10px 15px 4px 18px; background: url(../images/nav01on.jpg) left top no-repeat; display: block;}

a.nav01on:link, a.nav01on:visited { 
font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; line-height:22px; margin: 0 0 4px 0; padding: 10px 15px 4px 18px; background: url(../images/nav01on.jpg) left top no-repeat; display: block; }
a.nav01on:hover, a.nav01on:active { 
font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; line-height:22px; margin: 0 0 4px 0; padding: 10px 15px 4px 18px; background: url(../images/nav01on.jpg) left top no-repeat; display: block; }

a.nav02off:link, a.nav02off:visited { 
font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; line-height:22px; margin: 0 0 4px 0; padding: 10px 15px 4px 38px; background: url(../images/nav02off.jpg) left top no-repeat; display: block;}
a.nav02off:hover, a.nav02off:active { 
font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; line-height:22px; margin: 0 0 4px 0; padding: 10px 15px 4px 38px; background: url(../images/nav02on.jpg) left top no-repeat; display: block;}

a.nav02on:link, a.nav02on:visited { 
font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; line-height:22px; margin: 0 0 4px 0; padding: 10px 15px 4px 38px; background: url(../images/nav02on.jpg) left top no-repeat; display: block; }
a.nav02on:hover, a.nav02on:active { 
font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; line-height:22px; margin: 0 0 4px 0; padding: 10px 15px 4px 38px; background: url(../images/nav02on.jpg) left top no-repeat; display: block; }

/*a.nav03off:link, a.nav03off:visited { 
font-size: 15px; font-weight: bold; color: #fce501; text-decoration: none; margin: 0 0 8px 19px; padding: 9px 0 9px 18px; background: url(../images/nav03off.gif) no-repeat; display: block; }
a.nav03off:hover, a.nav03off:active { 
font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0 0 8px 19px; padding: 9px 0 9px 18px; background: url(../images/nav03off.gif) no-repeat; display: block; }

a.nav03on:link, a.nav03on:visited { 
font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0 0 8px 19px; padding: 9px 0 9px 18px; background: url(../images/nav03off.gif) no-repeat; display: block; }
a.nav03on:hover, a.nav03on:active { 
font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0 0 8px 19px; padding: 9px 0 9px 18px; background: url(../images/nav03off.gif) no-repeat; display: block; }*/


/* sequence-content */

div.content-sequence-box {
float: left;
display: inline;
width: /*454px*/ 494px;
margin: 0 0 0 8px;
padding: 0;
}

div.content-sequence-box-head {
float: left;
display: inline;
width: 100%;
height: 8px;
margin: 0;
padding: 0;
background: url(../images/content_sequence_box_head.gif) bottom no-repeat;
}

div.content-sequence-box-body {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
background: url(../images/content_sequence_box_body.gif) top repeat-y;

}

div.content-sequence-box-footer {
float: left;
display: inline;
width: 100%;
margin: 0 0 50px 0;
padding: 0;
background: url(../images/content_sequence_box_footer.gif) no-repeat;
}

div.content-sequence-box-container {
float: left;
display: inline;
width: /*390px*/430px;
margin: 15px 0 0 32px;
padding: 0 0 30px 0;
}

h1.head { font-size: 20px; font-weight: bold; color: #00518e; text-decoration: none; margin: 0 0 10px 0; padding: 0; line-height: 140%; }
h1.head-gallery { font-size: 20px; font-weight: bold; color: #00518e; text-decoration: none; margin: 0 0 10px 0; padding: 0; line-height: 140%; }
div.content-sequence-box-container h2{ font-size: 16px; font-weight: bold; color: #00518e; text-decoration: none; margin: 0; padding: 0; line-height: 140%; }

p.podcastcontent
{
float: left;
display: inline;
margin: 15px 0 0 15px;
padding: 0 0 30px 0;
	}
div.podcast
{
float: left;
display: inline;
margin: 24px 0 0 0;
padding: 0 0 0 0;
	}

div.content-sequence-box-container-podcast {
float: left;
display: inline;
width: /*390px*/430px;
margin: 15px 0 0 15px;
padding: 0 0 30px 0;
}

div.content-sequence-box-container-podcast h2{ font-size: 16px; font-weight: bold; color: #00518e; text-decoration: none; margin: 0 0 0 17px; padding: 0; line-height: 140%; }
div.content-sequence-box-container-podcast h1.head { font-size: 20px; font-weight: bold; color: #00518e; text-decoration: none; margin: 0 0 0 17px; padding: 0; line-height: 140%; }
div.content-sequence-box-container-podcast h1.head-gallery { font-size: 20px; font-weight: bold; color: #00518e; text-decoration: none; margin: 0 0 10px 17px; padding: 0; line-height: 140%; }


/* list */

div.listnav-container-top {
float: left;
display: inline;
width: 100%;
margin: 10px 0 10px 0;
padding: 0;
}

div.listnav-container-bottom {
float: left;
display: inline;
width: 100%;
margin: 10px 0 10px 0;
padding: 0;
}

div.listnav-left {
float: left;
display: inline;
width: 50px;
margin: 0;
padding: 0;
}

div.listnav-left span { font-size: 12px; font-weight: bold; color: #00518e; text-decoration: none; margin: 5px 0 0 0; padding: 0; float: left; display: inline; }

div.listnav-pages {
float: left;
display: inline;
width: 330px;
margin: 0;
padding: 0;
}

div.listnav-pages ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.listnav-pages ul li {
list-style: none;
margin: 0;
padding: 0;
display: inline;
font-size: 100%;
}

a.listnav-off:link, a.listnav-off:visited { 
font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0 8px 5px 0; padding: 5px 0 8px 0; width: 25px; text-align: center; background: url(../images/bg_listnav_off.gif) no-repeat; float: left; display: block; line-height: 120%; }
a.listnav-off:hover, a.listnav-off:active { 
font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0 8px 5px 0; padding: 5px 0 8px 0; width: 25px; text-align: center; background: url(../images/bg_listnav_on.gif) no-repeat; float: left; display: block; line-height: 120%; }

a.listnav-on:link, a.listnav-on:visited { 
font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0 8px 5px 0; padding: 5px 0 8px 0; width: 25px; text-align: center; background: url(../images/bg_listnav_on.gif) no-repeat; float: left; display: block; line-height: 120%; }
a.listnav-on:hover, a.listnav-on:active { 
font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0 8px 5px 0; padding: 5px 0 8px 0; width: 25px; text-align: center; background: url(../images/bg_listnav_on.gif) no-repeat; float: left; display: block; line-height: 120%; }

div.list-content-container {
float: left;
display: inline;
width: 100%;
margin: 15px 0 0 0;
padding: 0;
border-bottom: 1px solid #cecfcf;
}

div.list-content-container-last {
float: left;
display: inline;
width: 100%;
margin: 15px 0 0 0;
padding: 0;
}

div.list-content {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0 0 15px 0;
}

div.list-illu {
float: left;
display: inline;
width: 120px;
margin: 0 10px 0 0;
padding: 0;
}

div.list-illu img {
width: 120px;
}
div.list-illu-schoner {
float: left;
display: inline;
width: 120px;
margin: 0 10px 0 0;
padding: 0;
}

div.list-text {
float: left;
display: inline;
width: 250px;
margin: 0;
padding: 0;
}

div.list-text-long {
float: left;
display: inline;
width: 375px;
margin: 0;
padding: 0;
}

div.list-text span, div.list-text-long span { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; margin: 0 0 4px 0; padding: 0; width: 100%; float: left; display: block; }
div.list-text h2, div.list-text-long h2 { font-size: 12px; font-weight: bold; margin: 0 0 4px 0; padding: 0; display: block; }
div.list-text p, div.list-text-long p { font-size: 12px; font-weight: normal; text-decoration: none; margin: 0; padding: 0; line-height: 140%; }

div.gallery-link {
float: left;
display: inline;
width: 100%;
margin: 10px 0 0 0;
padding: 0;
}

a.gallery:link, a.gallery:visited { 
font-size: 12px; font-weight: bold; color: #d30202; text-decoration: none; margin: 0; padding: 0; }
a.gallery:hover, a.gallery:active { 
font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; margin: 0; padding: 0; }


/* form */

div.kontakt {
margin:0;
padding:0; 
width:100%;
float:left;
display:inline;
}

form {
margin:0;
padding:0; 
}

form br {
clear: both; 
} 

fieldset {
border: 0;
margin: 20px 0 0 0;
padding: 0px 0 15px 10px; 
background: #c0e6f8;
}

legend { display: none; font-size: 12px; font-weight: bold; color: #000000; margin: 0; padding: 0; }

label.left {
float: left; 
display: inline;
font-size: 12px; 
color: #004d8f;
font-weight: bold; 
line-height: 150%; 
text-align: left; 
width: 110px; 
margin: 5px 0 10px 0;
}  

label.left-wide {
float: left; 
display: inline;
font-size: 12px; 
color: #004d8f;
font-weight: bold; 
line-height: 150%; 
text-align: left; 
width: 350px; 
margin: 5px 0 3px 0;
}

label.right {
float: left; 
display: inline;
font-size: 12px; 
color: #004d8f;
font-weight: normal; 
line-height: 150%; 
text-align: left; 
width: 30px; 
margin: 5px 0 10px 5px;
} 


label.right2 {
float: left; 
display: inline;
font-size: 12px; 
color: #004d8f;
font-weight: normal; 
line-height: 150%; 
text-align: left; 
width: 270px; 
margin: 5px 0 10px 5px;
} 

label.right-wide {
float: left; 
display: inline;
font-size: 12px; 
color: #004d8f;
font-weight: normal; 
line-height: 150%; 
text-align: left; 
width: 350px; 
margin: 5px 0 10px 5px;
padding: 0;
}   

select.formular-mittel {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal; 
color: #000000;
width: 130px; 
margin-left: 0px; 
margin-top: 5px; 
padding: 0;
}

select.formular-mittel2 {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal; 
color: #000000;
width: 110px; 
margin: 3px 0 15px 0; 
padding: 0;
}
 
input.formular {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal; 
color: #000000;
width: 280px; 
margin: 2px 0px 0 0;
padding: 3px 0 3px 5px;
}

input.formular-mittel {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal; 
color: #000000;
width: 150px; 
margin: 2px 10px 0 0;
padding: 3px 0 3px 5px;
} 

input.formular-mittel-2 {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal; 
color: #000000;
width: 50px; 
margin: 2px 10px 0 0;
padding: 3px 0 3px 5px;
}

input.formular-mittel-3 {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal; 
color: #000000;
width: 70px; 
margin: 2px 10px 0 0;
padding: 3px 0 3px 5px;
} 

input.formular-kurz {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal;
color: #000000; 
width: 70px; 
margin: 5px 0 0 0;
padding: 3px 0 3px 5px;
}

input.formular-kurz-2 {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal;
color: #000000; 
width: 75px; 
margin: 5px 7px 0 0;
padding: 3px 0 3px 5px;
}

input.formular-kurz-3 {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal;
color: #000000; 
width: 98px; 
margin: 5px 0px 0 0;
padding: 3px 0 3px 5px;
}

input.formular-radio {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal; 
color: #000000;
margin: 4px 0 0 0;
padding: 0;
}

input.formular-check {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal; 
color: #000000;
margin: 4px 0 0 0;
padding: 0;
}

textarea.formular {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal;
color: #000000;
line-height:1 50%;
width: 280px; 
height: 100px;
margin: 5px 0 0 0;
padding: 3px 0 3px 5px;
}

textarea.formular2 {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal;
color: #000000;
line-height:1 50%;
width: 390px; 
height: 100px;
margin: 5px 0 15px 0;
padding: 3px 0 3px 5px;
}

.rot {
padding: 0;
margin: 0;
font-size: 11px;
color: #ff0000; 
}

div.form-head {
float: left;
display: inline;
width: 400px;
margin: 20px 0 20px 0;
padding: 0;
}

div.form-head h2 { font-size: 15px; color: #004d8f; font-weight: bold; margin: 0; padding: 0; line-height: 140%; }

div.formtext {
float: left;
display: inline;
width: 300px;
margin: 0;
padding: 20px 0 20px 0;
}

div.formtext p { font-size: 12px; color: #004d8f; line-height: 140%; margin: 0; padding: 0; }

div.form-spacer {
float: left;
display: inline;
width: 399px;
height: 20px;
margin: 0;
padding: 0;
}

div.submit-form {
float: left;
display: inline;
clear: left;
width: 200px;
margin: 30px 0 0 110px;
padding: 0 0 20px 0;
}

div.submit-form2 {
float: left;
display: inline;
clear: left;
width: 200px;
margin: 30px 0 0 110px;
padding: 0 0 20px 0;
}

a.send-button:link, a.send-button:visited { 
font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 5px 12px 5px 12px; background: #56b5e1; float: left; display: inline; }
a.send-button:hover, a.send-button:active { 
font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 5px 12px 5px 12px; background: #47a4cf; float: left; display: inline; }


/* sepcial form styles */

div.registration-agreement {
float: left;
display: inline;
width: 370px;
margin: 0;
padding: 0;
}

div.send-cc {
float: left;
display: inline;
width: 399px;
margin: 0;
padding: 0;
}

div.vote-container {
float: left;
display: inline;
width: 360px;
margin: 0 0 20px 0;
padding: 0;
}

div.vote-icon-good {
float: left;
display: inline;
width: 29px;
height: 29px;
margin: 0 85px 0 0;
padding: 0;
}

div.vote-icon-bad {
float: left;
display: inline;
width: 29px;
height: 29px;
margin: 0;
padding: 0;
}

div.vote-number {
float: left;
display: inline;
width: 100%;
margin: 5px 0 0 0;
padding: 0;
}

div.vote-number ul {
list-style: none;
padding: 0;
margin: 0 0 0 2px;  
}

div.vote-number ul li {
list-style: none;
margin: 0;
padding: 0 8px 0 8px;
display: inline;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}


/* gallery */

div.fotoalbum {
margin: 0;
padding: 0;
background: url(../images/fotoalbum_bg.gif) no-repeat;
width: 650px;
height: 500px;
}

div.fotoalbum-container {
float: left;
display: inline;
margin: 60px 0 0 100px;
padding: 0;
width: 480px;
}

div.fotos-container {
float: left;
display: inline;
margin: 20px 0 0 0;
padding: 0;
width: 480px;
}

div.fotos {
float: left;
display: inline;
margin: 0;
padding: 0;
width: 480px;
}

div.fotos img {
float: left;
display: inline;
margin: 0 20px 0 0;
padding: 0 0 20px 0;
}

div.fotos-footer {
float: left;
display: inline;
width: 480px;
margin: 0;
padding: 0;
}

div.fotos-footer-functions {
float: right;
display: inline;
margin: 0;
padding: 15px 0 0 0;
}


/*	Fotoalbum Detailseite	*/

div.foto-detail-left {
float: left;
display: inline;
margin: 0 20px 0 0;
padding: 0;
}

div.foto-detail-right {
float: left;
display: inline;
margin: 0;
padding: 0;
width: 137px;
}

div.foto-detail-right p {
font-size: 12px; font-weight: normal; color: #166695; text-decoration: none; margin: 5px 0 0 0; padding: 0; 
}

div.fotos-detail-footer {
float: left;
display: inline;
width: 480px;
margin: 0;
padding: 0;
}

div.fotos-detail-footer-functions-left {
float: left;
display: inline;
margin: 0;
padding: 15px 0 0 0;
}

div.fotos-detail-footer-functions-right {
float: right;
display: inline;
margin: 0;
padding: 15px 0 0 0;
}

div.fotos-detail-footer-functions-right img {
margin: 0 0 0 20px;
padding: 0;
}

div.hidden{
margin: 0 0 0 0;
padding: 0;
}

div.hidden input {
display:none;
}

div.download-container {
float: left;
display: inline;
width: 120px;
margin: 0 20px 20px 0;
padding: 0;
}

div.download-container-text {
float: left;
display: inline;
width: 120px;
margin: 0;
padding: 0;
}

div.download-container-text h2 { font-size: 12px; font-weight: bold; margin: 0 0 4px 0; padding: 0; display: block; }

div.download-container-illu {
float: left;
display: inline;
width: 120px;
margin: 0;
padding: 0;
}

div.download-container-illu img {
width: 120px;
height:169px;
}

p.error  {
width:100%;
font-size: 12px; 
color: red; 
line-height: 150%;
margin: 0;
padding: 0; 
}
	
	
/* ECard*/

div.ecard-container {
width: 420px;
margin: 0;
padding: 0;
}

div.ecard {
float: left;
display: inline;
width: 205px;
margin: 0;
padding: 0;
}


/* img */

div.ecard-left {
float: left;
display: inline;
width: 200px;
margin: 0;
padding: 0;
}
div.ecard-left img {
border:solid 2px #C0E6F8;
}


/*radio*/

div.ecard-right {
float: left;
display: inline;
width: 205px;
margin: 0;
padding: 8px 0 15px 0;
}
div.ecard-right label {
float: left;
display: inline;
width: 140px;
margin: 4px 0 0 3px;
padding: 0;
font-size: 11px;
font-weight: bold;
}

div.ecard-right input {
float: left;
display: inline;
margin: 0;
padding: 0;
font-size: 11px;
font-weight: bold;
}

div.va-adresse {
float: left;
display: inline;
width: 390px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div.va-adresse p {
margin: 0 0 0 0;
padding: 0 0 0 0;
}


/* Ausmahlbilder */

div.list-img-container {
float:left;
display: inline;
width: 130px;
height:240px;
margin: 0 10px 10px 0;
padding: 0;
}

div.list-img {
float:left;
display: inline;
width: 130px;
margin: 0;
padding: 0;
}

div.list-img img {
width: 130px;
margin: 0;
padding: 0;
}

div.functions {
float: left;
display: inline;
width: 420px;
margin: 0;
padding: 0;
}

a.print:link, a.print:visited { 
font-size: 15px; font-weight: bold; color: #186793; text-decoration: none; margin: 20px 20px 0 0; padding: 1px 0 1px 28px; background: url(../images/bullet_event_link.gif) left top no-repeat; float: left; display: inline; }
a.print:hover, a.print:active { 
font-size: 15px; font-weight: bold; color: #CC0000; text-decoration: none; margin: 20px 20px 0 0; padding: 1px 0 1px 28px; background: url(../images/bullet_event_link.gif) left top no-repeat; float: left; display: inline; }

a.listnavpagenext:link, a.listnavpagenext:visited { 
font-size: 15px; font-weight: bold; color: #186793; text-decoration: none; margin: 20px 20px 0 0; padding: 1px 0 1px 28px; background: url(../images/bullet_event_link.gif) left top no-repeat; float: left; display: inline; }
a.listnavpagenext:hover, a.listnavpagenext:active { 
font-size: 15px; font-weight: bold; color: #CC0000; text-decoration: none; margin: 20px 20px 0 0; padding: 1px 0 1px 28px; background: url(../images/bullet_event_link.gif) left top no-repeat; float: left; display: inline; }

a.listnavpageprevious:link, a.listnavpageprevious:visited { 
font-size: 15px; font-weight: bold; color: #186793; text-decoration: none; margin: 20px 20px 0 0; padding: 1px 0 1px 28px; background: url(../images/bullet_back_link.gif) left top no-repeat; float: left; display: inline; }
a.listnavpageprevious:hover, a.listnavpageprevious:active { 
font-size: 15px; font-weight: bold; color: #CC0000; text-decoration: none; margin: 20px 20px 0 0; padding: 1px 0 1px 28px; background: url(../images/bullet_back_link.gif) left top no-repeat; float: left; display: inline; }


p.smal {
padding: 0;
margin: 0 0 15px 0;
font-size: 12px;
}

div.bannerunten{
width: 100%;
display:inline;
float:left;
margin: -15px 0 0 15px;
padding: 0 0 10px 0;
}

div.content-folge-container {
width: 100%;
margin: 0 auto 0 auto;
padding: 0;
}

div.formrow-highscore {
float: left;
display: inline;
width: 400px;
margin: 0 0 10px 0;
}

div.formrow-highscore span.left {
float: left;
display: inline;
width: 20px;
margin: 6px 0 0 0;
}

div.formrow-highscore span.right {
float: left;
display: inline;
width: 20px;
margin: 7px 0 0 0;
font-size: 12px;
font-weight: normal;
color: #00518e;
text-decoration: none;
}

div.formrow-highscore input {
float: left;
display: inline;
width: auto;
margin: 7px 7px 0 0;
}

*+html div.formrow-highscore input {
float: left;
display: inline;
width: auto;
margin: 3px 5px 0 -3px;
}

* html div.formrow-highscore input {
float: left;
display: inline;
width: auto;
margin: 3px 5px 0 -3px;
}