/* 
marine blau #003678
petroleum #455E72
tauben blau dunkel #A9BDC8
Tauben Blau hell #87A2B8
Hellste Grau #E5E5E5

bordeaux #6E0D13

lavendel #657CA6 hell#DFE6EE  (Klartext)
rot #CE151A hell#EBDDDD  (Kultur)
grün #5EC200 hell#DFEDDC  (Wissen)
orange #E89300 hell#EDE9DD  (Wirtschaft)
himmelblau #54B8F4 hell#DEEDF4  (Guide)
 */


/*Allgemeine und bereichsübergreifende Formate*/
* {
	border: none;
	list-style: none;
}

body {
  	font-family: Arial, Helvetica, sans-serif;
	background-color:#afc5cf;
	color:#000;
}

address {
	font-style: normal;
}

#container {
	background-color: #fff;
}

a {
	text-decoration: none;
}

#header a:hover, #header a:active, #header a:focus,
#footer a:hover, #footer a:active, #footer a:focus,
#inhalt ul.navi_horizontal a:hover, #inhalt ul.navi_horizontal a:active, #inhalt ul.navi_horizontal a:focus {
	text-decoration: underline;
}

#inhalt a:hover, #inhalt a:active, #inhalt a:focus,
.kontext a:active, .kontext a:focus, .kontext a:hover {
	color:#CE151A;
}

#header a {
	color:#003678;
}


#inhalt ul.navi_horizontal, .kontext a, #inhalt a, #inhalt h3{
	color:#6E0D13;
}



/*Formate Inhaltsbereich*/

#inhalt ul.navi_horizontal a {
	color:#003678;
	}

#inhalt h2 {
	color:#4D6979;
	border-bottom: 1px dotted #4D6979;
}

#inhalt h2, #inhalt .artikel ul.dateien, body#artikel #inhalt .artikel .fuss{
	border-top: 1px dotted #4D6979;
}

#inhalt ul.navi_horizontal {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	}
	
#inhalt h2, #inhalt h3{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}

#inhalt .artikel .bild_links, #inhalt .artikel .bild_rechts, #inhalt .artikel .bild_zentral,
#inhalt .schlagzeilen .artikel img, #inhalt .artikelvorschau .artikel li img, 
body#artikel #inhalt .artikel img, .kontext ul.galerie li img {
	border: 1px solid #E5E5E5; 
	padding: 2px;
}
#inhalt .schlagzeilen .artikel img.puce, #inhalt .artikelvorschau .artikel li img.puce, 
body#artikel #inhalt .artikel img.puce, .kontext ul.galerie li img.puce {
	border: none; 
	padding:2px 0 0 0;
	margin:0;
}

body#artikel #inhalt .artikel h2.nachrichten {
	border-left: 1px solid #003678;
	background-image: url(thumb_hg.gif);
	background-repeat: repeat-y;
}

#inhalt .artikel ul.punkte li{	
	background-image: url("punkt_blau.gif");
	background-repeat: no-repeat;
	background-position: 0.75em 0.65em;
}

body#artikel #inhalt .artikel .dateien li.pdf a, body#artikel #inhalt .artikel .dateien li.bild a{
	padding-left: 20px;
	background-image: url(picto_seite.gif);
	background-repeat: no-repeat;
}

#inhalt .artikel a.sprachwahl_fr{
	margin-left: 0px;
	padding-left: 22px;
	background-image: url(picto_fr.gif);
	background-repeat: no-repeat;
	background-position: 3px -1px;
}
div.artikel ul.fuss{ margin:0;padding:5px 0 0 0;list-style: none; }
div.artikel ul.fuss li{ padding-right:5px;line-height: 16px;background-repeat: no-repeat;background-position: 0 50%; }
div.artikel ul.fuss li a { padding-left: 20px;padding-right:10px;text-decoration:none;font-size:11px;}
#zurueck { background-image: url(picto_rueck.gif);}
#versand { background-image: url(picto_brief.gif);}

/*Formate Navigationsblöcke*/
.navi h3 {
	border-top: 1px solid #003678;
	
	border-left: 10px solid #003678;
	padding: 2px 5px 1px 5px;
	
	text-transform:uppercase;
	background-color: #D9E2E7;
	color: #003678;
}

.navi a h3 {
	border-left: none;
	padding: 0px;
	border-left: 10px solid #003678;
	padding: 2px 5px 1px 5px;
	display: block;

	background-color: #D9E2E7;
	color: #003678;
}

.navi a:hover h3, .navi a:active h3, .navi a:focus h3{
	color: #003678;
	background-color: #FFFFFF;
}

.navi ul.index {
	font-weight:bold; 
}

.navi ul.index a {
	font-weight:bold; 
	text-decoration:none; 
	color: #FFFFFF; 
	background-color: #A9BDC8;
}

.navi ul.index li a:hover{
	color: #003678; 
	background-color: #D9E2E7;
}
.navi ul.index li a.de:hover{
	background-color: #D9E2E7;
}
.navi ul.index li.set > a{
	color: #003678; 
	background-color: #D9E2E7;
}
.navi ul.index li > a.de{
padding-left:22px;background:url(de.gif) 3px 50% no-repeat;
}
.navi ul.index li.set > a.de{
padding-left:22px;background:#D9E2E7 url(de.gif) 3px 50% no-repeat;
}
/* Navibox: Galerie*/

.navi ul.galerie {	
	background-color: #D9E2E7;
	background-image: url(navischatten.jpg);
	background-repeat: repeat-x;
}

.navi ul.galerie li {
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
}

.navi ul.galerie li:hover, .navi ul.galerie li.sfhover{
	background-color: #fff;
}

.navi .karte, .navi img, .navi ul.index li, .navi h3{
	border-bottom: 1px solid #87A2B8;
}

#navispalte .navi ul.index ul {
	border-top: 1px solid #87A2B8;
	margin-top: -1px; 
	border-left: 1px solid #87A2B8;
}

.navi .dropdown {
	width:180px;
	border: 1px solid #003678;
	background-color:#F8F9FB;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

/*Kontextboxen */

.kontext {
	border: 1px solid #B6BDC3;
	border-bottom: none;
}

.kontext h3, .kontext h4 {
	font-weight:normal; 
	font-family: "Times New Roman", Times, serif;
	color:#455E72;
	background-color:#DAE1E7;
}

.kontext ul.inhalte .datum_ort{
	font-style:italic;
}


.kontext h3, .kontext h4, .kontext ul.index li, .kontext ul.inhalte, .kontext ul.inhalte2, .kontext .fuss{
	border-bottom: 1px solid #B6BDC3;
}

/*Farbmodelle Infobereiche Titelseite (vgl. Farbtabellen oben)*/
.klartext .kontext, .guide .kontext, .kultur .kontext, .wissen .kontext, .wirtschaft .kontext, .guide .kontext {color: #4D6979; border-right: none;}
.klartext .kontext h3, .guide .kontext h3, .kultur .kontext h3, .wissen .kontext h3, .wirtschaft .kontext h3, .guide .kontext h3,
.klartext .kontext h4, .guide .kontext h4, .kultur .kontext h4, .wissen .kontext h4, .wirtschaft .kontext h4, .guide .kontext h4
 {color: #fff; border-bottom-style: none;}
.klartext .kontext ul, .guide .kontext ul, .kultur .kontext ul, .wissen .kontext ul, .wirtschaft .kontext ul, .guide .kontext ul {border-bottom-style: none;}

.klartext .kontext h3, .klartext .kontext h4 {background-color: #657CA6;}
.klartext .klartext, .klartext .kontext ul {border-color: #657CA6; background-color: #DFE6EE;}

.kultur .kontext h3, .kultur .kontext h4 {background-color: #CE151A;}
.kultur .kontext, .kultur .kontext ul {border-color: #CE151A; background-color: #EBDDDD;}

.wissen .kontext h3, .wissen .kontext h4 {background-color: #5EC200;}
.wissen .kontext, .wissen .kontext ul {border-color: #5EC200; background-color: #DFEDDC;}

.wirtschaft .kontext h3, .wirtschaft .kontext h4 {background-color: #E89300;}
.wirtschaft .kontext, .wirtschaft .kontext ul {border-color: #E89300; background-color: #EDE9DD;}

.guide .kontext h3, .guide .kontext h4 {background-color: #54B8F4;}
.guide .kontext, .guide .kontext ul {border-color: #54B8F4; background-color: #DEEDF4;}

.artikel p {text-align:justify}