/*************************************************Sidens layout  *******************/
html{
list-style: none;
background:black; 
font-family: 'Comic sans Ms', comic, Arial, Helvetica, sans-serif; 
font-size: 19px; 
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
border:0;
background-image: url('skov-med-kat-2.jpg'); 
background-repeat: no-repeat; 
background-position: center;
background-attachment: fixed; 
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #808080;
scrollbar-3dlight-color: #808080;
scrollbar-arrow-color: #808080;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #808080;
height:100%; 
max-height:100%; 
background-color:black; 
z-index:0;
}
div#page {
position: relative;
width: 770px;
height: 700px;
padding-top:40px;
z-index:0;
margin: 40px auto;
_height: 720px;
_margin: 20px auto;
}
div#banner {
position:absolute;
width: 771px;
height:30px;
background-image: url('banner.gif'); 
background-position: right top;
background-repeat: no-repeat;
background-color:black;
z-index:2;
padding:0;
margin:0;
}
div#left {
position:absolute;
background-color:#ffffff;
left:0px;
top:60px;
width:224px;
height:660px;
text-align:center;
padding-top:19px;
z-index:1;
opacity:0.7;
-moz-opacity:0.7;
_top:70px;
_left: 1px;
}
div#indhold {
position:absolute;
left:224px;
width:508px;
height:642px;
overflow:auto;
margin:30px auto;
padding: 0 1em;
text-align:left;
border-left: 1px solid black;
background-color:white;
z-index:1;
opacity:0.7;
-moz-opacity:0.7;
_margin:30px auto;
_height:660px;
_left:225px;
_width:507px;
}
div#indhold2{
position:absolute;
left:224px;
width:508px;
height:642px;
overflow:auto;
margin:30px auto;
padding: 0 1em;
text-align:left;
border-left: 1px solid black;
background-color:#616e8c;
z-index:1;
_margin:30px auto;
_height:660px;
_left:225px;
_width:505px;
}
div.left {
position:absolute;
background-color:#616e8c;
left:0px;
top:60px;
width:224px;
height:660px;
text-align:center;
padding-top:19px;
z-index:1;
_top:70px;
_left: 1px;
}
div#indhold3{
position:absolute;
left:224px;
width:546px;
height:642px;
overflow:auto;
margin:30px auto;
padding: 0;
text-align:left;
border-left: 1px solid black;
background-color:#616e8c;
z-index:1;
_margin:30px auto;
_height:660px;
_left:225px;
_width:544px;
}
#foto {
background: #616e8c;
opacity:1.0;
moz-opacity:1.0;
}
.footer {
position: absolute;
background-color:black;
width: 770px;
height:30px;
bottom:0px; 
clear:both;
z-index: 1;
}
.footer address{
font-size: .7em;
font-style:normal;
margin: 0; 
color: white;
background:inherit;
padding:0.3em;
border:1px solid black;
text-align:center;
}
.footer address a {
color:white;
background:inherit;
}
.footer address a:hover {
color: black;
background:white;
text-decoration: none;
}
.textpadder {padding: 0px;}
.textpadder2 {padding: 20px 10px;
}
h1 {
font-size: 1.3em;
line-height: 1.5em;
color:black;
background:inherit;
text-align:center;
}
p {font-weight:bold;}
h2 {font-size:1.1em; color:black; background:inherit; text-align:left; margin:5px;} 
.contact {padding-left:80px;}
.date {
font-size: .9em;
color:white;
background:inherit;
text-align:center;
}
.k{text-align:center;}
.border{border-bottom: 2px solid black;}
.buying {padding-left:60px;}
.midt {
font-size: .9em;
line-height: 1.2em;
font-weight: bold;
color: black;
background:inherit;
text-align:center;
}
a {
font-size: 1em;
line-height: 1.2em;
font-weight: normal;
color: black;
background:inherit;
text-align:center;
text-decoration: none;
}
a:hover, visited {
font-size: 1em;
line-height: 1.2em;
font-weight: normal;
color: white;
background:black;
text-align:center;
text-decoration: none;
}
.hide{
display:none;
}
/*-------------------popup elementer----------------------- */
div.img {
position:relative; 
margin:0;
padding:0;
z-index: 100;
}
div.img li {
padding: 0;
text-align:center; 
margin-left: 0px; 
list-style: none;
}
div.img a {
color:black;
background: #616e8c;
font-size:1em;
font-weight:bold; 
line-height: 1.5em;
}
div.img a:hover {
color: white; 
background: black;
text-decoration: none;
line-height: 1.5em;
}
div.img a span {display: none;}
div.img a:hover span, a:active span {
display: block;
position: absolute; 
top: -145px; 
left: 0px;
padding: 0; 
z-index: 100;
text-align:center;
color:black;
background: #616e8c;
_left: -140px;
}
ins{text-decoration : none;}
.uds{border: 1px solid black;}
.udstilling{border: 1px solid black;background: #616e8c;
}
/************ elementer i mail-formular *************/

fieldset {
border: 1px solid #d4d0c8;
width: 90%;
padding: 15px;
margin: 10px auto;
}

legend {
color: black;
background: #fff;
font-weight: bold;
padding: 10px;
}

label {
width: 100px;
color: black;
background: inherit;
float: left;
text-align: left;
}

#t1, #t2, #t3, #t4, #t5, #t11, #t13, #t15, #t16, #t18, #t19, #t20, .t11 {
border: 1px solid #d4d0c8;
width: 300px;
background: #fff;
color: #000;
margin-bottom: 0px;
}

#t4, #t13 {
height: 80px;
overflow: auto;	
}

#t12 {
border: 1px solid #d4d0c8;
background: #fff;
color: #000;
margin-bottom: 5px;
width: 60px;
}

input, textarea {
font-family: verdana, arial, "ms sans serif", sans-serif;
font-size: 15px;
font-weight: 400;
color: #000;
background: #fff;
}

.knapper {
font-family: "ms sans-serif", verdana;
font-size: 10px;
font-weight: 300;
color: #000;
background: #d4d0c8;
}
.fl {
float: left;
margin-left: 0px;
margin-top: 0;
}
.cb {
clear: both;
}
.a, .a:visited{color:#ffffff;background:inherit;text-decoration:none;font-size:60%;line-height:.5em;}
.a:hover{color:#000000;background:white;text-decoration:none;font-size:60%;line-height:.5em;}
h4 {text-align:center;margin:0;padding:0;}
.b{color:#ffffff;background:inherit;text-decoration:none;font-size:60%;line-height:.5em;}
.b:hover{color:#000000;background:white;text-decoration:none;font-size:60%;line-height:.5em;}