/* 	Behoerdenwegweiser Nuernberg
	Druckansicht
	Programmiert fuer XHTML strict
	Letzter Bearbeitungsstand: 15.09.2009
	Dateiname: dodb_druckansicht.css
	Online-Buero Stadt Nuernberg
	--------------------------------------------------

*/


/* +++ Allgemeine Elementanweisungen +++ */

body {
    padding: 0;
    margin: 2px 0 2px 2px;
    color: #000;
    font-family: verdana,arial,sans-serif;
    font-size: 11pt;
    text-align: left;
}

h1 {
    margin:18px 0 10px 0;
    padding: 0;
    font-size: 13pt;
    color: #666;
}

h2 {
    margin: 0 0 6px 0;
    padding: 0;
    font-size: 12pt;
    color: #666;
}

h3 {
    margin: 0;
    padding: 0;
    font-size: 12pt;
    color: #444;
}

h4 {
    margin: 0;
    padding: 0;
    font-size: 11pt;
    color: #000;
}

h5 {
    margin: 0;
    padding: 0;
    font-size: 11pt;
    color: #000;
}

h6 {					
    margin: 0;
    padding: 0;
    font-size: 11pt;
    color: #000;
}

img {
    border: none;
}

a {
    text-decoration:none;
    color:#000;
}

a:visited {
    text-decoration:none;
    color:#000;
}

a:hover {
    text-decoration:none;
    color:#000;
}



/* +++ Uebergreifende Klassen +++ */

.druck /* Inhalte die nur in der Druckversion zu sehen sind */ {  
    display:inline;
    font-size: 11pt;
}	

.unsichtbar {
    position: absolute !important;
    top: -6000px !important;
    left: -6000px !important;
    height: 0px !important;
    width: 0px !important;
}

.stopFloat {
    clear: both; 
    float: none;
    visibility: hidden;
}

.formular /* Links zu Formularen sollen unterdrueckt werden */{
    display: none;
}

a.linkSprungmarke {
    padding:0;
    margin: 0;
    background: none;
    height: 0.75em; /* Fuer IE 5.0 der sonst das padding ignoriert */
}

a.linkIntern {
    padding:0;
    margin: 0;
    background: none;
    height: 0.75em; /* Fuer IE 5.0 der sonst das padding ignoriert */
}

a.linkExtern {
    padding:0;
    margin: 0;
    background: none;
    height: 0.75em; /* Fuer IE 5.0 der sonst das padding ignoriert */
}

a.linkDownload {
    padding:0;
    margin: 0;
    background: none;
    height: 0.75em; /* Fuer IE 5.0 der sonst das padding ignoriert */
}

a.linkVideo {
    padding:0;
    margin: 0px;
    background: none;
    height: 0.75em; /* Fuer IE 5.0 der sonst das padding ignoriert */
}

a.linkAudio {
    padding:0;
    margin: 0;
    background: none;
    height: 0.75em; /* Fuer IE 5.0 der sonst das padding ignoriert */
}

a.linkAnwendung {
    padding:0;
    margin: 0;
    background: none;
    height: 0.75em; /* Fuer IE 5.0 der sonst das padding ignoriert */
}

html>body a.linkSprungmarke, html>body a.linkIntern, html>body a.linkExtern, html>body a.linkDownload, html>body a.linkVideo, html>body a.linkAudio, html>body a.linkAnwendung {
    height: auto;
}

a:focus { 
    outline-style: solid;
    outline-color: #f00;
} 

a.focus:focus, a.focus:active /* macht die Sprunktnavigation und Sprungmarken sichtbar */ {
    margin-top: 4px;
    height: 1.4em !important;
    width: 15.8em !important;
    color: #000;
    position: absolute !important;
    top: 6000px !important;
    left: 6200px !important;
    background: #ccc;
    border: 1px solid #666;
}


/*------------------------------------------------------------------------------------------*/    



/* +++ Kopfzeile mit uebergreifenden Links zu Onlinediensten +++ */

div#drucken /* ist wegen Screenreadern am Ende der Seite eingebunden */ {
   margin: 0;
   padding: 0;
   width: 640px;
   position: absolute;
   top: 0;
   left: 0;
}

div#drucken a {
   margin: 0;
   padding: 0 0 0 622px;
}

#onlinedienste {
    margin: 24px 0 3px 10px;
    padding: 0;
    width: 640px;
    position: relative;
}
    
#onlinedienste ul {
    display: none;
}

#onlinedienste div.titelDruck {
    margin: 0 0 2px 0;
    padding: 0;
    text-align: right;
    height: 25px;
    width: 480px;
    position: absolute;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #000;
}

#onlinedienste div.titelDruck p {
    margin: 0;
    padding: 0 0 4px 0;
    line-height: 130%;
    font-size: 10pt;
    position: absolute;
    right: 0;
    bottom: 0;
    
}
    
/* +++ Kopfbereich mit Projektname und Grafik +++ */

#kopfGesamt {
    display: none;
}


/* +++ Servicenavigation +++ */

#serviceGesamt {
    display: none;
}


/* +++ Pfadnavigation +++ */

#pfadGesamt {
    display: none;
}
    
    

/*------------------------------------------------------------------------------------------*/    

/* +++ Hauptbereich  mit Navigation, Inhalt, weiterfuehrenden Links und Anzeigenbannern +++ */


#hauptGesamt {
    margin: 0 0 10px 10px;
    padding: 0;
    width: 640px;
    background: #fff;
}
    
#hauptRahmenAussen /* Hintergrund fuer linke Spalte wird eingebunden */ {
    margin: 0;
    padding: 0;
    width: 100%;
    background: none;
    position: relative;
}
    
#hauptRahmenInnen /* Hintergrund fuer linke Spalte wird eingebunden */ {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

/* +++ Hauptnavigation +++ */

#hauptnavigationRahmen {
    display: none;
}


/* +++ Inhalt +++ */

#mitte {
    margin: 0;
    padding: 0;
    width: 100%;
    float: none;
}

#inhaltRahmen2 {
    margin: 0;
    padding: 0;
    width: 100%;
    float: none;
}

#inhaltRahmen1 {
    margin: 0;
    padding: 0;
    width: 100%;
    float: none;
}

#inhalt {
    margin: 0;
    padding: 0;
}

#inhalt p {
    margin: 0 0 10px 0;
    font-size: 11pt;
    background:#fff;
}

#inhalt p strong {
    color: #333;
}

#inhalt p.linie {
    margin: 0 0 3px 0;
    padding: 0;
    background: url(../images/linie_punkt_waagrecht.gif) bottom repeat-x;
}

#inhalt p.abstand {
    margin: 0;
    padding: 0;
}


/* Link einzeln */

#inhalt p.link {
    display: none;
}

/* Liste */

#inhalt ul {
    list-style: square;
    margin: 10px 0 17px 0;
    padding: 0 0 3px 0; 
    font-size:11pt;
}
			
#inhalt ul li {
    margin:0 0 0 16px;
    padding:0 0 3px 8px;
    background: none;
}
		
#inhalt ol {
    margin: 10px 0 17px 0;
    padding: 0 0 3px 24px;
    font-size:11pt;
}

#inhalt ol li {
    margin:0;
    padding:0 0 3px 0px;
}

#inhalt ul.ebene2 {
    list-style: square;
    margin: 2px 0 0 0;
    padding: 0; 
    font-size:100%;
}

#inhalt ol.ebene2 {
    margin: 2px 0 0 0;
    padding: 0 0 0 24px;
    font-size:100%;
}


/* Linkliste */

#inhalt ul.linkListe {
    list-style: none;
    margin: 10px 0 17px 0;
    padding: 0 0 3px 0; 
    font-size: 11pt;
}
			
#inhalt ul.linkListe li	{
    margin: 0;
    padding:0 0 10px 0;
    text-indent: 0;
}
		
.verzeichnis {
    display: none;
}


/* A-Z-Linkleiste */

#inhalt ul.azLink {
    display: none;
}


/* Stichwortsuche Text, Eingabefeld und Button */

#sucheDienstleistung {
    display: none;
}


/* Bild gross */

#inhalt div.bildGross {
    margin:3px 0 17px 0;
    padding:0px;
}

#inhalt div.bildGross p {
    margin:3px 0 0 0;
    padding:0px;
    font-size: 10pt;
}


/* Hinweis */

#inhalt div.hinweis {
    margin:3px 0 17px 0;
    padding:10px;
    border: 1px solid #666;
}

#inhalt div.hinweis h2 {
    margin: 0 0 6px 0;
}

#inhalt div.hinweis h3 {
    margin: 3px 0 3px 0;
}


/* Kontakt mit Oeffnungszeiten */

#inhalt div.kontakt {
    margin: 3px 0 17px 0;
    padding: 10px;
    border: 1px solid #666;
    zoom: 1; /* um den Peekaboo-Bug im IE6 zu unterdruecken */
}

#inhalt div.kontakt img.portrait {
    margin:3px 0 20px 0;
    float: right;
    width: 150px;
}

#inhalt div.kontakt h2 {
    margin: 0 0 4px 0;
    padding: 0;
}

#inhalt div.kontakt h3 {
    margin: 4px 0;
    padding: 0;
}
			
#inhalt div.kontakt p {
    margin: 0;
    padding: 0;
}
						
#inhalt div.kontakt p.link {
    display: none;
}

#inhalt div.kontakt div {
    margin: 10px 0;
    padding: 0;
} 

#inhalt div.kontakt div.bild {
    margin:7px 0 0px 0;
    padding:0px;
    width: 70%;
    float: left;
} 


/* Kontakt Tabelle Ansprechpartner */

#inhalt table.ansprechpartner {
    margin: 3px 0 17px 0;
    padding: 0;
    border-collapse: collapse;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    width: 100%;
}

#inhalt table.ansprechpartner caption {
    margin: 0;
    padding: 10px 0;
    font-size: 11pt;
    text-align: left;
    font-weight: bold;
    color: #000;
}

#inhalt table.ansprechpartner a {
    text-decoration: none;
}

#inhalt table.ansprechpartner th {
    padding: 10px;
    text-align: left;
    vertical-align: top;
    font-size: 11pt;
    font-weight: normal;
    width: 40%;
    border-bottom: 1px solid #666;
}

#inhalt table.ansprechpartner td {
    padding: 10px 0 10px 20px;
    text-align: left;
    vertical-align: top;
    font-size: 11pt;
    width: 60%;
    border-bottom: 1px solid #666;
}


/* Preise */

#inhalt table.preise {
    margin: 3px 0 17px 0;
    padding: 0;
    border-spacing: 0;
    width: 100%;
}

#inhalt table.preise caption {
    margin: 0;
    padding: 10px 0 3px 0;
    font-size: 11pt;
    text-align: left;
    font-weight: bold;
    color: #000;
}

#inhalt table.preise th {
    padding: 10px 0 4px 0;
    text-align: left;
    vertical-align: top;
    font-size: 11pt;
    color: #333;
    border-bottom: 1px solid #666;
}

#inhalt table.preise th.rechts {
    margin: 0;
    padding: 10px 20px 4px 0;
    text-align: left;
    vertical-align: top;
    font-size: 11pt;
    color: #333;
}

#inhalt table.preise td {
    padding: 2px 20px 2px 0;
    text-align: left;
    vertical-align: top;
    font-size: 11pt;
    border-bottom: 1px solid #666;
}

#inhalt table.preise td.rechts {
    padding: 2px 0 2px 0;
}


/* Linkkasten am Seitenende */

#inhalt div.linkbox {
    margin: 17px 0 17px 0;
    padding: 0;
    border: 1px solid #666;
}

#inhalt div.linkbox h2 {
    margin: 0 0 4px 0;
    padding: 2px 10px;
    color: #666;
    background: #fff;
}

#inhalt div.linkbox ul {
    margin: 3px 0 10px 0;
    padding: 10px;
}


/* +++ Rechte Spalte mit weiterfuehrenden Links +++ */

#spalteRechtsRahmen {						
    margin: 35px 0 0 0;
    padding: 20px 0 0 0;
    width: 100%;
    background: #fff;
    float: none;
    overflow: none;
    border-top: 1px solid #333;
}

#spalteRechts {						
    margin: 0;
    padding: 0;
}

#spalteRechts h3 {						
    padding: 2px 0; 
    margin: 0 0 20px 0;
    color: #000;
    background: none;
}	

#spalteRechts a	{						
    font-size:11pt;
}


/* Linkliste mit einem optionalen Bild */

#spalteRechts div.themen  {
    margin: 0 10px 12px 10px;
    padding: 0 0 4px 0;
    text-align: left;
}

#spalteRechts div.themen img {
    margin: 0;
    padding: 0;
}

#spalteRechts div.themen ul {
    margin:0;
    padding: 5px 0 0 15px;
    text-align: left;
    list-style-type: square;
}

#spalteRechts div.themen ul li	{
    margin: 0;
    padding: 0 0 5px 0;
    font-size:11pt;
    background: none;
}

#spalteRechts div.themen span.linkText {
    font-size:11pt;
}


/* Bannerliste */

#spalteRechts div.themenBanner {
    margin: 3px 10px 10px 10px;
    padding: 0;
    text-align: left;
}

#spalteRechts div.themenBanner ul {
    margin: 0;
    padding: 0;
    list-style-type:none;
}

#spalteRechts div.themenBanner li {
    font-size:11pt;
    margin:0 0 20px 0;
    padding:0;
}

#spalteRechts div.themenBanner img {
    margin:0 0 3px 0;
    padding:0;
}


/* +++ Inhalt Ende mit Link zum Seitenanfang +++ */

#inhaltEnde2 /* Position fuer Inhalt mit rechter Spalte */ {
   margin: 0;
   padding: 0;
   width: 640px;
   text-align: right;
   position: absolute;
   left: 0;
   bottom: 1px;
}

#inhaltEnde1 /* Position fuer Inhalt ohne rechte Spalte */ {
   margin: 0;
   padding: 0;
   width: 650px;
   text-align: right;
   position: absolute;
   left: 0;
   bottom: 0;
}

div#druck {
   margin:0; 
   padding:0; 			
   position: absolute;
   right: 26px;
   bottom: 0;
}

#umschalten {
   margin:0px; 
   padding:0px; 			
   width: 45px;
   text-align:right;
}

#umschalten input.druckansicht	{
   display:none;
}

#umschalten input.normalansicht {
   margin:0; 
   padding:5px 0 0 32px; 
   cursor:pointer;
   cursor:hand; /* hack fuer IE 5.5, der pointer nicht kennt */
   color:#000;
   background-color:#fff;
   font-size:10pt;
   width: 70px;
   height:20px;
   border:none;
   background:url(../images/icon_zurueck.gif) top left no-repeat;
}

div#nachOben {
   display:none;
   bottom: 0;
}


/* +++ Spalte mit Anzeigenbannern +++ */

#anzeigenRahmen {
    margin:35px 0 0 0;
    padding:20px 0 35px 0;
    width: 100%;
    float: none;
    overflow: none;
    background: none;
    border-top: 1px solid #333;
}

#anzeigen {
    margin:0;
    padding:0;
    width: 100%;
}

#anzeigen h3 {
    padding: 2px 0; 
    margin: 0 0 20px 0;
    color: #000;
    background: none;
    text-align: left;
}

#anzeigen ul {
    margin:0 0 5px 10px;
    padding:0;
    list-style-type:none;
}

#anzeigen ul li {
    margin:0 0 20px 0;
    padding:0;
    font-size:11pt;
}

#anzeigen ul li h3 {
    margin:0 0 0 -10px;
    font-size:12pt;
}

#anzeigen img {
    margin:0 0 3px 0;
    padding:0;
}


/*------------------------------------------------------------------------------------------*/    

/* +++ Fussbereich mit rechtlichen Hinweisen und Erklaerungen zur Barrierefreiheit +++ */


#fussGesamt {
    width:640px;
    height:25px;
    margin:10px 0 8px 10px;
    padding:3px 0 0 0;
    border-top:1px solid #000;
    font-size:10pt;
    background-color:#fff;
}

#fuss ul {
    display: none;
}


/*------------------------------------------------------------------------------------------*/    

/* +++ Erweiterung fuer Kontaktformular +++ */


/* +++ Kopfbereich mit Projektname und Grafik +++ */

#kopfKontakt {
    display: none;
}


/* +++ Servicenavigation +++ */

#serviceRechts ul.kontaktformular {
    display: none;
} 

    
/* +++ Hauptbereich mit linker Spalte und Inhalt +++ */

#hauptRahmenKontakt /* Hintergrund fuer linke Spalte wird eingebunden */ {
    margin: 0;
    padding: 0;
    width: 640px; 
    position: relative;
    border-bottom: 1px solid #fff;
}

#mitteKontakt {
    margin: 0;
    padding: 0;
    background: #fff;
    width: 100%;
    float: none;
}

#inhalt form fieldset {
    margin: 0 0 10px 0;
    padding: 10px;
    background: #fff;
    border: 1px solid #999;
}

#inhalt form fieldset fieldset {
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}

#inhalt form fieldset fieldset.linie {
    padding: 0 0 20px 0;
    background: url(../images/linie_punkt_waagrecht.gif) 0 100% repeat-x;
}

#inhalt form fieldset h3 {
    margin: 0;
    padding: 0 0 25px 0;
    background: url(../images/linie_punkt_waagrecht.gif) 0 100% repeat-x;
}
    
#inhalt form p {
    margin: 0;
    padding: 0 0 20px 0;
    color: #333;
}

#inhalt form p.links {
    padding: 0 20px 6px 0;
    width: 20%;
    float: left;
}

#inhalt form p.rechts {
    padding: 0 0 6px 0;
    width: 75%;
    float: right;
}

#inhalt form input {
    margin: 0.1em 0 0 0;
    padding: 0.1em;
    font-size: 11pt;
}

#inhalt form input.text {
    width: 98%;
}

#inhalt form input.checkbox {
    margin: 0 0 -0.15em 0;
    padding: 0;
}

#inhalt form input.buttonAnlage {
    margin: 0 0 10px 0;
    padding: 0;
    width: 200px;
    border: 1px outset #666;
    color: #000;
    background:#fefefe;
}

#inhalt form input.buttonAbsenden {
    margin: 0 0 10px 0;
    padding: 0;
    width: 150px;
    border: 1px outset #666;
    color: #000;
    background:#fefefe;
    float: right;
}

#inhalt form textarea {
    margin: 0 0 0.3em 0;
    padding: 0.1em;
    width: 98%;
}

#inhalt form select {
    margin: 0 0 0.3em 0;
    padding: 0;
    font-size: 11pt;
}


#bookmarks, #facebook{
display:none;
}
