/* ### screen-layout for www.predawnhours.de ### */


/* ### ALLGEMEINES ### */

body { background:#321; color:white; font-size:100.01%; font-family:Verdana,Arial,sans-serif; margin:0; min-width:700px; padding:1%; }

/* Headers */
h1, h2 { line-height:0.8em; font-family:Arial,sans-serif; margin:0; }
h1 { color:white; font-size:1.6em; padding:20px 0 40px 32px; }
h2 { color:#321; font-size:1.25em; padding:20px 0; }
h3, h4, h5, h6 { color:white; font-family:Georgia,"Times New Roman",Times,serif; }

/* Images */
img { border:solid 1px #321; max-width:95%; margin:0; padding:0; } /* Anti-Zu-großes-Bild */
.imgleft { float:left; margin-right:20px; } /* Pressetext */
.imgright { float:right; margin-left:20px; } /* Pressetext */

/* Links */
a { color:#fff; text-decoration:none; } /* color:#0B4D8C; text-decoration:underline; */
a:visited { color:#000; }
a:hover { text-decoration:underline; }

/* Misc. */
code { color:#cce; font-size:1.1em; margin-right:0.5em; } /* font-size wird im ielte6.css verkleinert */

/* Tables */
fieldset { border:none; padding-bottom:0; }
label { cursor:pointer; }
legend { font-weight:bold; line-height:2em; }
table { border:0; width:100%; }

/* ### CLASSES ### */

/* Screenreader-Work-Around */
.skip { margin-left:-10000px; position:absolute; }

/* Columns */
.left { background:#740; float:left; margin:0; padding:0; width:250px; } /* für Soundcheck */
.right { background:#740; float:right; margin:2% 1%; padding:5px; width:400px; } /* für Dankeseite */

/* Colors & Text */
.back { color:#321; }
.border { color:#a06720; }
.box { color:#740; }
.light { color:#cce; }
.white { color:#fff; } 

.em07 { font-size:0.7em; line-height:1.5em; }
.tright { text-align:right; }
.block { text-align:justify; } /* Pressetext */
.strike { text-decoration:line-through; } /* Update */

.help, #gigs .help { cursor:help; text-decoration:none; color:#fff; } /* Update, Gigs */

/* Form */
.bg_formm { background:url(../img/bg/postcard_400x280.jpg) no-repeat top #321; height:320px; padding:0; border:2px solid #321; }
.btn { background:#740; border-color:#321; margin-top:5px; }
.feld { background-color:#f6f2f0; color:#321; }
.feld:focus { background-color:#fff; border:2px solid #321; }
.mar_b { margin-bottom:5px; }
.res { border-left-color:#a06720; border-top-color:#a06720; color:#321; }
.sub { border-left-color:#cce; border-top-color:#cce; color:#fff; width:110px; }

/* Image-Layouts */
img.cover { float:left; margin:0 10px 10px 0; vertical-align:bottom; }
img.nobo { border:none; }
img.thumb { border:solid 4px #000; width:70px; height:40px; margin:2px 0; }

/* ### SECTIONS ### */

/* Box */
#container { background:#740; border:1px solid #a06720; margin:auto; max-width:700px; } /* F. d. IE gibt es in ielte6.css einen Workaround */

/* Background-Images */
#logo { background:url(../img/bg/topbg_700x56_80.jpg) #a06720; border:none; height:56px; }
#picindex { background:url(../img/bg/index_700x144_80.jpg) no-repeat 100% #000; background-position:top; border:none; height:162px; }
#picband { background:url(../img/bg/band_700x162_60.jpg) #a06720; border:none; height:162px; }
#piclisten { background:url(../img/bg/radio_700x162_60c.jpg) #a06720; border:none; height:162px; }
#picpics { background:url(../img/bg/pics_700x162_50.jpg) #a06720; border:none; height:162px; }
#piclinks { background:url(../img/bg/links_700x162_50.jpg) #a06720; border:none; height:162px; }
#picpress { background:url(../img/bg/press_700x162_60.jpg) #a06720; border:none; height:162px; }
#piccontact { background:url(../img/bg/contact_700x162_60.jpg) #a06720; border:none; height:162px; }
#picflag { background:url(../img/bg/mischpult_700x162_60.jpg) #a06720; border:none; height:162px; }

/* Menu */
ul#menu { background:#a06720; margin:0; padding:5px; text-align:right; font-size:0.96em; font-weight:bold; list-style-type:none; }
ul#menu li { border-left:1px solid white; color:#321; display:inline; padding:0 5px; }
ul#menu li a {color:#fff; } /* nötig für IE */

/* Main */
#main { padding:0 25px 10px 2%; }
#main a { color:#ddf; }

/* Updates */
#upd, #old { padding:0 31% 1em 0; margin:0; text-align:justify; font-size:0.8em; } /* in ielte6.css angepasst */
#upd dt, #old dt { padding:0.5em 0; margin-top:1em; border-top:1px dotted #a06720; } /* in ielte6.css angepasst */
#upd dd, #old dd { font-size:0.73em; line-height:1.5em; padding:0.3em 0; margin:0 0 0.5em 0; }
dl.hide { display:none; }
dl.show { display:block; }
.pointer { cursor:pointer; }

/* Gigs */
#gigs { color:#fff; float:right; text-align:left; width:27%; padding:50px 5px; margin-top:40px; border-left:1px dotted #321; } /* in ielte6.css angepasst */
#gigs a { color:#cce; }
#gigs dt { font-size:0.72em; font-family:Georgia,"Times New Roman",Times,serif; margin-top:1.5em; }
#gigs dd { font-size:0.6em; padding:0; margin:1px 0; }

/* Bandinfo */
table#cast { font-size:0.8em; text-align:center; } /* muss im ielte6.css genauer definiert werden */

/* Soundcheck */
.album { font-size:0.8em; line-height:1.5em; clear:both; margin-bottom:40px; }

/* Fotos */
.fotos { font-size:0.8em; }
div.pics_ { text-align:center; margin:15px 0; }

/* Links */
ul#links { font-size:0.8em; line-height:1.5em; margin:2em 0; padding-left:32px; list-style-type:none; }

/* Klassen für Links, Pressetext, Kontakt, Impressum und auch Fotos */
.em08 { font-size:0.8em; }
.lh15 { line-height:1.5em; }

/* Footer */
#fuss { clear:both; background:#a06720; color:#cce; font-size:0.8em; line-height:0.75em; margin:0; padding:5px; text-align:right; list-style-type:none; }
#fuss ul { display:inline; font-weight:bold; }
#fuss li { border-left:0.8px solid white; color:#321; display:inline; padding:0 5px; } /* in ielte6.css angepasst */
#fuss li a { color:#fff; } /* nötig für IE */