/* CSS Document */

body {
	width: 702px;
	margin: 20px auto;
	text-align: center;
	background: url(images/bg_green_diamonds.gif) repeat fixed;
	}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #660;
	font-size: 10px;
	}
	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #660; 
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	color: #660;
	}
	
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 9px;
	letter-spacing: 1px;
	line-height: 15px;
	}

a { 
	text-decoration: none;
	color: #00F;
} 

a:link { 
	text-decoration: none;
	color: #00F;
	}

a:visited	{ 
	text-decoration: none;
	color: #00F;
} 

a:active	{ 
	text-decoration: none;
	color: #00F;
} 

a:hover	{ 
	text-decoration: underline; 
}

/* Top start */

#header {
	width: 702px;
	text-align: left;
	color: #fff;
	background-color: #fff;
	padding-top: 2px;
	padding-right: 1px;
	padding-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #794220;
	clear: both;
	float: left;
	}

#logo {
	float: left;
	width: 148px;
	height: 148px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	}

#title {
	float: left;
	width: 400px;
	height: 149px;
	margin: 0px;
	}	

#topcorner {
	float: left;
	width: 149px;
	height: 149px;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	} 
/* Top slut */

/* Menu start */
#menubar {
	float: left;
	width: 702px;
	color: #fff;
	padding-right: 1px;
	padding-left: 2px;
	background-color: #FFF;
	border-top: 4px none #339900;
	border-right: 3px none #FFF;
	border-left: 3px none #FFF;
	clear: both;
	}
	
.menubutton {
	float: left;
	width: 99px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 11px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	vertical-align: middle;
	background-color: #003300;
	}

/* Menuknap Butik*/

.menubutton#butik {
	float: left;
	width: 99px;
	background: #030;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 11px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	vertical-align: middle;
	}
	
.menubutton#butik a, .menubutton#butik a:visited {
	float:left;
	color:#FFF;
	text-align:center;
	text-decoration: none;
	width: 99px;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 3px;
	background-color: #003300;
	}
	
.menubutton#butik a:hover {
	background:#006633;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}

.menubutton#butik a:active {
	background:#006633;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}

/* Menuknap Artikler*/

.menubutton#artikler {
	float: left;
	width: 99px;
	background: #CC9933;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 11px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	vertical-align: middle;
	}
	
.menubutton#artikler a, .menubutton#artikler a:visited {
	float:left;
	color:#FFF;
	text-align:center;
	text-decoration: none;
	width: 99px;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 3px;
	background-color: #CC9933;
	}
	
.menubutton#artikler a:hover {
	background:#CCCC66;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}

.menubutton#artikler a:active {
	background:#CCCC66;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}

/* Menuknap Encyklopaedi*/

.menubutton#encyclopaedi {
	float: left;
	width: 99px;
	background: #006600;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 11px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	vertical-align: middle;
	}
	
.menubutton#encyclopaedi a, .menubutton#encyclopaedi a:visited {
	float:left;
	color:#FFF;
	text-align:center;
	text-decoration: none;
	width: 99px;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 3px;
	background-color: #006600;
	}
	
.menubutton#encyclopaedi a:hover {
	background:#009933;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}

.menubutton#encyclopaedi a:active {
	background:#009933;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}

/* Menuknap Oel & Mad*/

.menubutton#oelogmad {
	float: left;
	width: 99px;
	background: #996633;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 11px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	vertical-align: middle;
	}
	
.menubutton#oelogmad a, .menubutton#oelogmad a:visited {
	float:left;
	color:#FFF;
	text-align:center;
	text-decoration: none;
	width: 99px;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 3px;
	background-color: #996633;
	}
	
.menubutton#oelogmad a:hover {
	background:#999966;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}

.menubutton#oelogmad a:active {
	background:#999966;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}


/* Menuknap Oelkatalog*/

.menubutton#oelkatalog {
	float: left;
	width: 99px;
	background: #17820E;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 11px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	vertical-align: middle;
	}
	
.menubutton#oelkatalog a, .menubutton#oelkatalog a:visited {
	float:left;
	color:#FFF;
	text-align:center;
	text-decoration: none;
	width: 99px;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 3px;
	background-color: #17820E;
	}
	
.menubutton#oelkatalog a:hover {
	background:#00CC66;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}

.menubutton#oelkatalog a:active {
	background:#00CC66;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}
 
/* Menuknap Nyhedsbrev*/

.menubutton#nyhedsbrev {
	float: left;
	width: 99px;
	background: #663300;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 11px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	vertical-align: middle;
	}
	
.menubutton#nyhedsbrev a, .menubutton#nyhedsbrev a:visited {
	float:left;
	color:#FFF;
	text-align:center;
	text-decoration: none;
	width: 99px;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 3px;
	background-color: #663300;
	}
	
.menubutton#nyhedsbrev a:hover {
	background:#666633;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}

.menubutton#nyhedsbrev a:active {
	background:#666633;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}
	

/* Menuknap GlocalBeer*/


.menubutton#omglocalbeer {
	float: left;
	width: 99px;
	background: #23AD24;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: 11px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	vertical-align: middle;
	}
	
.menubutton#omglocalbeer a, .menubutton#omglocalbeer a:visited {
	float:left;
	color:#FFF;
	text-align:center;
	text-decoration: none;
	width: 99px;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 3px;
	background-color: #23AD24;
	}
	
.menubutton#omglocalbeer a:hover {
	background:#00CC66;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}

.menubutton#omglocalbeer a:active {
	background:#00CC66;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}


 
.menubutton a, .menubutton a:visited {
	float:left;
	color:#FFF;
	text-align:center;
	text-decoration: none;
	width: 99px;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 3px;
	}
	
.menubutton a:hover {
	background:#009966;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}

.menubutton a:active {
	background:#009966;
	text-decoration: none;
	width: 99px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 3px;
	}

/*Menu slut*/

/*Midt start*/

#container {
	float: left;
	width: 702px;
	text-align: left;
	padding-right: 1px;
	padding-left: 2px;
	clear: both;
	background-color: #FFF;
	}

#sidebar {
	float: left;
	width: 144px;
	padding: 0px 5px 10px 0px;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	text-align: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}

h2.section {
	margin-top: 10px;
	font-size: 10px;
	background: url(/images/pic_green_button_136_16.jpg) no-repeat;
	color: #FFF;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	border: 1px solid #330;
	font-weight: bold;
	margin-left: 4px;
	margin-right: 2px;
	}

h2.sectionleft {
	margin-top: 10px;
	font-size: 10px;
	background: url(images/pic_green_button_138_18.jpg) no-repeat;
	color: #FFF;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	border: 1px solid #330;
	font-weight: bold;
	margin-left: 4px;
	margin-right: 2px;
	}

h2.sectionright {
	margin-top: 10px;
	font-size: 10px;
	background: url(images/pic_green_button_138_18.jpg) no-repeat;
	color: #FFF;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	border: 1px solid #330;
	font-weight: bold;
	margin-left: 2px;
	margin-right: 4px;
	}

#sidebar p {
	font-size: 10px;
	margin: 5px 0px;
	padding-left: 4px;
	letter-spacing: normal;
	padding-right: 2px;
	color: #000;
	}

#sidearticle {
	float: left;
	width: 232px;
	padding: 0px 0px 10px;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	text-align: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #FFF;
	}

#sidearticle p {
	font-size: 10px;
	margin: 5px;
	padding-left: 4px;
	letter-spacing: normal;
	padding-right: 2px;
	text-align: left;
	}

#sidearticle form {
	background-color: #FFF;
	background-position: center;
	border: none;
	}

h2.sidearticle {
	margin-top: 10px;
	font-size: 10px;
	background: url(images/pic_green_bar_dark_left_230.jpg) no-repeat;
	color: #FFF;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	border: 1px solid #330;
	font-weight: bold;
	margin-left: 4px;
	margin-right: 4px;
	}

#content {
	float: left;
	width: 380px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: justify;
	background-color: #FFF;
	}

#contentliste {
	text-align: center;
	font-size: 12px;
	letter-spacing: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#contentarticle {
	float: left;
	width: 446px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: justify;
	background-color: #FFF;
	}

h2.date {
	margin-top: 10px;
	padding: 2px 5px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.09em;
	text-align: right;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #396;
	background-image: none;
	border: 1px solid #263619;
	}
	
h2.content {
	margin-top: 10px;
	padding: 2px 5px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: right;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	background-image: url(images/pic_green_bar_380_16.jpg);
	border: 1px solid #330;
	}

h2.article {
	margin-top: 10px;
	padding: 2px 5px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.09em;
	text-align: right;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/pic_green_bar.jpg);
	border: 1px solid #330;
	}

h3.subject {
	font-size: 18px;
	letter-spacing: 0.09px;
	text-transform: uppercase;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-style: normal;
	}

h4.subject {
	font-size: 11px;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

div.timestamp {
	font: 10px lucida grande, verdana, arial, sans-serif;
	letter-spacing: 0.09em;
	margin-top: 10px;
	padding: 0px 5px 2px 5px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top-color: #999999;
	border-right-color: #999999;
	}

#content p {
	font-size: 11px;
	margin: 10px 0px 5px 10px;
	letter-spacing: normal;
	line-height: 15px;
	}
	
#contentarticle p {
	font-size: 11px;
	margin: 10px 0px 5px 10px;
	letter-spacing: normal;
	line-height: 17px;
	}

#contentarticle form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #FFF;
	padding: 10px 20px 10px 5px;
	margin-top: 10px;
	border: 0px solid #006600;
}

	
#rightbar {
	float: left;
	width: 144px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 4px;
	}

#rightbar p {
	font-size: 10px;
	margin: 5px 0px;
	padding-right: 4px;
	word-spacing: normal;
	letter-spacing: normal;
	}



.artikelcontent {
	float: left;
	width: 529px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	}
	
.artikelcontent p{
	font-size: 11px;
	margin: 10px 0px 5px 10px;
	line-height: 17px;
	text-align: justify;
	letter-spacing: normal;
	}

.artikelcontent h3{
	font-size: 18px;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.artikelcontent h4{
	font-size: 12px;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.image {
	margin-right: 15px;
}
.imageright {
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.imageleft {
	display: block;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/*Midt slut*/

/*Bund start*/

#footer {
	float: left;
	width: 702px;
	margin-bottom: 20px;
	text-align: left;
	background: #FFFFFF;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 2px;
	clear: both;
	}

#credits {
	float: left;
	width: 139px;
	margin: 0px;
	padding: 5px;
	border-top: 5px solid #669900;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}

#credits p {
	font-size: 10px;
	margin: 0px;
	}

#space {
	float: left;
	width: 395px;
	padding: 5px 0px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top: 5px solid #669900;
	border-right: 5px #669900;
	border-bottom: 5px #669900;
	border-left: 5px #669900;
	}

#bottomcorner {
	float: left;
	width: 149px;
	height: 75px;
	border-top: 5px solid #669900;
	border-left: #669900;
	border-right-color: #669900;
	border-bottom-color: #669900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: bottom;
	color: #000000;
	}

#bottomcorner p {
	font-size: 10px;
	margin: 0px;
	}
	
/*Bund slut*/

/*Php-side CSS start*/

label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	left: 30px;
}

form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #009900;
	padding: 10px 20px 10px 5px;
	margin-top: 10px;
	border: 1px solid #006600;
}

form p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px;
	text-align: right;
	font-size: 10px;
}

form h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px;
	text-align: left;
	font-size: 14px;
	margin-left: 10px;
}

#submit {
	margin-left: 10px;
	background-color: #009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

/*Php-side CSS slut*/

.fodnote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	line-height: 10px;
}
table {
	background-color: #090;
	border: 1px solid #006600;
	background-image: url(images/bg_top_image_1.jpg);
	background-repeat: repeat-y;
}

table p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.Reklame {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
	padding: 0px;
	border: 1px none #FFFFFF;
	margin: 0px;
	background-position: center;
	text-align: center;
	width: 142px;
}

.Reklame label {
}

.Reklame input {
}

.Reklame form {
	
}

.Reklame form p {
	}

.Reklame form h2 {
	
}

.Reklame #submit {
	
}


script {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}