/* typo.css: Typography */

body { 
	font-family: arial, helvetica neue, helvetica, tahoma, sans-serif;  
	font-size: 14px;
	color: #000;
	background-color: #fff;
	line-height: 1.7em;
}
.sprite { background: transparent url(../images/sprite.gif) 0px 0px no-repeat; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TYPO ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
h1, h2, h3,h4, p, #content ul, table { 
  margin: 0px 0px 20px; 
  font-weight: normal; 
} 
h1, h2, h3, h4 { font-family:  georgia, times, "times new roman", serif; }
h1 {   
	font-size: 1.6em;
	letter-spacing: 1px;
}
h2, h3, h4 {  
  margin: 10px 0px 10px;   
	font-size: 1.4em;
}
h3 {  
	font-size: 1.4em;  
   font-style: italic; 
   font-weight: normal; 
	line-height: 1.7em;
} 
h4 {  
	font-size: 1.2em;  
    font-weight: normal;
  
}
em {                   
  font-size: 12px;
  font-style: italic; 
  font-weight: normal; 
}
samp {  
  display: block;
  float: right;     
  /* font-size: 11px; */ 
  font-size: 0.74em;  
  line-height: 2em;
  text-transform: uppercase; 
  color: #000;    
}
em {
    font-style: normal;
    font-size: 1em;
}

strong, .strong { font-weight: bold !important; }
sub { color: #d43225; }
sup {
    font-size: 0.7em;
    vertical-align: top;
}

.pflichtfeld {
  float: left;
}

.uppercase { text-transform: uppercase; }
.big { font-size: 1.2em; }
.small { font-size: 0.8em;}

.col3 h3 { font-size: 1.2em; }
.col3 h3 strong { font-size: 0.98em; }
.col3 h3 span {
    font-size: 0.85em;
    line-height: 1.4em;
}
.col4 p { font-size: 1.2em; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ LINKS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a {
  /* font-size: 12px; */ 
	/* font-size: 0.9em; */
	text-decoration: none;
	letter-spacing: 1px;
	color: #0076bd;
}
a:hover { color: #7F7F7F !important; }     

.col4 a, dl.archiv a { font-size: 1em; }
.col4 a,  .col5 a, .col6 a { letter-spacing: 0px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ Listen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#content ul.ulComplex { margin: 0px 0px 40px; }
ul.ulComplex li.title { margin: 10px 0px 10px; }
ul.ulComplex span,
ul.ulComplex em {
    display: block;
    float: left;
}
ul.ulComplex span {width: 100px;}

ul.ausgaben { 
  width: 250px; 
  padding-bottom: 40px;
}
p.ausgaben { margin: 0px 20px 0px; }

ul.ausgaben li, ul.ausgaben li a, ul.ausgaben li a span, 
.archiv, ul.archiv li, ul.archiv li a, ul.archiv li a span { 
  font-family: georgia, times, "times new roman", serif;   
  display: block; 
}

ul.ausgaben li, ul.ausgaben li a,
ul.archiv li, ul.archiv li a {  
  /* font-size: 18px; */
  font-size: 1.14em;
  line-height: 1em;
  color: #0076bd;     
}       
ul.archiv li, ul.archiv li a { font-size: 1em; }    

.archiv-headline {
  font-size: 2rem !important;
  /* 
  margin-bottom: 0; 
  height: 60px;
  */
}    
.archiv-ausgabe {
  display: block;
  font-size: 1.7rem;  
  color: #d43225;                    
} 


ul.ausgaben li {  
  clear: both;
  float: none; 
  /*    
  height: 70px;
  background-position: -536px -81px;  
  */
  /*
  height: 60px;
  padding-bottom: 35px;
  background-position: -536px -56px;
  */
  height: 70px;
  background-position: -536px -81px;  
}
ul.ausgaben li a.werbebeilagen {
  padding: 7px 0 0 20px; 
  font-size: 0.84em; 
  color: #000;
}

ul.ausgaben li a span,
ul.archiv li a span {
  /* font-size: 15px; */
  font-size: 0.84em;  
  color: #d43225;                    
} 

ul.archiv li a span { font-size: 0.74em; } 

ul.ausgaben li a span { 
  padding: 0px 0px 0px 14px; 
  background-position: -286px -142px;  
}
ul.ausgaben li a:hover span {  
  padding: 0px;
  background: none; 
}  
ul.ausgaben li a {  
  padding: 20px 0px 0px 20px; 
  background-position: 900px 0px; 
}
ul.ausgaben li a:hover {    
  padding-left: 40px; 
  color: #0076bd !important;
  background-position: 0px -122px;
}

ul.archiv li a:hover, ul.archiv li a:hover span { color: #7f7f7f !important; }

ul.auflage li {
	padding: 0px 0px 0px 14px;
	background-position: 0px -581px;
}

dl.archiv { 
    padding: 0px 0px 10px;
    font-family:  georgia, times, "times new roman", serif; 
}
dl.archiv dt {
    font-size: 1.5em;
}
dl.archiv dd {
    font-size: 1.2em;
    line-height: 1em;
}
dl.archiv dd samp { line-height: 1.5em; }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ Tabelle ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
table {
  border-collapse: collapse;
  border-spacing: 10px;
  border: 0px solid #000;    
}       
th { font-weight: bold; }
th, td { padding: 5px 4px; }

table.auflagen { border: 1px solid #ccc;}
table .ausgabenNr          { width: 40px; }
table .ausgabenBezeichnung { width: 580px; }
table .druckAuflage        { width: 120px; }
table .verbreiteteAuflage  { width: 170px; }

/* Zusteller */
table.zusteller {
    border: 1px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 30px 0px;
}
table.zusteller thead tr {
    border-bottom: 1px solid #ccc;
}
table.zusteller th {
  font-weight: normal;
  font-style: italic;    
  font-family: georgia,times,"times new roman",serif;
}
table.zusteller th, table.zusteller td {
    border-color: #ccc;
    border-style: dotted;
    border-width: 0 1px 1px 0;
    vertical-align: top;
}
table.zusteller tr {
    border: 1px solid #ccc;
}
table tr.farbWechsler1 td, table tr.farbWechsler1 th, div.farbWechsler1 {
    background-color: #F8F8F8;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ Spalten ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.box2 {
    padding: 10px 10px 0px;
    border: 1px solid #EEF3F4;
}
.col3, .col4, .col5, .col6 { 
  padding-top: 3px;
  width: 272px; 
  border: 1px solid #ccc;
  border-width: 1px 0px;    
}
.col4 {  width: 199px; }
.col5 {  width: 155px; }
.col6 {  width: 126px; }

.redaktion { height: 200px;}
div.redaktion div { height: 130px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ Bilder ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.col5 img { width: 155px; }
.col6 img { width: 126px; }

.panorama {
    height: 100px;
    width: 854px;
    margin: 0px 0px 20px;
    background-color: #e6e9ea;
    border: 1px solid #bbbdbe;
}
.col3 .panorama { 
    margin-top: 10px;
    width: 270px; 
}
.borderimg { border: 1px solid #bbbdbe; }
.pdf img { border: 1px solid #e6e9ea; }
.pdf {            
  padding: 0px 0px 30px;    
  width: 343px; 
  height: 511px;
  background-position: 0px 44px ;
}
.col3 img {
  display: block;
  float: left;     
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 16px;       
  background-position: -710px 100% ;      
}

li.mail a.sprite,
li.tel span.sprite,
li.fax span.sprite,
li.sonderablage span.sprite {
		padding:  0px 0px 0px 18px;
		background-position: 0px -499px;
}
li.mail a.sprite:hover 							{ background-position: 0px -515px; }		
li.tel span.sprite 										{ background-position: 0px -529px; }
li.fax span.sprite 										{ padding: 0px 0px 0px 20px; background-position: 0px -550px; }
li.sonderablage span.sprite 			{ background-position: 0px -567px; }

a.mail { 
    margin: 0px 0px 0px 4px; 
    padding:  0px 0px 0px 18px;
    font-size: 0.95em; 
    background-position: 0px -497px !important;
}
a.mail:hover {background-position: 0px -515px;}

.imgArchiv { border: 1px solid #e6e9ea; }
.imgArchiv:hover { border: 1px solid #bbbdbe; }
    

/* ++++++++++++++++++++++++++++ Border ++++++++++++++++++++++++++++ */
.bt0 { border-top: 0px solid #000; }
.bb0 { border-bottom: 0px solid #000; }

/* ++++++++++++++++++++++++++++ Farben / Colors ++++++++++++++++++++++++++++ */     
/*
#000      	schwarz, main 
#0076bd   	blau
#d43225   	rot
#e2001a     blutrot (errors)
#e6e9ea   	hellgrau
#ccc        grau, content border bottom
#999   		dunkelgrau, trenner navTop li
#7F7F7F 	grau a links
#454A4F/#373B3F     dunkel grau-blau h2-archiv
*/                                                  
.color1 { color: #000; }
.color2 { color: #fff; }
.color3 { color: #0076bd; }
.color4 { color: #d43225;  }
.color5 { color: #7F7F7F;  } 
.color6 { color: #373B3F;  } 
                                                                            
.bgcolor1 { background-color: #000; }    
.bgcolor2 { background-color: #fff; }  
.bgcolor3 { background-color: #e2001a; }    
.bgcolor4 { background-color: #f9f9f9; }  
.bgcolor5 { background-color: #e6e9ea; }


.borderB1 {
  border: 1px solid #9F9F9F;
  border-width: 0px 0px 1px;
}

/* ++++++++++++++++++++++++++++ Abst�nde ++++++++++++++++++++++++++++ */

.mt0  { margin-top: 0px !important; }   
.mt5  { margin-top: 5px !important; }   
.mt10 { margin-top: 10px !important; }   
.mt20 { margin-top: 20px !important; }   
.mt30 { margin-top: 30px !important; }       
.mt40 { margin-top: 40px !important; } 
                                         
.mb0  { margin-bottom: 0px !important; }     
.mb5  { margin-bottom: 5px !important; }     
.mb10 { margin-bottom: 10px !important; }    
.mb15 { margin-bottom: 15px !important; }     
.mb20 { margin-bottom: 20px !important; }     
.mb30 { margin-bottom: 30px !important; }     
.mb35 { margin-bottom: 35px !important; }                                                                                        
.mb40 { margin-bottom: 40px !important; }    

.ml0   { margin-left: 0px !important;   }  
.ml10  { margin-left: 10px !important;   }  
.ml20  { margin-left: 20px !important;   }  
.ml30  { margin-left: 30px !important;   }  
.ml40  { margin-left: 40px !important;   }  
.ml365 { margin-left: 365px !important;   } 
.ml400 { margin-left: 400px !important;   } 
                                          
.mr10 { margin-right: 10px !important; }  
.mr20 { margin-right: 20px !important; }   
.mr30 { margin-right: 30px !important; }  
.mr40 { margin-right: 40px !important; }  

.p0   { padding: 0px; }
.pt0  { padding-top: 0px !important; }
.pl0  { padding-left: 0px !important; }       
.pr0  { padding-right: 0px !important; }  
.pb15 { padding-bottom: 15px !important; }  

/* ++++++++++++++++++++++++++++ Weiten / Width ++++++++++++++++++++++++++++ */                
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w940 { width: 940px; }

.width5prozent { width: 5%; }
.width10prozent { width: 10%; }
.width12prozent { width: 12%; }
.width14prozent { width: 10%; }
.width20prozent { width: 20%; }
.width47prozent { width: 47% !important; }
.width100prozent { width: 100% !important; } 

/* ++++++++++++++++++++++++++++ Display ++++++++++++++++++++++++++++ */    
.block      { display: block; }            
.inlineBlock { display: inline-block;}
.inline { display: inline;}

.center { text-align: center; }

.hide {
    display: none;
}

/* ++++++++++++++++++++++++++++ Dekorativ ++++++++++++++++++++++++++++ */    
.significant {
  border: 1px solid #ccc;
  border-width: 1px 0px;
  font-size: 1.8em;
  line-height: 1.4em;
  padding: 10px 20px;
  margin-bottom: 30px;
  background-color: #cee4f2;
}


/* ++++++++++++++++++++++++++++  ++++++++++++++++++++++++++++ */



/* +++++++++ BZ Modul +++++++++ */      
.bz { width: 180px; }
div.bz h1, div.bz h3, div.bz p, div.bz a { font-family: verdana, tahoma, geneva, sans-serif;  font-style: normal; }

div.bz div.article { 
  padding: 0px 0px 20px;
  background-position: bottom right;  
  background-position: 100% 100%;  
}
div.bz h1, div.bz h3 {
  font-size: 10px;  
  font-weight: bold;   
  text-transform: uppercase;
} 
div.bz h1 {   
  margin: 0px 0px 3px;
  line-height: 2em;
  border-bottom: 1px solid #999;
}
div.bz h3 {   
  margin: 0px;
  font-weight: normal;      
  color: #666666;  
}
div.bz a h2, div.bz h2, div.bz p { margin: 0px 0px 5px; }
div.bz h2, div.bz h2 a {   
  font-family: "Times New Roman", times, serif;
  font-size: 16px;
  font-weight: normal;   
  line-height: 1em;  
  letter-spacing: 0px;
  color: #86171E;
}     
div.bz p { 
  font-size: 11px; 
  line-height: 1.2em;
}
div.bz a {              
  color:#86171E;
  text-decoration: none;  
  outline: medium none;
	letter-spacing: 1px;
}
div.bz a.twin {   
  float: right;
  padding-right: 12px;  
  font-size: 10px; 
  font-weight: bold;
  text-transform: uppercase;                  
  background: transparent url("http://img.badische-zeitung.de/layouts/images/arrows/twin_arrow_red.gif") right center no-repeat;
}      
div.bz a:hover, div.bz a:hover h2 { color: #000 !important; }     

div.bz fieldset {
    margin: 0px;
    padding: 0px;
    border: 0px solid #ccc;
}

div.bz label, div.bz input, div.bz select, div.bz select option, div.bz button.buttonsuche { 
  display: block;
  margin: 0px;
  padding: 0px;
  font-family: verdana, tahoma, geneva, sans-serif;
  font-size: 10px;
} 
div.bz label, div.bz button.buttonsuche { font-weight: bold; }
div.bz label { 
  float: left;
  padding: 2px 0px 0px;
  width: 48px; 
}  
div.bz select, div.bz input, div.bz button.buttonsuche { 
  float: right;
  margin: 5px 0px 5px;
  padding: 1px;
  width: 130px; 
  border: 1px solid #000;
}    

div.bz select.auto {
    width: 180px;
    position: absolute;
}
div.bz input { width: 176px;} 
div.bz button.buttonsuche {   
  width: 72px; 
  height: 18px;   
  padding: 0px 3px 1px 0px;  
  font-size: 11px; 
  font-style: normal;
  text-align:right;
  line-height: 0.5em; 
  color:#86171E;
  cursor:pointer;  
  border: 0px solid #000;
  background-position: 0px -70px;        
} 
div.bz div.separator.dot { background: transparent url("http://img.badische-zeitung.de/layouts/images/dot_hori.gif") left top repeat-x; }