html {
height: auto; /*eller ingen angivelse. Hvis html sættes til 100%, ignoreres containerboxens 2% bundmargen*/
}
body {
height: 100%;
background-color: #cccccc;
margin: 0px;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
text-align: center;
}
td {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
}
div#container {
position: relative;
text-align: left;
width: 742px; /*incl. 2px border i IE*/
height: auto;
margin: 2% auto; /*højre-/venstremargin skal være auto (eller ikke angivet) ellers virker centrering af siden ikke*/
background-color: #FFFFFF;
color: #333333;
border: 1px solid #666666;
}
div#containerTxt {
font-weight: bold;
}
div#redBox {
position: relative;
left: 20px;
top: 2px;
width: 700px;
height: 200px;
background-color: red;
color: #FFFFFF;
font-weight: bold;
text-align: left;
}
div#greyBox {
position: absolute;
left: 30px;
top: 24px;
width: 200px;
height: 60px;
background-color: #DEDEDE;
color: #000000;
font-weight: bold;
border: 1px solid #333333;
-moz-border-radius: 10px;
}
div#yellowBox {
float: left;
margin-top: 20px;
margin-left: 10px;
width: 330px;
height: 100px;
background-color: #FF9900;
color: #FFFFFF;
font-weight: bold;
text-align: left;
}
div#greenBox {
float: right;
margin-top: 20px;
margin-right: 10px;
margin-bottom: 20px;
width: 330px;
height: 100px;
background-color: green;
color: #FFFFFF;
font-weight: bold;
text-align: left;
}
div#txt {
clear: both;
margin: 0px 20px 20px 20px;
width: 700px; /*incl. 2px border i IE*/
height: auto;
border: 1px dotted #333333;
font-size: 12px;
text-align: left;
}
p {
margin: 10px 4px 10px 10px;
}
/*anvendes til at tydeliggøre de enkelte kodestumper*/
.kode {
color: blue;
}
div#menu {
border-top: 1px solid #999999;
width: 680px;
margin: 20px 10px 0px 10px;
}
.menuFloat {
font-size: 11px;
padding: 4px 0px;
}
/*skaber bundmargen under navigationsbjælken*/
div#menuBund {
clear: both; /*ellers hopper den op imellem de 2 floatede divér*/
border-top: 1px solid #999999;
}