BODY {
     background color: #ffffff;
   /*  background-image: url(hintergruende/mvn.logo.2008.ohne_schrift.sw.enl.dim.6.gif); */
     background-image: url(hintergruende/IMG_4672.freistellung.2.dim.red.2.b.gif);     /* Musigbuessle */
     background-attachment: fixed;
     font-family: Arial;
     font-size: 10pt;
     color: #333333;
     text-align: left;    /* vorgängig justify */
     text-decoration: none;
   
/*  Modifizierte Scrollbalken - funktioniert in IE 7 offensichtlich NICHT mit doctype HTML 4.01. In IE geht's nur wieder mit XHTML 1.0 . */
  
      scrollbar-base-color:;
      scrollbar-face-color:ffffff;
      scrollbar-track-color:fbfbfc;
      scrollbar-arrow-color:005599;
      scrollbar-3dlight-color:0077bb;
      scrollbar-highlight-color:eeeeee;    
      scrollbar-shadow-color:;
      scrollbar-darkshadow-color:005599;
    
		}

/* Global Resets, optional
*	{
	padding:0;
	margin:0;
}
*/

/* Global Reset, optional, z.B. damit Fancybox Overlay immer bis zum Seitenrand, wirkt sich jedoch auch auf Banner und alle anderen Seiten aus. Mit korrektem doctype dieser Reset aber eh nicht erforderlich :-)

body { margin: 0 auto; }

 */

hr  {                          /* Horizontale Trennlinien (fuer Berichte) */
   color: #999;
   background-color: #999;     /* für IE */
   height: 1px;
   width: 100%;
   border: none;
}


P    {
     font-family: Arial;
     font-size: 10pt;
     color: #333333;
     line-height: 130%;

}

H5	{
    font-family: Arial;
    font-size: 10pt;              /* Seitentitel und sekundaere Berichtstitel  */
    color: #aa0000;
	font-weight: bold;
}

H4	{
     font-family: Arial;
     font-size: 12pt;         /* default 12pt, Berichtstitel */
     color: #aa0000;
     font-weight: bold;

}

H3	{
     font-family: Arial;
     font-size: 12pt;          /* default 14pt, Spezial-Ueberschrift (groß)  */
     color: #aa0000;
     font-weight: bold;
}




A { text-decoration: none; padding: 0px; }
A:link { color: #005599; }      /* ermittelte Logo-Farbe #4C75AC (?)zu hell fuer Text, #0078AE (PS-Pipette) ebenfalls  */
A:visited { color: #005599; }
A:hover { color: #aa0000; background-color: #f3f3f3; }        /*  Dezentes Hover Highlight (für Links mit fester Farbe (nicht auto)) */
A:active { color: #aa0000; background-color: none; outline: none; }
A:focus { outline: none;}             /* Entfernung der gestrichelten Umrandung - funktioniert (in IE 7) aber nur mit Angabe bestimmter doctype */


a:hover.no_bg { background-color: #fff; font-weight: bold; }   /*  Hover Highlight , none funktioniert nicht, Ersatz weiss */


a img.last {
	margin-right: 0;	  /* Ergaenzung aus fancybox css */
}



ul, ol 	{ 
	margin: 0 0 0 18px;       /* Abstand links mind. 18px, sonst Listen-Symbol abgeschnitten */
	/* list-style-type: circle; */
	/* list-style-image: url(images/icon_musik.grau.ext.gif); */
	/* color: #777; */
}

li	{
	font-size: 10pt;
}

#content {
		text-align: left;
}

.content {
		text-align: left;
}

.einrueckung1 {
padding: 50px 50px 50px 50px;
}

img  { border: none; }  /* Global Overall für alle Bilder */


.bild_links	{
		float: left;
		padding: none;
		border: none;
		margin: 0 30px 20px 0;
}

.bild_rechts	{
		float: right;
		padding: none;
		border: none;
		margin: 0 0 20px 30px;
}



.ohne_backgroundimage {            /* Kein Hintergrundbild (Wasserzeichen) z.B. fuer Wilkommensseite mit Logo oder Navileiste */
background-image: none;
background-color: #ffffff;
}


img.bildrahmen1 {
padding: 5px;
border-right: solid 2px #CCCCCC;
border-bottom: solid 2px #BCBCBC;
border-left: solid 1px #eeeeee;
border-top: solid 1px #eeeeee;
background-color: #fffcf9;
}


img.schatten1 {
padding-right: 1px;
padding-bottom: 2px;
padding-left: 0px;
padding-top: 0px;
border-right: solid 1px #aaaaaa;
border-bottom: solid 1px #aaaaaa;
border-left: solid 1px #dddddd;
border-top: solid 1px #dddddd;
background-color: #888888;
}


#object1position {
clear: both;
float: left;
margin-top: -100px;         
margin-left: 0;      
margin-right: 0;
z-index: 1;
position: relative;
}


#object2position {
clear: both;
float: left;
margin-top: -100px;         
margin-left: 0;      
margin-right: 0;
z-index: 1;
position: relative;
}



/* Ergaenzung fuer Image-CAPTION (Bildunterschrift) */

div.caption_image_right {
  float: right;
  /*width: 10em;  */          /* optional autom. Skalierung des Containers (nicht Bild!) abhaengig vom umgebenden Text bzw. der Seitenbreite, damit verbunden auch autom. Zeilenumbruch Caption-Text, default 25% (aber auch mit em abhaengig von Schriftgröße moeglich). Wenn deaktiviert, dann manuelle Umbrueche in Caption-Text machen (und IMG-Autoskalierung nicht verwenden)   */
  min-width: 168px;           /* ergaenzt, optional zur Sicherheit, damit bei ganz schmalen Seiten Container nach Möglichkeit nicht kleiner als (Standard-)Bild und damit Bild über Umgebung. Grosser Wert in IE komischerweise ohne negative Auswirkung, ev. ohne Funktion */
  border: none;     /* Rahmen alternativ z.B. silver 0.08em solid  */
  margin-left: 2em;        /* aeusserer Abstand Container von Umgebung (Text), default margin (rundherum) 0.5em */
  margin-bottom: 1em;         /* ergaenzt */
  padding: 0;      /* innerer Abstand (Rand) Container, default 0.5em */
}

div.caption_image_right p {             /* Caption-Text (im selben Container wie Bild) unterhalb des Bildes */
  text-align: right;
  font-style: normal;
  font-size: 0.7em;
  color: #666666;
  text-indent: 0;            /* Horizont. Versatz, Einrückung */
  margin: 0.7em;
}

div.caption_image_left {
  float: left;
  /* width: 10em;   */         /* optional autom. Skalierung des Containers (nicht Bild!) abhaengig vom umgebenden Text bzw. der Seitenbreite, damit verbunden auch autom. Zeilenumbruch Caption-Text, default 25% (aber auch mit em abhaengig von Schriftgröße moeglich, wobei heute eh Standard). Wenn deaktiviert, dann manuelle Umbrueche in Caption-Text machen (und IMG-Autoskalierung nicht verwenden)   */
  min-width: 168px;           /* ergaenzt, optional zur Sicherheit, damit bei ganz schmalen Seiten Container nach Möglichkeit nicht kleiner als (Standard-)Bild und damit Bild über Umgebung. Grosser Wert in IE komischerweise ohne negative Auswirkung, ev. ohne Funktion */
  border: none;     /* Rahmen alternativ z.B. silver 0.08em solid  */
  margin-right: 2em;        /* aeusserer Abstand Container von Umgebung (Text), default margin (rundherum) 0.5em */
  margin-bottom: 1em;         /* ergaenzt */
  padding: 0;      /* innerer Abstand (Rand) Container, default 0.5em */
}

div.caption_image_left p {             /* Caption-Text (im selben Container wie Bild) unterhalb des Bildes */
  text-align: center;
  font-style: normal;
  font-size: 0.7em;
  color: #666666;
  text-indent: 0;            /* Horizont. Versatz, Einrückung */
  margin: 0.7em;
}


img.scaled {         /*  Zusatz-Option, damit Auto-Skalierung des Bildes in autom. skaliertem Container und dieses damit nur so breit wie Container und sich nie über die Umgebung schiebt */
  width: 100%;
}



/* Iconize 0.5  - funktioniert in MS IE offensichtlich nur mit doctype HTML 4.01, aber leider nicht mit XHTML 1.0 . In Mozilla Firefox geht's */

/* websites (pictures and movies) */
a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}

a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pic.gif) no-repeat center right;
}

/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_xls.gif) no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_feed.gif) no-repeat center right;
}

a[href$='.opml'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_opml.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_phps.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_phps.gif) no-repeat center right;
}

a[href$='.torrent'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_torrent.gif) no-repeat center right;
}

a[href$='.vcard'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_vcard.gif) no-repeat center right;
}

a[href$='.exe'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_exe.gif) no-repeat center right;
}

a[href$='.dmg'], a[href$='.app'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_dmg.gif) no-repeat center right;
}

a[href$='.pps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pps.gif) no-repeat center right;
}

a[href$='.pdf'], a[href$='.PDF'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}

a[href$='.xpi'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_plugin.gif) no-repeat center right;
}

a[href$='.fla'], a[href$='.swf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_flash.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_archive.gif) no-repeat center right;
}

a[href$='.ical'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_ical.gif) no-repeat center right;
}

a[href$='.css'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_css.gif) no-repeat center right;
}

a[href$='.ttf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_ttf.gif) no-repeat center right;
}

/* a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pic.gif) no-repeat center right;
} */   /*  siehe unten  */


/* Ergaenzung fuer Standard-Bilder mit Suffix in GROSSBUCHSTABEN */

/*  a[href$='.JPG'], a[href$='.GIF'], a[href$='.PNG'], a[href$='.BMP'], a[href$='.JPEG'], a[href$='.SVG'], a[href$='.EPS'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pic.gif) no-repeat center right;
} */   /*  Deaktiviert, Ein Bild braucht kein zusätzliches Bild(-Symbol)  */


a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}


/* Ergaenzung fuer Standard-Videos mit Suffix in GROSSBUCHSTABEN */

a[href$='.MOV'], a[href$='.WMV'], a[href$='.MP4'], a[href$='.AVI'], a[href$='.MPG'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}


a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_music.gif) no-repeat center right;
}


/* Ergaenzung fuer Standard-Audiofiles mit Suffix in GROSSBUCHSTABEN */

a[href$='.MP3'], a[href$='.WAV'], a[href$='.OGG'], a[href$='.WMA'], a[href$='.M4A'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_music.gif) no-repeat center right;
}



/* messenger */
a[href ^="aim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_aim.gif) no-repeat center right;
}

a[href ^="msnim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_msn.gif) no-repeat center right;
}

a[href ^="xmpp:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_jabber.gif) no-repeat center right;
}

a[href *="icq.com"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_icq.gif) no-repeat center right;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_yim.gif) no-repeat center right;
}

a[href ^="callto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_call.gif) no-repeat center right;
}

a[href ^="skype:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_skype.gif) no-repeat center right;
}

a[href ^="gg:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_gadugadu.gif) no-repeat center right;
}

/* email , hier Icon davor */
a[href ^="mailto:"] {
	padding: 5px 0 5px 20px;
    background: transparent url(icons/icon_mailto.gif) no-repeat center left;
}


/* use this class (in  a  Link ) wherever you want to make sure that images (z.B. Bilder-Links z.B. auf PDF, Grossansicht?) won't get iconized */

.noicon {
	padding-right: 0px !important;
	background: none !important;
}