html {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   line-height: 1.5em;
   color: #fff;
   background: #000;
   background-image: url(/files/templates/pics/site_bgnd.jpg);
   background-repeat: repeat-x;
   background-attachment: fixed;
}

body {
   width: 970px;
   margin: 0 auto;
   padding: 0 0 0 20px ;
}

p {
   padding: 0;
   margin: 0 0 0.9em 0;
}
a {
   color: #f3c900;
   text-decoration: none;
}
a:hover {
   color: #d16700;
}

h1 {
   font-family: Georgia, serif;
   font-size: 3em;
   line-height: 1.2em;
   font-weight: normal;
   margin: 0 0 0.4em 0;
   padding: 0;
   color: #dab400;
}
h2 {
   font-family: Georgia, serif;
   font-size: 1.9em;
   line-height: 1.2em;
   font-weight: normal;
   margin: 0 0 0.3em 0;
   padding: 0;
   color: #d16700;
}
h3 {
   font-size: 1.1em;
   line-height: 1.2em;
   font-weight: 700;
   margin: 1.4em 0 0.6em 0;
   padding: 0;
   color: #c15700;
}
h4 {
   font-size: 1em;
   line-height: 1.2em;
   font-weight: 700;
   margin: 0;
   padding: 0;
}

address {
   font-size: 0.85em;
}

ul {
  margin: 0 0 0.8em 0;
  padding: 0 0 0 1.5em;
}
ol {
  margin: 0 0 0.8em 0;
  padding: 0 0 0 2em;
}
li {
  margin: 0;
  padding: 0;
}


td, input, select, textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
}

input, select, textarea {
   padding: 1px 3px;
   margin: 0 0 4px 0;
   border: 0;
   background: #aaa;
}
.submit {
   padding: 0;
   margin: 0 0 4px 0;
   border: 0;
   color: #f3c900;
   background: none;
}
.submit:hover {
   color: #d16700;
}


#wrapper {
	width: 970px;
	height: auto;
	float: left;
	padding: 0;
}

#top {
	width: 970px;
	height: 165px;
	float: left;
	padding: 0;
}
#logo {
	display: block;
	float: left;
	width: 74px;
	height: 157px;
         padding: 15px 0 0 0;
}
#hovedmenu {
   width: auto;
   height: auto;
   float: right;
   margin: 50px 0 0 0;
   padding: 12px 15px 11px 15px;
   background-image: url(/files/templates/pics/baggrund_menu.png);
}
#hovedmenu a {
   display: block;
   height: 20px;
   float: left;
   padding: 0 15px;
   font-size: 1.3em;
   font-weight: 700;
   color: #fff;
   text-decoration: none;
}
#hovedmenu a:hover {
   color: #aaa;
   text-decoration: none;
}
#hovedmenu a.active {
   color: #ddd;
   text-decoration: none;
}
#hovedmenu img {
   padding: 2px 0 0 0;
}

a.menu2 {
   display: block;
   width: 250px;
   height: auto;
   float: left;
   clear: both;
}

#intranetmenu {
   width: 800px;
   height: auto;
   float: right;
   padding: 15px 3px 0 0;
   text-align: right;
}
#intranetmenu a {
   padding: 0 0 0 20px;
   font-size: 1.2em;
   font-weight: 700;
   color: #02b6d1;
   text-decoration: none;
}
#intranetmenu a:hover {
   color: #018295;
   text-decoration: none;
}
#intranetmenu a.active {
   color: #ddd;
   text-decoration: none;
}


#body{
   width: 970px;
   height: auto;
   float: left;
   padding: 0 0 40px 0;
   background-image: url(/files/templates/pics/spaltestreg.gif);
   background-repeat: repeat-y;
}

#indhold {
	width: 640px;
	height: auto;
	float: left;
	padding: 30px 30px 0 0;
	text-align: left;
}

#stolpe {
   display: block;
   width: 270px;
   height: auto;
   float: left;
   padding: 30px 0 0 30px;
}
#stolpe h2 {
   font-size:1.6em;
   line-height: 1.2em;
}


#fod {
   display: block;
   width: 970px;
   height: auto;
   float: left;
   padding: 20px 0;
   color: #999;
   font-size: 0.9em;
   line-height: 1.2em;
}
#fod a {
   color: #999;
}
#fod a:hover {
   color: #fff;
}
#fod img {
   margin: 0 20px 0 0;
}

.dato {
	color: #888;
}


.afsnit {
   display: block;
   float: left;
   width: 640px;
   height: auto;
   padding: 0 0 3em 0;
}
.afsnit .text {
   display: block;
   float: left;
   width: 410px;
   padding: 0 30px 0 0;
   height: auto;
}
.afsnit .pic{
   display: block;
   float: left;
   width: 200px;
   height: auto;
   text-align: right;
}

#stolpe .afsnit {
   width: 270px;
}

#banner {
   font-size: 0.8em;
   color: #888;
   letter-spacing: 1px;
}
#banner img {
   margin: 0 0 10px 0;
}

#loginMini, #banner {
   display: block;
   width: 270px;
   height: auto;
   float: left;
   padding: 20px 0;
   border-top: 1px solid #555;
}
#loginMini h2 {
   color: #02b6d1;
}
.fejl {
   color: #f00;
}


#calendarTable {
   width: 550px;
}
#calendarTable td {
   padding: 0 10px 0 0;
   border-bottom: 1px solid #292929;
}
#calendarTable tr.header {
   color: #888;
   font-weight: 700;
   font-size: 0.9em;
}
.klubaften {
   color: #888;
}
.klubaften a {
   color: #9e8300;
}
#calendarTable h3 {
   padding-top: 1em;
}
.eventpics img {
   margin: 0 0 1.5em 0;
}

#calendarTable.vagtplan td {
   padding: 4px 10px 4px 0;
   border-bottom: 1px solid #292929;
   line-height: 1.2em;
}



#kalenderMini {
   display: block;
   width: 270px;
   height: auto;
   float: left;
   padding: 0 0 30px 0;
}
#kalenderMini a, #kalenderMini span {
   display: block;
   width: 270px;
   height: auto;
   float: left;
}
#kalenderMini img {
   display: block;
   float: left;
   margin: 0.3em 0 0.4em 0;
}
#kalenderMini a.event {
   padding: 0 0 0.9em 0;
}
#kalenderMini .navn {
   font-family: Georgia, serif;
   font-size: 1.4em;
   line-height: 1.2em;
   font-weight: normal;
   color: #d16700;
}
#kalenderMini .dag, #kalenderMini .beskrivelse {
   color: #fff;
   font-size: 0.9em;
   line-height: 1.4em;
}
#kalenderMini a.event:hover {
   color: #555;
   text-decoration: underline;
}
#sprogskifte img {
   margin: 0 10px 0 0;
}

#hovedmenu a.aktiv, #intranetmenu a.aktiv{
   color:#900;
}