/* CSS Document */

/*
#cc9 -darker
#ddb -lighter
#eff3f6 -light grey
*/

#oldBrowserNotice{
	text-align: center;
	display: block;		/* overriding the display:none on this block
				         so that version 4 browsers still see the
				         old browser notice */
	display: none;
}

* {margin:0;padding:0;} /* nollställ marginaler och indrag för alla element */
html,body { 
color: #000;
background-image:url(images/rutor_red.jpg);
height:100%; /* se till att vi kan utnyttja hela visningsytan */
text-align:center;  /* centrera #container a'la bluerobot.com del 1 */
font-family: verdana, helvetica, sans-serif;
}
a:link, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover,a:active {
	color: #666;
}
#notice{
	border: 1px solid black;
	padding: 0px 0px 0px 10px;
	margin: 0 10px 0 10px;
	font-size: 10px;
	line-height: 18px;
}
#notice a:link, #notice a:visited {
	color: 000;
	text-decoration: underline;
}
#notice a:hover, #notice a:active {
	color: #666;
}
p, h1 {
	font-family: verdana, helvetica, sans-serif;
	line-height: 18px;
	color: #000;
	background-color:transparent;
	padding: 5px 10px 5px 10px;
}
.bold{
	font-weight: bold;
}
#contentColumn .hyperlink a:link, #contentColumn .hyperlink a:visited {
	text-decoration: underline;
	font-weight: bold;
}
.hyperlink a:hover, .hyperlink a:active {
	text-decoration: underline;
	font-weight: bold;
}
h1{
	font-weight: bold;
	font-size: 16px;
}
p{
	font-size: 15px;
}
.stycken p{
	padding: 0px 10px 5px 10px;
}
.padding-left{
	padding-left: 10px;
}
.stycken h1{
	font-weight: bold;
	font-size: 16px;
	padding: 10px 10px 0px 10px;
}
img {
	border: 0px;
}
.img-link img{
	border: 1px solid black;
}
.img-link img:hover{
	border: 1px solid white;
}
.img-left img, .img-right{
	border: 1px solid black;
}
.img-left img{
	margin: 5px 5px 5px 0;
}
.img-left{
	float: left;
}
.img-right, .img-link img, .img-link img:hover{
	margin: 5px 0 5px 5px;
}
.img-right{
	float: right;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.align-top {
	vertical-align: top;
}
.align-bottom {
	vertical-align: bottom;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear-both {
	clear: both;
}
.liten-text {
	font-size: 10px;
}
.liten-text-stycke {
	font-size: 10px;
	line-height: 12px;
}
.text-small {
	font-size: 12px;
}
.text-xsmall {
	font-size: 10px;
}
.text-large {
	font-size: 16px;
}
#container {
	width:740px; /* innehållets totala bredd */
	min-height:100%;  /* ta upp hela sidan (se MISIE-hack nedan) */
	background-image:url(images/bakgrund.gif); /* Se alistapart.com "faux columns" */
	margin:0 auto;  /* centrera #container a'la bluerobot.com del 2 */
	text-align: left; /* ... och del 3 */
	border-left: 2px solid;
	border-right: 2px solid;
}

#header{
	height: 74px;
	background-color:#cc9;
	text-align: center;
}

/*----------Menu----------*/
#menu {
	height: 23px;
	background-color:#ddb;
	text-align: center;
	font-size: 15px;
	line-height: 18px;
}
#menu ul
{
	width: 582px;
	margin: 0 auto;
	list-style-type: none;
}
#menu li
{
	float: left;
}
#menu a:link, #menu a:visited {
	color: #000000;
	text-decoration: none;
	background-color: #ddb;
	padding: 2px 5px 2px 5px;
	width: 85px;
	display: block;
	border-right: 1px solid #ddb;
	border-left: 1px solid #ddb;
}
#menu a:hover, #menu a:active {
	background-color: #cc9;
	color: #000000;
	border-right: 1px solid black;
	border-left: 1px solid black;
}
/*----------ColumnContainers----------*/
#outerColumnContainer
{
	z-index: 1;
	border-color: #ddb;
	border-style: solid;
	border-width: 0 100px;	/* sets the width of the borders used to create
				   the left and right columns' background 
				   color. */
}
#innerColumnContainer
{
	z-index: 2;
	width: 100%;
}
* html #innerColumnContainer
{
	position: relative;	/* fix a render bug in IE under certain conditions */
}

#round-corners-top{
	line-height:5px;
	background-image: url(images/top_container.gif);
}

#round-corners-bottom{
	line-height:5px;
	background-image: url(images/bottom_container.gif);
}

#contentColumn
{
	margin: 0 -1px;		/* without this, boxes stop floating next to each other */
	width: 100%;
	background-color:#eff3f6;
}
#top_contentColumn{
	background-image:url(images/rutor.gif);
	line-height:5px;
}
#leftColumn, #rightColumn, #contentColumn{
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
}
/*----------rightColumn (& left)----------*/
#rightColumn{
	float: right;		/* floating this right allows for the right
				   column block to appear before the content
				   column in the flow of the document. doing
				   this allows for any easy 3 column layout
				   in NN4.*/
	width: 100px;
	margin: 0 -100px 0 1px;	/* same as in the #leftColumn selector up 
				   above. */
	background-color:#ddb;
	text-align: center;
}
.underline {
	text-decoration: underline;
}
#a-underline, #a-underline a:link, #a-underline a:visited, #a-underline a:active, #a-underline a:hover {
	text-decoration: underline;
}
#rightColumn a:link, #rightColumn a:visited, #leftColumn a:link, #leftColumn a:visited {
	color: #000000;
	text-decoration: none;
	background-color: #ddb;
	padding: 2px 5px 2px 5px;
	width: 90px;
	display: block;
	text-align: center;
	border-top: 1px solid #ddb;
	border-bottom: 1px solid #ddb;
}
#rightColumn a:hover, #rightColumn a:active, #leftColumn a:hover, #leftColumn a:active {
	background-color: #cc9;
	color: #000000;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

/*----------leftColumn----------*/
#leftColumn
{
	width: 100px;
	margin: 0 1px 0 -100px;	/* like in the #contentColumn selector, without
				   the 1px margin on the opposite side of the 
				   box, boxes stop floating next to each 
				   other */
background-color:#ddb;
}


/* sidfotsmek */
#belowthebottom {
	height:33px;  /* samma som #bottom */
	clear:both;
}
/*28*/
#bottom{
	width:740px;
	height: 33px; /* height = p height + p margin-top + p margin-bottom */
	background-color:#cc9;
	margin-top:-33px; /* samma som height */
	margin-left:auto;
	margin-right:auto;
}
#bottom img {
	padding-top: 8px;
}
/*----------AdminPage----------*/
.adminpage html, .adminpage body {
	background-image: url(images/ddb-dot.gif);
}

.admintable {
	background-color: #eff3f6;
}
/*----------Forms----------*/
.AdminMenu {
	padding-left: 15px;
	padding-right: 15px;
}
#blog {
	width: 512px;
	padding-left: 15px;
}
.asp-table {
	padding-left: 15px;
}
.forms-header {
	background-image: url(images/box-top.png);
	line-height: 18px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
.forms {
	background-color: #ddb;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	background-repeat: no-repeat;
}
.forms_pagecount {
	text-align: center;
}
.forms-left, .forms-right, .forms-center {
	background-color: #ddb;
	padding-left: 30px;
}
.forms-right {
	text-align: right;
}
.forms-left {
	text-align: left;
}
.forms-center {
	text-align: center;
}
/************* Galleri ****************/
.pagenumber /* current pagenumber in gallery */ {
	background-color: #ddb;
}
#Picture, #Picture-wide{
	z-index: 1;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 640px;
	border: 2px solid #000;
	overflow: hidden;
}
#Picture{
	height: 480px;
}
#Picture-wide{
	height: 427px;
}
#PicMenu, #copyright, #PicFastMenu, #PicFastMenu-wide{
	left: 660px;
	width: 220px;
	position: absolute;
	color: #000000;
	background-color: #cc9;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	overflow: auto;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
}
#PicMenu{
	z-index: 2;
	top: 10px;
	height: 182px;
	border-top: 2px solid #000;
}
#tooltip{
	float:right;
}
a.tooltip-a:link, a.tooltip-a:visited {
	text-decoration: none;
	background-color: transparent;
	border: 1px dashed black;
	padding: 0px 10px 0px 10px;
}

a.tooltip-a:hover, a.tooltip-a:active {
	text-decoration: none;
	border: 1px dashed red;
	cursor: help;
}
#copyright{
	z-index: 3;
	height: 18px;
	top: 192px;
}
#copyright p{
	padding: 0px 0px 0px 10px;
	font-size: 10px;
	line-height: 18px;
}
#PicFastMenu, #PicFastMenu-wide{
	z-index: 4;
	top: 210px;
	border-bottom: 2px solid #000;
}
#PicFastMenu{
	height: 280px;
}
#PicFastMenu-wide{
	height: 227px;
}
/************* Länkar ****************/
#lanklista li {
	list-style-type: none;
}
.lanklista-header {
	background-image: url(images/box-top.png);
	padding-left: 10px;
	line-height: 18px;
	text-align: left;
	font-weight: bold;
}
.lanklista-text {
	background-color: #ddb;
	text-align: left;
}
.lanklista-text li {
	background-color: #ddb;
	padding-left: 35px;
	text-align: left;
}
.lanklista-text dt {
	padding: 5px 0 5px 10px;
	text-decoration: underline;
}
/************* asp.net ****************/
.aspnet-admintable {
	background-color: #ddb;
}
/*.TextBoxes{
   	width: 180px;
}
.TextBoxesBig{
   	width: 300px;
}*/
#kontakt {
font-size: 15px;
}
.kontakt-header {
	background-image: url(images/box-top.png);
	line-height: 18px;
	text-align: center;
}
.kontakt-text-l {
	background-color: #ddb;
	text-align: left;
}
.kontakt-text-r {
	background-color: #ddb;
	text-align: right;
}.kontakt-text-c {
	background-color: #ddb;
	text-align: center;
}
.kontakt-fill {
	background-color: #ddb;
	width: 106px;
}
.aspx-table {
	width: 512px;
	padding-left: 15px;
}
.powerball-header{
	background-image: url(images/box-top.png);
	line-height: 18px;
	padding-left: 5px;
	padding-right: 5px;
}
.powerball-fill, .powerball-fill-alt, .powerball{
	padding-left: 5px;
	padding-right: 5px;
}
.powerball-fill{
	background-color: #ddb;
}
.powerball-fill-alt{
	background-color: #ccc;
}
.transp-minitext{
	color:	black;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
}

/************* Guestbook .net ****************/

#div-answer{
	border: 1px dashed red;
	padding: 5px;
}
BR{
	clear: left;
}
.minitext{
	background-color: #ddb;
	color:	black;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
}
.minitextmrk{
	background-color: #ddb;
	color:	black;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	padding: 0 10px 0 10px;
}
.litentext {
	background-color: #ddb;
	color:	black;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	padding: 0 10px 0 10px;
}
.litentextbld{
	background-color: #ddb;
	color:	black;
	font-size: 7pt;
	font-style: normal;
	font-weight: bold;
	padding: 0 10px 0 10px;
}
.litentextmrk{
	background-color: #ddb;
	color:	black;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
}
.mellantext{
	background-color: #ddb;
	color:	black;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	line-height: 15px;
}
.stortextbld{
	background-color: #ddb;
	color:	black;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	padding: 0 10px 0 10px;
}
.gbok-header, .datagrid{
	background-color: Transparent;
	color:	black;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
}
.Message{
	font-size: 7pt;
	color: Red;
	background-color: Transparent;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}
.TextBoxes{
	border: 1px solid #837364;
	font-size: 7pt;
   	width: 100px;
   	height: 16px;
   	background-color: white;
   	color: black;
}
.TextBoxesLong{
	border: 1px solid #837364;
	font-size: 7pt;
   	width: 160px;
   	height: 16px;
   	background-color: white;
   	color: black;
}
.TextBoxesBig, .EditImageDescription{
	border: 1px solid #837364;
	font-size: 8pt;
   	background-color: white;
   	color: black;
}
.TextBoxesBig{
   	width: 300px;
   	height:50px;
}
.Buttons{
	border: 1px solid #837364;
	font-size: 7pt;
	width: 45px;
	height: 20px;
	background-color: #ddb;
	color: black;
	cursor: pointer;
}
.lButtons{
	border: 1px solid #837364;
	font-size: 7pt;
	width: 70px;
	height: 20px;
	background-color: #ddb;
	color: black;
	cursor: pointer;
}
.gbok-table {
	width: 513px;
}
.datagrid {
	background-image: url(images/box-top.png);
	line-height: 18px;
	padding: 0 10px 0 10px;
}
.smiley{
	vertical-align: bottom;
	background-color: #ddb;
	padding: 0 10px 0 10px;
}
.gbok-break{
	border-bottom: 1px solid black;
	text-align: left;
	padding: 5px 10px 5px 10px;
}

/********************************/

.hidden{
	visibility: hidden;
}

.invisible{
	display: none;
}

.editbutton{
	color:	black;
	font-size: 7pt;
	font-weight: bold;
}
.edittextbox-big{
	border: 1px solid black;
	font-size: 8pt;
   	background-color: white;
   	color: black;
   	width: 200px;
   	height:150px;
}
.edittextbox{
	border: 1px solid black;
	font-size: 8pt;
   	background-color: white;
   	color: black;
   	width: 200px;
}

/************asp.net gallery***********TRBL**/
#gallery .catdatalist{
	float: left;
	padding: 0 2px 0 0;
}
#gallery .catdatalist .maincat{
	border-right: 1px solid gray;
	padding: 0 0 0 10px;
}
#gallery .catdatalist .cat{
	border-left: 1px solid gray;
	padding: 0 10px 0 0;
}
#gallery .catdatalist .selected-maincat{
	border-left: 1px dashed gray;
	border-bottom: 1px dashed gray;
	border-top: 1px dashed gray;
}
#gallery .catdatalist .selected-cat{
	border-top: 1px dashed gray;
	border-right: 1px dashed gray;
	border-bottom: 1px dashed gray;
}
#gallery .catdatalist .selected-none{
	border: 1px solid #eff3f6;
}
#gallery h1, #gallery h2{
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
}
#gallery h1{
	padding: 0 10px 0 10px;
}
#gallery .images, #bildspel .images{	
	border: 1px solid black;
}
#picofweekframe .images{
	border: 1px solid black;
	margin: 5px 0 5px 0;
}
.picofweek-frame{
	height: 524px;
}
#gallery .showpics{
	color:	black;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
}
#bildspel{
	text-align: center;
	background-color: #ddb;
/*	height: 670px;*/
	height: 1000px;
}
#bildspel .bildruta{
	text-align: center;
/*	width: 698px;*/
	width: 858px;
}
.ErrorMessage{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7pt;
	color: Red;
	background-color: transparent;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}
#imagedescription{
	width: 640px;
	height: 75px;
	border: 1px solid black;
	overflow: auto;
}

.EditImageDescription{
	text-align: center;
   	width: 640px;
   	height:75px;
}
/*#cat-admin{
	width: 100%;
	height: 100%;
	background-color: #ddb;
}
#cat-admin table{
	margin:auto;
	text-align:left;
}
#cat-admin .admin-table{
	text-align: center;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}*/
.gallery-textboxlong, .gallery-textboxbig{
	border: 1px solid #837364;
   	background-color: white;
   	color: black;
	width: 300px;
}
.gallery-textboxbig{
   	height:50px;
}
.DropDownList{
	border-bottom: 1px solid #837364;
   	width: 100px;
}
.Location{
	color: #999999;
}
#gallery .copyrightlink{
	padding: 0px 0px 0px 10px;
	font-size: 10px;
	line-height: 18px;
}
.copyright{
	background-color: #ddb;
	width: 100%;
	height: 100%;
}
.copyright p{
	text-align:left;
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	background-color: #ddb;
}
#picofweekframe{
	background-color: white;
	text-align: center;
	margin: 20px 5px 0 5px;
	border: 1px solid black;
}

.greenbackgr{
	background-color: #00FF00;
}
.redbackgr{
	background-color: #FF0000;
}