


/************************* DEFAULT STYLES ***************************/
body { padding:0; margin:0; color:#666666; background:#E8E8E8; font-family:"helvetica", Arial, sans-serif; font-size:0.75em;}
h5,h6 {color:#222;font-family:Century Gothic, Helvetica, Arial; padding:0px; margin:0px; font-weight:bold;}
h1 {color:#222;font-family:Century Gothic, Helvetica, Arial; padding:0px; margin:0px; font-weight:bold; font-size:3.4em;}
h2 {color:#222;font-family:Century Gothic, Helvetica, Arial; padding:0px; margin:0px; font-weight:bold; font-size:1.6em;}
h3 {color:#222;font-family:Century Gothic, Helvetica, Arial; padding:0px; margin:0px; font-weight:bold; font-size:1.2em;}
h4 {color:#222;font-family:Century Gothic, Helvetica, Arial; padding:0px; margin:0px; font-weight:bold; font-size:0.9em;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#222;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color:#f89829;}
a {color:#999999;text-decoration:none; font-weight:bold;}
a:hover, a:focus {color:#f89829;}


#wrap{width:900px;  background-image:url(LAYOUT/stripes.png); background-repeat:repeat; border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF; border-bottom: 5px solid #FFFFFF; margin-right:auto; margin-left:auto;}



/* FLOATS */
.left{float:left;}
.right{float:right;}






/* HEADER */
#headercontainer{margin:0px; padding: 0px; height:110px; background-color:#252525;}



/* MENY */
#menycontainer{ margin:0px; padding: 0px;}
#menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	font: 11px "Century Gothic", "Helvetica", "Arial", sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #333 url("LAYOUT/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background: #2580a2 url("LAYOUT/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
	}                    
                    
                    

#feature-container{margin:0; padding:0;}
#feature1-container{float:left; margin:0; padding:0; background-color:#252525; width:600px; height:200px;}
#feature2-container{float:left; margin:0; padding:0; background-color:#ffffff; width:300px; height:200px;}
.feature2-style{font-size:1.4em; line-height:22px;}



#content{width:900px;}
	#leftcontainer{float:left; width:580px; margin:10px; padding:0px;}
		#textcontainer{float:left; padding:10px; margin-bottom:10px; background-color:#FFFFFF;}
		#text_370{float:left; margin:0px; width:370px;}
		#text_300{float:left; margin:0px; width:300px;}
		#text_300_center{margin-left:auto; margin-right:auto; width:500px;}
		#text_full{margin:0px;}
		#titelcontainer{clear:left; margin:0px; padding: 0px;}
		#clear{ clear:both; margin-bottom:15px; margin-top:10px;}
		#bloggdelare{clear:both; margin-bottom:10px; margin-top:0px;}
		#avdelare{ clear:both; border-top:dashed 1px #999999; margin-bottom:10px; margin-top:10px;}
		.ingress{line-height:18px; font-weight:bold; margin-top:5px;}
		.brodtext{line-height:18px;}
		#img_thumbnail{float:right; padding:0; margin-top:5px; width:180px; height:100px; background-color:#666666;}
		#img_250{float:right; padding:0; margin-top:5px; width:250px; height:140px; background-color:#666666;}
		#img_560{clear:both; padding:0; margin-top:5px; width:560px; background-color:#666666;}
		#img_thumbnail_blogg{float:right; padding:0; margin-top:5px;}
		#player{clear:both; padding:0; margin-top:0px; width:560px; background-color:#FFFFFF;}
		
		
		/* PORTFOLIO */
		#img_portfolio{float:left; padding:0; margin-top:5px; width:180px;}
		#img_container{float:left; padding:0;}
		#img_container:hover{cursor:pointer; color:#FFF;}
		#img_container a:visited{color:#FFF;}
		#img_260{width:260px; float:left;}
		#img_260:hover{width:260px; float:left;}
		#img_mask{width:180px; height:100px; position:absolute; background-color:#000; filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; z-index:2;}
		#img_tnbg{width:180px; height:100px; background-color:transparent;}
		#img_overlay{padding:0; margin-top:25px; width:180px; position:absolute; background-color:transparent; z-index:3; color:#FFF;}
		#img_mask260{width:260px; height:100px; position:absolute; background-color:#000; filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; z-index:2;}
		#img_tnbg260{width:260px; height:100px; background-color:transparent;}
		#img_overlay260{padding:0; margin-top:25px; width:260px; position:absolute; background-color:transparent; z-index:3; color:#FFF;}
		
	
	#link_right{clear:both; margin:0px; padding-top:5px; text-align:right; font-size:0.9em;}
	#link_left{clear:both; margin:0px; padding-top:5px; text-align:left; font-size:0.9em;}
	
	#rightcontainer{ float:right; width:280px; margin:10px; padding:0px;}
		#puffcontainer{margin-bottom:10px; padding:10px; background-color:#FFFFFF;}
		.puff_titel{margin-bottom:10px; padding:2px 2px 2px 5px;}
		.puff{font-size:0.9em; line-height:14px;}
		#img_thumbnail_puff{padding:0; margin-bottom:5px; width:260px; height:100px; background-color:#666666;}
	
	#newscontainer{margin-bottom:10px; padding:10px;}
	.news_titel{margin-bottom:10px; padding:2px 2px 2px 5px;}
	.date{font-size:0.9em; color:#999999;}




/* BILDER */
#img_main{margin-right: 0px; padding: 0; width:500px; height:160px; background-color:#FF66CC;}



/* FOOTER */
#footercontainer{clear:both; margin:0px; padding: 15px; background-color:#252525; font-size:11px; text-align:center;}
