/* #### base.css #### */
/* -----------------------------------------------
copyright - patrick ehrlich - www.infosion.de
----------------------------------------------- */

/* text
----------------------------------------------- */

* {
     margin: 0;
     padding: 0;
     border: 0;
     }

body {
     font-family: Arial, Verdana, Helvetica, sans-serif;
     color:#333333;
     background-color: #fff;
     padding: 0 0 20px 0;
     }    

p {
     font-size: 75%;
     padding-right: 5px;
     line-height: 1.5em;
     margin: 14px 0 2px 0;
     }     
  
p strong {
     }
    
p.intro {
     color: #004785;
     margin: 14px 0 2px 0;
     font-weight: normal;
     }  
     
h1, h2 {
     font-size: 75%;
     padding: 8px 0 7px 0;
     line-height: 1.4em;
     font-weight: normal;
     text-transform: uppercase;
     color: #004785;
     border-top: 1px solid #c5c0b8;
     border-bottom: 1px solid #c5c0b8;     
     }
     
h1 {
     margin: 0 0 4px 0;
     }

h2 {
     margin: 16px 0 0 0;
     }

h3 {
     font-size: 75%;
     text-transform: uppercase;
     font-weight: normal;
     margin: 14px 0 12px 0;
     line-height: 1.4em;
     color: #00539f;
     }     

     
h4 {
     font-size: 75%;
     font-weight: bold;
     }

h5 {
     font-size: 75%;
     font-weight: bold;
     color: #004785;
     }
     

/* links
----------------------------------------------- */ 

a:link, a:visited {
     text-decoration: none;
     color: #333;
     }
     
a:hover, a:active {
     }
   
p a, #content li a {
     color: #00539f;
     border-bottom: 1px solid #ccc;
     }
     
#content li a:hover, p a:hover {
     color: #004785;
     border-bottom: 1px solid #004580;
     }     
    
   
    
/* Google Map
----------------------------------------------- */     
    
#map {
     height: 650px;
     margin: 5px 0;
     }
 
p.marker-headline {    
     color: #043675;
     margin: 0 0 5px 0;
     line-height: 1.4em;
     }
   
p.marker-text {
     margin: 0 0 5px 0;
     line-height: 1.4em;
     color: #666;
     }

a.marker-active {
     color: #043675;
     border-color: #043675;;
     }
     
label.marker-label {
     font-size: 75%;
     }
     
input.marker-field {
     border-top: 1px solid #bbb;
     border-right: 1px solid #bbb;
     border-bottom: 1px solid #949494;
     border-left: 1px solid #949494;
     padding: 2px;
     margin: 0 0 5px 0;
     background-color: #fff;
     }

input:hover.marker-field {
     border-top: 1px solid #999;
     border-right: 1px solid #999;
     border-bottom: 1px solid #000;
     border-left: 1px solid #000;     
     }
     
input.marker-field:focus {
     border-top: 1px solid #000;
     border-right: 1px solid #000;
     border-bottom: 1px solid #000;
     border-left: 1px solid #000;
     color: #000;
     background-color: #fff;
     }

input.marker-button {
     font-family: Arial, Verdana, Helvetica, sans-serif;
     cursor:pointer;
     font-size: 75%;
     color: #484847;
     margin: 10px 0 0 0:
     padding: 1px 3px 2px 3px;
     border-top: 1px solid #bbb;
     border-right: 1px solid #bbb;
     border-bottom: 1px solid #949494;
     border-left: 1px solid #949494;
     }
     
input.marker-button:hover, input.marker-button:active  {
     color: #fff;
     background-color: #bbb;
     border-top: 1px solid #999;
     border-right: 1px solid #999;
     border-bottom: 1px solid #000;
     border-left: 1px solid #000;
     }     
     
     
     
/* lists
----------------------------------------------- */ 
#content ul {
     list-style:none;
     margin: 8px 0 14px 0;
     }

#content li, #content ul#sitemap {
     font-size: 75%;
     }
     
#content li, #content ul#sitemap li {
     color: #333;
     margin-bottom: 1px;
     }
     
ul#sitemap li {
     font-size: 12px;
     }
     
#content li {
     line-height: 1.7em;
     padding-left: 18px;
     background: url(/common/images/bg_li.gif) 0% .5em  no-repeat;
     }
     
#content li a {
     color: #333;
     }

#content ul#sitemap ul {
     margin-left: 20px;
     margin-bottom: 2px;
     }
     
     
/* faq
----------------------------------------------- */
          
dl.faq {
     font-size: 75%;
     line-height: 1.6em;
     margin-top: 10px;
     }

dl.faq dt {
     font-weight: normal;
     margin-bottom: 2px;
     cursor:pointer;
     padding-left: 16px;
     background: url(/common/images/bg_arrow_right.gif) 0 .5em no-repeat;
     }

dl.faq dt:hover {
     text-decoration: underline;
     }
     
dl.faq dt.selected {
     color: #004580;
     text-decoration: underline;
     background: url(/common/images/bg_arrow_bottom.gif) 0 .5em no-repeat;
     }
     
dl.faq dd {
     margin-bottom: 15px;
     color: #004580;
     padding-left: 18px;
     }
     
#content dl.faq dd a {
     color: #004580;
     margin-left: 2px;
     padding-left: 10px;
     background: url(/common/images/arrow.gif) 0% .5em  no-repeat;
     } 

#content dl.faq dd a:hover {
     text-decoration: underline;
     }     

     
/* image-object
----------------------------------------------- */

img.image {
     margin: 5px 0 0 0;
     }

.legend {
     }
     
img.float {
     float: left;
     margin: 15px 15px 5px 0;
     }
     
.legend p {
     color: #00539f;
     font-size: 70%;
     margin: 2px 0 4px 0;
     }

hr {
     height:1px;
     border-left:0; 
     border-right:0; 
     border-bottom: 1px solid #e1c69d;
     margin: 0 0 10px 0;
     padding: 4px 0 0px 0;
     } 
 
      
 /* team
----------------------------------------------- */       
      
.team {
     padding-bottom: 10px;
     margin-top: 10px;
     display: block;
     background: url(/common/images/bg_team.gif) top right no-repeat;
     border-bottom: 1px dotted #cccccc;
     }

#content .team img {
     float: left;
     margin: 0;
     padding: 0;
     border: 1px solid #cccccc;
     }
     
#content .team p {
     margin: 0;
     color: #6b717a;
     }
     
#content .team p strong {
     display: block;
     color: #004785;
     }  

#content .team p a {
     color: #6b717a;
     padding-left: 15px;
     margin-top: 2px;
     text-decoration: none;
     border: none;
     background: url(/common/images/arrow.gif) 0% .5em  no-repeat;
     }
     
#content .team p a:hover {     
     color: #004785;
     text-decoration: underline;
     }
     
            
/* layout
----------------------------------------------- */

#wrap {
     width: 920px;
     margin-left: auto;
     margin-right: auto;
     }
     
#top {
     height: 88px;
     margin: 0 0 5px 0;
     padding: 30px 0 0 0;
     border-bottom: 1px solid #c5c0b8;

     }
     
#level0 #header {
     height: 200px;
     overflow: hidden;
     }

#header {
     height: 160px;
     overflow: hidden;
     }
    
#content-wrap {
     padding: 60px 0 0 0;
     }
          
#left {
     float: left;
     width: 230px;
     }

#right {
     float: right;
     width: 230px;
     }   
      
#content {
     margin: 0 0 0 255px;
     display: block;     
     } 
     
#content.tlst {     
     margin: 0 255px 0 255px;
     }      
     
#footer {
     height: 32px;
     border-top: 1px solid #c5c0b8;
     border-bottom: 1px solid #c5c0b8;    
     margin-top: 30px;
     }
     
.clear {
     clear: both;
     }
     
.mpl-wrap {
     display: block;
     float: left;
     margin-top: 5px;
     }
        
        
/* downloads
----------------------------------------------- */ 

.cd {
     color: #999;
     }

.cd a {
     padding: 2px 0 2px 25px;
     border: 0;
     line-height: 1.4em;
     }

.cd a:hover, .cd a:active {
     border: 0;
     text-decoration: underline;
     }
     

/* mediaplayer
----------------------------------------------- */

.mpl {
     margin:  0 0 12px 0;
     }

     
/* teaser
----------------------------------------------- */      

.element {
     margin: 0 0 10px 0;
     padding: 0 0 5px 0;
     border-bottom: 1px solid #c5c0b8;
     }

#right .element {
     background: url(/common/images/bg_teaser_corner.gif) 100% 100% no-repeat;
     }
    
.element h3 {
     font-size: 75%;
     margin: 0 0 6px 0;
          padding: 8px 0 7px 0;
     line-height: 1.4em;
     font-weight: normal;
     text-transform: uppercase;
     color: #004785;
     border-top: 1px solid #c5c0b8;
     border-bottom: 1px solid #c5c0b8;  
     }

.element h3 a {
color: #004785;
}

.element h3 a:hover {
color: #333;
}
     
#right .element h3 {
     background: url(/common/images/bg_teaser_corner.gif) 100% 0 no-repeat;
     }
     
.element img {
     display: block;
     margin: 0 0 6px 0
     }
     
.element p {
     margin: 0 0 3px 0;
     color: #333333;
     }
     
#left .element p {
     font-size: 75%;
     line-height: 2em;
     padding: 18px 23px;
     color: #004785;
     text-transform: uppercase;
     background: #f6f0e2 url(/common/images/bg_teaser_body.gif) 0% 0%  no-repeat;
     }

.element p a {
     color: #004785;
     }

#left .element img {

     }

.element a.more {
     color: #333;
     font-size: 75%;
     padding: 0 0 1px 15px;
     margin-bottom: 5px;
     background: url(/common/images/bg_arrow_right.gif) 0% 50%  no-repeat;
     }

.element a.more:hover {
     text-decoration: underline;
     }
     
     
/* content-teaser
----------------------------------------------- */

.content-teaser {
     display: block;
     padding: 0 0 5px 0;
     margin: 0 0 5px 0;
     border-bottom: 1px solid #c5c0b8;
     }
     
.content-teaser img {
     float: left;
     margin-right: 25px;
     }

.content-teaser h5 {
     margin: 5px 0 3px 0;
     padding: 5px 0 0 0;
     }

.content-teaser h5 a {
     color: #004785;
     }
     
.content-teaser h5 a:hover {
     text-decoration: underline;
     }

.content-teaser p {
     color: #3b3d3c;
     margin: 0 0 1px 0;
     }
     
.content-teaser a.more {
     font-size: 75%;
     padding: 0 0 0 15px;
     color: #004785;
     background: url(/common/images/bg_arrow_right.gif) 0% 50%  no-repeat;
     }

.content-teaser a.more:hover {
     text-decoration: underline;
     }

/* nav - subnav
----------------------------------------------- */

#nav, #nav li, #subnav, #subnav li {
	list-style: none;
     }

#nav {
     padding: 5px 0 5px 0;
     height: 19px;
     width: 920px;
     background-color: #004785;
     }

#nav li {
	float: left;
	border-right: 1px solid white;
	height: 18px;	
	padding: 0 20px;
     }

#nav a {
     color: #fff;
     font-size: 75%;
     display: block;
     line-height: 18px;
     text-transform: uppercase;
     white-space: nowrap;
     }     
    
#nav a#last {
     }
     
#nav a:hover, #nav a.active {
     text-decoration: underline;
     color: #d8c4a5;
     }
     
#nav a strong, #subnav a strong {
     font-weight: normal;
     }

* html #nav a {
     width:1%;
     }

/* subnav level2 */

#subnav {
     border-top: 1px solid #c5c0b8;
     }

#subnav li {     
     border-bottom: 1px solid #c5c0b8;
     padding: 5px 0;
     }

#subnav li a {
     color: #004785;
     font-size: 75%;
     display: block;
     height: 22px;
     line-height: 22px;
     padding: 0 0 0 25px;
     text-transform: uppercase;
     white-space: nowrap;
     background: url(/common/images/bg_arrow_right.gif) 8px 50% no-repeat;
     }

#subnav li a:hover {
     text-decoration: underline;
     }

#subnav li a.active {
     background: #ccdae7 url(/common/images/bg_arrow_bottom.gif) 8px 50% no-repeat;
     }
     
#subnav li a:hover {
     }
     
     
/* subnav level3 */   
     
#subnav li ul {
     margin: 5px 0 0 0;
     border-top: 1px solid #c5c0b8;
     }
          
#subnav li ul li {
     margin:0;
     padding: 0;
     border: 0;
     }
     
#subnav li ul li a {
     background-color: #f6f0e2;
     background-image: none;
     color: #004785;
     height: 26px;
     line-height: 26px;       
     }

#subnav li ul li a.first {
     margin-top: 5px;
     padding-top: 2px;
     }

#subnav li ul li a.last {
     padding-bottom: 2px;
     }
          
#subnav li ul li a:hover, #subnav li ul li a.active {
     background-color: #f6f0e2;
     background-image: none;
     color:#81633e;
     }          
 
#subnav li ul li a.active {
     text-decoration: underline;
     }
     
     
/* subnav level4 */      

#subnav li ul ul {
     margin: 0;
     border: 0;
     }
     
#subnav li ul ul li {
     margin:0;
     padding: 0;
     border: 0;
     }
     
#subnav li ul ul li a {
     background-color: #f6f0e2;     
     background: #f6f0e2 url(/common/images/subnav-dot-n.gif) 25px 50% no-repeat;
     color: #004785;
     height: 24px;
     line-height: 24px;    
     padding: 0 0 0 35px; 
     text-transform: none;
     }

#subnav li ul ul li a.first {
     margin-top: 0;
     padding-top: 0;
     }

#subnav li ul ul li a.last {
     padding-bottom: 2px;
     }
          
#subnav li ul ul li a:hover, #subnav li ul ul li a.active {
     background: #f6f0e2 url(/common/images/subnav-dot-r.gif) 25px 50% no-repeat;
     color:#81633e;
     }      
         
     
/* footer */

#footer ul {
     list-style:none;
     font-size: 75%;
     color: #666666;
     height: 32px;
     padding: 0 0 0 20px;
     line-height: 32px;
     background: transparent url(/common/images/mpk_icon.gif) 0 50% no-repeat;
     }

#footer li {
     float: left;
     }
     
#footer li a {
     color: #666666;
     } 
     
#footer li a:hover {
     color: #004785;
     text-decoration: underline;
     }      
          
#footer li span {
     margin: 0 5px;
     }

#footer li.ew {
   display: none;
   }

/* formtool
----------------------------------------------- */

fieldset {
     font-size: 75%;
     width: 410px;
     float: left;
     padding-top: 15px;
     }

label {
     font-weight: normal;
     text-transform: uppercase;
     }
     
.form {
     margin-bottom: 9px;
     }
     
.text label, .textarea label, .radio label {
     display: block;
     padding-bottom: 4px;
     }
     
fieldset input, fieldset textarea {
     border-top: 1px solid #afaba5;
     border-right: 0;
     border-bottom: 1px solid #afaba5;
     border-left: 0;
     padding: 2px;
     }
     
fieldset.formtool input, fieldset.formtool textarea  {
       background: #f6f5f5 url(/common/images/form-corner.gif) 100% 100% no-repeat;
     }

.text {
     float: left;
     width: 190px;
     }

.even {
     margin-right: 20px;
     }
     
.text input {
     width: 190px;
     color: #484847;
     }

textarea  {
     overflow: auto;
     width: 405px;
     font-family: Arial, Verdana, Helvetica, sans-serif;
     font-size: 100%;
     line-height: 1.5em;
     color: #484847;
     }

.text input:hover, textarea:hover {
     border-top: 1px solid #004785;
     border-right: 0;
     border-bottom: 1px solid #004785;
     border-left: 0;     
     }
     
.text input:focus, textarea:focus {
     border-top: 1px solid #84a1bc;
     border-right: 0;
     border-bottom: 1px solid #84a1bc;
     border-left: 0;
     color: #000;
     background-color: #dedede;
     }

fieldset.formtool .button input {
     cursor:pointer;
     font-size: 100%;
     color: #004785;
     padding: 1px 3px 2px 3px;
     border-top: 1px solid #004580;
     border-right: 1px solid #004580;
     border-bottom: 1px solid #004580;
     border-left: 1px solid #004580;
     background-image: none;
     background-color: #fff;
     }
     
.button input:hover, .button input:active  {
     color: #000;
     border-top: 1px solid #004580;
     border-right: 1px solid #004580;
     border-bottom: 1px solid #004580;
     border-left: 1px solid #004580;
     }
     
     
/* searchfield
----------------------------------------------- */     

#searchfield {
     border-top: 1px solid #c5c0b8;
     background: url(/common/images/bg_teaser_corner.gif) 100% 0% no-repeat;
     width: 230px;
     height: 34px;
     }
     
#searchfield fieldset {
     margin: 0;
     padding: 8px 0 0 0;
     height: 25px;
     width: 230px;
     border-bottom: 1px solid #c5c0b8;
     background: url(/common/images/bg_teaser_corner.gif) 100% 100% no-repeat;
     }
 
#searchfield label {
     float: left;
     margin: 0;
     color: #004785;
     line-height: 17px;     
     }
     
#searchfield input#field {
     font-size: 100%;
     border-top: 0;
     border-right: 1px solid #c5c0b8;
     border-bottom: 0;
     border-left: 1px solid #c5c0b8;
     margin: 0 8px 0 0;
     padding: 1px 0 1px 3px;
     float: right;
     height: 14px;
     width: 134px;
     color: #004785;
     }

#searchfield input#field:hover {
     border-top: 1px solid #c5c0b8;
     border-right: 1px solid #c5c0b8;
     border-bottom: 1px solid #c5c0b8;
     border-left: 1px solid #c5c0b8;
     }

#searchfield input#field:active, #searchfield input#field:focus {
     border-top: 1px solid #004785;
     border-right: 1px solid #004785;
     border-bottom: 1px solid #004785;
     border-left: 1px solid #004785;
     }     
     
#button {
     float: right;
     margin: 2px 7px 0 0;
     padding: 0;
     border: 0;   
     }     
     
#button img {
     display: block;
     }      
     

/* search
----------------------------------------------- */
    
p.searchnav a {
     color: #00539f;
     margin: 0 2px;
     border: 0;
     text-decoration: none;
     }

dl#searchresult {
     margin:0;
     border:0;
     }

dl#searchresult dt {
     margin:0 0 3px 0;
     padding:0;
     border:0;
     font-size: 75%;
     text-transform: uppercase;
     color: #00539f;
     }

dl#searchresult dt a, dl#searchresult dt a:visited {
     color: #004785;
     }
     
dl#searchresult dt a:hover {
     text-decoration: underline;
     }     

dl#searchresult dd {
     margin:0 0 8px 0;
     padding:0;
     border:0;
     font-size: 75%;
     color:#666;
     font-weight:normal;
     }
     
dl#searchresult dd a, dl#searchresult dd a:visited {
     color:#666;
     }
     
dl#searchresult dd a:hover {
     text-decoration: underline;
     }