/* CSS Document */
/* editiert rk 18-09-2008 rk */

BODY { height:100%; background:#FFF url(/img/bg.jpg) repeat-x; } 
FORM, BODY, HTML { margin:0; padding:0; }
TD, P, DIV, BODY { FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif; color:#323B45; }
IMG, TABLE { border:0; }
A { color:#747941; }
A:hover { color:#BB0C0C; }

/* ------ FONTFORMATIERUNGEN ------ */
H1 { font-size:130%; color:#747941; }
H2 { font-size:100%; color:#747941; margin:0; padding:0; text-decoration:none; }
H3 { font-size:96%; color:#323B45; font-weight:bold; padding:0; margin:0; }
H3 A { color:#323B45; font-weight:bold; }
H1 A:hover, H2 A:hover, H3 A:hover { text-decoration:underline; }

.rot { color:#D30012; }
.pfeil { background:url(/img/pfeil_rot.gif) no-repeat; padding-left:16px; }

/* ------ SEITENFORMATIERUNGEN ------ */
		
/* --- Hauptgeruest --- */
.head, .servicemenu, .geklogo, .pathfinder, .funktionen, .contentlinks, .contentrechts, .submenu, .teaserarea,
.teaser, .hauptmenu, .redline, .artikellinks, .artikelrechts, .footer { position:relative; float:left; }

/* --- Headbereich --- */
.logo { position:absolute; z-index:2; top:0px; left:0px; }
.fitmitmusik { position:absolute; z-index:3; top:40px; left:92px; }
.geklogo { position:relative; float:right; padding-right:8px; display:block; width:700px; text-align:right; }
.head { width:770px; height:96px; background:#FFF url(/img/bg_head.gif) repeat-x; border-right:2px solid #FFF; }

/* --- Listen --- */
UL { padding:5px 0 0 20px; margin:0px; }
UL LI { list-style-image:url(/img/pfeil_rot.gif); padding:1px; margin:0; }
.artikelgruen UL LI { list-style-image:url(/img/pfeil_rot_bggruen.gif); }
.artikelgold UL LI { list-style-image:url(/img/pfeil_rot_bggold.gif); }

/* --- Menues als Listen --- */
.hauptmenu UL, .servicemenu UL, .submenu UL { display:inline; padding:0px; margin:0px; }
.hauptmenu LI, .servicemenu LI, .submenu LI  { display:inline; list-style:none; padding:0px; }

/* Hauptmenue */
.hauptmenu { margin-top:12px; float:right; padding-left:100px; }
.hauptmenu a { background:#BB0B0D url(/img/whiteline.gif) repeat-y; float:left; height:20px; padding:5px 9px 0 9px;	color:#FFF; font-size:75%; font-weight:bold; text-decoration:none; text-align:center; }
.hauptmenu a:hover { background:#D30012 url(/img/whiteline.gif) repeat-y; color:#FFF; }
#focus { background:#E7383A url(/img/whiteline.gif) repeat-y; }
.hauptmenu acronym { text-decoration:none; border:none; }

/* Servicemenu */
.servicemenu { height:24px; font-size:75%; padding:6px 10px 0 0; color:#17437A; font-weight:bold; float:right;  }
.servicemenu UL LI A { color:#535448; font-weight:bold; text-decoration:none; padding-left:10px; background:url(/img/servicetrenner.gif) no-repeat; }
.servicemenu UL LI A:hover { text-decoration:underline; }

/* Submenu */
.submenu { width:530px; background:#EAEAEA; margin-top:2px; padding:8px 8px 8px 232px; font-weight:bold; font-size:75%; border-right:2px solid #FFF; }
.submenu UL LI A { background:url(/img/pfeil_rot.gif) no-repeat; padding:0 6px 0 16px; color:#747941; text-decoration:none; }
.submenu UL LI A:hover { text-decoration:underline; color:#BB0C0C; }

/* Pfad und Funktionen */
.funktionen, .pathfinder { min-height:22px; font-size:80%; padding:8px 8px 0 14px; font-size:75%; }
.funktionen { width:228px; text-align:right; _height:22px; }
.pathfinder { width:500px; background:url(/img/icon_rot_quadrat.gif) no-repeat; }

/* --- INDEX --- */
.row1, .row2, .row3, .bigteaser, .smallrechts, .smallteaser1, .smallteaser2, .footerindex, 
.row1blau, .row2blau, .row3blau, .row1gold, .row2gold, .row3gold, .row1grau, .row2grau, .row3grau
{ position:relative; float:left; }

.bigteaser .text { position:relative; float:right; }

.row1, .row2, .row3, .row1blau, .row2blau, .row3blau, .row1gold, .row2gold, .row3gold, .row1grau, .row2grau, .row3grau
{ min-height:140px; border-bottom:2px solid #FFF; font-size:78%; width:100%; _height:140px; }

/* Mainbgs bei vergroesserung */
.row1, .row1blau, .row2blau, .row3blau { background:#F2F2EF url(/img/bg_row1.gif) repeat-y; } /* BLAU */
.row2, .row1gold, .row2gold, .row3gold { background:#F2F2EF url(/img/bg_row2.gif) repeat-y; } /* GOLD */
.row3, .row1grau, .row2grau, .row3grau { background:#F2F2EF url(/img/bg_row4.gif) repeat-y; } /* ROT */
.row3 { background:#F2F2EF url(/img/bg_row3.gif) repeat-y; } /* GRAU */


/* Big Teaser links */
.bigteaser { width:433px; min-height:140px; height:auto; padding-left:17px; border-right:2px solid #FFF; _height:140px; }
.bigteaser .text { width:250px; padding:12px 7px 7px 7px; }
/*.row3 .bigteaser .text { background:#EAEAEA url(/img/bg_forumteaser.gif) no-repeat; width:418px; padding:6px 7px 7px 7px; }*/

.row1 .bigteaser, .artikelgruen, .row1blau .bigteaser, .row2blau .bigteaser, .row3blau .bigteaser { background:#CEE1E4 url(/img/bg_index_blau.gif) repeat-y; }
.row2 .bigteaser, .artikelgold, .row1gold .bigteaser, .row2gold .bigteaser, .row3gold .bigteaser { background:#EAE6CC url(/img/bg_index_gold.gif) repeat-y;  }
.row3 .bigteaser { background:#EAEAEA url(/img/bg_index_grau.gif) repeat-y; height:auto; } /* Nur fuer Startseite */
.row1grau .bigteaser , .row2grau .bigteaser, .row3grau .bigteaser { background:#EAEAEA url(/img/bg_index_rot.gif) repeat-y; height:auto; }

/* BIG Ueberschriften */
.row1 .bigteaser H2, .row1blau .bigteaser H2, .row2blau .bigteaser H2, .row3blau .bigteaser H2 { color:#40929A; font-size:140%; }
.row2 .bigteaser H2, .row1gold .bigteaser H2, .row2gold .bigteaser H2, .row3gold .bigteaser H2 { color:#938832; font-size:140%; }
.row3 .bigteaser H2, .row1grau .bigteaser H2, .row2grau .bigteaser H2, .row3grau .bigteaser H2 { color:#747941; font-size:140%; }

/* BIG Image */
.imgfloat { border-right:2px solid #FFF; }
.imgfloat { position:relative; float:right; }

.row2 .imgfloat, .row2blau .imgfloat, .row2gold .imgfloat, .row2grau .imgfloat { border:0; border-left:2px solid #FFF; }
.row2 .bigteaser .imgfloat, .row2grau .bigteaser .imgfloat, .row2gold .bigteaser .imgfloat, .row2blau .bigteaser .imgfloat{ position:relative; float:left; }
.row2 .bigteaser .text, .row2grau .bigteaser .text, .row2blau .bigteaser .text,  .row2gold .bigteaser .text{ position:relative; float:left; }

/* Forumteaser */
.forumteaserlinks, .beitrag, .user { position:relative; float:left; }
.forumteaserlinks { width:230px; padding-bottom:10px; }
.user { width:100px; font-size:90%; }
.user A { color:#4B4D47; font-weight:bold; text-decoration:none;  font-size:100%; }
.beitrag { width:310px; }
.beitrag H3 A{ font-weight:bold; color:#747941; }
.bigteaser div.hr { height:1px; background:url(/img/hr_foren.gif) repeat-x scroll left; padding:5px 0 8px 0;  } /* HR Teaser */

/* Kleine Teaser rechts */
.smallrechts { width:316px; background:#DCDCD9 url(/img/bg_index_hblau.gif) repeat-y; }        /* Mac IE macht diesen DIV um die kleinen Teaser noetig! */
.row2 .smallrechts { width:316px; background:#DCDCD9 url(/img/bg_index_hblau.gif) repeat-y; }  /* Wegen dem brauchen wir auch das HintergrundBG */
.smallrechts A { color:#323B45; text-decoration:none; }
.smallrechts A:hover  { text-decoration:underline; }


.smallteaser1, .smallteaser2 { border-right:2px solid #FFF; background:#EAEAEA url(/img/bg_index_grau.gif) repeat-y; width:299px; 
										 padding-left:17px; min-height:69px; _height:69px; }   /* _ = IE Hack */
.smallteaser1 { border-bottom:2px solid #FFF; }
.smallteaser1 .text, .smallteaser2 .text { padding:5px; font-size:95%; width:auto; }
.smallteaser1 IMG, .smallteaser2 IMG { float:right; position:relative; border-left:2px solid #FFF; }
.smallteaser1 H2, .smallteaser2 H2  { color:#747941; }

/* Smallteaser Row2-Specials */
.row2 .smallteaser1, .row2 .smallteaser2 { background:#DCDCD9 url(/img/bg_index_hblau.gif) repeat-y; }

/* ------ ARTIKEL ------ */
.artikelcontent, .artikel, .artikelgruen, .artikelgold, .artikelteaser, .artikelrechts, .artikellinks, .rechts  
{ position:relative; float:left; }

/* Links */
.artikel, .artikelgruen, .artikelgold { width:475px; background:#E9E7D7 url(/img/bg_index_rot.gif) repeat-y; 
													 border-right:2px solid #FFF; border-bottom:2px solid #FFF; }

.artikelgruen { background:#CEE1E4 url(/img/bg_index_blau.gif) repeat-y; }
.artikelgruen H1 { color:#40929A; }
.artikelgold { background:#EAE6CC url(/img/bg_index_gold.gif) repeat-y; }

.cimg { position:relative; float:right; padding-left:10px; }
.artikeltext { padding:10px 50px 10px 30px; font-size:80%; border-bottom:2px solid #FFF; }

/* Artikelfunktionen und Top/Back-Navigation */
.artikellinks, .artikelrechts { height:28px; font-size:75%; padding:8px 8px 0 20px; }
.artikellinks { width:139px; background:#EAEAEA url(/img/bg_index_grau.gif) repeat-y; }
.artikelrechts { width:280px; background:#EAEAEA; text-align:right; }

/* Rechts Teaser */
.rechts { width:290px; }
.artikelteaser, .artikelteaser2 { width:290px; background:#DCDCD9 url(/img/bg_artikelteaser.gif) no-repeat right bottom; }
.artikelteaserimage { border-left:2px solid #FFF; border-bottom:2px solid #FFF; float:right; }
.artikelteaser .text, .artikelteaser2 .text { padding:10px 10px 10px 24px; font-size:70%; }
.artikelteaser2 { border-top:2px solid #FFF; background:#DCDCD9 url(/img/bg_artikelteaser.gif) no-repeat right bottom; }

.artikelteaser UL { padding:0; margin:2px 0 0 14px; list-style-type:none; }
.artikelteaser LI { padding:1px 0; margin:0; list-style-image:url(/img/pfeil_rot.gif); }
.artikelteaser H3 { font-size:110%; color:#848484; margin-top:10px; }

/* Sonstiges */
.footer { height:6px; width:100%; background:url(/img/bg_footer.gif) repeat-x; margin:0px 0 30px 0; _margin:-20px 0 15px 0; }  /* _ = IE Hack */
.illu { clear:both; padding:3px 10px 3px 3px; position:relative; float:left; }
.illudoku {}

/* --- Footer --- */
.footerindex { position:relative; float:left; clear:both; }
.footerindex { height:6px; width:756px; background:#b8b9ac; margin:0px 0 30px 0; text-align:center; padding:6px; color:#FFF; height:auto; font-size:70%; line-height:16px;  }
.footerindex A { color:#FFF; }

/************************************************* ALTER KRAM *********************************************************/

/* Suche */
.blaetternlinks { position:relative; float:left; width:30%; padding-top:5px; }
.blaetternmitte { position:relative; float:left; width:40%; text-align:center; padding-top:5px; }
.blaetternrechts { position:relative; float:left; width:30%; text-align:right; padding-top:5px; } 

/* Sitemap */
.sitemap { padding-left:25px; padding-bottom:25px; }
.sitemap UL, .sitemap UL UL { padding-left:16px; padding-bottom:8px; margin:2px 0 0 0;}
.sitemap LI { list-style-image:url(/img/pfeil_li.gif); margin:2px 0 0 0; padding:0px; }
.sitemap UL UL UL LI{ list-style-image:url(/img/listdot.gif); margin-left:2px; }
.sitemap UL UL UL UL LI {  list-style:none; }

/* Artikel drucken */
.druck { background-color:#FFFFFF; background-image:none; font-size:80%; text-align:left; padding:2%; }
.druckenlinks { position:relative; height:105px; float:left; width:30%;  }
.druckenrechts { position:relative; height:105px; float:left; text-align:right; font-size:85%; width:70%; }

.druck .rubrik { font-size:90%; padding:0px; }
.druck .listlink { background-image:url(/img/pfeil_weiss.gif); }

/* STILELEMENTE */
div.hr { height:1px; background:url(/img/hr_beige.gif) repeat-x scroll left; }
div.hr hr { display:none; }


/* ------ TABELLENDEFINITIONEN ------ */
CAPTION {font-weight:bold; color:#CF1D24; text-align:left; }
TD, TR, TABLE, TH {border:0px solid #FFFFFF; padding:3px; margin:2px; }
TH { background-color:#6A8BB6; color:#FFFFFF; font-weight:normal; } 
TD { background-color:#F4F7F8; }

/* Formfelder-Formatierungen */
INPUT { height:auto; font-size:105%; }
TEXTAREA { font-size:100%; FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif; width:90%; }
.button { font-weight:bold; padding:0 15px 0 15px; }
.input90 { width:90%; }
.input70 { width:70%; }
.input18 { width:18%; }

/* Ua Hauptmenu uberspringen und text-only elemente anzeigen */
.hidden { display:none; }
.clear { clear:both; }
.accesskeysdef { position:absolute; top:-1000px; left:0px; color:#FFF; width:400px; } /* In Standardbrowser versteckte Keydefinitionen */