/* 
-----------------------------------------------
Site:	veveve.se, Kalmar, Sweden
Author:    Patrik Theander, Kalmar, Sweden
Version:  	2009.11
----------------------------------------------- */


html {

	font: normal 0.85em/1.5em Helvetica, Arial, Verdana, sans-serif;
	background: #adadad url(/bilder/bg_all_veveve.jpg) repeat-x left top;
	color: #333333;

}

body {
	

}

p {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;

}


p 			{line-height: 155%;}	

a 			{color: #c84623; text-decoration: none}	

a:hover 	{text-decoration: underline;}

h1, h2			{font-size: 1.75em; line-height: 0.7em; margin-bottom: 0.2em;	font-size: 24px; color: #8698e0;}

h3 			{font-size: 1em; line-height: normal;}

input, select, textarea	

				{font:100% Arial, Helvetica, sans-serif;}



/* Content */

#allin {
	width:1007px;
	position: relative;
	margin: 25px auto;
}

#branding {
	background: url(/bilder/head_veveve.png) no-repeat left top;
	width:1007px;
	height:220px;
	float: left;
}
#main {
	background: url(/bilder/bg_main_veveve.png) repeat-y left top;
	width: 1007px;
	height: 400px;
	min-height: 400px;
	height:auto !important;
	float: left;
}
#foot {
	background: url(/bilder/bg_foot_veveve.png) no-repeat left top;
	height: 237px;
	width: 1007px;
	margin-bottom: 20px;
	float: left;
	margin: 0 auto;
	position: relative;
}
.left {
	height: 300px;
	min-height: 300px;
	height: auto !important;
	width: 430px;
	float: left;
	padding: 20px 20px 0 52px;
}
.left_2 {
	height: 300px;
	min-height: 300px;
	height: auto !important;
	width: 638px;
	float: left;
	padding: 20px 70px 0 52px;
}
.klossen {
	height: 300px;
	min-height: 300px;
	height: auto !important;
	float: left;
	width: 750px;
}
.left_3 {
	height: 300px;
	min-height: 300px;
	height: auto !important;
	width: 670px;
	float: left;
	padding: 20px 41px 0 42px;
}
.left_3 img {
	margin: 0 6px 6px 0px;
	border: 4px solid #FFF;
	
}

.right {
	height: 300px;
	min-height: 300px;
	height: auto !important;
	width: 200px;
	float: left;
	margin: 20px 0px 0 0px;
}
.right p {
	line-height: 10px;

}
.right h2 {
	font-size: 16px;
	margin-bottom: 15px;

}
.right .little_one p {
	font-size: 10px;
	line-height: 0px;

}
.img_holder {
	width: 208px;
	height: 233px;
	float: left;
	margin: 50px 40px 0 0px;
}

.left_2 img, .img_holder img {
	border:0px;
}
#mess_1 {
	position: absolute;
	left: 65px;
	top:91px;
	width: 220px;
	height: 25px;
}
#mess_2 {
	position: absolute;
	left: 398px;
	top:28px;
	width: 220px;
	height: 25px;
}
#mess_3 {
	position: absolute;
	left: 755px;
	top: 100px;
	width: 220px;
	height: 35px;
}
.comment-stuff {
	background: #e6e6e6;
	width: 432px;
	float: left;
	height: 50px;
	min-height: 50px;
	height: auto !important;
	margin: 20px 41px 0 45px;
	padding: 0 10px;
	border-top: 5px solid #9898e0;
	border-bottom: 5px solid #9898e0;
}

.comment-stuff h3 {
	margin-left: 5px;
}
.comment-stuff .author {
	font-size: 10px;
	border-bottom: 1px solid #9898e0;

}

/* Meny */

#mainmenu {
	font: bold 0.9em/1.5em "Arial", Helvetica, Verdana, Helvetica, sans-serif; 
	height: 18px;
	width: 700px;
	font-size: 14px;


}
.topmenuul{
	list-style-type:none;
}
.topmenuli {
	width: 160px;
	height: 29px;
	list-style-type:none;
	float:left;
	text-align:left;
	background: url(/bilder/bg_knapp.png) no-repeat left top;
	padding: 0 12px 0 0;
}
.topmenuli a:link, .topmenuli a:visited {
	color:#000;
	text-decoration:none;
}
.topmenuli a:hover {
	color: #8698e0;
}
.topmenuul{
	list-style-type:none;
}
.topmenuli {
	list-style-type:none;
	float:left;
	text-align:center;
}
.topmenutitle {
	display:block;
	width:auto;
	text-decoration: none;
	padding:4px 10px 5px 10px;
	letter-spacing:1px;
} 


li:hover ul , li.over ul{ /* lists nested under hovered list items */

	display: block;
}
body.blogg a#blogg, body.start a#start, body.kontakt a#kontakt, body.bilder a#bilder {
	color: #8698e0;
}
