/* Djurgarden */

/* STRUCTURE

body
	div#container
		div#wrapper
			div#top //tom stora bilden
				ul#nav
			div#secTop //undermenyn
				ul#secNav
			div#content
				div#columnLeft
				div#columnRight
	div#footer
 
*/

@import "reset.css";





body {
	font: 1em "Times New Roman", Times, Georgia, serif;
	background: url(../images/bg11.jpg) top left #50964a repeat-x; 
	 padding-bottom:24px;   /* Height of the footer */

}



body.body2 {
	font: 1em "Times New Roman", Times, Georgia, serif;
	background: url(../images/bg15.jpg) top left #8abbe6 repeat-x; 
}




body.body3 {
	font: 1em "Times New Roman", Times, Georgia, serif;
	background: url(../images/bg14.jpg) top left #6c2a1a repeat-x; 
}


div#container {
	width: 960px;
	margin: 20px auto 0px auto;
	background: url(../images/content-bg.png) repeat-y top left;
}

div#topShadow {
  width: 976px;
  height: 20px;
  margin: 20px auto 0;
  background: url(../images/content-top-bg.png) no-repeat top left;
  overflow: hidden;

}

div#bottomShadow {
  width: 976px;
  height: 24px;
  margin: 0 auto;
  background: url(../images/content-bottom-bg.png) no-repeat top left;
}

div#content {
	padding-top: 30px;
	padding-bottom: 30px;
}

div#footer {
	height: 24px;
	margin: 0 auto;
	width: 960px;
	
	color:#fff;
	
	font-size: 0.8em;
	padding: 10px 0px 0px 10px;
}

div#footer a {
	color:#FFFFFF;
	font-size: 1em;
}

div#wrapper {
	width: 900px;
	margin: 0 auto;
	padding-right: 7px;
}

div.space {
	overflow: hidden; /*IE6 fix */
	height: 4px;
	background-color: #88c8d7;
}

div#top {
	position: relative;
	width: 900px;
}

#top .svebutton {
	position: absolute;
	left: 800px;
	top: 15px;
	border: none;
}

#top .engbutton {
	
	position: absolute;
	left: 860px;
	top: 15px;
	border: none;
}

/* secTop */

div#secTop {
	margin-top: 20px;
	margin-bottom: 20px;


}

div#logo {
  padding-top: 30px;
}

img.floatLeft {
float: left;
padding-right: 10px;
}

/* secNav */



ul#secNav {
	height: 22px;
	overflow: hidden;
	border-bottom: #660000 solid 2px;
	float:right;
	
}

ul#secNav.doubleRow {
	height: 61px;
}

ul#secNav.tripleRow {
	height: 61px;
}

ul#secNav.tripleRow li {
	float:left;
}

ul#secNav li {
	color: #660000;
	float: right;
	padding-right: 6px;
	margin-right: 6px;
}

ul#secNav li a {
	text-decoration: none;
	color: #660000;
	font-size: 16px;
}

ul#secNav li.selected a {
	font-weight: bold;
}

/* allmänt columns */

div#rubrikOchIngress {
	padding: 0;

	float:left;
}

div#medlemmar {
position: relative;
	left:-190;
	float:right;


	margin: 10px 10px 20px 20px;

}



div#medlemmar_eng {
position: relative;
	left:-120;
	float:right;


	margin: 10px 10px 20px 20px;

}


div#medlemstext_eng  {
position: absolute; 
left:5; 
top:-5px;
}



div#nyheter2 {
position: relative;
left:-90;
margin: 20px 20px 120px 120px;
}



div#medlemstext  {
position: absolute; 
left:5; 
top:-5px;
}


div#nyhetstext2  {
position: absolute;
width: 200px;
left:220; 
top:-35px;
}




.flower { 
position: absolute; 
left:-30; 
top:5px;
}


.flower3 { 
position: absolute; 
left:185; 
top:-38px;
}





.block{ 
display: block;
}

div#farja {
position: absolute; 

}


div#line {
position: absolute; 

}


div#columnLeft {
  float: left;
  width: 435px;
}


div#columnLeft2 {
  float: left;
  width: 435px;
}


div#columnRight {
  float: right;
  width: 435px;
}


div#columnRight2 {
  float: right;
  width: 440px;
}


div#columnRight3 {
  position: absolute
  left:100px; 
  top:10px;
  float: right;
  width: 480px;
}


.flower2 { 
position: absolute
  left:50px; 
  top:10px;
  width:229px;
  height:295px;
}


#columnLeft .bild {
	padding-left: 80px;
	border: none;

}

div#content img.center {
	display: block;
	margin: 0 auto;
}

div#columnRight img.imgCollection {
	display: block;
	margin: 0 auto;
}

/* text */

h1 {
	font-size: 2.3em;
	color: #660000;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
   
}

h2 {
	font-size: 1.5em;
	color: #660000;
	margin: 0em 0 .3em 0;
	line-height:1.5em;
	padding-top:0px;
	
}

h3 {
	font: 1em "georgia", times, serif;
	font-size: 1.2em;
	color: #660000;
	margin: 0em 0 0 0;
	line-height:1.5em;
}


h4 {
	font: 1em "georgia", times, serif;
	font-style: italic;
	font-size: 1em;
	color: #660000;
	margin: 0em 0 0 0;
	line-height:1.5em;
}


h5 {
	font: 1em "georgia", times, serif;
	font-size: 1.1em;
	color: #026701;
	margin: 0em 0 0 0;
	line-height:1.5em;
}





p.imgText {

	color: #660000;
	font-style: italic;
	text-align: left;
}

p.column {
	text-align: justify;
	
}

p {
	font-size: 1em;
	line-height: 1.2em;
	color: #000;
	margin-bottom: .5em;
}


p2 {
	font-size: 12px;
	line-height: 1.2em;
	color: #000;
	margin-bottom: .5em;
}

.text3 {
	font-size: 12px;
	line-height: 1.2em;
	color: #000;
	margin-bottom: .5em;
}

/* links */

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

a.italic {
font-style: italic;
}

a:visited {
	text-decoration: none;
	color: #660000;
}
a:hover {
	text-decoration: underline;
	color: #660000;
}
a:active {
	text-decoration: none;
	color: #660000;
}

/* nav */

ul#nav {
	height: 30px;
	overflow: hidden;
}

ul#nav li {
	float: right;
	padding-right: 7px;
	background: url(../images/fr_tab_r.png) 100% -40px no-repeat;
	margin-left: 6px;

}

ul#nav li.selected a {
	font-weight: bold;
	padding: 3px 4px 0 10px;
}



ul#nav li a {
	text-decoration: none;
	background: url(../images/fr_tab_l.png) 0 -40px no-repeat;
	color: #FFFFFF;
	float: left;
	line-height: 27px;
	padding: 3px 4px 0 10px;
	font-size: 15px;
}

#nav li:hover {
	background-position: 100% -80px;
}

#nav li:hover a {
	background-position: 0 -80px;
}





/* columns bullets */

div#columnLeft ul.standardList {
	list-style-type:disc; /* anpassning, funkar även för ie6 */
	list-style-position: inside; /* anpassning, funkar även för ie6 */
}

/* columns gallery */

ul.gallery li {

}

div#content p.imgDescription {
display: inline;
font-size: 16px;
}


div#content p span {
font-weight: bold;

}

div#columnLeft ul.gallery li {
	float: left;
	margin: 0 10px 10px 0;
	border: 2px double #CCCCCC;	
	padding: 0;
}

div#columnLeft ul.gallery li.selected {
	border: 2px solid #666666;	
}

div#columnLeft ul.gallery li:hover {
	border: 2px solid #666666;	
}

div#columnLeft ul.gallery li p {
	text-align: center;
	font-weight: bold;
}

div#columnLeft ul.gallery li a {
	margin: 0px;
	padding: 0px;
}

div#columnLeft ul.gallery li:hover p {
	text-decoration: underline;
}


div#columnRight {
	display: block;
	margin: 0 auto;
}

div#columnRight p span {
	font-weight: bold;
}



/* misc */

.clearLeft { clear: left; }

.clearRight { clear: right; }

.clear { clear: both; }

/* Hacks*/