@import "news.css";
@import "events.css";
@import "overview.css";
@import "sitemap.css";
@import "forum.css";
@import "shop.css";

/************************* HTML BODY **********************/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.82em;
	line-height: 1.6em;
	color: #666666;
	background-image: url(/web/grafik/background1.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

/************************* STRUCTURE **********************/

#container {
	padding: 0 20px 0 20px;
	margin: 0 auto;
	width: 904px;
	position: relative;
	background-image: url(/web/grafik/subnav_stiplet.gif);
	background-repeat: repeat-y;
	background-position: 20px;
}

#header {
	margin: 0;
	padding: 0;
	width: 904px;
	height: 85px;
	background-color: #FFFFFF;
}

#mainnav {
	margin: 0;
	padding: 0 0 10px 0;
	width: 904px;
	height: 31px;
	float: left;
	clear: both;
	background-color: #FFFFFF;
}

#subnav {
	width: 226px;
	_height: 450px;
	min-height: 450px !important;
	float: left;
	padding: 0;
	margin: 0;
}

#flashtop {
	margin: 0;
	padding: 0 0 10px 0;
	width: 904px;
	height: 222px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(/web/grafik/sondervig_forsideflash.gif);
	background-repeat: no-repeat;
	clear: both;
}

#subflash {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 658px;
	height: 184px;
	float: left;
	border-bottom: 1px #b2b2b2 dotted;
	background-image: url(/web/grafik/sondervig_undersideflash.gif);
	background-repeat: no-repeat;
}

#wrapper {
	margin: 0;
	padding: 0;
	width: 904px;
	height: auto;
	float: left;
	display: inline;
	background-color: #FFFFFF;
}

#ct_wrapper {
	margin: 0 0 0 20px;
	padding: 0;
	width: 658px;
	float: left;
	background-color: #FFFFFF;
	position: relative;
}

#welcome {
	width: 281px;
	height: 216px;
	margin: 0;
	padding: 0 20px 0 0;
	float: left;
	border-right: 1px #b2b2b2 dotted;
}

#news {
	width: 261px;
	height: 216px;
	margin: 0;
	padding: 0 20px 0 20px;
	float: left;
}

#events {
	width: 261px;
	height: 216px;
	margin: 0;
	padding: 0 20px 0 20px;
	float: left;
	background-image: url(/web/grafik/event_back.jpg);
	background-repeat: no-repeat;
}

#text {
	margin: 0;
	padding: 0 20px 0 0;
	width: 423px;
	border-right: 1px #b2b2b2 dotted;
	float: left;
}



#info {
	margin: 0;
	padding: 0 0 0 20px;
	width: 194px;
	float: left;
}

#shop {
	margin: 0;
	padding: 0;
	width: 329px;
	float: left;
}


#text2 {
	margin: 0;
	padding: 0 0 0 20px;
	width: 308px;
	float: left;
}

#intro {
	width: 658px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px #b2b2b2 dotted;
	float: left;
}

#calendar {
	width: 658px;
	margin: 0;
	padding: 0;
	float: left;
}

#gallery {
	width: 658px;
	margin: 0;
	padding: 0;
	float: left;
}

#imagesearch {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 658px;
	float: left;
	border-top: 1px #b2b2b2 dotted;
}

#footer {
	margin: 0;
	padding: 30px 0 15px 0;
	width: 904px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(/web/grafik/footer_line.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/************************* MAIN NAVIGATION **********************/

#mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: url(/web/grafik/mainnav_stiplet.gif);
	background-position: left;
	background-repeat: no-repeat;
	float: left;
}

#mainnav ul li {
	float: left;
	border-right: 1px #b2b2b2 dotted;
	height: 30px;
	width: 112px;
	display: block;
	margin: 0;
	padding: 1px 0 0 0;
	text-align: center;
}

#mainnav ul li a {
	text-decoration: none;
	color: #666666;
	height: 24px;
	width: 112px;
	display: block;
	padding: 5px 0 0 0;
}

#mainnav ul li a:hover {
	background-image: url(/web/grafik/active.gif);
	background-repeat: no-repeat;
	background-position: top center;
	height: 24px;
	width: 112px;
	display: block;
	padding: 5px 0 0 0;
}

#mainnav ul li a.active1 {
	background-image: url(/web/grafik/active.gif);
	background-repeat: no-repeat;
	background-position: top center;
	height: 24px;
	width: 112px;
	display: block;
	padding: 5px 0 0 0;
}

/************************* SUB NAVIGATION LEVEL 1 **********************/

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

#subnav ul li {
	padding: 0;
	margin: 0;
}

#subnav ul li a {
	padding: 5px 0 5px 5px;
	margin: 0 0 2px 0;
	background-image: url(/web/grafik/subnav_back.gif);
	background-repeat: repeat-x;
	display: block;
	width: 200px;
	height: 17px;
	color: #666666;
	text-decoration: none;
}

#subnav ul li a:hover {
	padding: 5px 0 5px 10px;
	margin: 0 0 2px 0;
	background-image: url(/web/grafik/subnav_back2.gif);
	background-repeat: repeat-x;
	display: block;
	width: 195px;
	height: 17px;
	color: #ffffff;
	text-decoration: none;
}

#subnav ul li a.active2 {
	padding: 5px 0 5px 10px;
	margin: 0 0 2px 0;
	background-image: url(/web/grafik/subnav_back2.gif);
	background-repeat: repeat-x;
	display: block;
	width: 195px;
	height: 17px;
	color: #ffffff;
	text-decoration: none;
}

/************************* SUB NAVIGATION LEVEL 2 **********************/

#subnav ul ul {
	margin: 5px 0 15px 0;
	padding: 0 0 0 10px;
	list-style: none;
}

#subnav ul ul li {
	padding: 0;
	margin: 0 0 8px 0;
}

#subnav ul ul li a {
	line-height: 1.2em;
	height: auto;
	margin: 0;
	padding: 0;
	color: #666666;
	text-decoration: none;
	background-image: none;
	display: block;
}

#subnav ul ul li a:hover {
	line-height: 1.2em;
	height: auto;
	margin: 0;
	padding: 0;
	color: #666666;
	text-decoration: none;
	background-image: none;
}

#subnav ul ul li a.active3 {
	line-height: 1.2em;
	height: auto;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background-image: none;
}

/************************* TEXT **********************/

h1 {
	background-image: url(/web/grafik/headerdot.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
	font-size: 130%;
	color: #434343;
	.margin: 10px 0 15px 0;
}

h2 {
	font-size: 115%;
	color: #434343;
	margin: 15px 0 10px 0;
}

h3 {
	font-size: 100%;
	color: #434343;
}

#gallery h1 {
	margin: 5px 0 5px 0;
	padding: 0 0 0 12px;
}

p {
	.margin: 10px 0 10px 0;
}

#intro p {
	margin: 0 0 15px 0;
}

#welcome h1, #news h1, #events h1 {
	padding-bottom: 5px;
}

/************************* LINKS **********************/

a {
	color: #991b16;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

#header a, #footer a {
	color: #666666;
	text-decoration: none;
}

#info a, #welcome a {
	background-image: url(/web/grafik/linkdot.gif);
	background-repeat: no-repeat;
	padding: 1px 0 0 30px;
	height: 18px;
	display: block;
}

.link {
	background-image: url(/web/grafik/linkdot.gif);
	background-repeat: no-repeat;
	padding: 1px 0 0 30px;
	height: 18px;
	display: block;
}

.rssfeed {
	background-image: url(/web/grafik/rss.gif);
	background-repeat: no-repeat;
	padding: 0 0 3px 20px;
}

.link_frem {
	background-image: url(/web/grafik/link_forward.gif);
	background-repeat: no-repeat;
	padding: 1px 0 5px 30px;
}

.link_tilbage {
	background-image: url(/web/grafik/link_backward.gif);
	background-repeat: no-repeat;
	padding: 1px 10px 5px 30px;
}

/************************* FORMS **********************/

.field {
	width: 300px;
	border: 1px #999999 solid;
}

.txtarea {
	width: 500px;
	height: 200px;
	border: 1px #999999 solid;
}

.submitbtn {
	width: 180px;
	background-color: #ffffff;
	border: 1px #999999 solid;
	color: #434343;
}

fieldset {
	border: 0;
}

input, textarea, select {
	margin: 0 0 5px 0;
}

fieldset {
	background-color: #f1f1f1;
	padding: 10px;
	margin: 20px 0 0 0;
	width: 638px;
}

.search fieldset, .enlist fieldset {
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	width: 319px;
}

#news fieldset {
	width: 261px;
	background-color: #FFF;
	padding: 0;
	margin: 20px 0 0 0;
}

#news form {
	padding: 0;
	margin: 0;
}

#news fieldset label {
	padding: 0;
	margin: 0 0 5px 0;
}
	
#news fieldset p {
	padding: 0;
	margin: 0;
}

#news fieldset .field {
	width: 250px;
	float: left;
	background-color: #fff;
	color: #999999;
	font-size: 90%;
	border: 1px #DBDBDB solid;
}

#news fieldset .submitbtn {
	width: 80px;
	color: #999999;
	font-size: 90%;
	border: 1px #DBDBDB solid;
}

/************************* OTHERS **********************/

#header img {
	border: 0;
}

#header ul {
	list-style: none;
	position: absolute;
	right: 20px;
	top: 20px;
	background-image: url(/web/grafik/secnav_back.gif);
	background-repeat: no-repeat;
	background-position: 103px 5px;
}

#header ul li {
	float: left;
	padding: 0 10px 0 10px;
}

.message {
	color: #991b16;
	font-weight: bold;
}

#paging {
	position: absolute;
	bottom:-5px;
	width: 400px;
	text-align: left;
	background-color:#ffffff;
	height: 20px;
	border: 0px #000 solid;
	padding: 15px 0 0 0;
	.padding: 7px 0 0 0;
}

#shop table {
	background-image: url(/web/grafik/table_stiplet.gif);
	background-position: 329px;
	background-repeat: repeat-y;
}

.katalogtable {
	background-image: url(/web/grafik/table_stiplet.gif);
	background-position: 329px;
	background-repeat: repeat-y;
}

.frontpageevent {
	padding: 0 0 30px 0;
	clear: both;
}

.frontpageevent p {
	margin: 0;
}

.frontpageevent img {
	margin: 0 10px 0 0;
	float: left;
}

.shop p {
	margin: 0;
}

.clear {
	height: 1px;
	overflow: auto;
	display: block;
	clear: both;
}

.noshow {
	display: none;
}

/************************* NYHEDSBREV **********************/

#newscontainer {
	width:100%;
	height:100%;
	background-color:
	#fff; margin:0;
	padding:0;
	background-image: none;
	font-size: 10px;
	line-height: normal;
}

/*********************** POPUP BOX **********************/

#TB_overlay {
	position: absolute;
	z-index:1000;
	top: 0;
	left: 0;
	background-color:#000;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 1002;
	color:#000000;
	border: 4px solid #525252;
	text-align:left;
}

#TB_closeWindowButton{
	display: block; 
	background: url(/web/grafik/close.png); 
	height: 34px; 
	width: 35px; 
	position: absolute; 
	top: -20px; 
	right: -20px;
	text-indent: -9999px;
}

#TB_ajaxContent{
	clear:both;
	padding:15px;
	overflow:auto;
}

.TB_overlayMacFFBGHack { 
	background: url(/web/grafik/macFFBgHack.png); 
}

.TB_overlayBG { 
	background-color: #000; 
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

* html #TB_overlay {
	position: absolute; 
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); 
}

* html #TB_window { 
	position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

* html #TB_load {
	position: absolute; 
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); 
}

#TB_HideSelect{ 
	z-index:999; 
	position: absolute; 
	top: 0; 
	left: 0; 
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0; 
	opacity: 0; 
	height:100%;
	width:100%; 
}

* html #TB_HideSelect{ 
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/*********************** NEWSLETTER BOX ***********************/

#newsletterPopup1, #newsletterPopup2, #newsletterPopup3{
	display:none;
}

#newsletter{
	background-color:#ffffff;
	background-image:url(/web/grafik/bg_popup.jpg);
	background-repeat:no-repeat;
	width:535px;
	padding:22px;
	color:#ffffff;
}

#newsletter .over1{
	font-size:38px;
	font-weight:bold;
	margin:10px 0 15px 0;
}

#newsletter .over2{
	font-size:16px;
}

#newsletter label{
	color:#FFFFFF;
	display:block;
	width:300px;
}

#newsletter input{
	font-size:12px;
	width:280px;
	margin:0 0 12px 0;
	height:20px;
	border:1px solid #476CAE;
	padding: 0 2px;
}		

#newsletter .submit_newsletter{
	display:block;
	width:100px;
	height:32px;
	cursor:pointer;
	color:#000000;
	font-weight:bold;
	background-color:#fff;
	margin:5px 0 30px 182px;
}

#newsletter .text_top{
	padding:0 0 20px 0;
	font-size:12px;
	line-height:22px;
}

#newsletter .text_bund{
	color:#000000;
	margin: 40px 0 -20px 0;
}

#newsletter .text_top h1{
	margin-bottom:20px;}