/*-------------------------------------------------------------------------*/
html {
 margin:0; padding:0;
 scrollbar-base-color:#802802;
 scrollbar-3d-light-color:#FFF;
 scrollbar-arrow-color:#FFF;
 scrollbar-darkshadow-color:#000;
 scrollbar-face-color:#802802;
 scrollbar-highlight-color:#a02302;
 scrollbar-shadow-color:#000;
 scrollbar-track-color:#000;
}
body {
 margin:0; padding:0;
 color:#fff;
 font-family:Arial,sans-serif;
 font-size:100.01%;
 background:url('hintergrund_inhalte.jpg') left top no-repeat fixed #000;
 scrollbar-base-color:#802802;
 scrollbar-3d-light-color:#FFF;
 scrollbar-arrow-color:#FFF;
 scrollbar-darkshadow-color:#000;
 scrollbar-face-color:#802802;
 scrollbar-highlight-color:#a02302;
 scrollbar-shadow-color:#000;
 scrollbar-track-color:#000;
}
/*-------------------------------------------------------------------------*/



/* absaetze definieren ----------------------------------------------------*/
p {
 text-align:justify;
 line-height:140%;
 font-size:90%;
 margin-bottom:30px;
 padding-bottom:20px;
 color:#bbb;
 border-bottom:1px dotted #444;
}
p a {
color:#000;
background:#ee9936;
padding:1px 10px;
margin:0px 10px;
text-decoration:none;
font-weight:bold;
border:2px outset #ccc;
}
p a:hover {
color:#fff;
background:#9b3905;
padding:1px 10px;
text-decoration:none;
font-weight:bold;
border:2px inset #ccc;
}
p.impressumemail a {
 background:url('') left top no-repeat transparent;
 font-size:100%;
 border:1px solid transparent;
 color:#fff;
 font-weight:bold;
 letter-spacing:1px;
}
p.impressumemail a:hover {
 background:url('') left top no-repeat transparent;
 color:#9b3905;
}
/*-------------------------------------------------------------------------*/



/* listen definieren ------------------------------------------------------*/
ul { margin-bottom:50px;}
li {
 margin-left:60px;
 color:#bbb;
 line-height:160%;
}
/*-------------------------------------------------------------------------*/



/* nebenauswahl HYPERLINKS definieren -------------------------------------*/
div.nebenauswahl {
 width:200px;
 border:0px dashed yellow;
 float:right;
 background:url('') left top no-repeat transparent;
 margin:0px;
 margin-left:25px;
 xoverflow:visible;
}
div.nebenauswahl a {
 background:url('') left top no-repeat transparent;
 font-size:90px;
 border:1px solid transparent;
}
/* ...bei MOUSEOVER */
/* ... ...auf der STARTSEITE */
div.nebenauswahl a.wasichmag:hover {
 background:url('wasichmag.png') left top no-repeat transparent;
}
div.nebenauswahl a.dreams:hover {
 background:url('dreams.png') left top no-repeat transparent;
}
div.nebenauswahl a.werdegang:hover {
 background:url('werdegang.png') left top no-repeat transparent;
}
div.nebenauswahl a.bilder:hover {
 background:url('bilder.png') left top no-repeat transparent;
}
div.nebenauswahl a.gitarren:hover {
 background:url('gitarren.png') left top no-repeat transparent;
}
div.nebenauswahl a.formular:hover {
 background:url('formular.png') left top no-repeat transparent;
}
div.nebenauswahl a.impressum:hover {
 background:url('impressum.png') left top no-repeat transparent;
}
div.nebenauswahl a.email:hover {
 background:url('email.png') left top no-repeat transparent;
}
/*-------------------------------------------------------------------------*/



/* ueberschriften definiern -----------------------------------------------*/
h3 {
 text-align:center;
}
h4 {
 color:#b24d16;
 text-align:center;
}
/*-------------------------------------------------------------------------*/



/* inhalts-bereich definiern ----------------------------------------------*/
div.inhaltsbox {
 padding:0px 80px 50px 0px;
 border:0px solid blue;
 margin:0px 0px 0px 380px;
 background:url('12.jpg') right 30px fixed no-repeat transparent;
 float:none;
 overflow:hidden;
 min-height:529px;
}
div.inhaltsbox420 {
 border:0px solid red;
 margin:0px;
 float:none;
 overflow:hidden;
}
/*-------------------------------------------------------------------------*/



/* tabelle (LINKS) definiern ----------------------------------------------*/
td.re2 { background:url('punktlinie.gif') 0px 0px repeat-x transparent; }
td.re2 a {
 color:#fff;
 font-weight:bold;
 text-decoration:none;
}
td.re2 a:hover {
 color:#9b3905;
 text-decoration:none;
}
td.re {
 color:#bbb;
 padding-bottom:25px;
 padding-left:3px;
 font-size:80%;
}
/*-------------------------------------------------------------------------*/



/* bilder-hinweis copyright definiern -------------------------------------*/
hr.bilderende {
 border:1px dashed #777;
 height:1px;
}
div.bilderhinweis {
font-size:80%;
margin-bottom:30px;
color:#bbb;
}
/*-------------------------------------------------------------------------*/



/* bilder-auswahl links definiern -----------------------------------------*/
a.bilderauswahl { padding:3px; }
/*-------------------------------------------------------------------------*/

/* einzelne bilder-auswahl links definiern --------------------------------*/
img.thumb { border:1px solid transparent; margin:10px; }
img.thumb:hover { border:1px solid #fff; margin:10px; }
img.thumb2 { border:1px solid transparent; margin:5px 0px; }
img.thumb2:hover {
 border:1px solid transparent;
 margin:5px 0px;
 border-bottom:1px solid #fff;
 border-right:1px solid #fff;
}
/*-------------------------------------------------------------------------*/
