/* Colors: green #8CC63F; komplementfärger ljusgrön #BFFF6B, mörkgrön #517A1B, mörklila #670E7A, ljusare lila #AF3FC6; turkosblå #65CCEC komplementfärger ljusgröngul #DFF75D, grönig #51D576, grålila #BEBAD9, mörkrosa EE5AD9. mörkgrå #3e505a */
@charset "utf-8";

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0.1em 0;
	padding: 0;
	}
	
h1 {font-size:19px;}
	
body {
	margin: 0;
	padding: 0;
	text-align: center; 
	font-family:Arial, Tahoma, "Trebuchet MS", sans-serif;
	background: #AF3FC6;
	}
	
	
.generalStyle #container {
	width: 1000px;  
	height:1000px;
	background:#D2D2D2;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
 	border: 1px solid #525252;
}


.generalStyle #mainContent {
	padding: 0; }

.generalStyle a {text-decoration:none;font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif;font-size:13px;}
	
#logo {margin:0px 10px; padding:5px; float:left; background:#D2D2D2 url(../bilder/ballabarn_header.gif) center center no-repeat; width:800px; height:130px;}


#divider {height:20px;clear:both;width:1000px; background: url(../bilder/randigt_2.gif) bottom repeat-x; margin:0px;}

#portfoliobox {float:left;
			background:#8CC63F;
			width:755px;
			height:900px;
			margin-left:20px;
			margin-top:20px;
			}
			
#portfoliobox .roundtop {background: #D2D2D2;}
#portfoliobox .roundbottom {background: #D2D2D2;}
#portfoliobox .r1{margin: 0 5px; height: 1px; overflow: hidden; background: #8CC63F;}
#portfoliobox .r2{margin: 0 3px; height: 1px; overflow: hidden; background: #8CC63F;}
#portfoliobox .r3{margin: 0 2px; height: 1px; overflow: hidden; background: #8CC63F;}
#portfoliobox .r4{margin: 0 1px; height: 2px; overflow: hidden; background: #8CC63F;}
#portfoliobox .content {padding: 0px 5px;}			
			
#portfoliobox h1 {color:#517A1B; font-size:inherit; margin: 0.75em 0 0.3em 0.7em; border-bottom:2px dotted #ffffff; width:700px;}

#textbox {
	float:left;
	background:#BFFF6B url(../bilder/bella_20_manader_253.gif) bottom left repeat-x;
	width:460px;
	height:800px;
	margin-left:20px;
	margin-top:20px;
	/*border-left:1px solid #525252;
	border-bottom:1px solid #525252;*/
}


#textbox .content {padding: 0px 10px 5px;}
#textbox p {font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif;
	font-size:90%; color:#333333; width:400px; padding:10px; line-height:1.6em;}

#textbox a:link {font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif;
	font-size:12px; color:#670E7A;}

#textbox a:visited {font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif;
	font-size:12px; color:#670E7A;}
	
#textbox a:hover {font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif;
	font-size:12px; color:#670E7A;}
 

#textbox h1 {color:#517A1B; font-size:1.3em; margin: 0.75em 0 0.3em 0.7em; border-bottom:2px dotted #ffffff; width:400px;}

#textbox h4 {font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif; color:#333333; font-size:0.8em; margin-left:20px;}

#textbox ul {float:left;}

#textbox li {margin-left:15px; padding: 2px; list-style:none;font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif; font-size:13px; color:#333333;}

#textbox table {margin-left:10px; width:400px;}

#textbox td {color:#517A1B;}

#textbox span {color:#517A1B;}

#textbox img {float:right; border:2px solid #ffffff; margin-right:20px; margin-top:7px;}

#textbox .roundtop {background: #D2D2D2;}
#textbox .roundbottom {background: #D2D2D2;}
#textbox .r1{margin: 0 5px; height: 1px; overflow: hidden; background: #BFFF6B;}
#textbox .r2{margin: 0 3px; height: 1px; overflow: hidden; background: #BFFF6B;}
#textbox .r3{margin: 0 2px; height: 1px; overflow: hidden; background: #BFFF6B;}
#textbox .r4{margin: 0 1px; height: 2px; overflow: hidden; background: #BFFF6B;}

#menubox {
	float:left;
	background:#517A1B;
	width:175px;
	height:800px;
	margin-left:20px;
	margin-top:20px;
	/*border-right:1px solid #525252;
	border-bottom:1px solid #525252;*/
	}

#menubox h1 {color:#8CC63F; font-size:1.3em; margin:0.75em 0 0.3em 5px; border-bottom:2px dotted #ffffff; width:130px;}
#menubox .news {color:#ffffff;font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif; font-size:68%;}
#menubox p {color:#ffffff; font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif; font-size:90%;padding:5px 1px;}

#menubox a:link {color:#ffffff; font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif; font-size:90%; text-decoration:underline;}
#menubox a:visited {color:#ffffff; font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif; font-size:90%; text-decoration:underline;}

#menubox .roundtop {background: #D2D2D2;}
#menubox .r1{margin: 0 5px; height: 1px; overflow: hidden; background: #517A1B;}
#menubox .r2{margin: 0 3px; height: 1px; overflow: hidden; background: #517A1B;}
#menubox .r3{margin: 0  2px; height: 1px; overflow: hidden; background: #517A1B;}
#menubox .r4{margin: 0  1px; height: 2px; overflow: hidden; background: #517A1B;}
#menubox .content {padding: 0px 10px 5px;}

#menu {margin:0; padding:0; list-style-type:none; letter-spacing:0.1em; width:9em;}
#menu a {display: block; margin: 0; padding: 0.3em; padding: 0.3em; text-decoration: none; height: 100%; border-bottom: 1px solid #517A1B;}
#menu ul a{margin-left:30px;} 
#menu ul{list-style-type: none;}
#menu a:link {color:#ffffff;text-decoration:none; font-size:14px;}
#menu a:visited {color: #ffffff; text-decoration:none;font-size:14px;}
#menu a:hover {background:#8CC63F;text-decoration:none;}
#menu a#current {background:#8CC63F;}
#menu a#subcurrent {background:#8CC63F;margin-left:30px;}

#menu img {border:0px; margin-left:15px;}


#menu hr {border-bottom:2px dotted #8CC63F;}


#kontakt a:link {font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif; font-size:12px; color:#333333;}
#kontakt a:visited {font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif; font-size:12px; color:#333333;}
.kontakt {clear:both;}


#picturebox {
	float:left;
	width:275px;
	background:#8CC63F;
	height:800px;
	margin-top:20px;
	margin-left:20px;
	/*border-bottom:1px solid #525252;*/
	}

#picturebox .content {padding: 0px 10px;}
#picturebox .roundtop {background: #D2D2D2;}
#picturebox .roundbottom {background: #D2D2D2;}
#picturebox .r1{margin: 0 5px; height: 1px; overflow: hidden; background: #8CC63F;}
#picturebox .r2{margin: 0 3px; height: 1px; overflow: hidden; background: #8CC63F;}
#picturebox .r3{margin: 0 2px; height: 1px; overflow: hidden; background: #8CC63F;}
#picturebox .r4{margin: 0 1px; height: 2px; overflow: hidden; background: #8CC63F;}

#picturebox h1 {color:#BFFF6B; font-size:1.3em; margin:0.75em 0 0.3em 5px ; border-bottom:2px dotted #ffffff; width:225px;}

#hpic1 {background: url(../tummarna/lskratt.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic2 {background: url(../tummarna/nellie.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic3 {background: url(../tummarna/gusgung.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic4 {background: url(../tummarna/oga.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic5 {background: url(../tummarna/gladis.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic6 {background: url(../tummarna/motljus.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic7 {background: url(../tummarna/spring.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic8 {background: url(../tummarna/vagn.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic8 {background: url(../tummarna/ludbel.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic9 {background: url(../tummarna/guskyck.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic10 {background: url(../tummarna/tunga.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic11 {background: url(../tummarna/nellglad.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic12 {background: url(../tummarna/mackan.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic13 {background: url(../tummarna/bushopp.jpg) no-repeat center center;border:2px solid #ffffff;}

#hpic14 {background: url(../tummarna/bus.jpg) no-repeat center center; border:2px solid #ffffff;}

#hpic15 {background: url(../tummarna/fokus.jpg) no-repeat center center;border:2px solid #ffffff;}

#hpic16 {background: url(../tummarna/eyes.jpg) no-repeat center center;border:2px solid #ffffff;}

#hpic17 {background: url(../tummarna/lek.jpg) no-repeat center center;border:2px solid #ffffff;}

#hpic18 {background: url(../tummarna/luddis.jpg) no-repeat center center;border:2px solid #ffffff;}

#hpic19 {background: url(../tummarna/gustav.jpg) no-repeat center center;border:2px solid #ffffff;}

#hpic20 {background: url(../tummarna/sa.jpg) no-repeat center center;border:2px solid #ffffff;}

#hpic21 {background: url(../tummarna/mackan.jpg) no-repeat center center;border:2px solid #ffffff;}

#hpic22 {background: url(../tummarna/bad.jpg) no-repeat center center;border:2px solid #ffffff;}

#hpic23 {background: url(../tummarna/ballab.jpg) no-repeat center center;border:2px solid #ffffff;}

#hpic24 {background: url(../tummarna/ludde.jpg) no-repeat center center;border:2px solid #ffffff;}

#hpic25 {background: url(../tummarna/bella_gardin.gif) no-repeat center center;border:2px solid #ffffff;}

#hpic26 {background: url(../tummarna/bella_skog.gif) no-repeat center center;border:2px solid #ffffff;}

#hpic27 {background: url(../tummarna/bella_min.gif) no-repeat center center;border:2px solid #ffffff;}

#hpic28 {background: url(../tummarna/gusse_min.gif) no-repeat center center;border:2px solid #ffffff;}

#hpic29 {background: url(../tummarna/bella_vitsippa.gif) no-repeat center center;border:2px solid #ffffff;}

#hpic30 {background: url(../tummarna/bella_allvar.gif) no-repeat center center;border:2px solid #ffffff;}

.section {
	float:left; 
	padding:15px 10px 5px 10px;
}

.section_pic {
	float: left;
	width: 100px; 
	height: 100px;
	border:2px solid #FFFFFF
}

.spanclass {font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif; font-size:12px; margin-left:10px;}
.rubrik {font-family:"Arial Rounded MT Bold", Arial, "Trebuchet MS", sans-serif; font-size:12px;}
 
.white {color:#FFFFFF;}
.green {color:#8CC63F;}
.darkgreen {color:#517A1B;}

.moreRight {margin-left:20px;}

.marginL {margin-left:20px;}
.marginMoreL {margin-left:120px;padding-top:20px;}
.marginR {margin-left:200px;padding-top:20px;}
.marginMoreR {margin-left:300px;padding-top:20px;}


	

	#flashcontent {
		height: 600px;
	}