* { margin: 0; padding: 0; }
a img { border: none; }

body {
	background:				#fff;
	font-family:			Verdana, sans-serif;
	color:					#5C5C5C;
	font-size:				62.5%;
	background:				url(../img/body_backgrounds/start.jpg) no-repeat #fff top center;
}

body.testimonials{
	background:				url(../img/body_backgrounds/testimonials.jpg) no-repeat #fff top center;
}

body.faq{
	background:				url(../img/body_backgrounds/faq.jpg) no-repeat #fff top center;
}

body.the_company{
	background:				url(../img/body_backgrounds/the_company.jpg) no-repeat #fff top center;
}

body.logged_in{
	background:				url(../img/body_backgrounds/inloggad_start.jpg) no-repeat #fff top center;
}

body.tutorials{
	background:				url(../img/body_backgrounds/create_projects.jpg) no-repeat #fff top center;
}
body.create_projects{
	background:				url(../img/body_backgrounds/create_projects.jpg) no-repeat #fff top center;
}
body.admin{
	background:				url(../img/body_backgrounds/faq.jpg) no-repeat #fff top center;
}
body.download{
	background:				url(../img/body_backgrounds/create_projects.jpg) no-repeat #fff top center;
}
body.projects{
	background:				url(../img/body_backgrounds/create_projects.jpg) no-repeat #fff top center;
}
body.settings{
	background:				url(../img/body_backgrounds/create_projects.jpg) no-repeat #fff top center;
}
body.users{
	background:				url(../img/body_backgrounds/create_projects.jpg) no-repeat #fff top center;
}

h1 {
	background:				url(../img/logo.gif) no-repeat;
	width:					183px;
	height:					67px;
	float:					left;
	display:				inline;
	margin-right:			39px;
}
h1 a {
	display:				block;
	text-indent:			-9000px;
	width:					100%;
	height:					100%;
	overflow:				hidden;
}

h2 {
	font-size: 				20px;
	margin: 				10px 0 0 16px; /*top,right,bottom,left*/
	color: 					#1D3B6C;
	font-weight: 			bold;
}

a { text-decoration: none; color: #1C3A6C; }
a:hover { text-decoration: underline; }

.clear { clear: both; }

iframe.login{
	float:					right;
	width:					401px;
	height:					30px;
	position:				absolute;
	top:					4px;
	right:					16px;
	overflow:				hidden;
	border:					0;
}
/*==============================MAIN DIVS==============================*/

#container 
{
	width:					980px;
	text-align:				left;
	margin:					0 auto;
}

#header 
{
	height:					67px;
	background:				url(../img/backgrounds/header.gif) repeat-x #fff;
	position:				relative;
}

#content_start
{
	width:					858px;
	height:					94px;
	background:				url(../img/backgrounds/content_start.gif);
	margin-left:			58px;
	margin-top:				40px;
}



#content 
{
	width:					624px;
	height:					404px;
	background:				url(../img/backgrounds/content.png);
	margin-top:				40px;
	margin-left:			59px;
	float:					left;
	display:				inline;
	overflow:				hidden;
}

#content_noFlash
{
	width:					858px;
	height:					342px;
	background:				url(../img/backgrounds/content_noFlash.png);
	margin-top:				0px;
	margin-left:			0px;
	float:					left;
	display:				inline;
	overflow:				hidden;
}


#puff_flash
{
	float:					left;
	width:					858px;
	height:					432px;
	margin-right:			24px;
	margin-top:				10px;
	padding-top:			10px;
	position:				relative;
	margin-left:			59px;
}

#sidebar 
{
	float:					left;
	margin-top:				40px;
	margin-left:			21px;
}

#puff_side
{
	width:					212px;
	height:					119px;
	margin-bottom:			22px;
	border: 0;
}

#puff_side a
{
	border: 0;
	text-decoration: none;
}

#footer 
{
	width:					858px;
	height:					71px;
	background:				url(../img/backgrounds/footer.gif);
	margin-left:			58px;
	margin-top:				19px;
}

/*==============================HEADER==============================*/

form.loginform 
{
	color:					#fff;
	width:					480px;
	height:					35px;
}
form.loginform label 
{
	font-size:				1.1em;
	margin-right:			6px;
}
form.loginform input 
{
	background:				url(../img/backgrounds/login_input.gif) no-repeat;
	border:					none;
	outline:				none;
	width:					103px;
	height:					18px;
	margin-right:			5px;
}
form.loginform input.submit 
{
	background:				url(../img/backgrounds/login_submit.gif) no-repeat;
	text-indent:			-9000px;
	width:					26px;
	height:					27px;
	margin-right:			0;
	top:					3px;
	position:				relative;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#header form 
{
	top:					9px;
}
#header input.submit 
{
	top:					-3px;
}
}

#header ul 
{
	list-style-type:		none;
	padding-top:				43px;
}
#header li 
{
	float:					left;
	margin-right:			53px;
}
#header li a 
{
	font-size:				1.4em;
	color:					#5C5C5C;
	text-decoration:		none;
}

/*============================== CONTENT_START ==============================*/

#content_start .content_area 
{
	font-size:				11px;
	margin-left:			17px;
}

#content_start h2 
{
	font-size:				2em;
	color:					#1C3A6C;
	padding-top:			10px;
	margin-left:			17px;
}
#content_start img 
{
	padding-top:			10px;
	margin-left:			17px;
}

#content_start #start_links 
{
	float:					right;
	list-style-type:		none;
	margin-top:				26px;
	margin-right:			20px;
	font-size:				1.1em;
	font-weight:			bold;
	text-align:				right;
	/*margin-left:			40px;*/
	padding-left:			20px;
	display:				inline;
}

/*==============================CONTENT==============================*/

#content img.header 
{
	margin-top:				15px;
	margin-left:			17px;
	display:				block;
}

ul#submenu
{
	float:					left;
	height:					304px;
	margin-left:			15px;
	list-style-type:		none;
	margin-top:				10px;
	font-size:				1.1em;
	font-weight:			bold;
	margin-right:			10px;
	display:				block;
	width: 					80px;
	padding-left:           0;
	width: 110px;
}

#content .content_area 
{
	font-size:				1.2em;
	margin:					48px 15px;
	margin-top:				12px;
	width:					470px;
	height:					350px;
	overflow:				auto;
	width: 454px;
	padding-right: 10px;
}

#content .testimonials 
{
	width:					592px;
}



/*==============================content_noFlash==============================*/



#content_noFlash .content_area 
{
	font-size:				1.2em;
	margin:					10px 15px;
	margin-top:				12px;
	width:					835px;
	overflow:				auto;
}



#content_noFlash h2 
{
	font-size: 				20px;
	margin: 				10px 0 0 16px; /*top,right,bottom,left*/
	color: 					#019244;
	font-weight: 				bold;
}

#content_noFlash h6 
{
	font-size: 				12px;
	margin: 				10px 0 0 16px; /*top,right,bottom,left*/
	color: 					#1D3B6C;
	font-weight: 				bold;
}


#content_noFlash input
{
	font-size: 				14px;
	margin: 				10px 0 0 16px; /*top,right,bottom,left*/	


}



/*==============================FOOTER==============================*/

#footer img.text{
    width: 142px;
    height: 57px;
    border: 0;
    float: left;
    margin: 7px 10px 0 13px;
}

#footer p 
{
	float:					left;
	width:					150px;
	margin-left:			17px;
	margin-top:				8px;
	font-size:				1.0em;
	font-weight:			bold;
	color:					#1C3A6C;
	display:				inline;
}

#footer table 
{
	height:					71px;
}
#footer td img
{
	margin-right:			22px;
}



/* Bildgalleri
------------------------------------------------------- */

div#image_container a
{
	margin: 				0 5px 5px 0;
	padding: 				0;
	display:				block;
	float: 					left;
}

div#image_container a img
{
	margin: 				0;
	padding: 				0;
}



/* Bildgalleri fullscreen 
------------------------------------------------------- */

div#overlay{
	width: 					100%;
	height: 				100%;
	position:				absolute;
	background: 			#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	top: 					0;
	left: 					0;
}

a#close_link
{
	position: 				absolute;
	top: 					1%;
	left: 					91%;
	color: 					#fff;
	color: 					#fff;
}


div#imageholder
{
	width: 					673px;
	height: 				518px;
	position: 				absolute;
	top: 					100px;
	left: 					50%;
	margin-left: 			-337px;
	background: 			#fff;
}

div#imageholder img{
	width: 					673px;
	height: 				518px;
	margin: 				0;
	padding: 				0;
}

a#left_arrow{
	position: 				absolute;
	top: 					630px;
	left: 					50%;
	margin-left: 			-350px;
	width: 					66px;
	height: 				65px;
	background: 			url(../img/left_arrow.png);
}

a#right_arrow{
	position: 				absolute;
	top: 					630px;
	left: 					50%;
	margin-left: 			280px;
	width: 					66px;
	height: 				65px;
	background: 			url(../img/right_arrow.png);
}

div#image_text{
	color: 					#fff;
	text-align:				center;
	width: 					480px;
	height: 				60px;
	position: 				absolute;
	top: 					630px;
	left: 					50%;
	margin-left: 			-240px;
	padding-top: 			10px;
	font-weight: 			bold;
	font-size: 				11px;
}


/* More info form 
----------------------------------------------- */
form#more-info-form{
    margin: 0;
    padding: 20px 0 0 0;
}

form#more-info-form p{
    margin: 0;
    padding: 0;
    display: block;
}

form#more-info-form input{
	background: 			url(../img/backgrounds/settings_form_bg.png) no-repeat;
	width: 					177px;
	height: 				15px;
	padding: 				0;
	font-size:				11px;
	border: 				1px solid #ccc;
	margin-right: 			50px;
	margin-bottom:			12px;
	border: 0;
}

form#more-info-form input.send{
    width: 79px;
    height: 39px;
    margin: 0;
    padding: 0;
    background: url(../img/send_button.png) no-repeat;
    border: 0;
}







/* CSS för contur-sidor
------------------------------------------------------------------ */


/* Iframe-relaterat
-------------------------------------- */

div#puff_full_width
{
	width: 					857px;
	height: 				404px;
	background: 			url(../img/backgrounds/bg_without_3puffs.png) no-repeat;
	margin-top:				40px;
	margin-left: 			59px;
	padding: 				0;
	overflow: 				hidden;
}

iframe.iframe_full_width
{
	width: 					857px;
	height: 				404px;
	margin: 				0;
	padding: 				0;
	background: 			transparent;
}

iframe.iframe_full_width_high
{
	width: 					857px;
	height: 				704px;
	margin: 				0;
	padding: 				0;
	background: 			      transparent;
}

div#puff_full_width_high
{
	width: 					857px;
	height: 				704px;
	background: 			url(../img/backgrounds/bg_without_3puffs_high.png) no-repeat;
	margin-top:				40px;
	margin-left: 			59px;
	padding: 				0;
	overflow: 				hidden;
}


/* Vänsterkolumnen
------------------------------------- */
div.left_col 
{
	margin: 				0Fpx 0px 48px 10px; /*top,right,bottom,left*/
	color: 					#5C5C5C;
	font-size: 				11px;
	width: 					360px;
	float: 					left;
}
div.left_col #download_img
{
	margin-top: 			12px;
}

div.one_col 
{
	margin-top: 			0px;
	margin-right:			0px;
	margin-bottom:			0px; 
	margin-left:			10px;
	color: 					#5C5C5C;
	font-size: 				11px;
	width: 					600px;
	float: 					left;
}

div.left_col a, div.one_col a
{
	color: 					#5C5C5C;
	text-decoration: 		underline;
}

div.left_col h3
{
	font-size: 				11px;
	font-style: 			italic;
	font-weight:			bold;
	margin-bottom:			10px;
	margin-top:				10px;
}

div.left_col span.list_heading
{
	float: 					left;
	margin-right: 			10px;
	width: 100px;

}

div.left_col #tutorial
{
	margin-left:			19px;
	padding-left:			0px;
	line-height: 			25px;
}

div.left_col #admin
{
	margin-left:			13px;
	padding-left:			0px;
	margin-bottom:			26px;
	width:					480px;
}
div.left_col #admin_text
{
	line-height:			15px;
}
div.left_col ul.projects
{
	float: 					left;
	list-style: 			none;
	margin-top: 			0px;
	margin-bottom: 			18px;
}

div.left_col ul.projects li a
{
	color: 					#5C5C5C;
	text-decoration: 		underline;
	display: 				block;
}

form#create_project
{
	width: 					350px;
	float: 					left;
	margin: 				0px;
	padding: 				0px;
}

form#create_project label
{
	width: 					120px;
	float: 					left;
	margin-top: 			3px;
}
form#create_project label.desc_label
{
	margin-top: 			10px;
}
/*form#create_project input.projectInput
{
	margin-bottom:			10px;
	background: 			#ccc;	
}*/
form#create_project input
{
	background: 			url(../img/backgrounds/settings_form_bg.png) no-repeat;
	width: 					177px;
	height: 				18px;
	margin-bottom: 			2px;
	padding: 				0;
	border: 				0;
	font-size:				11px;
}
form#create_project input.pro_submit
{
	background: 			url(../img/buttons/create_project.gif) no-repeat;
	width: 					27px;
	height: 				27px;
	position: 				relative;
	top: 					3px;
	cursor: 				pointer;
}

/*================================Registerform ========================================*/
form#register
{
	width: 					700px;
	float: 					left;
	margin-left:			6px;
	margin-top:				10px;
}
form#register label
{
	float: 					left;
	width: 					100px;
	margin-bottom:			12px;
	margin-top:				3px;

}

form#register select
{
	width: 					177px;
	float: 					none;
}

form#register input
{
	background: 			url(../img/backgrounds/settings_form_bg.png) no-repeat;
	float: 					left;
	width: 					177px;
	height: 				15px;
	padding: 				0;
	font-size:				11px;
	border: 				1px solid #ccc;
	margin-right: 			50px;
	margin-bottom:			12px;
}
/*form#register input.reg_submit
{
	margin-top: 			0px;
	border: 				1;
	width: 					20px;
	margin-right: 			10px;
}*/

form#register input.reg_checkbox
{	
	width: 					15px;
	height: 				15px;
	margin-right: 			10px;
	margin-bottom:			5px;
	margin-top:				3px;
	background-color: 		#666;
	border-style: 			hidden;
}
form#register label.reg_label
{	
	width: 					300px;
	margin-bottom:			8px;
}
form#register input.register_submit
{	
	width: 					145px;
	height: 				40px;
	background: 			url(../img/buttons/create_account.gif) no-repeat;
	border: 				none;
	margin-left: 			137px;
}
form#register input.send_submit
{	
	width: 					100px;
	height: 				40px;
	background: 			url(../img/buttons/send.png) no-repeat;
	border: 				none;
	margin-left: 			200px;
}

/*=====================================Register try form ========================================*/

form#register_try
{
	width: 					450px;
	margin-left:			16px;
	margin-top:				10px;
}

form#register_try label
{
	float: 					left;
	width: 					100px;
	margin-bottom:			12px;
	margin-top:				3px;

}

form#register_try input
{
	background: 			url(../img/backgrounds/settings_form_bg.png) no-repeat;
	width: 					177px;
	height: 				15px;
	padding: 				0;
	font-size:				11px;
	border: 				1px solid #ccc;
	margin-right: 			0px;
	margin-bottom:			0px;
	margin-left:			0px;
}
form#register_try input.regtry_checkbox
{	
	width: 					15px;
	height: 				15px;
	margin-right: 			10px;
	margin-bottom:			5px;
	margin-top:				3px;
	border-style: 			hidden;
	float: left;
}
form#register_try label.regtry_label
{	
	width: 					300px;
	margin-bottom:			8px;
}
form#register_try select
{	
	width: 					177px;
	margin-bottom:			8px;
	font-size: 11px;
}

form#register_try input.regtry_submit
{	
	width: 					150px;
	height: 				40px;
	background: 			url(../img/buttons/create_account.gif) no-repeat;
	border: 				none;
	margin-left: 			135px;
}

/*===============undermeny project===============*/

div.left_col .admin_menu_div
{
margin-top: 20px;
margin-right: 30px;
float: left;
}
div.left_col .admin_menu_div .admin_menu
{	
	list-style-type: 		none;
	height: 200px;
	width:	150px;

}
div.left_col .admin_menu_div .admin_menu a
{
	text-decoration: 		underline;

}
form#settings label
{
	width: 					100px;
	float: 					left;
}

form#settings input
{
	background: 			url(../img/backgrounds/settings_form_bg.png) no-repeat;
	width: 					177px;
	height: 				18px;
	margin: 				0;
	padding: 				0;
	border: 				0;
}

form#logged_in label
{
	width: 					100px;
	float: 					left;
}

form#logged_in div.left-col
{
	width: 					300px;
	float: 					left;
}

form#logged_in div.right-col
{
	width: 					300px;
	float: 					left;
}

form#logged_in input
{
	background: 			url(../img/backgrounds/settings_form_bg.png) no-repeat;
	width: 					177px;
	height: 				18px;
	margin: 				0;
	padding: 				0;
	border: 				0;
	
}

form#logged_in p
{
	line-height: 			15px;
	display: 				block;
	margin: 				0 0 8px 0;
	padding: 				0;
}

form#logged_in p input.cb
{
	width: 					20px;
	height: 				15px;
	background: 			0;
	display: 				inline;
	line-height: 			15px;
}

form#logged_in input#send
{
	width: 					78px;
	height: 				40px;
	background: 			url(../img/buttons/send.png) no-repeat;
	margin-left: 			200px;
}

form#logged_in select#country
{
	width: 					177px;
}



/* Högerkolumnen
------------------------------------- */
div.right_col 
{
	margin-top: 			13px;
	width: 					150px;
	float: 					left;
	margin-left: 			170px;
}
div.right_col .right_menu 
{
	list-style-type: 		none;
	margin-bottom:			100px;

}
div.right_col .right_menu a
{
	text-decoration: 		underline;

}
div.right_col h3
{
	font-size: 				11px;
	font-style: 			italic;	
	margin-bottom: 			10px;
}

div.right_col a
{
	color: 					#5C5C5C;
	text-decoration: 		underline;
	display: 				block;
}


/* Marginaler för ul-listor
---------------------------------------------- */

ul{
    list-style-type: disc;
    padding-left: 40px;
}