/* CSS för Sannas Trädgård, 2009-09-24 */

/* ---------- Layout ---------- */
#layout {
	font-size: 1.2em;
	width: 900px;
	margin: auto;
}

#header {
  
  background: #ffffff;
  padding-top: 50px; 
	
}

#header img {

  position: relative; 
  left: 350px; 
  
  
}

#menucontainer {
	float: left;
	width: 900px;
	margin-bottom: 0px;
	margin-top: 2px;
}

#menucontainer a {

  position: relative; 
  left: 65px; 

}

#style {
	color: #354251;
	font-family:"arial",verdana;
	letter-spacing:1px;
	padding-top: 15px;
 	padding-left: 30px;
 	padding-right: 45px;
 	padding-bottom: 5px;
	line-height: 150%;
 	
	
}

#linje {
	float: left;
	width: 900px;
	margin-top: 0px;
}

#content {
	position: relative;
	float: left;
	margin: 0;
	margin-top: 2px;
	background: url('http://www.sannastradgard.se/images/bakgrundH.jpg') repeat-y top right;
	}

#text {
	background: url('http://www.sannastradgard.se/images/bakgrundV.jpg') repeat top left;
	width: 550px;
	position: relative;
	float: left;
	min-height: 600px;
}

#top {
	
	width: 545px;
	position: relative;
	float: left;
	min-height: 250px;
}

#top a {
	padding-top: 40px;
	
}

#text ul {
  
 	padding-top: 15px;
 	padding-left: 80px;
	font-family:"Verdana",arial;
	letter-spacing:1px;
	color: #354251;


}

#text p {

 	padding-top: 5px;
	padding-left: 70px;
 	padding-right: 45px;
 	padding-bottom: 5px;
	line-height: 150%;

}

#text a img {

	padding-top: 10px;
 	padding-left: 150px;
 	padding-bottom: 10px;

}

#pics {
	
    width: 350px;
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	border-top:;
	min-height:  10px;
	
}	

#pics img {

  	padding-left: 30px; 
  	padding-top: 25px;
  
}

#pics p {
	
    	padding-top:  20px;
  	padding-left: 35px; 
  	
  	
}

#pics a.sidelink {
	
	
  	color: #354251;
	font-family:"arial",verdana;
	letter-spacing:1px;
	
}

#pics h2 {
	color:#4B5B5E;
    padding-top:  20px;
  	padding-left: 40px; 
  	padding-bottom: 0px;
  	font-family: arial, verdana;
	font-size:1.2em;
}

#footer {
	padding-top: 15px;
	clear: left;
	text-align: center;
	font-size: 0.9em;

	
}

#footer p {
	
}

* html #text {
	height: 600px;
}

div#recaptcha {
	
	padding-left: 65px;
}

hr {
	width: 90%;
	text-align: right;/*this will align it for IE*/
	margin: 0 0 0 auto; /*this will align it right for Mozilla*/
	margin-bottom: 15px;
	color: #eaeaea;
	

}

img.hr {
	padding-top: 40px;
	padding-left: 35px;
}

input.btn {
	padding-left: 70px;
}

span.error {
	color: red;
}

span.pic {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#bloggpuff  h3 {
	color:#4B5B5E;
	padding-top: 5px;
	padding-left: 40px;
	padding-right: 20px;
	font-family: "arial", verdana;
	font-size:1.1em;
}

#links p {
	padding-left: 10px;
}

#links {
	padding-left: 70px;
}

#style ul {
	padding-top: 25px;	
}

#lefttop a img {
	padding-left: 130px;
}

#lefttop img.link {
	padding-left: 155px;
}

#lefttop p {
	padding-left: 100px;
	padding-right: 0px;
}

#righttop a img {
	padding-left: 60px;
}

#righttop img.link {
	padding-left: 85px;
}


#rightop p {
	padding-right: 55px;
	padding-left: 40px;
}

#leftbottom img.link {
	padding-left: 155px;
	
}
#leftbottom a img {
	padding-left: 120px;
}

#leftbottom p {
	padding-left: 100px;
	padding-right: 0px;	
}


#tipsleftbottom a img {
	padding-left: 120px;
}

#tipsleftbottom p {
	padding-left: 100px;
	padding-right: 0px;	
}

#rightbottom a img {
	padding-left: 60px;
}

#rightbottom img.link {
	padding-left: 85px;
}

#rightbottom p {
	padding-right: 55px;
	padding-left: 40px;
}

#tipsrightbottom a img {
	padding-left: 60px;
}

#tipsrightbottom p {
	padding-right: 55px;
	padding-left: 40px;
}

/* ---------- Typografi ---------- */

body {
	font-size: 62%;	
}

p {
	color: #354251;
	font-family:"arial",verdana;
	letter-spacing:1px;
}


#text h1, #text h2, #text h3, #text h4 {
 	color: #4b5b5e;
 	padding-top: 30px;
 	padding-left: 80px;
 	font-family:"arial", verdana;
 	letter-spacing:2px;
}

h1 {
	font-size: 1.4em;
	padding-bottom: 3px;
}

h2 {
	padding-bottom: 2px;
	font-size: 1.3em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}


#lefttop {
	width: 272px;
	position: relative;
	float: left;
	min-height: 250px;
}


#righttop {
	width: 272px;
	position: relative;
	float: left;
	min-height: 250px;
}

#leftbottom {
	width: 272px;
	position: relative;
	float: left;
	min-height: 250px;
}

#tipsleftbottom {
	width: 272px;
	position: relative;
	float: left;
	min-height: 250px;
}



#rightbottom {
	width: 272px;
	position: relative;
	float: left;
	min-height: 250px;
}

#tipsrightbottom {
	width: 272px;
	position: relative;
	float: left;
	min-height: 250px;
}

 
#lefttop h4 {
	padding-left:150px;
}

#rightop h4 {
	padding-left: 60px;
}

#leftbottom h4 {
	padding-left:150px;
}

#rightbottom h4 {
	padding-left:60px;
}


/* ---------- Formulär ---------- */
label.form {
	width: 5.5em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	margin-top: 7px;
	display: block;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
 	form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}

input.input {
	margin: 4px;
}

textarea.text {
	margin: 4px;
}

/* ---------- Bilder ---------- */
img.link {
	border: none;
}

#img1 {
	margin: 4%;
}

#img2 {
	margin: 4%;
}

.thumbnail {
	float: left;
	width: 100px;
	margin: 0 15px 15px 0;
	padding: 5px;	
}

.clearboth {
	clear: both;	
}

/* ---------- Länkar ---------- */
a:link {
	color: #4e4a7b;
}

a:visited {
	color: #3a3948;
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #F98B1B
}