body {
background-color: #ffffcc;
font-size: .7em;

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:black;
padding:0px;
margin:0px;
}
a {color: #000099;text-decoration:none;}
a:visited {color:#000099;}
a:hover {color: #cc6600;}
a:active { color:#000000;}
a:focus {outline:none}

h1 {
font-size: 11px;
text-transform:uppercase;
padding:5px 15px;
margin:0px }
h2 {
font-size:13px;
font-weight: normal;
padding-top: 0px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------- */
#container {
width: 1000px;
padding:0px;
margin: 0px 0px 20px 0px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
border:1px solid #564b47;
background-color: white;

} 


.gemtvaek {
 display: none;
}


/* ----------banner for logo-------------- */
#banner {
height: 150px;
text-align: right;
background-image: url('billeder/logo.jpg');
padding: 0px;
margin: 0px; }

#banner img {padding:0px 0px;} 

/* ---------gennemg. menu -----------*/
.menublok {
width: 1000px;
height: 50px;
background-image:url('billeder/menubaggr.jpg');
}
.menutekst {
float:right;
padding-right:50px;
padding-top: 30px;
}

.menulink {
font-size:11px;
padding-right:30px;
float:left;

}

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 200px white; /* color of the left column  */ 
border-right: solid 300px white; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
} 

/* #inner{margin:0; width:100%; }  The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
 width:180px; 
 float:left; 
 position:relative; 
 margin-left:-180px; 
 margin-right:0px;
background-color: white;
line-height:220%;
padding-top:50px;

 }
 #right {
 width:250px; 
 float:right; 
 position:relative; 
 margin-right:-300px; 
 margin-left:0px;
margin-top:20px;
background-color: white;
line-height:220%;
padding-left: 30px;
 }

/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px; 
}
p {
padding-top: 5px;
margin:0px; }

/* --------------velkommen -----------*/
.velkommen {
margin-top:0px;
padding: 20px;
line-height:140%;
border:2px solid orange;

}
.velkommenoverskrift {
font-size: 18px;
color: #000099;
padding-bottom:14px;
}

.kontakt {
margin-top:30px;
padding: 20px;
line-height:140%;
background-color:#ffcc66;
}

/* --------------artikel-------------*/
.artikel {
width:420px;
margin-top:0px;
padding: 0px;
line-height:180%;
text-align:justify;
}

.streg {
margin-top: -12px;
width:420px;
height:6px;
background-color: #ffcc66;
}
.tstreg {
margin-top: -2px;
width:480px;
height:1px;
background-color: orange;
}

.tstregkort {
margin-top: -2px;
margin-bottom:6px;
width:420px;
height:1px;
background-color: orange;
}


li {
margin-left: -20px;
padding-bottom: 12px;
line-height: 120%;
}

.vejledning {
font-size:9px;
color: grey;
}

/* --------------nyhed --------------*/
.nyhed {
float: left;
width: 480px;
background-color: white;
padding: 10px;
line-height:180%;
}
.nyhedoverskrift {
color: #000099;
font-size: 12px;
font-weight:normal;
padding: 8px 20px 10px 0px;
}
.nyhedbillede {
float: left;
margin: 0px 20px 10px 0px;
}
.teksten {
float:right;
width:360px;
}

.overskrift {
color: #333333;
font-size: 20px;
font-weight:normal;
padding: 50px 20px 10px 0px;
}

.overskrift2 {
color: #333333;
font-size: 20px;
font-weight:normal;
padding: 20px 20px 10px 0px;
}

.grafoverskrift {
color: #333333;
font-size: 14px;
font-weight:normal;
padding: 30px 20px 20px 0px;
}

/* --- annonce ---- */
.annonce {
/*margin-top: 340px;*/
width: 130px;
 padding: 0px;
/*background-color: #99ccff;
border:1px solid blue; */
line-height:130%;
font-size:11px;

}

/* ----------------dagens note ------------*/
.dagensnote {
width:160px;
background-image: url('billeder/notebaggr.jpg');
background-repeat:no-repeat;


padding:50px 20px 20px 20px;
line-height:140%;
margin-top: 24px;
}

.senestedebat {
width:160px;
line-height:140%;
padding:0px 15px 20px 20px;
background-image: url('billeder/bgdebat.jpg');

/* background-color: lightgrey; */
border:1px solid lightgray;
}

.debatoverskrift {
font-weight:bold;
padding-bottom:3px;
}

.dato {
color: grey;
font-size: 11px;
font-weight:normal;
line-height:100%;
text-transform: uppercase;
}

table {
border-width: 1px;
border-spacing: 0px;
border-style: outset;
border-color: black;
border-collapse: collapse;
background-color: white;
}

td {
border-width:1px;
border-style:inset;
padding:3px;
}

/* ----------------diagram------------------- */
.diagram {
width: 760px;
float:left;
margin-top:20px;
}

.diagramvenstre {
width: 500px;
float:left;
}

.diagramhojre {
width: 180px;
float:right;
margin-top:54px;
padding: 20px;
background-color: #ffcc99;
line-height:160%;
font-style:italic;
margin-bottom: 30px;
}

.billedhojre {
float:right;
margin: 50px 0px 30px 0px;
}

.diaoverskrift {
font-style:normal;
font-weight:bold;
size: 14px;
}

input {
background-color: #99ccff;
}

.sp {
padding:14px;
background-color:white;
/*border:1px solid grey;*/
margin: 0px;
}

.svar {
padding:14px;
/*background-color:#ffcc99;*/
border:2px solid orange;

margin: 0px;
/*border:1px solid grey;*/
}

textarea {background-color: #99ccff;}

/*  ----------------footer---------------------- */ 

.tilbage {
clear:left;
padding:40px 0px 50px 450px;
}
#footer {
height:20px;
background-image:url('billeder/footerbaggr.jpg');
clear:left;
padding-top:3px;
margin:0px;
text-align: center; } 


/* -------- menu ------*/
div#menu ul, li { 
list-style-type: none; 
margin: 0; 
padding: 0; 
} 
  
div#menu { 
position: absolute; 
width: 160px; 
top: 80px; 
left:0px; 
z-index: 3; 
font-size:10px; 
} 
  
div#menu li { 
width: 160px; 
font-size:100%; 
} 
  
div#menu a { 
margin: 0px 0px 0px 0px; 
padding:2px 2px 0px 8px; 
height: 25px; 
display: block; 
text-decoration: none; 
color: #000099; 
background: url('titlebar.png') repeat-x center left;
} 
  
div#menu a:hover { 
background: url('titlebar-active.png') repeat-x center left;
border-width: 0px; 
border-style:solid; 
border-color: white; 

} 
  
div#menu ul ul li a:hover { 
background: url('titlebar-active.png') repeat-x center left;
border-width: 0px 1px 1px 1px; 
border-style:solid; 
border-color: white; 
} 
  
  
#smenu1, #smenu2, #smenu3, #smenu4,#smenu5 { 
display: none; 
position:relative; 
margin-left:20px; 
width: 120px; 
} 
 
ul li ul#smenu1 li a, ul#smenu2 li a, ul#smenu3 li a, ul#smenu4 li a, #smenu5 a { 
font-weight: normal; 
font-size: 10px; 
background: white;/*#ffcc66;*/

} 
  

