* {
margin: 0;
padding: 0;
}

html {
background: url(../pix/hintergrund.gif) repeat-x;
color: #333;
font: normal 90%/1.3 'arial', helvetica, sans-serif;
height: 101%;

}

body {
padding-bottom: 1em;
width: 800px;
margin: 0 auto;
}


div#head {
background: url(../pix/logo.gif) no-repeat;
width:400px; 
padding: 50px 0 0 110px;
height: 70px;
}

div#content{
background: transparent;
margin-left: 10px;
}

div#subnav {
clear: both;
height: 20px;
}

#subnav ul{
width: 850px;
margin: 40px 0 0 30px;
list-style: none;
font-size: 11px;
}
#subnav ul li a {
text-decoration: none;
color: #333;
float: left;
margin-left: 5px;
}

#subnav ul li a:hover  {
color: #B69A0A;
}

#subnav ul li.current  {
text-decoration: underline;
}

#footer{
border-top: 5px solid #426002;
background: #7D9F31;
text-align: center;
color: #a0b475;
}

h1, h2, h4 {
color: #426002;
}

h1 {
font-size: 2em;
font-weight: normal;
}

h1 span {
color: #899F59;
font-size: .7em;
}

h2, h3 {
font-weight: normal;
}

h2 {
font: 1.3em 'arial', georgia, serif;
letter-spacing: .1em;
margin: 10px 20px 0 30px;
}

h4 {
font: 1em 'arial', georgia, serif;
letter-spacing: .1em;
margin: 15px 0 5px 30px;
text-transform: uppercase;
}

p {
line-height: 1.7;
width: 760px;
margin: 0 30px;
text-align:justify;
}

p.strong {
font-weight: 900;
}

p.rechner {
font: normal 70%/1.3 'arial', helvetica, sans-serif;
line-height: 1.7;
margin-left: 0;
text-align:justify;
color: #493214
}

p.ergi {
font: normal 70%/1.3 'arial', helvetica, sans-serif;
font-weight: 900;
line-height: 1.7;
margin: 0px;
text-align:justify;
color: #493214
}

p#sub {
width: 760px;
height: auto;
font-weight: bold;
line-height: 1.3;
margin: 10px 0 20px 30px;
text-align:justify;
}
span.strong{
font: 90%/1.7 'arial', helvetica, sans-serif;
color: #493214;
font-weight: 700;

}

h5{
font: 100%/1.3 'arial', helvetica, sans-serif;
margin: 10px 0 5px 30px;
padding-top: 3px;
padding-bottom: 3px;
color: oblue;
font-weight: 900;
}

.fotoblock {
float: right;
background: white;
border: 1px solid #979797;
margin: 0 0 -5px 10px;
padding: 3px;
width: 215px;
}

div#weather {
float: right;
width: 215px;
}

.bild-quer {
float: left;
margin-top: 5px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 5px;
width: 640px;
height: 480px;
background: #FFF;
border: 1px solid #979797;
padding: 3px;
position: relative;
}

.bild-quer-klein {
float: left;
margin-top: 7px;
margin-right: 5px;
margin-bottom: 0px;
width: 320px;
height: 240px;
background: #FFF;
border: 1px solid #979797;
padding: 3px;
}

.bild-quer-small {
float: left;
margin-top: 7px;
margin-left: 0px;
margin-right: 5px;
margin-bottom: 3px;
width: 220px;
height: 165px;
background: #FFF;
border: 1px solid #979797;
padding: 3px;
}
ul.link{
margin:0pt 50px;
list-style: url(pix/bullet.gif);
list-style-position: inside;
}
 ul.link li a, ul.link li a:visited  {
 color: #B69A0A;
 text-decoration: none; 
 }
 ul.link li a:hover  {
 color: #4B4005;
 text-decoration: none; 
 }

table{
font: normal 90%/1.3 'arial', helvetica, sans-serif;
width: 750px;
margin-left: 30px;
}

tr, td{
padding: 3px;
}



ul.link{
margin-left: 55px;
list-style: none;
}

ul.link li {
list-style-image: url(../pix/bullet.gif)
}

input{
margin-top: 10px;
}

/*ab hier Foto*/

ul.foto, div.foto {
position: relative;
width: 350px;
}

ul.foto {
margin-left: 30px;
background: url(pix/rustico/rust-pool.jpg) right no-repeat;
height: 255px;
width: 600px;
list-style: none;
clear: left;
}

li a.foto {
float: left;
width: 84px;
display: block;
height: 81px;
}

li span.foto {
display: none;
margin: 0 -30px 0 0;
}

li#bild-1 a {
background: url(pix/84/christiania.gif);
float: left;
width: 84px;
}

li#bild-2 a {
background: url(pix/84/eingang_christiania.gif);
float: left;
width: 84px;
}

li#bild-3 a {
background: url(pix/84/einkaufsmeile-stroget.gif);
width: 84px;
}

li#bild-4 a {
background: url(pix/84/koenigliche-bibliothek_schwarze-diamant.gif);
float: left;
width: 84px;
}

li#bild-5 a {
background: url(pix/84/koenigliche-theater.gif);
float: left;
width: 84px;
}

li#bild-6 a {
background: url(pix/84/kongens-nytorv.gif);
float: left;
width: 84px;
}

li#bild-7 a {
background: url(pix/84/ny-carlsberg-glyptotek.gif);
float: left;
width: 84px;
}

li#bild-8 a {
background: url(pix/84/nyhavn.gif);
float: left;
width: 84px;
}

li#bild-9 a {
background: url(pix/84/rathaus.gif);
float: left;
width: 84px;
}

a.foto {
border: 1px solid #FFF;
}

a.foto:focus, a.foto:hover {
border: 1px solid #999;
}

a.foto:focus span, a.foto:hover span {
display: block;
height: 200px;
background: #FFF;
padding: 2px;
position: absolute;
left: 300px;
top: 0px;
}

a.foto img {
border: 1px solid silver;
padding: 3px;
}

p#hinweis {
font-size: 10px;
vertical-align: top;
background: url(pix/bullet.gif) no-repeat;
padding-left: 20px;
width: 280px;
}

 a, a:visited  {
 color: #B69A0A;
 text-decoration: none; 
 }
 a:hover  {
 color: #4B4005;
 text-decoration: none; 
 }