/*
	//************************************************************
	//************************************************************
	//**  Copyright Encentra 2007								**
	//**  www.encentra.se										**
	//**  konsult: Johan Rufus Lagerström						**
	//**  johan(a)encentra.se									**
	//************************************************************
	//************************************************************
	*/

	/* body */
	body {
		margin: 10px 0px 40px 0px;
		padding: 0;
		background: #ffffff url('bg2.jpg') top center repeat;
		background-attachment: scroll;
		text-align: center;
	}

	
	/* fonten */
	*{
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		color: #303030;
		
	}
	
	div.kategori {
			 width: 400px;
			 padding:10px 10px 10px 20px;
			
			 font-size: 22px;
			 font-weight: bold;
			 background-color: #f9f9f9;
			
			 border-bottom: solid #ededed;
			 border-right: solid #ededed;
			 border-width: 3px;
			 margin: 50px 0 20px 0;
 	} 
 	div.steg {
		margin:10px 20px 40px 20px;
	}
	
	div.breakpoint{
		margin:40px; 0px;
	}
	
	div.c_add_h1 {
		font-size: 30px;
		margin: 0 0 0 0;
		text-align: center;
		font-weight: normal;
	}
	
	
	div.c_add_logout {
		margin: 0 0 30px 145px;
		text-align: left;
	}
	div.c_add_logout a{
		font-size: 10px;
		font-weight: normal;
		text-decoration : none;	
	}	
	div.c_add_logout a:hover{
		text-decoration: underline;	
	}	

	
	/* huvuddelen av sidan */
	div#wrap {
		background: #ffffff;

		margin: 0px auto;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
		padding-bottom: 0px;
		
		width: 710px;
		text-align: left;
	}
	
	
	/* feltexter */
	div.feltext {
		background: #fff6f6 url('bg3.jpg') top center repeat;
		margin: 0px auto;
		margin-bottom: 25px;
		padding: 25px;
		font-size: 11px;
		font-weight: normal;
		width: 550px;
		text-align: left;
		border: solid #ffd6d6;
		border-width: 1px;
	}
	
	/* mailet skickades bra */
	div.mailoktext {
		background: #ecffe8 url('bg4.jpg') top center repeat;
		margin: 0px auto;
		margin-bottom: 25px;
		padding: 25px;
		font-size: 11px;
		font-weight: normal;
		width: 550px;
		text-align: left;
		border: solid #ddffd6;
		border-width: 1px;
		text-align: center;
	}	
	
	/* punktöverskrifterna */
	div.title {
		font-size: 12px;
		font-weight: bold;
		width: 550px;
		
		margin-bottom: 10px;
		
		border-top: solid #e1e0e0;
		border-left: solid #e1e0e0;
		border-width: 3px;	
	}

	
	div.steguk {
		float: right;
		height: 150px;
		width: 150px;
		background-image:url('blaffa.jpg');
		background-repeat:no-repeat;
	}
	
	/* introduktion */
	div.introduktion {
		background: #ffffff;
		margin: 0px 0px 40px 0px;
		padding-left: 25px;
		padding-right: 25px;
	}	
	
	div.introtitle {
		font-size: 12px;
		font-weight: bold;
		width: 550px;
		
		margin-bottom: 10px;	
	}
	
	div.snabbtxt {
		background: #ecffe8 url('bg4.jpg') top center repeat;
		width: 450px;
		padding: 10px;
		border: solid #ddffd6;
		border-width: 1px;
	
	}
	
	/* fet/italic */
	span.fettxt {
		font-weight: bold;	
	}
	span.kursivtxt {
		font-style: italic;	
	}
	div.notis {
		margin: 0px 0px 10px 0px;
		font-size: 9px;
		font-style: italic;	
	}
	
	/* clear float */
	div#clearfloat {
		clear:both;
	}
	
	
	.kuvertimg {
		margin: 10px 0px 10px 0px;
	}
	
	
	
	
	.toggle{ margin:10px 0px; border:1px dotted #CFCFCF; }
		.toggle:hover{ background:#F6F6FF; }
				.toggle span{ display:none; }
				.toggle div, .addon{
					display:block;
					cursor:pointer;
					font-weight:bold;
					color:#3F3F3F;
					width:100%;
				}

	.info_success { color: green;  }
		
	.info_btn, .quick_btn{
		float:right;
		position:relative;
		cursor:pointer;
		margin:0px 5px;
	}
	.info_btn{ 
				height:38px;
				margin-top:2px;
				margin-left:20px;
	 }	
	.quick_btn{ 
				height:38px;
	 }	
	
	div.message{
		position:absolute;
		padding:10px 30px;
		z-index:100;
		border:2px dotted #5f5f5f;
		background-color:#ECFFE8;
		width:340px;
		display:none;
	}
	
	.input{ float:left; }
		
		
	th{ font-weight:bold; }
	
	
	
	.box{
		overflow:hidden;
		 width:500px;
		padding:5px 20px;
		margin-left:17%;
		margin-right:17%;
		padding-bottom:20px;
		top:150px; left:0px;
		position:absolute;
		z-index:100;
	
	}
	.popup_top{
		background-image:url('/images/ogram/productpop_top.gif');background-repeat:no-repeat;
		width:500px;height:21px; 
	}
	.popup_bot{
		background-image:url('/images/ogram/productpop_bot.gif');background-repeat:no-repeat;
		width:500px;height:21px; 
	}
	.popup_content{
		background-image:url('/images/ogram/productpop_body.gif');background-repeat:repeat-y;
		position:relative;
		width:440px;
		padding:5px 30px;
	}
	.opaque{
	position:fixed;
	left:0px; top:0px;
	width:100%;height:100%;
	background-color:#646464;
	opacity: .5;
	z-index:30;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	}
	* html .opaque{
		position:absolute; display:block;
	}
	
	
	
	#close_popup{
		color:#3d3dFd;
		cursor:pointer;
	}
	
	
	
	.clearfix{
		zoom: 1; 
		content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden; 
	    font-size:0px;
	    line-height:0px;
	    height:0px;
	}
  .clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
    }