body, html {
 font-size: 11px;
 font-family: verdana;
 background-color: #fdf9f1;  
 background-color: #e6e6e6;  
 color: #333333;
 padding: 0;
 margin: 0;
 width:  100%;
 height: 100%;
}


h1 {
 color: #860120;
 font-size: 12px;
 background-position: 0px 0px;
 padding-left: 00px;
 margin: 0px;
}

h2 {
 font-size: 14px;
}

h3 {
 color: #860120;
 font-size: 12px;
 background-position: 0px 0px;
 padding-left: 00px;
 margin: 0px;
}

h4 {
 color: #860120;
 font-size: 20px;
 background-image: url(img/logotopNy.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px 0px 0px;
 background-color: #ffeecc
 padding-left: 0px;
 width:850;
}

#contentforside p {
 border: 0;
 padding: 0;
 margin-bottom: 10px;
}

#news h3, #news h3 a  {
 display: inline;
 border: 0;
 padding: 0;
 font-size: 11px;
 padding-left: 10px;
 text-decoration: none;
}

#contentforside h3 {
 display: inline;
 border: 0;
 padding: 0;
 padding-left: 0px;
 font-size: 11px;
 line-height: 150%;
}

#contentforside p {
 padding: 0;
 margin: 0;
 line-height: 150%;
}

#center {
 height: 100%;
 width: 100%;
}

#control {
background-color: #FFF;
 position: relative;
 width: 850px;
 height: 600px;
 margin: 0 auto;
 border: 1px solid #CCC;
 text-align: left;

}

.gallery { height:180px; width:250px; float:left; background:#FFF; border:0px }
.galleryright { height:180px; width:250px; float:right; background:#FFF; border:0px }



.medarb {
 float:left;
 margin-right:15px;
}

.flydhoejre {
 float:right;
}

#flydhoejrenederst {
  position: absolute;
  left : 580px;
  top: 380px; 
}



#logo {
 padding-top: 0px;
 padding-left: 0px;
 border: 0px;
 position: absolute;
 right: 0px;
 top: -20px;

}

#logoright {
 float:right; 
 padding: 2px;
 padding-right: 10px;
 padding-top: 8px;
 border: 0px;
}


#kasser {
 position: absolute;
 right: 10px;
 top: 10px;
}

#topmenu {
 float: left;
 padding-left: 10px;
}

#topmenu a {
 display: block;
 padding: 0px 12px;
 text-decoration: none;
 font-weight: bold;
 color: #860120;
 /* 7F998F  sort: 5F5F61 */
}


#topmenu .active {
}

#topmenu span {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

#topmenu .active span {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

#topmenu .active a {
	color: #FFFFFF;
	background-color: #860120;

}


#topmenu #first span {
}

#topmenu li.active#first  span {
}


#topmenu ul {
 position: absolute;
 left: 10px;
 top: 65px;
 list-style: none;
 margin: 0px;
 padding: 10px 5px 0px;
}

#topmenu li {
 float: left;
 padding: 0px;
 margin: 0px;
 line-height: 21px;
 background-repeat: no-repeat;
 background-position: right top;
}

#topmenu div#headline1  {
 position: absolute;
 display: block;
 left: 0px;
 top: 95px;
 height: 2px;
 line-height: 2px;
 background-color: #860120;
/* background-color: #6a615a; */
 width: 850px;
 margin: 0px;
 padding: 0px;
}

#topmenu div#headline2  {
 position: absolute;
 display: block;
 left: 0px;
 top: 71px;
 height: 2px;
 line-height: 2px;
/* background-color: #A9C4BA; */
 background-color: #FFFFFF; 
 width: 850px;
 margin: 0px;
 padding: 0px;
}



#news {
 position: absolute;
 width: 180px;
 right: 0px;
 top: 110px;
 height: 450px;
 background-image: url(img/dots_bg_v.gif);
 background-repeat: repeat-y;
}

#news .news-tekst {
 display: block;
 width: 150px;
 padding: 6px;
 line-height: 120%;
 
}

.news-boks {
 background-color: #6a615a; 
 /*background-image: url(img/boks_hoejre_karatemand.gif);*/
 background-image: url(img/rss2.gif);
 background-repeat: no-repeat;
 background-position: center right;
 line-height: 21px;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 12px;
 padding-left: 10px;
}

.sensei-boks {
 background-color: #6a615a; 
 background-image: url(img/blackbelt3.gif);
 background-repeat: no-repeat;
 background-position: center right;
 line-height: 21px;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 12px;
 padding-left: 10px;
}

.kalender-boks {
 background-color: #6a615a; 
 background-image: url(img/icon-calendar.gif);
 background-repeat: no-repeat;
 background-position: center right;
 line-height: 21px;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 12px;
 padding-left: 10px;
}


#submenu {
 position: absolute;
 width: 160px;
 left: 0px;
 top: 120px;
 height: 397px;
 background-image: url(img/dots_bg_v.gif);
 background-repeat: repeat-y;
 background-position: top right;
}

#submenu-boks {
/* background-color: #7F998F; */
 background-color: #6a615a; 
 background-image: url(img/boks_hoejre_karatemand.gif);
 background-repeat: no-repeat;
 background-position: top right;
 line-height: 21px;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 12px;
 padding-left: 4px;
 
}

#submenu a {
 text-decoration: none;
 color: #333333;
 display: block;
 
 }

#submenu a:hover {
 text-decoration: underline;
}

#submenu ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#submenu li {
 padding: 0;
 margin: 0;
 height: 23px;
 
 vertical-align: middle;
 background-image: url(img/dots_bg_h.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
 
}

#submenu li.active {
 background-color: #e6e6e6;
}

#submenu span {
 background-image: url(img/pil_lille.gif);
 background-repeat: no-repeat;
 background-position: left top;
 padding-left: 15px;
 padding-top: 3px;
 display: block;
}

#content, #contentforside, #contentstandard, #contentgalleri {
 position: absolute;
 left: 180px;
 top: 115px;
 width: 560px;
 overflow: auto;
 height: 400px;
}

#contentforside {
 left: 27px;
 top: 135px;
 width: 600px;
 height: 420px;

}

#contentstandard {
 left: 185px;
 top: 120px;
/* width: 557px; */
 width: 650px;
 height: 450px;

}

#contentgalleri {
 left: 10px;
 top: 120px;
/* width: 557px; */
 width: 815px;
 height: 450px;

}



#bottom {
 position: absolute;
 left: 0px;
 bottom: 2px;
 line-height: 30px;
 text-align: center;
 font-size: 10px;
 width: 100%;
 background-image: url(img/dots_bg_h.gif);
 background-repeat: repeat-x;
}

#bottom .highlight {
 color: #860120;
 font-weight: bold;
}

.forside {
 float:left;
 margin-right:10px;
}

.forsideright {
 float:right;
 margin-right:10px;
}


#linie {
 background-image: url(img/dots_bg_h.gif);
 background-repeat: repeat-x;
}


a{
 color:#860120;
 text-decoration:none;
 }


a:hover {
 text-decoration:underline;
}

.print h1, .print h3 {
padding-left: 0px;
background-image: none;
}

#printer {
position: absolute;
top: 120px;
left: 795px;
}

#redigerknap {
position: absolute;
top: 120px;
left: 760px;
}

#nyknap {
position: absolute;
top: 120px;
left: 778px;
}






.extcolorcell {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BACKGROUND-COLOR: #FFFFFF
}
.extlightcell {
        PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BACKGROUND-COLOR: #ececec
}
.extdarkcell {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BACKGROUND-COLOR: #c0c8d0
}
.extheader {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 85%; BACKGROUND-IMAGE: url(img/extbg.gif); COLOR: #ffffff; WHITE-SPACE: nowrap; HEIGHT: 24px; BACKGROUND-COLOR: #860120
}
.exttablebg {
	BACKGROUND-COLOR: #FFFFF
}
.extmsgbody {
	LINE-HEIGHT: 140%
}
.extbutton {
background-color: #860120; font-style: bold; font-size: 80%; font-weight: bold;
}



.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(/img/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
 
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
 
.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(/img/shade.png); background-position: bottom; }
 
* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

form { margin-top: 2em; }
form p .btn { margin-right: 1em; }