/* CSS Ölandslök */
/*--- General Setup---*/
html { 
	height: 95%;
}

body {
	background: url("http://www.olandslok.se/images/background1.gif"); 	
	margin: 0;
	padding: 0;
	font-family: Helvetica, sans-serif;
	font-size: 77%;
	text-align: center;
}
a img{border: none;}

/*---Container Setup Classes---*/
#shadowContainer{
	margin: 0 auto 0 auto;
	width: 770px;
	text-align:left;
	background: url("http://www.olandslok.se/images/containerShadow.jpg") ;
}

#footerShadowContainer {
	margin: 0 auto 0 auto;
	width: 770px;
	height: 50px;
	text-align:left;
	background: url("http://www.olandslok.se/images/footerContainerShadow.jpg") no-repeat;
}
/*--- Main Header Styling ---*/
#headerContainer,  #headerContainerProdukter, #headerContainerRecept, #headerContainerForpackningar, #headerContainerKontakt, #headerContainerNews {
	width: 760px;
	height: 138px;
	background: url("http://www.olandslok.se/images/headerOrange.jpg") no-repeat;
}
#headerContainerProdukter {
	background: url("http://www.olandslok.se/images/produkter.jpg");
}

#headerContainerRecept {
	background: url("http://www.olandslok.se/images/headerGreen.jpg");
}
#headerContainerForpackningar {
	background: url("http://www.olandslok.se/images/headerLila.jpg");
}
#headerContainerKontakt {
	background: url("http://www.olandslok.se/images/headerBlue.jpg");
}
#headerContainerNews {
	background: url("http://www.olandslok.se/images/headerYellow.jpg");
}
#headerContainerTitle{
	position:relative;
	text-align:left;
	top: 80px;
	left: 0.3em;
	color: #264A98;
	width: 233px;
	height: 49px;
	/*font-size: 1.5em;
	font-weight: lighter;*/
}
#headerContainerTitle h1{
	display: inline;
	font-size: 1.5em;
	font-weight: lighter;

	
}
/*--- Header Theme Styling ---*/
.headerThemeOrange {
	display:block;
	width: 750px;
	height: 7px;
	border-style: none solid none solid;
	border-color: #B87934;
	border-width: 5px;
	background: #CC8E49;
}

.headerThemeBrown {
	display:block;
	width: 750px;
	height: 7px;
	border-style: none solid none solid;
	border-width: 5px;
	border-color: #9B7844;
	background: #BE9C69;
}
.headerThemeGreen {
	display:block;
	width: 750px;
	height: 7px;
	border-style: none solid none solid;
	border-color: #767B1A;
	border-width: 5px;
	background: #A1A923;
}
.headerThemeLila {
	display:block;
	width: 750px;
	height: 7px;
	border-style: none solid none solid;
	border-color: #6A6262;
	border-width: 5px;
	background: #897E7E;
}
.headerThemeBlue {
	display:block;
	width: 750px;
	height: 7px;
	border-style: none solid none solid;
	border-color: #44586C;
	border-width: 5px;
	background: #577089;
}
.headerThemeGray {
	display:block;
	width: 750px;
	height: 7px;
	border-style: none solid none solid;
	border-color: #6A6A6A;
	border-width: 5px;
	background:#7E7E7E;
}

.headerThemeTwo {
	display:block;
	width: 750px;
	height: 15px;
	border-style: none solid none solid;
	border-color: black;
	border-width: 5px;
	background: #666666;
}

/*---Page Styling---*/
#pageContainer {
	padding:0;
	width:760px;
	min-height: 400px;
	background: white;
	text-align: center;
	border-style: solid solid none solid;
	border-color: black;
	border-width: 1px;
}

#pageContainerQuote {
	position: static;
	color: #333333;
	font-family:Palace Script MT;
	/*font: Brush Script MT;*/
	/*font-family: fantasy;*/
	font-size: 5em;
	/*font-weight: bold;*/		
}

/*---Menu Classes---*/
#menuContainer {
	float: left;
	margin-top: 0;
	width: 184px;
	/*color: black;*/
	background: white;	
	font-family: Verdana;
	font-size: 1em;
	text-align: left;
}

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

#menuContainer li {
	font-size: 1em;
	height: 2em;
	padding-left: 5px;
	font-weight: bold;
	/*background: blue;*/
	line-height: 1.4em;
/*	background: url("http://www.olandslok.se/selected.jpg") bottom no-repeat;*/
}

#menuContainer li a {
	display: block;
	line-height: 1.4em; 
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	background: url("http://www.olandslok.se/images/notselected.jpg") bottom no-repeat;
	margin-left:-5px;
  	padding-left: 5px;
	height: 2em;	
}

#menuContainer li a:hover {
	color: #CC8E49;
	background: url("http://www.olandslok.se/images/green.jpg") bottom no-repeat;
}

/* --- MenuItem Color Selector --- */
/*---OrangeMenu---*/
#menuContainer .orangeSelected {
	color:#CC8E49;	
	background: url("http://www.olandslok.se/images/selected.jpg") bottom no-repeat;
}
#menuContainer .orange a:hover{
	color: #CC8E49;	
	background: url("http://www.olandslok.se/images/selected.jpg") bottom no-repeat;
}
	
/*---BrownMenu---*/
#menuContainer .brownSelected{
	color: #BE9C69;	
	background: url("http://www.olandslok.se/images/brown.jpg") bottom no-repeat;
}
#menuContainer .brown a:hover{
	color: #BE9C69;	
	background: url("http://www.olandslok.se/images/brown.jpg") bottom no-repeat;
}
#menuContainer .brownItem{
	font-weight: bold;
	color: #BE9C69;
	margin-bottom:3em;	
}


#menuContainer .greenSelected {
	color: #A1A923;	
	background: url("http://www.olandslok.se/images/green.jpg") bottom no-repeat;
}	

#menuContainer .green a:hover {
	color:  #A1A923;	
	background: url("http://www.olandslok.se/images/green.jpg") bottom no-repeat;
}
#menuContainer .greenItem{
	margin-bottom:3em;
	font-weight: bold;
	color:  #A1A923;	
}

#menuContainer .lilaSelected {
	color: #897E7E;	
	background: url("http://www.olandslok.se/images/lila.jpg") bottom no-repeat;
}	
#menuContainer .lila a:hover {
	color: #6A6262;	
	background: url("http://www.olandslok.se/images/lila.jpg") bottom no-repeat;
}
#menuContainer .lilaItem{
	margin-bottom:6em;
	font-weight: bold;
	color: #897E7E;	
}

#menuContainer .blueSelected {
	color: #577089;	
	background: url("http://www.olandslok.se/images/blue.jpg") bottom no-repeat;
}	
#menuContainer .blue a:hover {
	color: #44586C;	
	background: url("http://www.olandslok.se/images/blue.jpg") bottom no-repeat;
}
#menuContainer .blueItem{
	font-weight: bold;
	color: #577089;	
}

#menuContainer .graySelected {
	color: #7E7E7E;	
	background: url("http://www.olandslok.se/images/lila.jpg") bottom no-repeat;
}	
#menuContainer .gray a:hover {
	color: #6A6A6A;	
	background: url("http://www.olandslok.se/images/lila.jpg") bottom no-repeat;
}
#menuContainer .grayItem{
	font-weight: bold;
	color: #7E7E7E;	
}

/*border-color: #6A6A6A;
	background:#7E7E7E;*/
	
/*--- Sub Sub Menu Styling ---*/
#menuContainer ul ul li {
	display: block;
	height: 20px;
	margin-left: 20px;
	font-size: 0.8em;

}


#menuContainer ul ul li a {
	display: block;
	height: 20px;
	/*width: 100px;*/
	/*margin-top: -4px;*/
	margin-left: 10px;
	/*border-style: none none solid solid;
	border-width: 1px;*/
	background:none;
/*	font-size: 0.8em;	*/
}

#menuContainer ul ul li a:hover {

	display: block;
	height: 20px;
	/*width: 100px;*/
	/*margin-top: -4px;*/
	/*border-style: none none solid solid;*/
	/*border-color: red;
	border-width: 1px;*/
	background:none;	
}

#menuContainer ul ul li a:visited {

	display: block;
	height: 20px;
	/*width: 100px;*/
	/*margin-top: -4px;*/
	border-style: none;
/*	border-color: red;*/
	border-width: 1px;
	background:none;	
}

#menuContainer .orangeTitleMain {
	color: #CC8E49;
}
/*---Sub Sub Menu Color Selector---*/
	/*border-color: #B87934;
	border-width: 5px;
	background: #CC8E49;*/
/*---Sub Sub Menu Orange Selector---*/
#menuContainer .orangeSub a {
	/*border-color: #B87934;*/
	color: #B87934;
}
#menuContainer .orangeSub a:visited{
	/*border-color: #B87934;*/
	color:#B87934;
}
#menuContainer .orangeSub a:hover {
	/*border-color: #CC8E49;*/
	color: #CC8E49;
}



/*---Sub Sub Menu Brown Selector---*/
#menuContainer .brownSub a {
	/*border-bottom: 1px #9B7844 dotted;*/
	color: #BE9C69;
}
#menuContainer .brownSub a:visited{
	/*border-bottom: 1px #9B7844 dotted;*/
	color: #BE9C69;
}
#menuContainer .brownSub a:hover {
	/*border-bottom: 1px #BE9C69 solid;*/
	color: #9B7844;
	font-weight: normal;
}
#menuContainer .brownSubSelected {
	background: url("http://www.olandslok.se/images/brownSubSelect.jpg") no-repeat;
	color: #9B7844;
	font-weight: normal;
	margin-left: 30px;
	padding-left: 10px;
}

/*---Sub Sub Menu Green Selector---*/
#menuContainer .greenSub a {
	/*border-color: #767B1A;*/
	color: #A1A923;
}
#menuContainer .greenSub a:visited{
	/*border-color: #767B1A;*/
	color: #A1A923;
}
#menuContainer .greenSub a:hover {
	/*border-color: #767B1A;*/
	color: #767B1A;
	font-weight: normal;
}

#menuContainer .greenSubSelected {
	background: url("http://www.olandslok.se/images/greenSubSelect.jpg") no-repeat;
	color: #767B1A;
	font-weight: normal;
	margin-left: 30px;
	padding-left: 10px;
}
/*---Sub Sub Menu Lila Selector---*/
#menuContainer .lilaSub a {
	/*border-bottom: 1px #6A6262 dotted;*/
	color: #6A6262;
}
#menuContainer .lilaSub a:visited{
	/*border-bottom: 1px #6A6262 dotted;*/
	color: #6A6262;
}
#menuContainer .lilaSub a:hover {
	
	/*background: green;*/
	color: #897E7E;
	font-weight: normal;
}

#menuContainer .lilaSubSelected {
	background: url("http://www.olandslok.se/images/lilaSubSelect.jpg") no-repeat;
	color: #897E7E;
	font-weight: normal;
	margin-left: 30px;
	padding-left: 10px;
}
/*--- Logo Holder---*/
#logoHolder {
	float: left;
	margin-left: 2.75em;
	margin-top: -3.75em;
}

/*---Content Classes---*/
#contentContainer {
	position: static;
	border-style: none;
	margin-left: 215px;
	margin-top: 15px;
	padding-bottom: 15px;
	width: 509px;
	min-height: 400px;
	background: white;
}

#contentContainerHeader {
	width: 507px;
	height: 24px;
	margin:0;
	padding:0;
	color: white;
	text-align: left;
	border: 1px solid #999999;
}
#contentContainerHeader h2 {
	line-height: 24px;
	display: inline;
	font-family: Verdana;
}

#contentContainer a:link{
	color: white;
	text-decoration: none;
	border-bottom: none;
}

#contentContainer a:visited{
	
	color: white;
	text-decoration: none;
	border-bottom: none;
	
}

#contentContainer a:hover{
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
}

#contentContainerHeader, .orangeHeaderSelected, .brownHeaderSelected, .lilaHeaderSelected, .blueHeaderSelected  {
/*	line-height: 24px;*/
	
	/*font-weight: lighter;
	letter-spacing: 0.1em;*/
	/*font-size: 1.2em;*/
	
}
.orangeHeaderSelected {
	padding-left: 5px;
	margin: 0;
	background: #CC8E49;
	border-style: none solid none solid;
	border-color: #B87934;
	border-width: 4px;
	font-size: 1.4em;
	line-height: 24px;
	font-weight: bold;
	font-family: Arial;
}

.brownHeaderSelected {
	padding-left: 5px;
	margin: 0;
	background: #BE9C69;
	border-style: none solid none solid;
	border-color: #9B7844;;
	border-width: 4px;
	font-size: 1.4em;
	line-height: 24px;
	font-weight: bold;
	font-family: Arial;
}

.greenHeaderSelected {
	margin: 0;
	padding-left: 5px;
	background: #A1A923;
	border-style: none solid none solid;
	border-color: #767B1A;
	border-width: 4px;
	font-size: 1.4em;
	line-height: 24px;
	font-weight: bold;
	font-family: Arial;

}
.lilaHeaderSelected {
	padding-left: 5px;
	margin: 0;
	background: #897E7E;
	border-style: none solid none solid;
	border-color: #6A6262;
	border-width: 4px;
	font-size: 1.4em;
	line-height: 24px;
	font-weight: bold;
	font-family: Arial;
}
.blueHeaderSelected {
	padding-left: 5px;
	margin: 0;
	background: #577089;
	border-style: none solid none solid;
	border-color: #44586C;
	border-width: 4px;
	font-size: 1.4em;
	line-height: 24px;
	font-weight: bold;
	font-family: Arial;
}
.grayHeaderSelected {
	padding-left: 5px;
	margin: 0;
	border-color: #6A6A6A;
	background:#7E7E7E;
	border-style: none solid none solid;

	border-width: 4px;
	font-size: 1.4em;
	line-height: 24px;
	font-weight: bold;
	font-family: Arial;
}

#contentContainerText {
	text-align: justify;
	font-size: 1em;
	width: 499px;
	padding-top: 0.5em;
	margin-right: 0.5em;
	min-height: 420px;
	background: #666666;
	border-style: none solid solid solid;
	border-color: black;
	border-width: 5px;
	color: white;
}

#contentContainerSubText {
	margin: 0 1em 0 1em;
	display:block;
	/*float: right;*/
	text-align: justify;
	/*margin-top: 2.6em;*/
	font-size: 1em;
	color: white;
}
#contentContainerSubText {
	margin: 0 1em 0 1em;
	display:block;
	/*float: right;*/
	text-align: left;
	/*margin-top: 2.6em;*/
	font-size: 1em;
	color: white;
}
.contentContainerSubText {
	margin: 0 1em 0 1em;
	display:block;
	/*float: right;*/
	text-align: justify;
	/*margin-top: 2.6em;*/
	font-size: 1em;
	color: white;
}
.contentContainerSubTextKontakt {
	margin: 0 1em 0 1em;
	width: 389px;
	height: 420px;
	display: block;
	background: url("http://www.olandslok.se/images/map.gif") no-repeat;
	/*float: right;*/
	text-align: justify;
	/*margin-top: 2.6em;*/
	font-size: 1em;
	color: white;
}

.contentContainerSubTextArtor {
	margin: 0 1em 0 1em;
	padding-right: 1em;
	display:block;
	/*float: right;*/
	text-align: justify;
	/*margin-top: 2.6em;*/
	font-size: 1em;
	color: white;
}

.contentContainerSubText .picRight {
	float:right;
}

.contentContainerSubText li {
	margin-left: -20px;

}

#orangeSubBorder {
	margin-right: -0.4em;
	float: right;
	height: 2em;
	width: 19em;
	border: 1px solid #999999;
	background: #CC8E49;
}

#dottedBox {
	display: block;
	margin: 0 1em 0 1em;
	padding: 0;
}

.pictureBoxLeft {
	float:left;
	/*margin-top: 1em;
	margin-left: 1em;*/
	text-align: left;
	padding-right: 5px;
	height:8em;
}

#brownSubBorder {
	display: block;
	margin-right: -0.4em;
	float: right;
	height: 1.2em;
	width: 507px;
	border: 1px solid #999999;
	background: #BE9C69;
}


#greenSubBorder {
	margin-right: -0.4em;
	float: right;
	height: 2em;
	width: 19em;
	border: 1px solid #999999;
	background: #A1A923;
}

#lilaSubBorder {
	margin-right: -0.4em;
	float: right;
	height: 2em;
	width: 19em;
	border: 1px solid #999999;
	background: #897E7E;
}

#blueSubBorder {
	margin-right: -0.4em;
	float: right;
	height: 2em;
	width: 19em;
	border: 1px solid #999999;
	background: #577089;
}

#picHolder {
	float: right;
	margin:0;
/*	padding-top: 0.5em;*/
	padding-top:0;
	padding-right: 0.5em;
	padding-left: 0.2em;
}
.picHolderLeft {
	float: left;
	margin:0;
/*	padding-top: 0.5em;*/
	padding-top:0;
	padding-right: 0.5em;
	padding-left: 0.2em;
}

table {
	width: 450px;
	table-layout: auto;
	border-spacing: 0.25em 0.5em;
	/*background: blue;*/
}

#receptTitleBox {
	display: block;
	width: 475px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin-bottom: 5px; 
}

.map {
	float: right;
	margin-top: -17em;
}

.receptTitle {
	display: block;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	line-height:1.4em;
	font-size: 1.4em;
	font-weight: bold;
}

.receptPic {
	padding-left: 12px;
}

.artorPic {
	float: right;
	margin-left: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	}

.indexPic {
	margin:65px;
	padding: 0;
}

#indexText{
	text-align: left;
	width: 200px;
	float: left;
	margin-left: -17.5em;
	margin-top: -31em;
}

#svensksigillHolder {
	float: left;
	margin-left: 3em;
	margin-top: -6.5em;
}

#subberOrange {
	font-weight: bold;
	font-family: Verdana;
	font-size: 1.2em;
	text-align: center;
	color: white;
	line-height: 1.7em;
	width: 15.2em;
	border-left: 5px solid #B87934;
	border-right: 5px solid #B87934;
}
#subberBrown{
	display: block;
	font-weight: bold;
	font-family: Verdana;
	font-size: 1em;
	text-align: left;
	color: white;
	line-height: 14px;
	width: 493px;
	padding-left:5px;
	border-left: 5px solid #9B7844;
	border-right: 5px solid #9B7844;
}

#subberGreen{
	font-weight: bold;
	font-family: Verdana;
	font-size: 1.2em;
	text-align: center;
	color: white;
	line-height: 1.7em;
	width: 15.2em;
	border-left: 5px solid #767B1A;
	border-right: 5px solid #767B1A;
}
#subberLila{
	font-weight: bold;
	font-family: Verdana;
	font-size: 1.2em;
	text-align: center;
	color: white;
	line-height: 1.7em;
	width: 15.2em;
	border-left: 5px solid #6A6262;
	border-right: 5px solid #6A6262;
}
#subberBlue{
	font-weight: bold;
	font-family: Verdana;
	font-size: 1.2em;
	text-align: center;
	color: white;
	line-height: 1.7em;
	width: 15.2em;
	border-left: 5px solid #44586C;
	border-right: 5px solid #44586C;
}

/*---Footer---*/
#footerContainer{
	width: 760px;
	height: 40px;
	background: white;
	color: #333333;
	text-decoration: none;
	font-size:0.9em;
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #333333;
	text-align: center;
}

#footerContainer .left {
	float: left;
	margin: 0;
	color: #333333;
}

#footerContainer .right {
	float: right;
	margin-top: -1.2em;
	color: #333333;
}

#footerContainer a:link{
	color: blue;
	border-bottom: none;
	text-decoration: none;
}

#footerContainer a:visited{
	
	color: blue;
	/*font-size: 0.9em;*/
	text-decoration: none;
	border-bottom: none;
}

#footerContainer a:hover{
	color: #339900;
	border-bottom: 1px #339900 solid;
	text-decoration: none;
}