
body {
margin-bottom : 0;
margin-top : 0;
margin-right : 0;
margin-left : 0;
font-size : 0.8em;
top : 2px;
background : #000080;
padding : 0 0 0 0;
line-height : 1.58em;
height : 100%;
}
.hop1 {
padding : 0 0 0 0;
width : 850px;
background : #ffffff;
text-align : center;
}
.hoptop {
line-height : 14px;
color : #ffffff;
vertical-align : top;
text-align : center;
font-family : 'Arial', helvetica, sans-serif;
background : url(images/top1a.jpg);
font-size : 14px;
height : 57px;
padding : 0;
}
.hopbanner {
text-align : center;
line-height : 2em;
font-weight : bold;
color : #ffffff;
font-size : 40pt;
font-family : 'verdana', 'Arial', helvetica, sans-serif;
background : url(images/top2a.jpg);
height : 126px;
width : 850px;
padding : 0;
}
.hopbottom {
color : #ffffff;
font-family : 'verdana', 'Arial', helvetica, sans-serif;
font-size : 9px;
background : url(images/bottom.jpg);
height : 70px;
padding : 0;
}
.hopside {
background-repeat : no-repeat;
background-position : bottom;
padding : 12px;
vertical-align : top;
text-align : left;
font-size : 100%;
font-family : 'verdana', 'Arial', helvetica, sans-serif;
border-bottom-width : 0;
border-top-width : 0;
border-right-width : 0;
border-style : dashed;
width : 680px;
border-left-width : 1px;
border-color : #000080;
}
.hopvside {
text-align : center;
vertical-align : text-top;
font-size : 12px;
font-family : 'Verdana', 'Arial', helvetica, sans-serif;
width : 170px;
}
.vvside {
text-align : center;
vertical-align : text-top;
font-size : 12px;
font-family : 'Verdana', 'Arial', helvetica, sans-serif;
width : 20%;
}
.hhside {
text-align : center;
vertical-align : text-top;
font-size : 12px;
font-family : 'Verdana', 'Arial', helvetica, sans-serif;
width : 20%;
}
.hopmenu {
background-image : url(images/table.gif);
background-repeat : no-repeat;
line-height : 12px;
color : #000080;
font-weight : bold;
font-size : 12px;
font-family : 'Verdana', 'Arial', sans-serif;
font-style : normal;
border-color : #000080;
border-style : solid;
border-top-width : 0;
border-right-width : 0;
border-left-width : 0;
border-bottom-width : 0;
height : 24px;
width : 153px;
}
.hopknap {
cursor : pointer;
color : #000080;
font-weight : bold;
font-size : 12px;
font-family : 'Verdana', 'Arial', sans-serif;
font-style : normal;
border-color : #51a8d5;
border-style : solid;
border-top-width : 1px;
border-right-width : 1px;
border-left-width : 1px;
border-bottom-width : 1px;
height : 20px;
width : 35px;
background : #4974b3;
}
.hopsoog {
border-bottom-width : 1px;
border-top-width : 1px;
border-right-width : 0;
border-left-width : 1px;
height : 16px;
width : 110px;
border-style : solid;
border-color : #51a8d5;
}
A.et:visited {
text-decoration : none;
font-weight : bold;
color : #ffffff;
}
A.et:active {
text-decoration : none;
font-weight : bold;
color : #ffffff;
}
A.et:link {
text-decoration : none;
font-weight : bold;
color : #ffffff;
}
A.et:hover {
text-decoration : overline;
font-weight : bold;
color : #ff0000;
}
A.kat:visited {
text-decoration : none;
font-weight : bold;
color : #ffffff;
font-weight : bold;
font-size : 18px;
}
A.kat:active {
text-decoration : none;
font-weight : bold;
color : #ffffff;
font-weight : bold;
font-size : 18px;
}
A.kat:link {
text-decoration : none;
font-weight : bold;
color : #ffffff;
font-weight : bold;
font-size : 18px;
}
A.kat:hover {
text-decoration : underline overline;
font-weight : bold;
color : #ff0000;
font-size : 18px;
}
a.side:link {
font-weight : bold;
color : #0000ff;
text-decoration : none;
}
a.side:visited {
font-weight : bold;
color : #0000ff;
text-decoration : none;
}
a.side:hover {
text-decoration : underline overline;
font-weight : bold;
color : #ff0000;
}
.hopnoborder {
border : none;
}
img {
border : none;
}
object {
border : none;
}
.left {
text-align : left;
}
.right {
text-align : right;
}
.center {
text-align : center;
}
.sidelink {
text-align : left;
}
.hoptop2 {
height : 300px;
}
.toplink {
text-align : center;
padding : 3px;
border : 0;
width : 100%;
}
.sideholder {
padding : 0 0 0 0;
border : 0;
width : 100%;
}
div.koder {
font : 12px verdana, arial, sans-serif;
color : #000080;
text-align : left;
text-indent : 0;
text-decoration : none;
background : #c0c0c0;
padding : 5px;
border : 1px solid black;
width : 90%;
}
DIV.phpkode {
margin : 5px 0;
}
DIV.phpkode SPAN.html {
color : black;
}
DIV.phpkode SPAN.blaa {
color : #0000bb;
}
DIV.phpkode SPAN.groon {
color : #007700;
}
DIV.phpkode SPAN.rod {
color : #dd0000;
}
SPAN.blaa {
color : #0000bb;
}
SPAN.rod {
color : #dd0000;
}
SPAN.groon {
color : #007700;
}
SPAN.orange {
color : #ff8000;
}
.flotbottom {
float : right;
vertical-align : bottom;
}
.hopapform {
margin : 0;
}
.tooltip {
position : absolute;
top : 0;
left : 0;
z-index : 100;
visibility : hidden;
border : 1px solid #336699;
width : 200px;
padding : 2px;
background-color : #ddeeff;
font-size : 13px;
}
div.codetitle {
width : 600px;
border : 1px solid #5c82e3;
font-weight : bold;
padding : 3px;
background-image : url(http://www.hopap.com/images/kode_baggrund.gif);
}
div.code {
width : 600px;
background-color : #f6f6f6;
border : 1px solid #5c82e3;
border-top : none;
padding : 3px;
overflow : auto;
}

