/* CSS Document */

/* CSS Document */

body { 
  font-size: 100.01%; 
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  PADDING: 0; 
  MARGIN: 0;
  }
 
a.back:link { color: #AB77C5; text-decoration: none; } 
a.back:visited { color: #AB77C5; text-decoration: none; } 
a.back:hover { color: #731C9F; text-decoration: underline; margin: 0; } 
a.back:active { color: #731C9F; text-decoration: none; }

a.blau:link { color: #001A4B; text-decoration: none; } 
a.blau:visited { color: #001A4B; text-decoration: none; } 
a.blau:hover { color: #001A4B; text-decoration: underline; margin: 0; } 
a.blau:active { color: #001A4B; text-decoration: none; }

a.t_nails:link { text-decoration: none; } 
a.t_nails:visited { text-decoration: none; } 
a.t_nails:hover { text-decoration: none; } 
a.t_nails:active { text-decoration: none; }


.inv { display: none; }
img { border: 0; }
.left { float: left; }
.right { float: right; }
   
form {
   margin: 0;
   padding: 0;
   width: 100%;
   float: left;
   }
   
fieldset {
   margin: 0;
   padding: 0;
   width: 100%;
   border: 0;
   float: left;
   }
   
 /* KOPF ANFANG */
   
a.ardimpPos { color: #fff !important; }

.ardNaviContainerFit { width: 100%; }

#head {
   clear: both;
   background: #fff;
   width: 100%;
   float: left;
   font-family: Verdana;
   margin: 0;
   padding: 0 0 0.5em 0;
   }

.head_inhalt {
   width: 100%;
   flolat: left;
   margin: 0;
   padding: 0;
   }
   
.titelBox {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	}
   
.headline {
   font-size: 1.25em;
   padding: 0;
    width: 100%;
   }
   
.sub {
   width: 100%;
   font-size: 0.75em;
   margin: 0 0 0.3em 0;
   padding: 0;
   }
   
.gallery {
   display: none;
   }
   
/* KOPF ENDE */
   
/* CONTENT ANFANG */
  
#galerieContent {
	 clear: both;
	 margin: 0;
	 padding: 0;
	 width: 49em;
	 float: left;
	 background: url(../_images/galerie_bg.gif) repeat-y top right;
     } 
	 
/* ------------------------------------------------------------------- */  
	
	
/* BBOX1 ANFANG */

#galerieContent #box1 {
   float: left;
   width: 11em;
   padding: 0.5em 0 0.5em 0.5em;
   }
   
/* KAPITELBOX ANFANG */
    
#galerieContent #box1 .kapitelBox {
   padding: 0;
   width: 100%;
   margin: 0;
   float: left;
   }
   
#galerieContent #box1 .kapitelBox h2 {
   font-size: 0.8em;
   padding: 0.25em 2em 0.5em 0.5em;
   margin: 0;
   color: #3D4B57;
   font-weight: bold;
   border: 0;
   background: url(../_images/pfeil_down.gif) no-repeat 75px 10px;
   }
   
/* kapitel überschrift, wenn kapitelauswahl als pulldown */


#galerieContent #box1 .kapitelBox {
   padding: 0.25em 0 0.5em 0.5em;
   width: 94%;
   margin: 0;
   float: left;
   background: #D5DCE1 url(../_images/galerie_verlauf_bg.jpg) repeat-x top left;
   border: 1px solid #fff;
   }

#galerieContent #box1 .kapitelBox h2 {
   font-size: 0.8em;
   padding: 0.25em 0 0.25em 0;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin: 0;
   color: #3D4B57;
   font-weight: bold;
   border: 0;
   background: #E9EEF1;
   }
   
#galerieContent #box1 .kapitelBox select {
   font-size: 0.75em;
   background: #fff;
   color: #000;
   margin: 0.15em 0 0 0;
   border: 1px solid #9CA4AB;
   padding: 0;
}

#galerieContent #box1 .kapitelBox select option {
   padding: 0;
   border-bottom: 1px solid #e9e9e9;
   }
   
   
/* --------------------- ENDE ------------------------- */
   
#galerieContent #box1 .kapitelBox ul {
   padding: 0;
   margin: 0;
   border-left: 1px dotted #5B6E7E;
   border-right: 1px dotted #5B6E7E;
   border-bottom: 1px dotted #5B6E7E;
   display: block;
   background: #D5DCE1 url(../_images/galerie_verlauf_bg.jpg) repeat-x top left;
   }
   
#galerieContent #box1 .kapitelBox ul li {
   clear: both;
   padding: 0.5em;
   margin: 0;
   font-size: 0.7em;
   color: #5B6E7E;
   list-style-type: none;
   display: block;
   border-top: 1px dotted #5B6E7E;
   }
   
   
#galerieContent #box1 .kapitelBox ul li a {
   color: #5B6E7E;
   }
   
   
#galerieContent #box1 .kapitelBox ul li.hoverAktiv {
   background: #B0C2CF;
   padding: 0.5em 0 0.5em 0.5em;
   color: #fff;
   display: block;
   font-weight: bold;
   }
   

/* ENDE KAPITELBOX */

/* THUMBNAILS ANFANG */
  
#galerieContent #box1 #thumbnails {
   padding: 0;
   width: 97%;
   margin: 0;
   text-align: center;
   float: left;
   }

   
#galerieContent #box1 #thumbnails .kl_pfeil {
    clear: both;
    padding: 0;
    margin: 1em 0 0.5em 0;
    text-align: center; 
    visibility: visible; 
    }
	
 
#galerieContent #box1 #thumbnails .thumb_left {
   margin: 0 0 0.3em 0; 
   padding: 0;
   float: left;
   }
   
#galerieContent #box1 #thumbnails .thumb_right {
   margin: 0 0 0.3em 0; 
   padding: 0;
   float: right;
   }
   
#galerieContent #box1 #thumbnails .bildAnzahl {
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
	background: #D5DCE1;
	width: 99%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	
	/* display: none; */
	}
	
	
#galerieContent #box1 #thumbnails .bildAnzahl ul {
  padding: 0;
  margin: 0;
  } 
  
#galerieContent #box1 #thumbnails .bildAnzahl ul li {
  clear: both;
  padding: 0.5em 0 0.5em 0;
  border-top: 1px solid #fff;
  text-align: center;
  color: #3D4B57;
  margin: 0;
  width: 100%;
  float: left;
  font-size: 0.7em;
  list-style-type: none;
  }	
  
#galerieContent #box1 #thumbnails .bildAnzahl ul li.aktiv {
  font-weight: bold;
  background: #C0C9CF;
  color: #fff;
  }	

#galerieContent #box1 #thumbnails a .pic { border: 1px solid #fff; }
#galerieContent #box1 #thumbnails a:hover .pic { border: 1px solid #001a4b; }

   
#galerieContent #box1 #thumbnails .pic { display: block; }
   
/* ENDE THUMBNAILS */

/* ENDE BOX1 */




/* BOX2 ANFANG */
        
#galerieContent #box2 {
   float: left;
   width: 26.5em !important; /* 3-spalten */
   /* width: 37.75em !important;  2-spalten */
   /* width: 100% !important;  1-spalte */
   padding-bottom: 1em;
   }
   
#galerieContent #box2 .galerieBild_gross {
   background: #e5eef7 url(/static/ard/pics/backs/verlauf_ReSp.jpg) repeat-x left bottom;
   text-align: center;
   padding: 0.5em 0 0 0;
   margin: 0;
   width: 100%;
   height: 35em;
   z-index: 0;
   }
  
#galerieContent #box2 .galerieBild_gross img {
   border: 1px solid #fff;
   }
   
#galerieContent #box2 .change_imag {
   height: 2.2em;
   float: left;
   width: 93%;
   padding: 0 0 0 1em;
   margin: -2.5em 0 0 0;
   z-index: 1;
   position: relative;
   
   /* background: url(http://web.ard.de/galerie/galerie1/bilder/bg_anzeige.gif) repeat-x; */
   }
   
/* DIASHOWBOX ANFANG */
    
#galerieContent #box2 .diashowBox {
   padding: 0.15em 0 0 0;
   width: 30%;
   margin: 0;
   float: left;
   }
   
#galerieContent #box2 .diashowBox p {
   font-size: 0.75em;
   padding: 0.25em 0 0 0.25em;
   margin: 0;
   float: left;
   }

/* ENDE KAPITELBOX */
   
   
#galerieContent #box2 .btt {
   padding: 0;
   margin: 0;
   float: right;
   }
   
#galerieContent #box2 .az_kapitel {
   padding: 0.35em 0.75em 0 0;
   margin: 0;
   font-size: 0.75em;
   float: right;
   line-height: 130%;
   }
	
   
#galerieContent #box2 .textbereich {
   clear: both;
   padding: 0 0 0 1em;
   margin: 0;
   float: left;
   width: 92%;
   } 
   
#galerieContent #box2 .textbereich h1 {
   font-size: 0.95em;
   font-weight: bold;
   color: #4E505C;
   padding: 1em 0 0 0;
   margin: 0;
   width: 100%;
   } 
   
#galerieContent #box2 .textbereich p {
   font-size: 0.75em;
   color: #4E505C;
   padding: 0.5em 0 0.5em 0;
   margin: 0;
   float: left;
   width: 100%;
   } 
  
	
#galerieContent #box2 .textbereich .extralink {
  padding: 0;
  margin: 1em 0 0 0;
  float: left;
  width: 100%;
  } 
	
#galerieContent #box2 .textbereich .extralink ul {
  padding: 0;
  margin: 0;
  float: left;
   width: 100%;
  border-top: 1px solid #b6cce3;
  } 
  
#galerieContent #box2 .textbereich .extralink ul li {
  clear: both;
  padding: 0.5em 0 0.5em 6%;
  margin: 0;
  width: 94%;
  float: left;
  font-size: 0.75em;
  list-style-type: none;
  border-bottom: 1px solid #b6cce3;
  background: url(../_images/pfeil.gif) no-repeat 0 6px;
  } 
  
#galerieContent #box2 .textbereich .extralink ul li.audio {
	background: url(../_images/audio.gif) no-repeat 0 8px;
	padding-top: 0.75em;
}

#galerieContent #box2 .textbereich .extralink ul li.video {
	background: url(../_images/video.gif) no-repeat 0 8px;
	padding-top: 0.75em;
}

#galerieContent #box2 .textbereich .extralink ul li.galerie {
	background: url(../_images/gallery.gif) no-repeat 0 8px;
	padding-top: 0.75em;
}

#galerieContent #box2 .textbereich .extralink p img.ardIcon {
	border: 0;
	vertical-align: top;
	padding: 0 2px 0 0;
	margin: 0;
	clear: left;
	}

/* ENDE BOX2 */

/* BOX3 ANFANG */
   
#galerieContent #box3 {
   float: right;
   width: 10.5em;
   padding: 0;
   margin: -0.75em 0 0 0;
   }
   
/* ------------------------------------------------------- */

#galerieContent .ardLinkliste p { 
width: 100%;
padding-left: 0;
padding-top: 0.75em;
}

#galerieContent .ardLinkliste ul, #galerieContent .ardLinkliste li { 
width: 100%;
border: 0;
padding: 0;
margin: 0;
}


#galerieContent .ardLinkliste ul li { 
font-size: 0.7em;
}

#galerieContent .ardLinkliste li a { 
width: 86%;

padding: 5px 0 5px 14%;
margin: 0;
background: #e7effa url(/static/ard/pics/backs/verlauf_ReSp.jpg) repeat-x bottom;
}

#galerieContent .ardLinkliste li a .ardIcon { margin: 0 0 0 -14%; }
   
#galerieContent li .lra { color: #001a4b; }
   
/* ENDE BOX1_MULTILINKBOX */

/* BOX2_MEHRGALERIEN ANFANG */
 
#galerieContent #box3 .box2_mehrGalerien {
   padding: 0;
   margin: 0 0 0.5em 0;
   border: 0;
   lfoat: left;
   width: 100%;
   /* border: 1px solid; */
   }
   

#galerieContent #box3 .box2_mehrGalerien h2 { 
   clear: both;
   font-size: 0.75em;
   padding: 1em 0 0.25em 0;
   margin: 0;
   width: 100%;
   font-weight: normal;
   }
   
#galerieContent #box3 .box2_mehrGalerien ul {
   padding: 0 0 0.75em 0;
   margin: 0;
   float: left;
   width: 100%; 
   }  
   
#galerieContent #box3 .box2_mehrGalerien ul.nonBord {
   border-bottom: 0;
   }
   
#galerieContent #box3 .box2_mehrGalerien ul li { 
   clear: both;
   width: 100%;
   color: #001A4B;
   font-size: 0.7em;
   border-bottom: 1px solid #fff;
   float: left;
   list-style-type: none;
   padding: 0;
   margin: 0;
   display: block;
   }
   
#galerieContent #box3 .box2_mehrGalerien ul li a { 
display: block;
clear: both;
padding: 5px 0 5px 2%;
margin: 0; 
width: 98%;
float: left;
background: #e7effa url(/static/ard/pics/backs/verlauf_ReSp.jpg) repeat-x bottom;
}

#galerieContent #box3 .box2_mehrGalerien ul li a:hover { 
background: #fff url(/static/ard/pics/backs/verlauf_hover.jpg) repeat-x bottom;
}

#galerieContent #box3 .box2_mehrGalerien ul li.h2 { 
padding: 0.25em 0 0.25em 0; color: #001a4b !important;
   }

   
#galerieContent #box3 .box2_mehrGalerien ul li.h2 a { 
	clear: none;
	display: inline;
	width: auto;
	padding: 0;
	float: none;
	margin: 0;
	background: none;
   }
   
   
/* ENDE BOX1_MULTILINKBOX */

/* BOX3_SELECTBBOX ANFANG */

#galerieContent #box3 .box3_selectBox {
   clear: both;
   padding: 0 0.52em 0.5em 0.52em;
   margin: 0;
   
}

#galerieContent #box3 .box3_selectBox form {
   padding: 0;
   margin: 0;
   float: left;
   width: 100%;
   background: #e9e9e9;
   border: 1px solid;
}


  
#galerieContent #box3 .box3_selectBox p {
  margin: 0;
  padding: 0.5em 0 0.45em 0.35em;
  font-size: 0.7em;
}

#galerieContent #box3 .box3_selectBox select {
   font-size: 0.75em;
   background: #fff;
   border: 1px solid #9CA4AB;
   color: #000;
   margin: 0.15em 0 0 0.25em;
   padding: 0;
}

#galerieContent #box3 .box3_selectBox select option {
   padding: 0;
   display: block;
   border-bottom: 1px solid #e9e9e9;
   }
   
/* ENDE BOX3_SELECTBBOX */