/*
Name:  forbi_style.css
Typ:   CSS Style Sheet
URL:   www.forbi.net
Datum: 02.06.2008
*/

/* ### ALLGEMEINES ### */
html, body { background:url(layout_musik/tolex2.gif) repeat #000000; padding:0px; margin:0px; 
  color:#eeeeee; font-family:Arial,sans-serif; font-size:10pt;
  min-width:950px;
 
  scrollbar-base-color:#333333;
  scrollbar-3d-light-color:#666666;
  scrollbar-arrow-color:#666666;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#333333;
  scrollbar-highlight-color:#666666;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#333333;
}
.tolex  { background:url(layout_musik/tolex.gif) repeat #4c4c4c; }
.stoff  { background:url(layout_musik/stoff.gif) repeat #000000; }

table { font-size:10pt; border-collapse:collapse; margin:10px; }
td    { padding:3px 5px; vertical-align:top; }
/* td { border:1px solid #999999; } */
h1    { font-size:13pt; color:#ffbb00; font-weight:normal; border-bottom:1px solid #bb8866; }
h2    { font-size:11pt; color:#ffbb00; }
h3    { font-size:11pt; color:#eeeeee; }
h4    { font-size:10pt; color:#ffbb00; }
h5    { font-size:10pt; color:#eeeeee; }
hr    { height:1px; border:0; border-bottom:1px solid #bb8866; }
p     { margin:10px; }
ul    { /*position:relative; left:20px;*/ }
li    { list-style-type:bullet; margin:5px 0px; }
img   { border:0; }
a:link img, a:visited img, a:hover img { border:1px solid #ffbb00; }

a:link    { text-decoration:none; color:#ffbb00; }
a:visited { text-decoration:none; color:#ffbb00; }
a:hover   { text-decoration:underline; color:#ffbb00; }


/* ### AUSSENBEREICHE ### */
.aussenkanteO { height:10px; position:absolute; top:20px; left:20px; right:40px; background:url(layout_musik/kante_unten.gif) repeat-x #000000; }
.aussenkanteU { height:20px; position:absolute; bottom:30px; left:20px; right:40px; background:url(layout_musik/kante_oben.gif) repeat-x #000000; }
.aussenkanteL { width:10px; position:absolute; top:20px; bottom:40px; left:20px; background:url(layout_musik/kante_rechts.gif) repeat-y #000000; }
.aussenkanteR { width:20px; position:absolute; top:20px; bottom:40px; right:30px; background:url(layout_musik/kante_links.gif) repeat-y #000000; }

.ausseneckeOL { height:10px; width:10px; position:absolute; top:20px; left:20px; background:url(layout_musik/aussenecke_oben_links.gif) no-repeat; }
.ausseneckeOR { height:10px; width:10px; position:absolute; top:20px; right:40px; background:url(layout_musik/aussenecke_oben_rechts.gif) no-repeat; }
.ausseneckeUL { height:10px; width:10px; position:absolute; bottom:40px; left:20px; background:url(layout_musik/aussenecke_unten_links.gif) no-repeat #000000; }
.ausseneckeUR { height:20px; width:20px; position:absolute; bottom:30px; right:30px; background:url(layout_musik/aussenecke_unten_rechts.gif) no-repeat #000000; }

.oben   { height:30px; position:absolute; top:30px; left:30px; right:50px; }
.unten  { height:30px; position:absolute; bottom:50px; left:30px; right:50px; }
.links  { width:30px; position:absolute; top:30px; bottom:50px; left:30px; }
.rechts { width:30px; position:absolute; top:30px; bottom:50px; right:50px; }

.innenkanteO { height:10px; position:absolute; top:60px; left:60px; right:80px; background:url(layout_musik/kante_oben.gif) repeat-x #000000; }
.innenkanteU { height:10px; position:absolute; bottom:80px; left:60px; right:80px; background:url(layout_musik/kante_unten.gif) repeat-x #000000; }
.innenkanteL { width:10px; position:absolute; top:60px; bottom:80px; left:60px; background:url(layout_musik/kante_links.gif) repeat-y #000000; }
.innenkanteR { width:10px; position:absolute; top:60px; bottom:80px; right:80px; background:url(layout_musik/kante_rechts.gif) repeat-y #000000; }

.inneneckeOL { height:30px; width:30px; position:absolute; top:60px; left:60px; background:url(layout_musik/ecke_oben_links.gif) no-repeat; }
.inneneckeOR { height:30px; width:30px; position:absolute; top:60px; right:80px; background:url(layout_musik/ecke_oben_rechts.gif) no-repeat; }
.inneneckeUL { height:10px; width:10px; position:absolute; bottom:80px; left:60px; background:url(layout_musik/ecke_unten_links.gif) no-repeat; }
.inneneckeUR { height:10px; width:10px; position:absolute; bottom:80px; right:80px; background:url(layout_musik/ecke_unten_rechts.gif) no-repeat; }

.paneel { height:110px; position:absolute; top:70px; left:70px; right:90px; background:url(layout_musik/paneel.gif) repeat-x #ebb80a; }
.kanteM { height:20px; position:absolute; top:180px; left:70px; right:90px; background:url(layout_musik/kante_mitte.gif) repeat-x; }
.eckeML { height:20px; width:10px; position:absolute; top:180px; left:60px; background:url(layout_musik/ecke_mitte_links.gif) no-repeat; }
.eckeMR { height:20px; width:10px; position:absolute; top:180px; right:80px; background:url(layout_musik/ecke_mitte_rechts.gif) no-repeat; }

/* ### KOPFBEREICH ### */
.logo { background:url(layout_musik/forbi.gif) no-repeat right; height:89px; margin-right:30px; }
     .logo img { float:right; margin-top:23px; }
     .logo a:link img, .logo a:visited img, .logo a:hover img { border:0; }


/* ### NAVIGATION ### */
.navi1 .knobs { text-align:center; float:left; margin:0px 10px; background:url(layout_musik/knob.gif) no-repeat top center; min-width:80px; *width:80px; margin-top:5px; padding-top:60px; }
     a .knobs { color:#000000; font-weight:bold; text-decoration:none; }
     a:hover .knobs { background:url(layout_musik/knob_over.gif) no-repeat top center; text-decoration:underline; }
     .knobs#a1 { background:url(layout_musik/knob_full.gif) no-repeat top center; text-decoration:underline; font-style:italic; }

.navi2 { padding-left:20px; text-align:left; border-top:1px solid #000000; }
     .navi2 a:link, .navi2 a:visited { background:url(layout_musik/led.gif) no-repeat 0px 3px; color:#000000; text-decoration:none; padding:0px 25px 0px 15px; }
     .navi2 a:hover { background:url(layout_musik/led_over.gif) no-repeat 0px 3px; color:#ffbb00; text-decoration:none; }
     .navi2 #a2 { background:url(layout_musik/led_over.gif) no-repeat 0px 3px; text-decoration:none; font-style:italic; color:#ffbb00; }

.navi3 { text-align:left; font-size:9pt; }
     .navi3 span { margin-left:20px; position:relative; top:2px; }
     .navi3 a:link, .navi3 a:visited { color:#bb8866; text-decoration:none; }
     .navi3 a:hover, .navi3 #a3  { color:#ffbb00; text-decoration:none; }

/* ### HAUPTBEREICH ### */
.inhalt { position:absolute; top:200px; bottom:90px; left:70px; right:90px; overflow:auto; padding:10px 20px 50px 20px; }
     .inhalt img { margin:0px 10px; }

/* ### FUSSBEREICH ### */
.unterlinks { text-align:right; padding:8px 50px 0px 0px; color:#bb8866; font-size:9pt; *padding-top:7px; *position:absolute; }
     .unterlinks span { color:#bbbbbb; margin:0px 5px }
     .unterlinks a    { color:#ffbb00; }
     .unterlinks a:hover { color:#ffffff; text-decoration:none; }

/* ### SUCHE ### */
.suche { float:right; }
     .suchfeld  { font-size:9pt; background:url(layout_musik/tolex.gif) repeat #4c4c4c; color:#ffbb00; border:2px solid #5d5d5d; border-left:2px solid #000000; border-top:2px solid #000000; position:relative; top:-2px; }
     .suchknopf { font-size:9pt; background:url(layout_musik/suchknopf.gif) 0px 0px no-repeat #4c4c4c; border:0px; padding:0px 0px 0px 8px; cursor:pointer; }
     .suchfeld:hover  { color:#ffffff; }
     .suchknopf:hover { background:url(layout_musik/suchknopf_over.gif) 0px 0px no-repeat #4c4c4c; }

     .suchfeld2  { background-color:#4c4c4c; color:#ffffff; border:1px solid #5d5d5d; border-left:1px solid #000000; border-top:1px solid #000000; padding:0px 5px; }
     .suchknopf2 { background-color:#4c4c4c; color:#ffffff; border:3px solid #5d5d5d; border-right:3px solid #000000; border-bottom:3px solid #000000; margin-top:20px; }
     .csc-form-radio { color:#ffffff; }
     .suchfeld2:hover, .suchknopf2:hover, span.csc-form-radio:hover { color:#ffbb00; }

/* ### TYPO3 RELEVANTES ### */
.csc-textpic-intext-right, .csc-textpic-right { padding-right:10px; }

/* ### MAIL FORMULAR ### */
.csc-mailform { width:400px; float:left; }
     .csc-mailform-field  { clear:both; }
     .csc-mailform-field input    { float:right; width:300px; margin:0 0 10px 0; background:url(layout_musik/tolex.gif) repeat #4c4c4c; color:#ffffff; border:1px solid #5d5d5d; border-left:1px solid #000000; border-top:1px solid #000000; padding:0px 5px; }
     .csc-mailform-field textarea { float:right; width:300px; margin:0 0 10px 0; background:url(layout_musik/tolex.gif) repeat #4c4c4c; color:#ffffff; border:1px solid #5d5d5d; border-left:1px solid #000000; border-top:1px solid #000000; padding:0px 5px; }
     .csc-mailform-field label    { vertical-align:top; }
     .csc-mailform-field input.csc-mailform-submit { width:100px; background:url() repeat #4c4c4c; color:#ffffff; border:3px solid #5d5d5d; border-right:3px solid #000000; border-bottom:3px solid #000000; margin-top:10px; }
     .csc-mailform-field input:hover, .csc-mailform-field input.csc-mailform-submit:hover, .csc-mailform-field textarea:hover { color:#ffbb00; }
     .csc-mailform-label { float:right; padding:5px 0px 20px 0px;}
     /* IE7 fix */
     .csc-mailform-field input, .csc-mailform-field textarea { *margin:-15px 0 10px 0; }

/* ### LOGIN FORMULAR ### */
.csc-loginform .suchfeld { margin-top:8px; font-size:100%; }
.csc-form-label-req { float:right; padding-right:20px; }

/* ### UPLOAD SEITE ### */
.files label { padding-right:20px; }
.upload_warn { color:#cd0054; }
.upload_info { color:#83aa41; }
.files       { clear:both; padding:0 10px 10px 0; margin:0 0 10px 10px; }
.file_name   { float:left; background:url(/fileadmin/templates/forbi/layout_musik/file.gif) left no-repeat; height:16px; margin:0 0 0 5px; padding-bottom:0; }
.file_name a { padding:3px 0px 3px 20px; }
.file_info   { float:right; margin:0 15px 0 0; padding:0; }
.file_info a { background:url(/fileadmin/templates/forbi/layout_musik/delete.gif) right no-repeat; padding:3px 10px 3px 0px; }
.file_info a:hover { text-decoration:none; }
.upload_warn { color:#cd0054; }
.upload_info { color:#83aa41; }
.ibutton     { height:22px; margin-top:10px; }


/* ### SITEMAP ### */
.csc-sitemap ul { list-style-position:inside; padding-left:10px; *margin-left:0px; font-weight:bold; font-size:16px; left:0px; }
     .csc-sitemap ul li ul { padding-left:20px; font-size:14px; }
     .csc-sitemap ul li ul li ul { padding-left:30px; background:url(layout_musik/ul.gif) left top repeat-y; font-size:12px; }
     .csc-sitemap ul li ul li ul li ul { font-weight:normal; }
     .csc-sitemap li.last ul { background:url() left top no-repeat; }
     
     .csc-sitemap ul li { list-style-image:url(layout_musik/list1.gif); margin:20px 0 0 0; }
     .csc-sitemap ul li a { *margin-left:5px; }
     .csc-sitemap ul li ul li { list-style-image:url(layout_musik/list.gif); margin:0px; }
     
     .csc-sitemap a:hover        { text-decoration:underline; color:#ffffff; }
     .csc-sitemap .green a       { text-decoration:underline; color:#009900; }
     .csc-sitemap .green a:hover { text-decoration:underline; color:#eeffee; }

/* ### VIDEO ### */
.video  { margin:0px 10px 10px 0px; float:left; }
.clear  { clear:both; }
.hidden { visibility:hidden; display:none; }