/* Standard-CSS für www.berliner-geschichtswerkstatt.de */

body {background-image: url('../pictures/verlauf-neu.gif'); font-size: 101%}
html,body,p,.klein,h1,h2,h3,h4,h5,h6,ul,blockquote,li,center,tr,td,ol,span,table,div,option,form,input,reset
{
   font-family: Arial, Helvetica, sans-serif; font-size: 10 pt
}

.klein       { font-size: 7pt; padding: 3px }
.box         { float: left; width: 30%; height: 80%; }
.address     { font-size: 8pt }

table        { table-border-color-light: rgb(102,204,204); table-border-color-dark: 
               rgb(0,102,102); font-size: 10pt }
td           { font-size: 10pt }
p            { font-size: 10pt }
h1           { font-size: 14pt; font-weight: bold; margin-bottom: 0}
h2           { font-size: 12pt; font-weight: bold }
h3           { font-size: 12pt; font-variant: small-caps }
h4           { font-size: 10pt; font-weight: bold }
h5           { font-size: 10pt; font-variant: small-caps }
blockquote   { font-size: 10pt }
ul           { font-size: 10pt }
form         { font-size: 10pt }
input         { font-size: 10pt }
reset         { font-size: 10pt }
option       { font-size: 7pt; color: #CE0000 }

a:link       { color: #CE0000; text-decoration: none }
a:visited    { color: #990033; text-decoration: none }
a:hover      { color: #990033; background-color: #F9F7F7; text-decoration: none }
a:active     { color: #800000; text-decoration: none }

.menu1 { position:absolute; top: 10px; left:140px; width:500px; height:15px; z-index:3; font-size: 9pt; background-image: url('../pictures/verlauf2.gif'); text-align:center   }
.ueber { position:absolute; top: 30px; left:140px; width:500px; height:68px; line-height:50px; z-index:3; background-image: url('../pictures/verlauf2.gif'); text-align:center }
.menu2 { position:absolute; top:105px; left: 15px; width:110px; z-index:3; font-size: 9pt; padding:5px; background-image: url('../pictures/verlauf2.gif')  }
.navi1 { position:absolute; top:560px; left: 15px; width:110px; font-size: 7pt; z-index:0; padding-left:5px; padding-right:5px; background-image: url('../pictures/verlauf2.gif'); text-align:center  }
.navi2 { position:absolute; top:560px; left:140px; width:500px; text-align: center; font-size: 7pt; z-index:0; background-image: url('../pictures/verlauf2.gif') }
.navi3 { position:absolute; top:560px; left:645px; width:150px; font-size: 7pt; text-align: right; z-index:0; background-image: url('../pictures/verlauf2.gif') }
.logo  { position:absolute; top: 10px; left: 15px; width:110px; z-index:3; text-align: right; padding-left:5px; padding-right:5px;padding-bottom:0px;padding-top:16px; background-image: url('../pictures/verlauf2.gif') }
.text  { position:absolute; top:105px; left:140px; width:480px; font-size: 10pt; z-index:2; background-color: #F9F7F7; padding: 10px; text-align: left; style="overflow:scroll"}
.bild1 { position:absolute; top:105px; left:645px; width:150px; z-index:1; font-size: 9pt  }
.bild2 { position:absolute; top:303px; left:445px; width:350px; height:250px; z-index:3; text-align:right }
.bild3 { position:relative; top:5px; left:5px; z-index:4 }